@aurodesignsystem/design-tokens 5.0.0 → 5.0.2

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