@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/{color → themes/auro-classic/color}/border.json RENAMED
@@ -4,296 +4,329 @@
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",
10
11
  "wcag": "n/a",
11
- "deprecated": false
12
+ "deprecated": true
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",
18
20
  "wcag": "n/a",
19
- "deprecated": false
21
+ "deprecated": true
20
22
  }
21
23
  },
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",
28
31
  "wcag": "n/a",
29
- "deprecated": false
32
+ "deprecated": true
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",
36
40
  "wcag": "n/a",
37
- "deprecated": false
41
+ "deprecated": true
38
42
  }
39
43
  },
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",
46
51
  "wcag": "n/a",
47
- "deprecated": false
52
+ "deprecated": true
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",
54
60
  "wcag": "n/a",
55
- "deprecated": false
61
+ "deprecated": true
56
62
  }
57
63
  },
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",
64
71
  "wcag": "n/a",
65
- "deprecated": false
72
+ "deprecated": true
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",
72
80
  "wcag": "n/a",
73
- "deprecated": false
81
+ "deprecated": true
74
82
  }
75
83
  },
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",
82
91
  "wcag": "n/a",
83
- "deprecated": false
92
+ "deprecated": true
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",
90
100
  "wcag": "n/a",
91
- "deprecated": false
101
+ "deprecated": true
92
102
  }
93
103
  },
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",
100
111
  "wcag": "n/a",
101
- "deprecated": false
112
+ "deprecated": true
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",
108
120
  "wcag": "n/a",
109
- "deprecated": false
121
+ "deprecated": true
110
122
  }
111
123
  },
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",
118
131
  "wcag": "n/a",
119
- "deprecated": false
132
+ "deprecated": true
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",
126
140
  "wcag": "n/a",
127
- "deprecated": false
141
+ "deprecated": true
128
142
  }
129
143
  },
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",
136
151
  "wcag": "n/a",
137
- "deprecated": false
152
+ "deprecated": true
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",
144
160
  "wcag": "n/a",
145
- "deprecated": false
161
+ "deprecated": true
146
162
  }
147
163
  },
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",
154
171
  "wcag": "n/a",
155
- "deprecated": false
172
+ "deprecated": true
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",
162
180
  "wcag": "n/a",
163
- "deprecated": false
181
+ "deprecated": true
164
182
  }
165
183
  },
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",
172
191
  "wcag": "n/a",
173
- "deprecated": false
192
+ "deprecated": true
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",
180
200
  "wcag": "n/a",
181
- "deprecated": false
201
+ "deprecated": true
182
202
  }
183
203
  },
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",
190
211
  "wcag": "n/a",
191
- "deprecated": false
212
+ "deprecated": true
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",
198
220
  "wcag": "n/a",
199
- "deprecated": false
221
+ "deprecated": true
200
222
  }
201
223
  },
202
224
  "ui": {
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",
209
232
  "wcag": "n/a",
210
- "deprecated": false
233
+ "deprecated": true
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",
217
241
  "wcag": "n/a",
218
- "deprecated": false
242
+ "deprecated": true
219
243
  }
220
244
  },
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",
227
252
  "wcag": "n/a",
228
- "deprecated": false
253
+ "deprecated": true
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",
235
261
  "wcag": "n/a",
236
- "deprecated": false
262
+ "deprecated": true
237
263
  }
238
264
  },
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",
245
272
  "wcag": "n/a",
246
- "deprecated": false
273
+ "deprecated": true
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",
253
281
  "wcag": "n/a",
254
- "deprecated": false
282
+ "deprecated": true
255
283
  }
256
284
  },
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",
263
292
  "wcag": "n/a",
264
- "deprecated": false
293
+ "deprecated": true
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",
271
301
  "wcag": "n/a",
272
- "deprecated": false
302
+ "deprecated": true
273
303
  }
274
304
  },
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",
281
312
  "wcag": "n/a",
282
- "deprecated": false
313
+ "deprecated": true
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",
289
321
  "wcag": "n/a",
290
- "deprecated": false
322
+ "deprecated": true
291
323
  }
292
324
  }
293
325
  },
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",