Skip to content

Commit fc7ba24

Browse files
tayseataysea
authored
Pull in updated color names (#4698)
* Pull in updated color names * Create good-gorillas-suffer.md
1 parent daa3592 commit fc7ba24

File tree

4 files changed

+168
-162
lines changed

4 files changed

+168
-162
lines changed

‎.changeset/good-gorillas-suffer.md

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
"hpe-design-tokens": minor
3+
---
4+
5+
- Renamed `color.background.primary.default` --> `color.background.primary.strong`
6+
- Renamed `color.background.selected.strong.enabled` --> `color.background.selected.primary.strong`
7+
- Renamed `color.background.selected.strong.hover` --> `color.background.selected.primary.strong.hover`
8+
- Renamed `color.background.selected.weak.enabled` --> `color.background.selected.primary.weak`
9+
- Renamed `color.background.selected.weak.hover` --> `color.background.selected.primary.weak.hover`
10+
- Renamed `color.text.onPrimary` --> `color.text.onPrimaryStrong`
11+
- Renamed `color.text.heading.default` --> `color.text.heading`
12+
- Renamed `color.text.onSelectedStrong` --> `color.text.onSelectedPrimaryStrong`
13+
- Renamed `color.text.onSelected` --> `color.text.onSelectedPrimary`
14+
- Renamed `color.text.onStrong.default` --> `color.text.onStrong`
15+
- Renamed `color.text.onCritical.default` --> `color.text.onCritical`
16+
- Renamed `color.text.onWarning.default` --> `color.text.onWarning`
17+
- Renamed `color.text.onOk.default` --> `color.text.onOk`
18+
- Renamed `color.text.onInfo.default` --> `color.text.onInfo`
19+
- Renamed `color.text.onUnknown.default` --> `color.text.onUnknown`
20+
- Renamed `color.icon.onPrimary` --> `color.icon.onPrimaryStrong`
21+
- Renamed `color.icon.onSelectedStrong` --> `color.icon.onSelectedPrimaryStrong`
22+
- Renamed `color.icon.onSelected` --> `color.icon.onSelectedPrimary`

‎design-tokens/tokens/component/component.default.json

+28-28
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,15 @@
1212
"position": 0
1313
},
1414
{
15-
"color": "{color.background.primary.default.REST}",
15+
"color": "{color.background.primary.strong.REST}",
1616
"position": 0.35
1717
},
1818
{
1919
"color": "{color.transparent}",
2020
"position": 0.7
2121
},
2222
{
23-
"color": "{color.background.primary.default.REST}",
23+
"color": "{color.background.primary.strong.REST}",
2424
"position": 1
2525
}
2626
]
@@ -48,7 +48,7 @@
4848
},
4949
"textColor": {
5050
"$type": "color",
51-
"$value": "{color.text.onPrimary.DEFAULT.REST}",
51+
"$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
5252
"$description": "",
5353
"$extensions": {
5454
"com.figma": {
@@ -60,7 +60,7 @@
6060
},
6161
"iconColor": {
6262
"$type": "color",
63-
"$value": "{color.icon.onPrimary.DEFAULT.REST}",
63+
"$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
6464
"$description": "",
6565
"$extensions": {
6666
"com.figma": {
@@ -84,7 +84,7 @@
8484
},
8585
"backgroundColor": {
8686
"$type": "color",
87-
"$value": "{color.background.primary.default.REST}",
87+
"$value": "{color.background.primary.strong.REST}",
8888
"$description": "",
8989
"$extensions": {
9090
"com.figma": {
@@ -186,7 +186,7 @@
186186
},
187187
"textColor": {
188188
"$type": "color",
189-
"$value": "{color.text.onPrimary.DEFAULT.REST}",
189+
"$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
190190
"$description": "",
191191
"$extensions": {
192192
"com.figma": {
@@ -198,7 +198,7 @@
198198
},
199199
"iconColor": {
200200
"$type": "color",
201-
"$value": "{color.icon.onPrimary.DEFAULT.REST}",
201+
"$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
202202
"$description": "",
203203
"$extensions": {
204204
"com.figma": {
@@ -1404,7 +1404,7 @@
14041404
},
14051405
"borderColor": {
14061406
"$type": "color",
1407-
"$value": "{color.background.primary.default.REST}",
1407+
"$value": "{color.background.primary.strong.REST}",
14081408
"$description": "",
14091409
"$extensions": {
14101410
"com.figma": {
@@ -6206,7 +6206,7 @@
62066206
"rest": {
62076207
"background": {
62086208
"$type": "color",
6209-
"$value": "{color.background.selected.weak.enabled.DEFAULT.REST}",
6209+
"$value": "{color.background.selected.primary.weak.REST}",
62106210
"$description": "",
62116211
"$extensions": {
62126212
"com.figma": {
@@ -6230,7 +6230,7 @@
62306230
},
62316231
"textColor": {
62326232
"$type": "color",
6233-
"$value": "{color.text.onSelected.DEFAULT.REST}",
6233+
"$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
62346234
"$description": "",
62356235
"$extensions": {
62366236
"com.figma": {
@@ -6256,7 +6256,7 @@
62566256
"hover": {
62576257
"background": {
62586258
"$type": "color",
6259-
"$value": "{color.background.selected.weak.hover}",
6259+
"$value": "{color.background.selected.primary.weak.hover}",
62606260
"$description": "",
62616261
"$extensions": {
62626262
"com.figma": {
@@ -6280,7 +6280,7 @@
62806280
},
62816281
"textColor": {
62826282
"$type": "color",
6283-
"$value": "{color.text.onSelected.DEFAULT.REST}",
6283+
"$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
62846284
"$description": "",
62856285
"$extensions": {
62866286
"com.figma": {
@@ -6404,7 +6404,7 @@
64046404
"rest": {
64056405
"background": {
64066406
"$type": "color",
6407-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6407+
"$value": "{color.background.selected.primary.strong.REST}",
64086408
"$description": "",
64096409
"$extensions": {
64106410
"com.figma": {
@@ -6428,7 +6428,7 @@
64286428
},
64296429
"iconColor": {
64306430
"$type": "color",
6431-
"$value": "{color.icon.onSelectedStrong.DEFAULT.REST}",
6431+
"$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
64326432
"$description": "",
64336433
"$extensions": {
64346434
"com.figma": {
@@ -6442,7 +6442,7 @@
64426442
"hover": {
64436443
"background": {
64446444
"$type": "color",
6445-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6445+
"$value": "{color.background.selected.primary.strong.REST}",
64466446
"$description": "",
64476447
"$extensions": {
64486448
"com.figma": {
@@ -6466,7 +6466,7 @@
64666466
},
64676467
"iconColor": {
64686468
"$type": "color",
6469-
"$value": "{color.icon.onSelectedStrong.DEFAULT.REST}",
6469+
"$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
64706470
"$description": "",
64716471
"$extensions": {
64726472
"com.figma": {
@@ -6482,7 +6482,7 @@
64826482
"rest": {
64836483
"background": {
64846484
"$type": "color",
6485-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6485+
"$value": "{color.background.selected.primary.strong.REST}",
64866486
"$description": "",
64876487
"$extensions": {
64886488
"com.figma": {
@@ -6506,7 +6506,7 @@
65066506
},
65076507
"iconColor": {
65086508
"$type": "color",
6509-
"$value": "{color.icon.onPrimary.DEFAULT.REST}",
6509+
"$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
65106510
"$description": "",
65116511
"$extensions": {
65126512
"com.figma": {
@@ -6520,7 +6520,7 @@
65206520
"hover": {
65216521
"background": {
65226522
"$type": "color",
6523-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6523+
"$value": "{color.background.selected.primary.strong.REST}",
65246524
"$description": "",
65256525
"$extensions": {
65266526
"com.figma": {
@@ -6544,7 +6544,7 @@
65446544
},
65456545
"iconColor": {
65466546
"$type": "color",
6547-
"$value": "{color.icon.onPrimary.DEFAULT.REST}",
6547+
"$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
65486548
"$description": "",
65496549
"$extensions": {
65506550
"com.figma": {
@@ -6793,7 +6793,7 @@
67936793
"rest": {
67946794
"background": {
67956795
"$type": "color",
6796-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6796+
"$value": "{color.background.selected.primary.strong.REST}",
67976797
"$description": "",
67986798
"$extensions": {
67996799
"com.figma": {
@@ -6819,7 +6819,7 @@
68196819
"hover": {
68206820
"background": {
68216821
"$type": "color",
6822-
"$value": "{color.background.selected.strong.enabled.DEFAULT.REST}",
6822+
"$value": "{color.background.selected.primary.strong.REST}",
68236823
"$description": "",
68246824
"$extensions": {
68256825
"com.figma": {
@@ -7435,7 +7435,7 @@
74357435
"rest": {
74367436
"textColor": {
74377437
"$type": "color",
7438-
"$value": "{color.text.onSelected.DEFAULT.REST}",
7438+
"$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
74397439
"$description": "",
74407440
"$extensions": {
74417441
"com.figma": {
@@ -7447,7 +7447,7 @@
74477447
},
74487448
"iconColor": {
74497449
"$type": "color",
7450-
"$value": "{color.icon.onSelected.DEFAULT.REST}",
7450+
"$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
74517451
"$description": "",
74527452
"$extensions": {
74537453
"com.figma": {
@@ -7471,7 +7471,7 @@
74717471
},
74727472
"background": {
74737473
"$type": "color",
7474-
"$value": "{color.background.selected.weak.enabled.DEFAULT.REST}",
7474+
"$value": "{color.background.selected.primary.weak.REST}",
74757475
"$description": "",
74767476
"$extensions": {
74777477
"com.figma": {
@@ -7485,7 +7485,7 @@
74857485
"hover": {
74867486
"textColor": {
74877487
"$type": "color",
7488-
"$value": "{color.text.onSelected.DEFAULT.REST}",
7488+
"$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
74897489
"$description": "",
74907490
"$extensions": {
74917491
"com.figma": {
@@ -7497,7 +7497,7 @@
74977497
},
74987498
"iconColor": {
74997499
"$type": "color",
7500-
"$value": "{color.icon.onSelected.DEFAULT.REST}",
7500+
"$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
75017501
"$description": "",
75027502
"$extensions": {
75037503
"com.figma": {
@@ -7521,7 +7521,7 @@
75217521
},
75227522
"background": {
75237523
"$type": "color",
7524-
"$value": "{color.background.selected.weak.hover}",
7524+
"$value": "{color.background.selected.primary.weak.hover}",
75257525
"$description": "",
75267526
"$extensions": {
75277527
"com.figma": {

0 commit comments

Comments
 (0)