@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
@@ -1,28 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 27 Feb 2025 23:32:44 GMT
4
- */
5
-
6
- :root {
7
- /**
8
- *
9
- * // Base value for token support; should not use in code!
10
- */
11
- --ds-color-base-white: #000000;
12
- /**
13
- *
14
- * // Base value for token support; should not use in code!
15
- */
16
- --ds-color-base-black: #ffffff;
17
- --ds-color-border-primary-default: #afb9c6;
18
- --ds-color-border-divider-default: #000000;
19
- --ds-color-icon-primary-default: #afb9c6;
20
- --ds-color-icon-emphasis-default: #000000;
21
- --ds-color-text-primary-default: #000000;
22
- --ds-color-text-secondary-default: #afb9c6;
23
- --ds-color-text-link-default: #00cff0;
24
- --ds-color-text-error-default: #ff999b;
25
- --ds-color-text-emphasis-default: #c1daf0;
26
- --ds-color-tier-alaska-mvp-default: #c5c1bf;
27
- --ds-color-tier-alaska-mvpgold-default: #ccbc94;
28
- }
@@ -1,528 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 27 Feb 2025 23:32:44 GMT
4
- */
5
-
6
- module.exports = {
7
- "color": {
8
- "base": {
9
- "white": {
10
- "value": "#000000",
11
- "comment": "\n // Base value for token support; should not use in code!",
12
- "public": true,
13
- "neutral": true,
14
- "usage": "",
15
- "wcag": "n/a",
16
- "deprecated": true,
17
- "filePath": "src/color-darkmode/base.json",
18
- "isSource": true,
19
- "version": "4.5.0",
20
- "reference": "n/a",
21
- "darkmode": true,
22
- "original": {
23
- "value": "000000",
24
- "comment": "{comments.color.base.value.comment}",
25
- "public": true,
26
- "neutral": true,
27
- "usage": "",
28
- "wcag": "n/a",
29
- "deprecated": true,
30
- "version": "4.5.0",
31
- "reference": "n/a",
32
- "darkmode": true
33
- },
34
- "name": "ds-color-base-white",
35
- "attributes": {
36
- "category": "color",
37
- "type": "base",
38
- "item": "white"
39
- },
40
- "path": [
41
- "color",
42
- "base",
43
- "white"
44
- ]
45
- },
46
- "black": {
47
- "value": "#ffffff",
48
- "comment": "\n // Base value for token support; should not use in code!",
49
- "public": true,
50
- "neutral": true,
51
- "usage": "",
52
- "wcag": "n/a",
53
- "deprecated": true,
54
- "filePath": "src/color-darkmode/base.json",
55
- "isSource": true,
56
- "version": "4.5.0",
57
- "reference": "n/a",
58
- "darkmode": true,
59
- "original": {
60
- "value": "ffffff",
61
- "comment": "{comments.color.base.value.comment}",
62
- "public": true,
63
- "neutral": true,
64
- "usage": "",
65
- "wcag": "n/a",
66
- "deprecated": true,
67
- "version": "4.5.0",
68
- "reference": "n/a",
69
- "darkmode": true
70
- },
71
- "name": "ds-color-base-black",
72
- "attributes": {
73
- "category": "color",
74
- "type": "base",
75
- "item": "black"
76
- },
77
- "path": [
78
- "color",
79
- "base",
80
- "black"
81
- ]
82
- }
83
- },
84
- "border": {
85
- "primary": {
86
- "default": {
87
- "value": "#afb9c6",
88
- "public": true,
89
- "darkmode": true,
90
- "default": true,
91
- "usage": "Primary border color on dark background",
92
- "wcag": "n/a",
93
- "deprecated": true,
94
- "version": "4.5.0",
95
- "reference": "n/a",
96
- "filePath": "src/color-darkmode/border.json",
97
- "isSource": true,
98
- "original": {
99
- "value": "{color.brand.neutral.400.value}",
100
- "public": true,
101
- "darkmode": true,
102
- "default": true,
103
- "usage": "Primary border color on dark background",
104
- "wcag": "n/a",
105
- "deprecated": true,
106
- "version": "4.5.0",
107
- "reference": "n/a"
108
- },
109
- "name": "ds-color-border-primary-default",
110
- "attributes": {
111
- "category": "color",
112
- "type": "border",
113
- "item": "primary",
114
- "subitem": "default"
115
- },
116
- "path": [
117
- "color",
118
- "border",
119
- "primary",
120
- "default"
121
- ]
122
- }
123
- },
124
- "divider": {
125
- "default": {
126
- "value": "#000000",
127
- "public": true,
128
- "darkmode": true,
129
- "default": true,
130
- "usage": "Strict use as divider between elements on dark backgrounds",
131
- "wcag": "n/a",
132
- "deprecated": true,
133
- "version": "4.5.0",
134
- "reference": "n/a",
135
- "filePath": "src/color-darkmode/border.json",
136
- "isSource": true,
137
- "original": {
138
- "value": "{color.base.white.value}",
139
- "public": true,
140
- "darkmode": true,
141
- "default": true,
142
- "usage": "Strict use as divider between elements on dark backgrounds",
143
- "wcag": "n/a",
144
- "deprecated": true,
145
- "version": "4.5.0",
146
- "reference": "n/a"
147
- },
148
- "name": "ds-color-border-divider-default",
149
- "attributes": {
150
- "category": "color",
151
- "type": "border",
152
- "item": "divider",
153
- "subitem": "default"
154
- },
155
- "path": [
156
- "color",
157
- "border",
158
- "divider",
159
- "default"
160
- ]
161
- }
162
- }
163
- },
164
- "icon": {
165
- "primary": {
166
- "default": {
167
- "value": "#afb9c6",
168
- "public": true,
169
- "darkmode": true,
170
- "default": true,
171
- "usage": "Primary color for icons on dark backgrounds",
172
- "wcag": "AAA",
173
- "deprecated": true,
174
- "version": "4.5.0",
175
- "reference": "n/a",
176
- "filePath": "src/color-darkmode/icon.json",
177
- "isSource": true,
178
- "original": {
179
- "value": "{color.base.neutral.400.value}",
180
- "public": true,
181
- "darkmode": true,
182
- "default": true,
183
- "usage": "Primary color for icons on dark backgrounds",
184
- "wcag": "AAA",
185
- "deprecated": true,
186
- "version": "4.5.0",
187
- "reference": "n/a"
188
- },
189
- "name": "ds-color-icon-primary-default",
190
- "attributes": {
191
- "category": "color",
192
- "type": "icon",
193
- "item": "primary",
194
- "subitem": "default"
195
- },
196
- "path": [
197
- "color",
198
- "icon",
199
- "primary",
200
- "default"
201
- ]
202
- }
203
- },
204
- "emphasis": {
205
- "default": {
206
- "value": "#000000",
207
- "public": true,
208
- "darkmode": true,
209
- "default": true,
210
- "usage": "Emphasis or lightest icon color on dark backgrounds",
211
- "wcag": "AAA",
212
- "deprecated": true,
213
- "version": "4.5.0",
214
- "reference": "n/a",
215
- "filePath": "src/color-darkmode/icon.json",
216
- "isSource": true,
217
- "original": {
218
- "value": "{color.base.white.value}",
219
- "public": true,
220
- "darkmode": true,
221
- "default": true,
222
- "usage": "Emphasis or lightest icon color on dark backgrounds",
223
- "wcag": "AAA",
224
- "deprecated": true,
225
- "version": "4.5.0",
226
- "reference": "n/a"
227
- },
228
- "name": "ds-color-icon-emphasis-default",
229
- "attributes": {
230
- "category": "color",
231
- "type": "icon",
232
- "item": "emphasis",
233
- "subitem": "default"
234
- },
235
- "path": [
236
- "color",
237
- "icon",
238
- "emphasis",
239
- "default"
240
- ]
241
- }
242
- }
243
- },
244
- "text": {
245
- "primary": {
246
- "default": {
247
- "value": "#000000",
248
- "public": true,
249
- "darkmode": true,
250
- "default": true,
251
- "usage": "Primary color for body and header text on dark backgrounds",
252
- "wcag": "AAA",
253
- "deprecated": true,
254
- "version": "4.5.0",
255
- "reference": "n/a",
256
- "filePath": "src/color-darkmode/text.json",
257
- "isSource": true,
258
- "original": {
259
- "value": "{color.base.white.value}",
260
- "public": true,
261
- "darkmode": true,
262
- "default": true,
263
- "usage": "Primary color for body and header text on dark backgrounds",
264
- "wcag": "AAA",
265
- "deprecated": true,
266
- "version": "4.5.0",
267
- "reference": "n/a"
268
- },
269
- "name": "ds-color-text-primary-default",
270
- "attributes": {
271
- "category": "color",
272
- "type": "text",
273
- "item": "primary",
274
- "subitem": "default"
275
- },
276
- "path": [
277
- "color",
278
- "text",
279
- "primary",
280
- "default"
281
- ]
282
- }
283
- },
284
- "secondary": {
285
- "default": {
286
- "value": "#afb9c6",
287
- "public": true,
288
- "darkmode": true,
289
- "default": true,
290
- "usage": "Secondary color for body text on dark backgrounds",
291
- "wcag": "AAA",
292
- "deprecated": true,
293
- "version": "4.5.0",
294
- "reference": "n/a",
295
- "filePath": "src/color-darkmode/text.json",
296
- "isSource": true,
297
- "original": {
298
- "value": "{color.base.neutral.400.value}",
299
- "public": true,
300
- "darkmode": true,
301
- "default": true,
302
- "usage": "Secondary color for body text on dark backgrounds",
303
- "wcag": "AAA",
304
- "deprecated": true,
305
- "version": "4.5.0",
306
- "reference": "n/a"
307
- },
308
- "name": "ds-color-text-secondary-default",
309
- "attributes": {
310
- "category": "color",
311
- "type": "text",
312
- "item": "secondary",
313
- "subitem": "default"
314
- },
315
- "path": [
316
- "color",
317
- "text",
318
- "secondary",
319
- "default"
320
- ]
321
- }
322
- },
323
- "link": {
324
- "default": {
325
- "value": "#00cff0",
326
- "public": true,
327
- "darkmode": true,
328
- "default": true,
329
- "usage": "Link text color on light backgrounds",
330
- "wcag": "AA",
331
- "deprecated": true,
332
- "version": "4.5.0",
333
- "reference": "n/a",
334
- "filePath": "src/color-darkmode/text.json",
335
- "isSource": true,
336
- "original": {
337
- "value": "{color.brand.breeze.300.value}",
338
- "public": true,
339
- "darkmode": true,
340
- "default": true,
341
- "usage": "Link text color on light backgrounds",
342
- "wcag": "AA",
343
- "deprecated": true,
344
- "version": "4.5.0",
345
- "reference": "n/a"
346
- },
347
- "name": "ds-color-text-link-default",
348
- "attributes": {
349
- "category": "color",
350
- "type": "text",
351
- "item": "link",
352
- "subitem": "default"
353
- },
354
- "path": [
355
- "color",
356
- "text",
357
- "link",
358
- "default"
359
- ]
360
- }
361
- },
362
- "error": {
363
- "default": {
364
- "value": "#ff999b",
365
- "public": true,
366
- "darkmode": true,
367
- "default": true,
368
- "usage": "Error text color on dark backgrounds",
369
- "wcag": "AA",
370
- "deprecated": true,
371
- "version": "4.5.0",
372
- "reference": "n/a",
373
- "filePath": "src/color-darkmode/text.json",
374
- "isSource": true,
375
- "original": {
376
- "value": "{color.state.error.100.value}",
377
- "public": true,
378
- "darkmode": true,
379
- "default": true,
380
- "usage": "Error text color on dark backgrounds",
381
- "wcag": "AA",
382
- "deprecated": true,
383
- "version": "4.5.0",
384
- "reference": "n/a"
385
- },
386
- "name": "ds-color-text-error-default",
387
- "attributes": {
388
- "category": "color",
389
- "type": "text",
390
- "item": "error",
391
- "subitem": "default"
392
- },
393
- "path": [
394
- "color",
395
- "text",
396
- "error",
397
- "default"
398
- ]
399
- }
400
- },
401
- "emphasis": {
402
- "default": {
403
- "value": "#c1daf0",
404
- "public": true,
405
- "darkmode": true,
406
- "default": true,
407
- "usage": "Emphasized text color on dark backgrounds",
408
- "wcag": "n/a",
409
- "deprecated": true,
410
- "version": "4.5.0",
411
- "reference": "n/a",
412
- "filePath": "src/color-darkmode/text.json",
413
- "isSource": true,
414
- "original": {
415
- "value": "{color.brand.midnight.100.value}",
416
- "public": true,
417
- "darkmode": true,
418
- "default": true,
419
- "usage": "Emphasized text color on dark backgrounds",
420
- "wcag": "n/a",
421
- "deprecated": true,
422
- "version": "4.5.0",
423
- "reference": "n/a"
424
- },
425
- "name": "ds-color-text-emphasis-default",
426
- "attributes": {
427
- "category": "color",
428
- "type": "text",
429
- "item": "emphasis",
430
- "subitem": "default"
431
- },
432
- "path": [
433
- "color",
434
- "text",
435
- "emphasis",
436
- "default"
437
- ]
438
- }
439
- }
440
- },
441
- "tier": {
442
- "alaska": {
443
- "mvp": {
444
- "default": {
445
- "value": "#c5c1bf",
446
- "public": true,
447
- "darkmode": true,
448
- "default": true,
449
- "usage": "MVP tier color for Alaska Airlines",
450
- "wcag": "n/a",
451
- "deprecated": true,
452
- "version": "4.5.0",
453
- "reference": "n/a",
454
- "filePath": "src/color-darkmode/tier.json",
455
- "isSource": true,
456
- "original": {
457
- "value": "{color.brand.goldgray.100.value}",
458
- "public": true,
459
- "darkmode": true,
460
- "default": true,
461
- "usage": "MVP tier color for Alaska Airlines",
462
- "wcag": "n/a",
463
- "deprecated": true,
464
- "version": "4.5.0",
465
- "reference": "n/a"
466
- },
467
- "name": "ds-color-tier-alaska-mvp-default",
468
- "attributes": {
469
- "category": "color",
470
- "type": "tier",
471
- "item": "alaska",
472
- "subitem": "mvp",
473
- "state": "default"
474
- },
475
- "path": [
476
- "color",
477
- "tier",
478
- "alaska",
479
- "mvp",
480
- "default"
481
- ]
482
- }
483
- },
484
- "mvpgold": {
485
- "default": {
486
- "value": "#ccbc94",
487
- "public": true,
488
- "darkmode": true,
489
- "default": true,
490
- "usage": "MVP Gold tier color for Alaska Airlines",
491
- "wcag": "n/a",
492
- "deprecated": true,
493
- "version": "4.5.0",
494
- "reference": "n/a",
495
- "filePath": "src/color-darkmode/tier.json",
496
- "isSource": true,
497
- "original": {
498
- "value": "{color.brand.gold.100.value}",
499
- "public": true,
500
- "darkmode": true,
501
- "default": true,
502
- "usage": "MVP Gold tier color for Alaska Airlines",
503
- "wcag": "n/a",
504
- "deprecated": true,
505
- "version": "4.5.0",
506
- "reference": "n/a"
507
- },
508
- "name": "ds-color-tier-alaska-mvpgold-default",
509
- "attributes": {
510
- "category": "color",
511
- "type": "tier",
512
- "item": "alaska",
513
- "subitem": "mvpgold",
514
- "state": "default"
515
- },
516
- "path": [
517
- "color",
518
- "tier",
519
- "alaska",
520
- "mvpgold",
521
- "default"
522
- ]
523
- }
524
- }
525
- }
526
- }
527
- }
528
- };