@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/JSObject--allTokens.js +2124 -0
  5. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  6. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  7. package/dist/alaska/primitives--alaska.scss +215 -0
  8. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  9. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  10. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  11. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  12. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  13. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  14. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  15. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  16. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  19. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  21. package/dist/hawaiian/JSObject--allTokens.js +2124 -0
  22. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  23. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  24. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  25. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  26. package/package.json +5 -3
  27. package/src/primitives/alaska/color.json +796 -0
  28. package/src/primitives/alaska/typography.json +27 -0
  29. package/src/primitives/base/color.json +489 -0
  30. package/src/primitives/base/transparency.json +183 -0
  31. package/src/primitives/base/typography.json +210 -0
  32. package/src/primitives/hawaiian/color.json +508 -0
  33. package/src/primitives/hawaiian/typography.json +28 -0
  34. package/src/themes/alaska/color.json +394 -0
  35. package/src/themes/alaska/typography.json +132 -0
  36. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  37. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  38. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  39. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  40. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  41. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  42. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  43. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  44. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  45. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  46. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  47. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  48. package/src/themes/auro-classic/comments.json +50 -0
  49. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  50. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  51. package/src/{asset → themes/auro-classic}/font.json +10 -5
  52. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  53. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  54. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  55. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  56. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  57. package/src/themes/auro-classic/size/scale.json +347 -0
  58. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  59. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  60. package/src/themes/hawaiian/color.json +394 -0
  61. package/src/themes/hawaiian/typography.json +132 -0
  62. package/src/themes/transparent/color/alert.json +7 -0
  63. package/src/themes/transparent/color/background.json +30 -2
  64. package/src/themes/transparent/color/base.json +156 -0
  65. package/src/themes/transparent/color/border.json +36 -0
  66. package/src/themes/transparent/color/brand.json +167 -36
  67. package/src/themes/transparent/color/container.json +50 -0
  68. package/src/themes/transparent/color/icon.json +65 -0
  69. package/src/themes/transparent/color/text.json +30 -0
  70. package/src/themes/transparent/color/tier.json +22 -1
  71. package/src/themes/transparent/color/ui.json +12 -1
  72. package/src/themes/transparent/color/utility.json +30 -0
  73. package/src/themes/transparent/elevation.json +3 -0
  74. package/dist/tokens/JSObject--deprecated.js +0 -3157
  75. package/dist/tokens/SCSSVariables.scss +0 -1372
  76. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  77. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  78. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  79. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  80. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  81. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  82. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  83. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  84. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  85. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  86. package/src/animation.json +0 -21
  87. package/src/color/ui.json +0 -125
  88. package/src/color-darkmode/base.json +0 -24
  89. package/src/color-darkmode/border.json +0 -32
  90. package/src/color-darkmode/icon.json +0 -32
  91. package/src/color-darkmode/text.json +0 -71
  92. package/src/color-darkmode/tier.json +0 -34
  93. package/src/comments.json +0 -34
  94. package/src/grid-breakpoint.json +0 -29
  95. package/src/grid-column.json +0 -29
  96. package/src/size/scale.json +0 -240
  97. package/src/size/unitless-scale.json +0 -82
  98. package/src/themes/excursion/asset/font.json +0 -35
  99. package/src/themes/excursion/color/alert.json +0 -90
  100. package/src/themes/excursion/color/background.json +0 -280
  101. package/src/themes/excursion/color/base.json +0 -1303
  102. package/src/themes/excursion/color/border.json +0 -288
  103. package/src/themes/excursion/color/brand.json +0 -1549
  104. package/src/themes/excursion/color/container.json +0 -464
  105. package/src/themes/excursion/color/excursion.json +0 -254
  106. package/src/themes/excursion/color/icon.json +0 -476
  107. package/src/themes/excursion/color/text.json +0 -270
  108. package/src/themes/excursion/color/tier.json +0 -180
  109. package/src/themes/excursion/comments.json +0 -34
  110. package/src/themes/excursion/depth copy.json +0 -22
  111. package/src/themes/excursion/elevation.json +0 -22
  112. package/src/themes/excursion/grid-gutter.json +0 -29
  113. package/src/themes/excursion/grid-margin.json +0 -29
  114. package/src/themes/excursion/size/radius.json +0 -9
  115. package/src/themes/excursion/size/scale.json +0 -234
  116. package/src/themes/excursion/size/unitless-scale.json +0 -82
  117. package/src/themes/excursion/text.json +0 -572
  118. package/src/themes/hawaiian/color/background.json +0 -15
  119. package/src/themes/hawaiian/color/border.json +0 -18
  120. package/src/themes/hawaiian/color/container.json +0 -56
  121. package/src/themes/hawaiian/color/icon.json +0 -24
  122. package/src/themes/hawaiian/color/text.json +0 -44
package/src/themes/transparent/color/icon.json CHANGED
@@ -4,6 +4,7 @@
4
4
  "primary": {
5
5
  "default": {
6
6
  "value": "{color.base.gray.700.value}",
7
+ "type": "semantic",
7
8
  "public": true,
8
9
  "default": true,
9
10
  "usage": "Primary color for icons on light backgrounds",
@@ -12,6 +13,7 @@
12
13
  },
13
14
  "inverse": {
14
15
  "value": "{color.brand.gray.100.value}",
16
+ "type": "semantic",
15
17
  "public": true,
16
18
  "inverse": true,
17
19
  "usage": "Primary color for icons on dark backgrounds",
@@ -22,6 +24,7 @@
22
24
  "secondary": {
23
25
  "default": {
24
26
  "value": "{color.brand.neutral.600.value}",
27
+ "type": "semantic",
25
28
  "public": true,
26
29
  "default": true,
27
30
  "usage": "Secondary color for icons on light backgrounds",
@@ -30,6 +33,7 @@
30
33
  },
31
34
  "inverse": {
32
35
  "value": "{color.brand.neutral.300.value}",
36
+ "type": "semantic",
33
37
  "public": true,
34
38
  "inverse": true,
35
39
  "usage": "Secondary color for icons on dark backgrounds",
@@ -40,6 +44,7 @@
40
44
  "tertiary": {
41
45
  "default": {
42
46
  "value": "{color.brand.neutral.400.value}",
47
+ "type": "semantic",
43
48
  "public": true,
44
49
  "default": true,
45
50
  "usage": "Tertiary color for icons on light backgrounds",
@@ -48,6 +53,7 @@
48
53
  },
49
54
  "inverse": {
50
55
  "value": "{color.brand.neutral.500.value}",
56
+ "type": "semantic",
51
57
  "public": true,
52
58
  "inverse": true,
53
59
  "usage": "Tertiary color for icons on dark backgrounds",
@@ -58,6 +64,7 @@
58
64
  "emphasis": {
59
65
  "default": {
60
66
  "value": "{color.base.gray.1000.value}",
67
+ "type": "semantic",
61
68
  "public": true,
62
69
  "default": true,
63
70
  "usage": "Emphasis or darkest icon color on light backgrounds",
@@ -66,6 +73,7 @@
66
73
  },
67
74
  "inverse": {
68
75
  "value": "{color.base.white.value}",
76
+ "type": "semantic",
69
77
  "public": true,
70
78
  "inverse": true,
71
79
  "usage": "Emphasis or lightest icon color on dark backgrounds",
@@ -76,6 +84,7 @@
76
84
  "accent": {
77
85
  "default": {
78
86
  "value": "{color.brand.lime.400.value}",
87
+ "type": "semantic",
79
88
  "public": true,
80
89
  "default": true,
81
90
  "usage": "Accent color for icon color on light backgrounds",
@@ -84,6 +93,7 @@
84
93
  },
85
94
  "inverse": {
86
95
  "value": "{color.brand.lime.300.value}",
96
+ "type": "semantic",
87
97
  "public": true,
88
98
  "inverse": true,
89
99
  "usage": "Accent color for icon color on dark backgrounds",
@@ -94,6 +104,7 @@
94
104
  "info": {
95
105
  "default": {
96
106
  "value": "{color.brand.navy.700.value}",
107
+ "type": "semantic",
97
108
  "public": true,
98
109
  "default": true,
99
110
  "usage": "Info icon color on light backgrounds",
@@ -102,6 +113,7 @@
102
113
  },
103
114
  "inverse": {
104
115
  "value": "{color.brand.navy.400.value}",
116
+ "type": "semantic",
105
117
  "public": true,
106
118
  "inverse": true,
107
119
  "usage": "Info icon color on dark backgrounds",
@@ -112,6 +124,7 @@
112
124
  "error": {
113
125
  "default": {
114
126
  "value": "{color.base.error.400.value}",
127
+ "type": "semantic",
115
128
  "public": true,
116
129
  "default": true,
117
130
  "usage": "Error icon color on light backgrounds",
@@ -120,6 +133,7 @@
120
133
  },
121
134
  "inverse": {
122
135
  "value": "{color.base.error.200.value}",
136
+ "type": "semantic",
123
137
  "public": true,
124
138
  "inverse": true,
125
139
  "usage": "Error icon color on dark backgrounds",
@@ -130,6 +144,7 @@
130
144
  "warning": {
131
145
  "default": {
132
146
  "value": "{color.base.warning.300.value}",
147
+ "type": "semantic",
133
148
  "public": true,
134
149
  "default": true,
135
150
  "usage": "Warning icon color on light backgrounds",
@@ -138,6 +153,7 @@
138
153
  },
139
154
  "inverse": {
140
155
  "value": "{color.base.warning.200.value}",
156
+ "type": "semantic",
141
157
  "public": true,
142
158
  "inverse": true,
143
159
  "usage": "Warning icon color on dark backgrounds",
@@ -148,6 +164,7 @@
148
164
  "success": {
149
165
  "default": {
150
166
  "value": "{color.base.success.300.value}",
167
+ "type": "semantic",
151
168
  "public": true,
152
169
  "default": true,
153
170
  "usage": "Success icon color on light backgrounds",
@@ -156,6 +173,7 @@
156
173
  },
157
174
  "inverse": {
158
175
  "value": "{color.base.success.200.value}",
176
+ "type": "semantic",
159
177
  "public": true,
160
178
  "inverse": true,
161
179
  "usage": "Success icon color on dark backgrounds",
@@ -166,6 +184,7 @@
166
184
  "subtle": {
167
185
  "default": {
168
186
  "value": "{color.brand.blue.300.value}",
187
+ "type": "semantic",
169
188
  "public": true,
170
189
  "default": true,
171
190
  "usage": "Subtle icon color on light backgrounds",
@@ -174,6 +193,7 @@
174
193
  },
175
194
  "inverse": {
176
195
  "value": "{color.brand.navy.700.value}",
196
+ "type": "semantic",
177
197
  "public": true,
178
198
  "inverse": true,
179
199
  "usage": "Subtle icon color on dark backgrounds",
@@ -186,6 +206,7 @@
186
206
  "default": {
187
207
  "default": {
188
208
  "value": "{color.brand.blue.700.value}",
209
+ "type": "semantic",
189
210
  "public": true,
190
211
  "default": true,
191
212
  "usage": "Default color for UI icons on light backgrounds",
@@ -194,6 +215,7 @@
194
215
  },
195
216
  "inverse": {
196
217
  "value": "{color.brand.cyan.400.value}",
218
+ "type": "semantic",
197
219
  "public": true,
198
220
  "inverse": true,
199
221
  "usage": "Default color for UI icons on dark backgrounds",
@@ -204,6 +226,7 @@
204
226
  "hover": {
205
227
  "default": {
206
228
  "value": "{color.brand.blue.900.value}",
229
+ "type": "semantic",
207
230
  "public": true,
208
231
  "default": true,
209
232
  "usage": "Hover color for UI icons on light backgrounds",
@@ -212,6 +235,7 @@
212
235
  },
213
236
  "inverse": {
214
237
  "value": "{color.brand.cyan.200.value}",
238
+ "type": "semantic",
215
239
  "public": true,
216
240
  "inverse": true,
217
241
  "usage": "Hover color for UI icons on dark backgrounds",
@@ -222,6 +246,7 @@
222
246
  "active": {
223
247
  "default": {
224
248
  "value": "{color.brand.blue.800.value}",
249
+ "type": "semantic",
225
250
  "public": true,
226
251
  "default": true,
227
252
  "usage": "Active color for UI icons on light backgrounds",
@@ -230,6 +255,7 @@
230
255
  },
231
256
  "inverse": {
232
257
  "value": "{color.brand.cyan.300.value}",
258
+ "type": "semantic",
233
259
  "public": true,
234
260
  "inverse": true,
235
261
  "usage": "Active color for UI icons on dark backgrounds",
@@ -240,6 +266,7 @@
240
266
  "disabled": {
241
267
  "default": {
242
268
  "value": "{color.brand.gray.400.value}",
269
+ "type": "semantic",
243
270
  "public": true,
244
271
  "default": true,
245
272
  "usage": "Disabled color for UI icons on light backgrounds",
@@ -248,6 +275,7 @@
248
275
  },
249
276
  "inverse": {
250
277
  "value": "{color.brand.gray.600.value}",
278
+ "type": "semantic",
251
279
  "public": true,
252
280
  "inverse": true,
253
281
  "usage": "Disabled color for UI icons on dark backgrounds",
@@ -258,6 +286,7 @@
258
286
  "focus": {
259
287
  "default": {
260
288
  "value": "{color.brand.blue.700.value}",
289
+ "type": "semantic",
261
290
  "public": true,
262
291
  "default": true,
263
292
  "usage": "Focus color for UI icons on light backgrounds",
@@ -266,6 +295,7 @@
266
295
  },
267
296
  "inverse": {
268
297
  "value": "{color.brand.cyan.400.value}",
298
+ "type": "semantic",
269
299
  "public": true,
270
300
  "inverse": true,
271
301
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -278,6 +308,7 @@
278
308
  "active": {
279
309
  "default": {
280
310
  "value": "{color.brand.gray.700.value}",
311
+ "type": "semantic",
281
312
  "public": true,
282
313
  "default": true,
283
314
  "usage": "Focus color for UI icons on light backgrounds",
@@ -286,6 +317,7 @@
286
317
  },
287
318
  "inverse": {
288
319
  "value": "{color.brand.gray.300.value}",
320
+ "type": "semantic",
289
321
  "public": true,
290
322
  "inverse": true,
291
323
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -296,6 +328,7 @@
296
328
  "default": {
297
329
  "default": {
298
330
  "value": "{color.brand.gray.600.value}",
331
+ "type": "semantic",
299
332
  "public": true,
300
333
  "default": true,
301
334
  "usage": "Focus color for UI icons on light backgrounds",
@@ -304,6 +337,7 @@
304
337
  },
305
338
  "inverse": {
306
339
  "value": "{color.brand.gray.400.value}",
340
+ "type": "semantic",
307
341
  "public": true,
308
342
  "inverse": true,
309
343
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -314,6 +348,7 @@
314
348
  "disabled": {
315
349
  "default": {
316
350
  "value": "{color.brand.gray.400.value}",
351
+ "type": "semantic",
317
352
  "public": true,
318
353
  "default": true,
319
354
  "usage": "Focus color for UI icons on light backgrounds",
@@ -322,6 +357,7 @@
322
357
  },
323
358
  "inverse": {
324
359
  "value": "{color.brand.gray.600.value}",
360
+ "type": "semantic",
325
361
  "public": true,
326
362
  "inverse": true,
327
363
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -332,6 +368,7 @@
332
368
  "focus": {
333
369
  "default": {
334
370
  "value": "{color.brand.gray.600.value}",
371
+ "type": "semantic",
335
372
  "public": true,
336
373
  "default": true,
337
374
  "usage": "Focus color for UI icons on light backgrounds",
@@ -340,6 +377,7 @@
340
377
  },
341
378
  "inverse": {
342
379
  "value": "{color.brand.gray.400.value}",
380
+ "type": "semantic",
343
381
  "public": true,
344
382
  "inverse": true,
345
383
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -350,6 +388,7 @@
350
388
  "hover": {
351
389
  "default": {
352
390
  "value": "{color.brand.gray.800.value}",
391
+ "type": "semantic",
353
392
  "public": true,
354
393
  "default": true,
355
394
  "usage": "Focus color for UI icons on light backgrounds",
@@ -358,6 +397,7 @@
358
397
  },
359
398
  "inverse": {
360
399
  "value": "{color.brand.gray.200.value}",
400
+ "type": "semantic",
361
401
  "public": true,
362
402
  "inverse": true,
363
403
  "usage": "Focus color for UI icons on dark backgrounds",
@@ -371,6 +411,7 @@
371
411
  "red": {
372
412
  "default": {
373
413
  "value": "{color.brand.red.700.value}",
414
+ "type": "semantic",
374
415
  "public": true,
375
416
  "default": true,
376
417
  "usage": "Brand color for red icons on light backgrounds",
@@ -379,6 +420,7 @@
379
420
  },
380
421
  "inverse": {
381
422
  "value": "{color.brand.red.500.value}",
423
+ "type": "semantic",
382
424
  "public": true,
383
425
  "inverse": true,
384
426
  "usage": "Brand color for red icons on dark backgrounds",
@@ -389,6 +431,7 @@
389
431
  "yellow": {
390
432
  "default": {
391
433
  "value": "{color.brand.yellow.700.value}",
434
+ "type": "semantic",
392
435
  "public": true,
393
436
  "default": true,
394
437
  "usage": "Brand color for yellow icons on light backgrounds",
@@ -397,6 +440,7 @@
397
440
  },
398
441
  "inverse": {
399
442
  "value": "{color.brand.yellow.300.value}",
443
+ "type": "semantic",
400
444
  "public": true,
401
445
  "inverse": true,
402
446
  "usage": "Brand color for yellow icons on dark backgrounds",
@@ -407,6 +451,7 @@
407
451
  "pink": {
408
452
  "default": {
409
453
  "value": "{color.brand.pink.700.value}",
454
+ "type": "semantic",
410
455
  "public": true,
411
456
  "default": true,
412
457
  "usage": "Brand color for pink icons on light backgrounds",
@@ -415,6 +460,7 @@
415
460
  },
416
461
  "inverse": {
417
462
  "value": "{color.brand.pink.500.value}",
463
+ "type": "semantic",
418
464
  "public": true,
419
465
  "inverse": true,
420
466
  "usage": "Brand color for pink icons on dark backgrounds",
@@ -425,6 +471,7 @@
425
471
  "purple": {
426
472
  "default": {
427
473
  "value": "{color.brand.purple.700.value}",
474
+ "type": "semantic",
428
475
  "public": true,
429
476
  "default": true,
430
477
  "usage": "Brand color for purple icons on light backgrounds",
@@ -433,6 +480,7 @@
433
480
  },
434
481
  "inverse": {
435
482
  "value": "{color.brand.purple.500.value}",
483
+ "type": "semantic",
436
484
  "public": true,
437
485
  "inverse": true,
438
486
  "usage": "Brand color for purple icons on dark backgrounds",
@@ -443,6 +491,7 @@
443
491
  "lime": {
444
492
  "default": {
445
493
  "value": "{color.brand.lime.700.value}",
494
+ "type": "semantic",
446
495
  "public": true,
447
496
  "default": true,
448
497
  "usage": "Brand color for lime icons on light backgrounds",
@@ -451,6 +500,7 @@
451
500
  },
452
501
  "inverse": {
453
502
  "value": "{color.brand.lime.300.value}",
503
+ "type": "semantic",
454
504
  "public": true,
455
505
  "inverse": true,
456
506
  "usage": "Brand color for lime icons on dark backgrounds",
@@ -461,6 +511,7 @@
461
511
  "green": {
462
512
  "default": {
463
513
  "value": "{color.brand.green.700.value}",
514
+ "type": "semantic",
464
515
  "public": true,
465
516
  "default": true,
466
517
  "usage": "Brand color for green icons on light backgrounds",
@@ -469,6 +520,7 @@
469
520
  },
470
521
  "inverse": {
471
522
  "value": "{color.brand.green.500.value}",
523
+ "type": "semantic",
472
524
  "public": true,
473
525
  "inverse": true,
474
526
  "usage": "Brand color for green icons on dark backgrounds",
@@ -479,6 +531,7 @@
479
531
  "turquoise": {
480
532
  "default": {
481
533
  "value": "{color.brand.turquoise.700.value}",
534
+ "type": "semantic",
482
535
  "public": true,
483
536
  "default": true,
484
537
  "usage": "Brand color for turquoise icons on light backgrounds",
@@ -487,6 +540,7 @@
487
540
  },
488
541
  "inverse": {
489
542
  "value": "{color.brand.turquoise.500.value}",
543
+ "type": "semantic",
490
544
  "public": true,
491
545
  "inverse": true,
492
546
  "usage": "Brand color for turquoise icons on dark backgrounds",
@@ -497,6 +551,7 @@
497
551
  "navy": {
498
552
  "default": {
499
553
  "value": "{color.brand.navy.800.value}",
554
+ "type": "semantic",
500
555
  "public": true,
501
556
  "default": true,
502
557
  "usage": "Brand color for navy icons on light backgrounds",
@@ -505,6 +560,7 @@
505
560
  },
506
561
  "inverse": {
507
562
  "value": "{color.brand.navy.500.value}",
563
+ "type": "semantic",
508
564
  "public": true,
509
565
  "inverse": true,
510
566
  "usage": "Brand color for navy icons on dark backgrounds",
@@ -515,6 +571,7 @@
515
571
  "blue": {
516
572
  "default": {
517
573
  "value": "{color.brand.blue.700.value}",
574
+ "type": "semantic",
518
575
  "public": true,
519
576
  "default": true,
520
577
  "usage": "Brand color for blue icons on light backgrounds",
@@ -523,6 +580,7 @@
523
580
  },
524
581
  "inverse": {
525
582
  "value": "{color.brand.blue.500.value}",
583
+ "type": "semantic",
526
584
  "public": true,
527
585
  "inverse": true,
528
586
  "usage": "Brand color for blue icons on dark backgrounds",
@@ -533,6 +591,7 @@
533
591
  "cyan": {
534
592
  "default": {
535
593
  "value": "{color.brand.cyan.700.value}",
594
+ "type": "semantic",
536
595
  "public": true,
537
596
  "default": true,
538
597
  "usage": "Brand color for cyan icons on light backgrounds",
@@ -541,6 +600,7 @@
541
600
  },
542
601
  "inverse": {
543
602
  "value": "{color.brand.cyan.300.value}",
603
+ "type": "semantic",
544
604
  "public": true,
545
605
  "inverse": true,
546
606
  "usage": "Brand color for cyan icons on dark backgrounds",
@@ -551,6 +611,7 @@
551
611
  "gray": {
552
612
  "default": {
553
613
  "value": "{color.brand.gray.700.value}",
614
+ "type": "semantic",
554
615
  "public": true,
555
616
  "default": true,
556
617
  "usage": "Brand color for gray icons on light backgrounds",
@@ -559,6 +620,7 @@
559
620
  },
560
621
  "inverse": {
561
622
  "value": "{color.brand.gray.300.value}",
623
+ "type": "semantic",
562
624
  "public": true,
563
625
  "inverse": true,
564
626
  "usage": "Brand color for gray icons on dark backgrounds",
@@ -569,6 +631,7 @@
569
631
  "neutral": {
570
632
  "default": {
571
633
  "value": "{color.brand.neutral.700.value}",
634
+ "type": "semantic",
572
635
  "public": true,
573
636
  "default": true,
574
637
  "usage": "Brand color for neutral icons on light backgrounds",
@@ -577,6 +640,7 @@
577
640
  },
578
641
  "inverse": {
579
642
  "value": "{color.brand.neutral.400.value}",
643
+ "type": "semantic",
580
644
  "public": true,
581
645
  "inverse": true,
582
646
  "usage": "Brand color for neutral icons on dark backgrounds",
@@ -588,6 +652,7 @@
588
652
  "disabled": {
589
653
  "default": {
590
654
  "value": "{color.base.black-opacity-15.value}",
655
+ "type": "semantic",
591
656
  "public": true,
592
657
  "default": true,
593
658
  "usage": "Disabled icon color on light backgrounds",