@aurodesignsystem/design-tokens 5.0.2 → 5.0.3

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 (120) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  5. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  6. package/dist/alaska/primitives--alaska.scss +215 -0
  7. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  8. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  9. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  10. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  11. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  12. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  13. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  14. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  15. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  16. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  19. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  22. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  23. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  24. package/package.json +5 -3
  25. package/src/primitives/alaska/color.json +796 -0
  26. package/src/primitives/alaska/typography.json +27 -0
  27. package/src/primitives/base/color.json +489 -0
  28. package/src/primitives/base/transparency.json +183 -0
  29. package/src/primitives/base/typography.json +210 -0
  30. package/src/primitives/hawaiian/color.json +508 -0
  31. package/src/primitives/hawaiian/typography.json +28 -0
  32. package/src/themes/alaska/color.json +394 -0
  33. package/src/themes/alaska/typography.json +132 -0
  34. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  35. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  36. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  37. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  38. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  39. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  40. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  41. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  42. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  43. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  44. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  45. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  46. package/src/themes/auro-classic/comments.json +50 -0
  47. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  48. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  49. package/src/{asset → themes/auro-classic}/font.json +10 -5
  50. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  51. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  52. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  53. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  54. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  55. package/src/themes/auro-classic/size/scale.json +347 -0
  56. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  57. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  58. package/src/themes/hawaiian/color.json +394 -0
  59. package/src/themes/hawaiian/typography.json +132 -0
  60. package/src/themes/transparent/color/alert.json +7 -0
  61. package/src/themes/transparent/color/background.json +30 -2
  62. package/src/themes/transparent/color/base.json +156 -0
  63. package/src/themes/transparent/color/border.json +36 -0
  64. package/src/themes/transparent/color/brand.json +167 -36
  65. package/src/themes/transparent/color/container.json +50 -0
  66. package/src/themes/transparent/color/icon.json +65 -0
  67. package/src/themes/transparent/color/text.json +30 -0
  68. package/src/themes/transparent/color/tier.json +22 -1
  69. package/src/themes/transparent/color/ui.json +12 -1
  70. package/src/themes/transparent/color/utility.json +30 -0
  71. package/src/themes/transparent/elevation.json +3 -0
  72. package/dist/tokens/JSObject--deprecated.js +0 -3157
  73. package/dist/tokens/SCSSVariables.scss +0 -1372
  74. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  75. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  76. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  77. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  78. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  79. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  80. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  81. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  82. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  83. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  84. package/src/animation.json +0 -21
  85. package/src/color/ui.json +0 -125
  86. package/src/color-darkmode/base.json +0 -24
  87. package/src/color-darkmode/border.json +0 -32
  88. package/src/color-darkmode/icon.json +0 -32
  89. package/src/color-darkmode/text.json +0 -71
  90. package/src/color-darkmode/tier.json +0 -34
  91. package/src/comments.json +0 -34
  92. package/src/grid-breakpoint.json +0 -29
  93. package/src/grid-column.json +0 -29
  94. package/src/size/scale.json +0 -240
  95. package/src/size/unitless-scale.json +0 -82
  96. package/src/themes/excursion/asset/font.json +0 -35
  97. package/src/themes/excursion/color/alert.json +0 -90
  98. package/src/themes/excursion/color/background.json +0 -280
  99. package/src/themes/excursion/color/base.json +0 -1303
  100. package/src/themes/excursion/color/border.json +0 -288
  101. package/src/themes/excursion/color/brand.json +0 -1549
  102. package/src/themes/excursion/color/container.json +0 -464
  103. package/src/themes/excursion/color/excursion.json +0 -254
  104. package/src/themes/excursion/color/icon.json +0 -476
  105. package/src/themes/excursion/color/text.json +0 -270
  106. package/src/themes/excursion/color/tier.json +0 -180
  107. package/src/themes/excursion/comments.json +0 -34
  108. package/src/themes/excursion/depth copy.json +0 -22
  109. package/src/themes/excursion/elevation.json +0 -22
  110. package/src/themes/excursion/grid-gutter.json +0 -29
  111. package/src/themes/excursion/grid-margin.json +0 -29
  112. package/src/themes/excursion/size/radius.json +0 -9
  113. package/src/themes/excursion/size/scale.json +0 -234
  114. package/src/themes/excursion/size/unitless-scale.json +0 -82
  115. package/src/themes/excursion/text.json +0 -572
  116. package/src/themes/hawaiian/color/background.json +0 -15
  117. package/src/themes/hawaiian/color/border.json +0 -18
  118. package/src/themes/hawaiian/color/container.json +0 -56
  119. package/src/themes/hawaiian/color/icon.json +0 -24
  120. package/src/themes/hawaiian/color/text.json +0 -44
package/src/themes/transparent/color/border.json CHANGED
@@ -4,6 +4,7 @@
4
4
  "primary": {
5
5
  "default": {
6
6
  "value": "{color.brand.neutral.800.value}",
7
+ "type": "semantic",
7
8
  "public": true,
8
9
  "default": true,
9
10
  "usage": "Primary border color on light backgrounds",
@@ -12,6 +13,7 @@
12
13
  },
13
14
  "inverse": {
14
15
  "value": "{color.brand.neutral.400.value}",
16
+ "type": "semantic",
15
17
  "public": true,
16
18
  "inverse": true,
17
19
  "usage": "Primary border color on dark background",
@@ -22,6 +24,7 @@
22
24
  "secondary": {
23
25
  "default": {
24
26
  "value": "{color.brand.neutral.500.value}",
27
+ "type": "semantic",
25
28
  "public": true,
26
29
  "default": true,
27
30
  "usage": "Secondary border color on light backgrounds",
@@ -30,6 +33,7 @@
30
33
  },
31
34
  "inverse": {
32
35
  "value": "{color.brand.neutral.600.value}",
36
+ "type": "semantic",
33
37
  "public": true,
34
38
  "inverse": true,
35
39
  "usage": "Secondary border color on dark background",
@@ -40,6 +44,7 @@
40
44
  "tertiary": {
41
45
  "default": {
42
46
  "value": "{color.brand.gray.200.value}",
47
+ "type": "semantic",
43
48
  "public": true,
44
49
  "default": true,
45
50
  "usage": "Tertiary border color on light backgrounds",
@@ -48,6 +53,7 @@
48
53
  },
49
54
  "inverse": {
50
55
  "value": "{color.brand.gray.700.value}",
56
+ "type": "semantic",
51
57
  "public": true,
52
58
  "inverse": true,
53
59
  "usage": "Tertiary border color on dark background",
@@ -58,6 +64,7 @@
58
64
  "error": {
59
65
  "default": {
60
66
  "value": "{color.base.error.400.value}",
67
+ "type": "semantic",
61
68
  "public": true,
62
69
  "default": true,
63
70
  "usage": "Error border color on light backgrounds",
@@ -66,6 +73,7 @@
66
73
  },
67
74
  "inverse": {
68
75
  "value": "{color.base.error.200.value}",
76
+ "type": "semantic",
69
77
  "public": true,
70
78
  "inverse": true,
71
79
  "usage": "Error border color on dark backgrounds",
@@ -76,6 +84,7 @@
76
84
  "divider": {
77
85
  "default": {
78
86
  "value": "{color.base.black-300.value}",
87
+ "type": "semantic",
79
88
  "public": true,
80
89
  "default": true,
81
90
  "usage": "Strict use as divider between elements on light backgrounds",
@@ -84,6 +93,7 @@
84
93
  },
85
94
  "inverse": {
86
95
  "value": "{color.base.white-400.value}",
96
+ "type": "semantic",
87
97
  "public": true,
88
98
  "inverse": true,
89
99
  "usage": "Strict use as divider between elements on dark backgrounds",
@@ -94,6 +104,7 @@
94
104
  "subtle": {
95
105
  "default": {
96
106
  "value": "{color.brand.blue.100.value}",
107
+ "type": "semantic",
97
108
  "public": true,
98
109
  "default": true,
99
110
  "usage": "Subtle border color on light backgrounds",
@@ -102,6 +113,7 @@
102
113
  },
103
114
  "inverse": {
104
115
  "value": "{color.base.navy.700.value}",
116
+ "type": "semantic",
105
117
  "public": true,
106
118
  "inverse": true,
107
119
  "usage": "Subtle border color on dark backgrounds",
@@ -112,6 +124,7 @@
112
124
  "emphasis": {
113
125
  "default": {
114
126
  "value": "{color.brand.navy.900.value}",
127
+ "type": "semantic",
115
128
  "public": true,
116
129
  "default": true,
117
130
  "usage": "Emphasis border color on light backgrounds",
@@ -120,6 +133,7 @@
120
133
  },
121
134
  "inverse": {
122
135
  "value": "{color.brand.navy.100.value}",
136
+ "type": "semantic",
123
137
  "public": true,
124
138
  "inverse": true,
125
139
  "usage": "Emphasis border color on dark backgrounds",
@@ -130,6 +144,7 @@
130
144
  "accent": {
131
145
  "default": {
132
146
  "value": "{color.brand.lime.300.value}",
147
+ "type": "semantic",
133
148
  "public": true,
134
149
  "default": true,
135
150
  "usage": "Accent border color on light backgrounds",
@@ -138,6 +153,7 @@
138
153
  },
139
154
  "inverse": {
140
155
  "value": "{color.brand.lime.400.value}",
156
+ "type": "semantic",
141
157
  "public": true,
142
158
  "inverse": true,
143
159
  "usage": "Accent border color on dark backgrounds",
@@ -148,6 +164,7 @@
148
164
  "success": {
149
165
  "default": {
150
166
  "value": "{color.base.success.400.value}",
167
+ "type": "semantic",
151
168
  "public": true,
152
169
  "default": true,
153
170
  "usage": "Success border 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 border color on dark backgrounds",
@@ -166,6 +184,7 @@
166
184
  "warning": {
167
185
  "default": {
168
186
  "value": "{color.base.warning.300.value}",
187
+ "type": "semantic",
169
188
  "public": true,
170
189
  "default": true,
171
190
  "usage": "Warning border color on light backgrounds",
@@ -174,6 +193,7 @@
174
193
  },
175
194
  "inverse": {
176
195
  "value": "{color.base.warning.200.value}",
196
+ "type": "semantic",
177
197
  "public": true,
178
198
  "inverse": true,
179
199
  "usage": "Warning border color on dark backgrounds",
@@ -184,6 +204,7 @@
184
204
  "info": {
185
205
  "default": {
186
206
  "value": "{color.brand.navy.700.value}",
207
+ "type": "semantic",
187
208
  "public": true,
188
209
  "default": true,
189
210
  "usage": "Info border color on light backgrounds",
@@ -192,6 +213,7 @@
192
213
  },
193
214
  "inverse": {
194
215
  "value": "{color.brand.navy.400.value}",
216
+ "type": "semantic",
195
217
  "public": true,
196
218
  "inverse": true,
197
219
  "usage": "Info border color on dark backgrounds",
@@ -203,6 +225,7 @@
203
225
  "default": {
204
226
  "default": {
205
227
  "value": "{color.brand.blue.700.value}",
228
+ "type": "semantic",
206
229
  "public": true,
207
230
  "default": true,
208
231
  "usage": "Default UI border color on light backgrounds",
@@ -211,6 +234,7 @@
211
234
  },
212
235
  "inverse": {
213
236
  "value": "{color.brand.cyan.400.value}",
237
+ "type": "semantic",
214
238
  "public": true,
215
239
  "inverse": true,
216
240
  "usage": "Default UI border color on dark backgrounds",
@@ -221,6 +245,7 @@
221
245
  "hover": {
222
246
  "default": {
223
247
  "value": "{color.brand.blue.900.value}",
248
+ "type": "semantic",
224
249
  "public": true,
225
250
  "default": true,
226
251
  "usage": "Hover UI border color on light backgrounds",
@@ -229,6 +254,7 @@
229
254
  },
230
255
  "inverse": {
231
256
  "value": "{color.brand.cyan.200.value}",
257
+ "type": "semantic",
232
258
  "public": true,
233
259
  "inverse": true,
234
260
  "usage": "Hover UI border color on dark backgrounds",
@@ -239,6 +265,7 @@
239
265
  "active": {
240
266
  "default": {
241
267
  "value": "{color.brand.blue.800.value}",
268
+ "type": "semantic",
242
269
  "public": true,
243
270
  "default": true,
244
271
  "usage": "Active UI border color on light backgrounds",
@@ -247,6 +274,7 @@
247
274
  },
248
275
  "inverse": {
249
276
  "value": "{color.brand.cyan.300.value}",
277
+ "type": "semantic",
250
278
  "public": true,
251
279
  "inverse": true,
252
280
  "usage": "Active UI border color on dark backgrounds",
@@ -257,6 +285,7 @@
257
285
  "focus": {
258
286
  "default": {
259
287
  "value": "{color.brand.blue.700.value}",
288
+ "type": "semantic",
260
289
  "public": true,
261
290
  "default": true,
262
291
  "usage": "Focus UI border color on light backgrounds",
@@ -265,6 +294,7 @@
265
294
  },
266
295
  "inverse": {
267
296
  "value": "{color.brand.cyan.400.value}",
297
+ "type": "semantic",
268
298
  "public": true,
269
299
  "inverse": true,
270
300
  "usage": "Focus UI border color on dark backgrounds",
@@ -275,6 +305,7 @@
275
305
  "disabled": {
276
306
  "default": {
277
307
  "value": "{color.brand.gray.400.value}",
308
+ "type": "semantic",
278
309
  "public": true,
279
310
  "default": true,
280
311
  "usage": "Disabled UI border color on light backgrounds",
@@ -283,6 +314,7 @@
283
314
  },
284
315
  "inverse": {
285
316
  "value": "{color.brand.gray.600.value}",
317
+ "type": "semantic",
286
318
  "public": true,
287
319
  "inverse": true,
288
320
  "usage": "Disabled UI border color on dark backgrounds",
@@ -294,6 +326,7 @@
294
326
  "active": {
295
327
  "default": {
296
328
  "value": "{color.brand.atlas.400.value}",
329
+ "type": "semantic",
297
330
  "public": true,
298
331
  "default": true,
299
332
  "usage": "Active border color on light backgrounds",
@@ -304,6 +337,7 @@
304
337
  },
305
338
  "inverse": {
306
339
  "value": "{color.brand.breeze.300.value}",
340
+ "type": "semantic",
307
341
  "public": true,
308
342
  "inverse": true,
309
343
  "usage": "Active border color on dark backgrounds",
@@ -315,6 +349,7 @@
315
349
  "disabled": {
316
350
  "default": {
317
351
  "value": "{color.base.gray.200.value}",
352
+ "type": "semantic",
318
353
  "public": true,
319
354
  "default": true,
320
355
  "usage": "Disabled border color on light backgrounds",
@@ -327,6 +362,7 @@
327
362
  "focus": {
328
363
  "default": {
329
364
  "value": "{color.base.gray.500.value}",
365
+ "type": "semantic",
330
366
  "public": true,
331
367
  "default": true,
332
368
  "usage": "Focus border color for light backgrounds",