@aurodesignsystem/design-tokens 4.0.0 → 4.1.1

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 (52) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +20 -26
  3. package/dist/tokens/CSSCustomProperties.css +3 -1
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +63 -1
  6. package/dist/tokens/JSObject--allTokens.js +63 -1
  7. package/dist/tokens/JSObject--deprecated.js +1 -1
  8. package/dist/tokens/JSVariables--color.js +3 -1
  9. package/dist/tokens/SCSSVariableMap.scss +1 -1
  10. package/dist/tokens/SCSSVariables.scss +3 -1
  11. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
  12. package/dist/tokens/SassCustomProperties.scss +3 -1
  13. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  14. package/dist/tokens/darkmode/CSSCustomProperties.css +22 -0
  15. package/dist/tokens/darkmode/JSDataColor.js +464 -0
  16. package/dist/tokens/darkmode/JSObject--allDarkTokens.js +464 -0
  17. package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
  18. package/dist/tokens/darkmode/SCSSVariables.scss +19 -0
  19. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
  20. package/dist/tokens/darkmode/SassCustomProperties.scss +22 -0
  21. package/package.json +1 -1
  22. package/src/color/ui.json +16 -0
  23. package/src/color-darkmode/base.json +6 -126
  24. package/src/color-darkmode/border.json +2 -40
  25. package/src/color-darkmode/icon.json +2 -20
  26. package/src/color-darkmode/text.json +5 -10
  27. package/src/color-darkmode/tier.json +2 -26
  28. package/dist/tokens/CSSCustomProperties--darkmode.css +0 -302
  29. package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +0 -155
  30. package/dist/tokens/CSSCustomPropertiesColorRGB.css +0 -168
  31. package/dist/tokens/CSSOpacityProperties--darkmode.scss +0 -10
  32. package/dist/tokens/CSSOpacityProperties.scss +0 -10
  33. package/dist/tokens/CSSSizeCustomProperties--darkmode.css +0 -20
  34. package/dist/tokens/CSSVariables--darkmode.css +0 -302
  35. package/dist/tokens/CSSVariablesMapFlat--darkmode.css +0 -368
  36. package/dist/tokens/JSData--darkmodeColor.js +0 -3254
  37. package/dist/tokens/JSObject--allDarkTokens.js +0 -7087
  38. package/dist/tokens/JSObject--deprecatedDark.js +0 -675
  39. package/dist/tokens/JSVariables--darkmodeColor.js +0 -153
  40. package/dist/tokens/SCSSOpacityVariables--darkmode.scss +0 -7
  41. package/dist/tokens/SCSSOpacityVariables.scss +0 -7
  42. package/dist/tokens/SCSSVariableMap--darkmode.scss +0 -37
  43. package/dist/tokens/SCSSVariables--darkmode.scss +0 -299
  44. package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +0 -368
  45. package/dist/tokens/SassCustomProperties--darkmode.scss +0 -302
  46. package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +0 -155
  47. package/dist/tokens/SassCustomPropertiesColorRGB.scss +0 -168
  48. package/dist/tokens/SassSizeCustomProperties--darkmode.scss +0 -20
  49. package/src/color-darkmode/alert.json +0 -56
  50. package/src/color-darkmode/background.json +0 -38
  51. package/src/color-darkmode/brand.json +0 -530
  52. package/src/color-darkmode/ui.json +0 -57
package/src/color-darkmode/brand.json DELETED
@@ -1,530 +0,0 @@
1
- {
2
- "color": {
3
- "brand": {
4
- "midnight": {
5
- "100": {
6
- "value": "c1daf0",
7
- "comment": "{comments.color.brand.value.comment}",
8
- "public": true,
9
- "neutral": true,
10
- "usage": "Transactional colors to move guests through task-based interactions.",
11
- "wcag": "n/a",
12
- "deprecated": false
13
- },
14
- "200": {
15
- "value": "569ed7",
16
- "comment": "{comments.color.brand.value.comment}",
17
- "public": true,
18
- "neutral": true,
19
- "usage": "Transactional colors to move guests through task-based interactions.",
20
- "wcag": "n/a",
21
- "deprecated": false
22
- },
23
- "300": {
24
- "value": "156fad",
25
- "comment": "{comments.color.brand.value.comment}",
26
- "public": true,
27
- "neutral": true,
28
- "usage": "Transactional colors to move guests through task-based interactions.",
29
- "wcag": "n/a",
30
- "deprecated": false
31
- },
32
- "400": {
33
- "value": "01426a",
34
- "comment": "{comments.color.brand.value.comment}",
35
- "public": true,
36
- "neutral": true,
37
- "usage": "Transactional colors to move guests through task-based interactions.",
38
- "wcag": "n/a",
39
- "deprecated": false
40
- },
41
- "500": {
42
- "value": "00274a",
43
- "comment": "{comments.color.brand.value.comment}",
44
- "public": true,
45
- "neutral": true,
46
- "usage": "Transactional colors to move guests through task-based interactions.",
47
- "wcag": "n/a",
48
- "deprecated": false
49
- }
50
- },
51
- "atlas": {
52
- "100": {
53
- "value": "cde6ff",
54
- "comment": "{comments.color.brand.value.comment}",
55
- "public": true,
56
- "neutral": true,
57
- "usage": "Transactional colors to move guests through task-based interactions.",
58
- "wcag": "n/a",
59
- "deprecated": false
60
- },
61
- "200": {
62
- "value": "6bb7fb",
63
- "comment": "{comments.color.brand.value.comment}",
64
- "public": true,
65
- "neutral": true,
66
- "usage": "Transactional colors to move guests through task-based interactions.",
67
- "wcag": "n/a",
68
- "deprecated": false
69
- },
70
- "300": {
71
- "value": "2492eb",
72
- "comment": "{comments.color.brand.value.comment}",
73
- "public": true,
74
- "neutral": true,
75
- "usage": "Transactional colors to move guests through task-based interactions.",
76
- "wcag": "n/a",
77
- "deprecated": false
78
- },
79
- "400": {
80
- "value": "0074c8",
81
- "comment": "{comments.color.brand.value.comment}",
82
- "public": true,
83
- "neutral": true,
84
- "usage": "Transactional colors to move guests through task-based interactions.",
85
- "wcag": "n/a",
86
- "deprecated": false
87
- },
88
- "400-opacity-20": {
89
- "value": "0074c833",
90
- "comment": "color brand atlas 400 @ 20%",
91
- "opacity": true
92
- },
93
- "500": {
94
- "value": "054687",
95
- "comment": "{comments.color.brand.value.comment}",
96
- "public": true,
97
- "neutral": true,
98
- "usage": "Transactional colors to move guests through task-based interactions.",
99
- "wcag": "n/a",
100
- "deprecated": false
101
- }
102
- },
103
- "breeze": {
104
- "100": {
105
- "value": "c0f7ff",
106
- "comment": "{comments.color.brand.value.comment}",
107
- "public": true,
108
- "neutral": true,
109
- "usage": "Transactional colors to move guests through task-based interactions.",
110
- "wcag": "n/a",
111
- "deprecated": false
112
- },
113
- "200": {
114
- "value": "5de3f7",
115
- "comment": "{comments.color.brand.value.comment}",
116
- "public": true,
117
- "neutral": true,
118
- "usage": "Transactional colors to move guests through task-based interactions.",
119
- "wcag": "n/a",
120
- "deprecated": false
121
- },
122
- "300": {
123
- "value": "00cff0",
124
- "public": true,
125
- "comment": "{comments.color.brand.value.comment}",
126
- "neutral": true,
127
- "usage": "Transactional colors to move guests through task-based interactions.",
128
- "wcag": "n/a",
129
- "deprecated": false
130
- },
131
- "300-opacity-30": {
132
- "value": "00cff04d",
133
- "comment": "breeze 300 @ 30%",
134
- "neutral": true,
135
- "usage": "Transactional colors to move guests through task-based interactions.",
136
- "wcag": "n/a",
137
- "deprecated": false
138
- },
139
- "400": {
140
- "value": "099dc5",
141
- "public": true,
142
- "comment": "{comments.color.brand.value.comment}",
143
- "neutral": true,
144
- "usage": "Transactional colors to move guests through task-based interactions.",
145
- "wcag": "n/a",
146
- "deprecated": false
147
- },
148
- "500": {
149
- "value": "0b5575",
150
- "public": true,
151
- "comment": "{comments.color.brand.value.comment}",
152
- "neutral": true,
153
- "usage": "Transactional colors to move guests through task-based interactions.",
154
- "wcag": "n/a",
155
- "deprecated": false
156
- }
157
- },
158
- "tropical": {
159
- "100": {
160
- "value": "e2ffcd",
161
- "public": true,
162
- "comment": "{comments.color.brand.value.comment}",
163
- "neutral": true,
164
- "usage": "Transactional colors to move guests through task-based interactions.",
165
- "wcag": "n/a",
166
- "deprecated": false
167
- },
168
- "200": {
169
- "value": "d0fba6",
170
- "public": true,
171
- "comment": "{comments.color.brand.value.comment}",
172
- "neutral": true,
173
- "usage": "Transactional colors to move guests through task-based interactions.",
174
- "wcag": "n/a",
175
- "deprecated": false
176
- },
177
- "300": {
178
- "value": "c0e585",
179
- "public": true,
180
- "comment": "{comments.color.brand.value.comment}",
181
- "neutral": true,
182
- "usage": "Transactional colors to move guests through task-based interactions.",
183
- "wcag": "n/a",
184
- "deprecated": false
185
- },
186
- "400": {
187
- "value": "91be62",
188
- "public": true,
189
- "comment": "{comments.color.brand.value.comment}",
190
- "neutral": true,
191
- "usage": "Transactional colors to move guests through task-based interactions.",
192
- "wcag": "n/a",
193
- "deprecated": false
194
- },
195
- "500": {
196
- "value": "5e8741",
197
- "public": true,
198
- "comment": "{comments.color.brand.value.comment}",
199
- "neutral": true,
200
- "usage": "Transactional colors to move guests through task-based interactions.",
201
- "wcag": "n/a",
202
- "deprecated": false
203
- }
204
- },
205
- "alpine": {
206
- "100": {
207
- "value": "bcaae6",
208
- "public": true,
209
- "comment": "{comments.color.brand.value.comment}",
210
- "neutral": true,
211
- "usage": "Conversational colors add warmth and energy to our experience",
212
- "wcag": "n/a",
213
- "deprecated": false
214
- },
215
- "200": {
216
- "value": "9e73ea",
217
- "public": true,
218
- "comment": "{comments.color.brand.value.comment}",
219
- "neutral": true,
220
- "usage": "Conversational colors add warmth and energy to our experience",
221
- "wcag": "n/a",
222
- "deprecated": false
223
- },
224
- "300": {
225
- "value": "8439ef",
226
- "public": true,
227
- "comment": "{comments.color.brand.value.comment}",
228
- "neutral": true,
229
- "usage": "Conversational colors add warmth and energy to our experience",
230
- "wcag": "n/a",
231
- "deprecated": false
232
- },
233
- "400": {
234
- "value": "631db8",
235
- "public": true,
236
- "comment": "{comments.color.brand.value.comment}",
237
- "neutral": true,
238
- "usage": "Conversational colors add warmth and energy to our experience",
239
- "wcag": "n/a",
240
- "deprecated": false
241
- },
242
- "500": {
243
- "value": "39115c",
244
- "public": true,
245
- "comment": "{comments.color.brand.value.comment}",
246
- "neutral": true,
247
- "usage": "Conversational colors add warmth and energy to our experience",
248
- "wcag": "n/a",
249
- "deprecated": false
250
- }
251
- },
252
- "flamingo": {
253
- "100": {
254
- "value": "ffebee",
255
- "public": true,
256
- "comment": "{comments.color.brand.value.comment}",
257
- "neutral": true,
258
- "usage": "Conversational colors add warmth and energy to our experience",
259
- "wcag": "n/a",
260
- "deprecated": false
261
- },
262
- "200": {
263
- "value": "ffc0ca",
264
- "public": true,
265
- "comment": "{comments.color.brand.value.comment}",
266
- "neutral": true,
267
- "usage": "Conversational colors add warmth and energy to our experience",
268
- "wcag": "n/a",
269
- "deprecated": false
270
- },
271
- "300": {
272
- "value": "ff94a7",
273
- "public": true,
274
- "comment": "{comments.color.brand.value.comment}",
275
- "neutral": true,
276
- "usage": "Conversational colors add warmth and energy to our experience",
277
- "wcag": "n/a",
278
- "deprecated": false
279
- },
280
- "400": {
281
- "value": "F65b7b",
282
- "public": true,
283
- "comment": "{comments.color.brand.value.comment}",
284
- "neutral": true,
285
- "usage": "Conversational colors add warmth and energy to our experience",
286
- "wcag": "n/a",
287
- "deprecated": false
288
- },
289
- "500": {
290
- "value": "b82b47",
291
- "public": true,
292
- "comment": "{comments.color.brand.value.comment}",
293
- "neutral": true,
294
- "usage": "Conversational colors add warmth and energy to our experience",
295
- "wcag": "n/a",
296
- "deprecated": false
297
- }
298
- },
299
- "canyon": {
300
- "100": {
301
- "value": "ffcab6",
302
- "public": true,
303
- "comment": "{comments.color.brand.value.comment}",
304
- "neutral": true,
305
- "usage": "Conversational colors add warmth and energy to our experience",
306
- "wcag": "n/a",
307
- "deprecated": false
308
- },
309
- "200": {
310
- "value": "f99574",
311
- "public": true,
312
- "comment": "{comments.color.brand.value.comment}",
313
- "neutral": true,
314
- "usage": "Conversational colors add warmth and energy to our experience",
315
- "wcag": "n/a",
316
- "deprecated": false
317
- },
318
- "300": {
319
- "value": "f26135",
320
- "public": true,
321
- "comment": "{comments.color.brand.value.comment}",
322
- "neutral": true,
323
- "usage": "Conversational colors add warmth and energy to our experience",
324
- "wcag": "n/a",
325
- "deprecated": false
326
- },
327
- "400": {
328
- "value": "de3e09",
329
- "public": true,
330
- "comment": "{comments.color.brand.value.comment}",
331
- "neutral": true,
332
- "usage": "Conversational colors add warmth and energy to our experience",
333
- "wcag": "n/a",
334
- "deprecated": false
335
- },
336
- "500": {
337
- "value": "b83302",
338
- "public": true,
339
- "comment": "{comments.color.brand.value.comment}",
340
- "neutral": true,
341
- "usage": "Conversational colors add warmth and energy to our experience",
342
- "wcag": "n/a",
343
- "deprecated": false
344
- }
345
- },
346
- "goldcoast": {
347
- "100": {
348
- "value": "fff0cd",
349
- "public": true,
350
- "comment": "{comments.color.brand.value.comment}",
351
- "neutral": true,
352
- "usage": "Conversational colors add warmth and energy to our experience",
353
- "wcag": "n/a",
354
- "deprecated": false
355
- },
356
- "200": {
357
- "value": "ffdb67",
358
- "public": true,
359
- "comment": "{comments.color.brand.value.comment}",
360
- "neutral": true,
361
- "usage": "Conversational colors add warmth and energy to our experience",
362
- "wcag": "n/a",
363
- "deprecated": false
364
- },
365
- "300": {
366
- "value": "ffd200",
367
- "public": true,
368
- "comment": "{comments.color.brand.value.comment}",
369
- "neutral": true,
370
- "usage": "Conversational colors add warmth and energy to our experience",
371
- "wcag": "n/a",
372
- "deprecated": false
373
- },
374
- "400": {
375
- "value": "e5ad07",
376
- "public": true,
377
- "comment": "{comments.color.brand.value.comment}",
378
- "neutral": true,
379
- "usage": "Conversational colors add warmth and energy to our experience",
380
- "wcag": "n/a",
381
- "deprecated": false
382
- },
383
- "500": {
384
- "value": "b88624",
385
- "public": true,
386
- "comment": "{comments.color.brand.value.comment}",
387
- "neutral": true,
388
- "usage": "Conversational colors add warmth and energy to our experience",
389
- "wcag": "n/a",
390
- "deprecated": false
391
- }
392
- },
393
- "neutral": {
394
- "100": {
395
- "value": "f9fbfc",
396
- "public": true,
397
- "comment": "{comments.color.brand.value.comment}",
398
- "neutral": true,
399
- "usage": "TBD...",
400
- "wcag": "n/a",
401
- "deprecated": false
402
- },
403
- "200": {
404
- "value": "e2eaef",
405
- "public": true,
406
- "comment": "{comments.color.brand.value.comment}",
407
- "neutral": true,
408
- "usage": "TBD...",
409
- "wcag": "n/a",
410
- "deprecated": false
411
- },
412
- "300": {
413
- "value": "cbd8e2",
414
- "public": true,
415
- "comment": "{comments.color.brand.value.comment}",
416
- "neutral": true,
417
- "usage": "TBD...",
418
- "wcag": "n/a",
419
- "deprecated": false
420
- },
421
- "400": {
422
- "value": "9fabbb",
423
- "public": true,
424
- "comment": "{comments.color.brand.value.comment}",
425
- "neutral": true,
426
- "usage": "TBD...",
427
- "wcag": "n/a",
428
- "deprecated": false
429
- },
430
- "500": {
431
- "value": "626b79",
432
- "public": true,
433
- "comment": "{comments.color.brand.value.comment}",
434
- "neutral": true,
435
- "usage": "TBD...",
436
- "wcag": "n/a",
437
- "deprecated": false
438
- }
439
- },
440
- "gray": {
441
- "100": {
442
- "value": "f8f8f8",
443
- "public": true,
444
- "neutral": true,
445
- "usage": "Neutral accent",
446
- "wcag": "n/a",
447
- "deprecated": false
448
- },
449
- "200": {
450
- "value": "dbdbdb",
451
- "public": true,
452
- "neutral": true,
453
- "usage": "Neutral accent",
454
- "wcag": "n/a",
455
- "deprecated": false
456
- },
457
- "300": {
458
- "value": "b2b2b2",
459
- "public": true,
460
- "neutral": true,
461
- "usage": "Neutral accent",
462
- "wcag": "n/a",
463
- "deprecated": false
464
- },
465
- "400": {
466
- "value": "767676",
467
- "public": true,
468
- "neutral": true,
469
- "usage": "Neutral accent",
470
- "wcag": "n/a",
471
- "deprecated": false
472
- },
473
- "500": {
474
- "value": "222222",
475
- "public": true,
476
- "neutral": true,
477
- "usage": "Neutral accent",
478
- "wcag": "n/a",
479
- "deprecated": false
480
- }
481
- },
482
- "goldgray": {
483
- "100": {
484
- "value": "C5C1BF",
485
- "public": true,
486
- "usage": "Tier branding color",
487
- "deprecated": false
488
- },
489
- "200": {
490
- "value": "726E6C",
491
- "public": true,
492
- "usage": "Tier branding color",
493
- "deprecated": false
494
- }
495
- },
496
- "gold": {
497
- "100": {
498
- "value": "CCBC94",
499
- "public": true,
500
- "usage": "Tier branding color",
501
- "deprecated": false
502
- },
503
- "200": {
504
- "value": "7F682E",
505
- "public": true,
506
- "usage": "Tier branding color",
507
- "deprecated": false
508
- }
509
- },
510
- "emerald": {
511
- "value": "139142",
512
- "public": true,
513
- "usage": "Tier branding color",
514
- "deprecated": false
515
- },
516
- "sapphire": {
517
- "value": "015DAA",
518
- "public": true,
519
- "usage": "Tier branding color",
520
- "deprecated": false
521
- },
522
- "ruby": {
523
- "value": "A41D4A",
524
- "public": true,
525
- "usage": "Tier branding color",
526
- "deprecated": false
527
- }
528
- }
529
- }
530
- }
package/src/color-darkmode/ui.json DELETED
@@ -1,57 +0,0 @@
1
- {
2
- "color": {
3
- "ui": {
4
- "default": {
5
- "default": {
6
- "value": "{color.brand.breeze.300.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "default interaction color affordance",
10
- "wcag": "AAA",
11
- "deprecated": false
12
- }
13
- },
14
- "hover": {
15
- "default": {
16
- "value": "{color.brand.breeze.200.value}",
17
- "public": true,
18
- "default": true,
19
- "usage": "Hover interaction color on dark backgrounds",
20
- "wcag": "AAA",
21
- "deprecated": false
22
- }
23
- },
24
- "active": {
25
- "default": {
26
- "value": "{color.brand.breeze.200.value}",
27
- "public": true,
28
- "default": true,
29
- "usage": "default active state color affordance",
30
- "wcag": "AAA",
31
- "deprecated": false
32
- }
33
- },
34
- "disabled": {
35
- "default": {
36
- "value": "{color.brand.breeze.300-opacity-30.value}",
37
- "public": true,
38
- "default": true,
39
- "usage": "default disabled state color affordance",
40
- "wcag": "n/a",
41
- "deprecated": false
42
- }
43
- },
44
- "bkg": {
45
- "hover": {
46
- "default": {
47
- "value": "5de3f71a",
48
- "public": true,
49
- "default": true,
50
- "usage": "Default hover affordance for background colors default",
51
- "deprecated": false
52
- }
53
- }
54
- }
55
- }
56
- }
57
- }