@aurodesignsystem/design-tokens 4.0.0

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 (70) hide show
  1. package/CHANGELOG.md +573 -0
  2. package/LICENSE +201 -0
  3. package/README.md +97 -0
  4. package/dist/tokens/CSSCustomProperties--darkmode.css +302 -0
  5. package/dist/tokens/CSSCustomProperties.css +315 -0
  6. package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +155 -0
  7. package/dist/tokens/CSSCustomPropertiesColorRGB.css +168 -0
  8. package/dist/tokens/CSSOpacityProperties--darkmode.scss +10 -0
  9. package/dist/tokens/CSSOpacityProperties.scss +10 -0
  10. package/dist/tokens/CSSSizeCustomProperties--darkmode.css +20 -0
  11. package/dist/tokens/CSSSizeCustomProperties.css +20 -0
  12. package/dist/tokens/CSSVariables--darkmode.css +302 -0
  13. package/dist/tokens/CSSVariablesMapFlat--darkmode.css +368 -0
  14. package/dist/tokens/JSData--color.js +3665 -0
  15. package/dist/tokens/JSData--darkmodeColor.js +3254 -0
  16. package/dist/tokens/JSObject--allDarkTokens.js +7087 -0
  17. package/dist/tokens/JSObject--allTokens.js +7498 -0
  18. package/dist/tokens/JSObject--deprecated.js +2788 -0
  19. package/dist/tokens/JSObject--deprecatedDark.js +675 -0
  20. package/dist/tokens/JSVariables--color.js +166 -0
  21. package/dist/tokens/JSVariables--darkmodeColor.js +153 -0
  22. package/dist/tokens/SCSSOpacityVariables--darkmode.scss +7 -0
  23. package/dist/tokens/SCSSOpacityVariables.scss +7 -0
  24. package/dist/tokens/SCSSVariableMap--darkmode.scss +37 -0
  25. package/dist/tokens/SCSSVariableMap.scss +37 -0
  26. package/dist/tokens/SCSSVariables--darkmode.scss +299 -0
  27. package/dist/tokens/SCSSVariables.scss +312 -0
  28. package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +368 -0
  29. package/dist/tokens/SCSSVariablesMapFlat.scss +381 -0
  30. package/dist/tokens/SassCustomProperties--darkmode.scss +302 -0
  31. package/dist/tokens/SassCustomProperties.scss +315 -0
  32. package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +155 -0
  33. package/dist/tokens/SassCustomPropertiesColorRGB.scss +168 -0
  34. package/dist/tokens/SassSizeCustomProperties--darkmode.scss +20 -0
  35. package/dist/tokens/SassSizeCustomProperties.scss +20 -0
  36. package/package.json +92 -0
  37. package/packageScripts/postinstall.mjs +34 -0
  38. package/src/animation.json +21 -0
  39. package/src/asset/font.json +35 -0
  40. package/src/breakpoint.json +28 -0
  41. package/src/color/alert.json +175 -0
  42. package/src/color/background.json +38 -0
  43. package/src/color/base.json +140 -0
  44. package/src/color/border.json +214 -0
  45. package/src/color/brand.json +530 -0
  46. package/src/color/icon.json +150 -0
  47. package/src/color/text.json +237 -0
  48. package/src/color/tier.json +114 -0
  49. package/src/color/ui.json +165 -0
  50. package/src/color-darkmode/alert.json +56 -0
  51. package/src/color-darkmode/background.json +38 -0
  52. package/src/color-darkmode/base.json +140 -0
  53. package/src/color-darkmode/border.json +66 -0
  54. package/src/color-darkmode/brand.json +530 -0
  55. package/src/color-darkmode/icon.json +46 -0
  56. package/src/color-darkmode/text.json +66 -0
  57. package/src/color-darkmode/tier.json +54 -0
  58. package/src/color-darkmode/ui.json +57 -0
  59. package/src/comments.json +34 -0
  60. package/src/depth.json +29 -0
  61. package/src/elevation.json +22 -0
  62. package/src/grid-breakpoint.json +29 -0
  63. package/src/grid-column.json +29 -0
  64. package/src/grid-gutter.json +29 -0
  65. package/src/grid-margin.json +29 -0
  66. package/src/shadow.json +13 -0
  67. package/src/size/radius.json +9 -0
  68. package/src/size/scale.json +308 -0
  69. package/src/size/unitless-scale.json +82 -0
  70. package/src/text.json +572 -0
package/src/text.json ADDED
@@ -0,0 +1,572 @@
1
+ {
2
+ "font": {
3
+ "family": {
4
+ "default": {
5
+ "value": "'{asset.font.circular.familyName.value}', Helvetica Neue, Arial, sans-serif",
6
+ "public": true,
7
+ "deprecated": false
8
+ },
9
+ "mono": {
10
+ "value": "Menlo, Monaco, Consolas, 'Courier New', monospace",
11
+ "public": true,
12
+ "deprecated": false
13
+ }
14
+ },
15
+ "spacing": {
16
+ "value": "-0.2px",
17
+ "deprecated": false
18
+ },
19
+ "weight": {
20
+ "100": {
21
+ "value": "100",
22
+ "comment": "value to support ASCircularWeb-Light",
23
+ "deprecated": false
24
+ },
25
+ "300": {
26
+ "value": "300",
27
+ "comment": "value to support ASCircularWeb-Medium",
28
+ "deprecated": false
29
+ },
30
+ "500": {
31
+ "value": "500",
32
+ "comment": "value to support ASCircularWeb-Book",
33
+ "deprecated": false
34
+ }
35
+ }
36
+ },
37
+ "text": {
38
+ "heading": {
39
+ "default": {
40
+ "weight": {
41
+ "value": "{font.weight.500.value}",
42
+ "public": true,
43
+ "deprecated": false
44
+ },
45
+ "margin": {
46
+ "value": "0",
47
+ "public": true,
48
+ "deprecated": false
49
+ },
50
+ "spacing": {
51
+ "value": "{font.spacing.value}",
52
+ "public": true,
53
+ "deprecated": false
54
+ }
55
+ },
56
+ "medium": {
57
+ "weight": {
58
+ "value": "{font.weight.300.value}",
59
+ "public": true,
60
+ "deprecated": false
61
+ }
62
+ },
63
+ "display": {
64
+ "weight": {
65
+ "value": "{font.weight.100.value}",
66
+ "public": true,
67
+ "deprecated": false
68
+ },
69
+ "px": {
70
+ "breakpoint" : {
71
+ "sm": {
72
+ "value": "{size.font.scale.responsive.270.px.value}",
73
+ "public": true,
74
+ "deprecated": false
75
+ },
76
+ "md": {
77
+ "value": "{size.font.scale.responsive.300.px.value}",
78
+ "public": true,
79
+ "deprecated": false
80
+ },
81
+ "lg": {
82
+ "value": "{size.font.scale.responsive.350.px.value}",
83
+ "public": true,
84
+ "deprecated": false
85
+ }
86
+ }
87
+ },
88
+ "size": {
89
+ "breakpoint": {
90
+ "sm": {
91
+ "value": "{size.font.scale.responsive.270.value}",
92
+ "public": true,
93
+ "deprecated": false
94
+ },
95
+ "md": {
96
+ "value": "{size.font.scale.responsive.300.value}",
97
+ "public": true,
98
+ "deprecated": false
99
+ },
100
+ "lg": {
101
+ "value": "{size.font.scale.responsive.350.value}",
102
+ "public": true,
103
+ "deprecated": false
104
+ }
105
+ }
106
+ },
107
+ "height": {
108
+ "breakpoint": {
109
+ "sm": {
110
+ "value": "{size.font.scale.responsive.330.value}",
111
+ "public": true,
112
+ "deprecated": false
113
+ },
114
+ "px-sm": {
115
+ "value": "{size.font.scale.responsive.330.px.value}",
116
+ "public": true,
117
+ "deprecated": false
118
+ },
119
+ "md": {
120
+ "value": "{size.font.scale.responsive.370.value}",
121
+ "public": true,
122
+ "deprecated": false
123
+ },
124
+ "px-md": {
125
+ "value": "{size.font.scale.responsive.370.px.value}",
126
+ "public": true,
127
+ "deprecated": false
128
+ },
129
+ "lg": {
130
+ "value": "{size.font.scale.responsive.420.value}",
131
+ "public": true,
132
+ "deprecated": false
133
+ },
134
+ "px-lg": {
135
+ "value": "{size.font.scale.responsive.420.px.value}",
136
+ "public": true,
137
+ "deprecated": false
138
+ }
139
+ }
140
+ }
141
+ },
142
+ "800": {
143
+ "weight": {
144
+ "value": "{font.weight.500.value}",
145
+ "public": true,
146
+ "deprecated": false
147
+ },
148
+ "px": {
149
+ "breakpoint": {
150
+ "sm": {
151
+ "value": "{size.font.scale.responsive.200.px.value}",
152
+ "public": true,
153
+ "deprecated": false
154
+ },
155
+ "md": {
156
+ "value": "{size.font.scale.responsive.220.px.value}",
157
+ "public": true,
158
+ "deprecated": false
159
+ },
160
+ "lg": {
161
+ "value": "{size.font.scale.responsive.250.px.value}",
162
+ "public": true,
163
+ "deprecated": false
164
+ }
165
+ }
166
+ },
167
+ "size": {
168
+ "breakpoint": {
169
+ "sm": {
170
+ "value": "{size.font.scale.responsive.200.value}",
171
+ "public": true,
172
+ "deprecated": false
173
+ },
174
+ "md": {
175
+ "value": "{size.font.scale.responsive.220.value}",
176
+ "public": true,
177
+ "deprecated": false
178
+ },
179
+ "lg": {
180
+ "value": "{size.font.scale.responsive.250.value}",
181
+ "public": true,
182
+ "deprecated": false
183
+ }
184
+ }
185
+ },
186
+ "height": {
187
+ "breakpoint": {
188
+ "sm": {
189
+ "value": "{size.font.scale.responsive.230.value}",
190
+ "public": true,
191
+ "deprecated": false
192
+ },
193
+ "px-sm": {
194
+ "value": "{size.font.scale.responsive.230.px.value}",
195
+ "public": true,
196
+ "deprecated": false
197
+ },
198
+ "md": {
199
+ "value": "{size.font.scale.responsive.260.value}",
200
+ "public": true,
201
+ "deprecated": false
202
+ },
203
+ "px-md": {
204
+ "value": "{size.font.scale.responsive.260.px.value}",
205
+ "public": true,
206
+ "deprecated": false
207
+ },
208
+ "lg": {
209
+ "value": "{size.font.scale.responsive.300.value}",
210
+ "public": true,
211
+ "deprecated": false
212
+ },
213
+ "px-lg": {
214
+ "value": "{size.font.scale.responsive.300.px.value}",
215
+ "public": true,
216
+ "deprecated": false
217
+ }
218
+ }
219
+ }
220
+ },
221
+ "700": {
222
+ "weight": {
223
+ "value": "{font.weight.500.value}",
224
+ "public": true,
225
+ "deprecated": false
226
+ },
227
+ "px": {
228
+ "breakpoint": {
229
+ "sm": {
230
+ "value": "{size.font.scale.responsive.170.px.value}",
231
+ "public": true,
232
+ "deprecated": false
233
+ },
234
+ "md": {
235
+ "value": "{size.font.scale.responsive.200.px.value}",
236
+ "public": true,
237
+ "deprecated": false
238
+ },
239
+ "lg": {
240
+ "value": "{size.font.scale.responsive.220.px.value}",
241
+ "public": true,
242
+ "deprecated": false
243
+ }
244
+ }
245
+ },
246
+ "size": {
247
+ "breakpoint": {
248
+ "sm": {
249
+ "value": "{size.font.scale.responsive.170.value}",
250
+ "public": true,
251
+ "deprecated": false
252
+ },
253
+ "md": {
254
+ "value": "{size.font.scale.responsive.200.value}",
255
+ "public": true,
256
+ "deprecated": false
257
+ },
258
+ "lg": {
259
+ "value": "{size.font.scale.responsive.220.value}",
260
+ "public": true,
261
+ "deprecated": false
262
+ }
263
+ }
264
+ },
265
+ "height": {
266
+ "breakpoint": {
267
+ "sm": {
268
+ "value": "{size.font.scale.responsive.210.value}",
269
+ "public": true,
270
+ "deprecated": false
271
+ },
272
+ "px-sm": {
273
+ "value": "{size.font.scale.responsive.210.px.value}",
274
+ "public": true,
275
+ "deprecated": false
276
+ },
277
+ "md": {
278
+ "value": "{size.font.scale.responsive.230.value}",
279
+ "public": true,
280
+ "deprecated": false
281
+ },
282
+ "px-md": {
283
+ "value": "{size.font.scale.responsive.230.px.value}",
284
+ "public": true,
285
+ "deprecated": false
286
+ },
287
+ "lg": {
288
+ "value": "{size.font.scale.responsive.270.value}",
289
+ "public": true,
290
+ "deprecated": false
291
+ },
292
+ "px-lg": {
293
+ "value": "{size.font.scale.responsive.270.px.value}",
294
+ "public": true,
295
+ "deprecated": false
296
+ }
297
+ }
298
+ }
299
+ },
300
+ "600": {
301
+ "weight": {
302
+ "value": "{font.weight.300.value}",
303
+ "public": true,
304
+ "deprecated": false
305
+ },
306
+ "px": {
307
+ "breakpoint": {
308
+ "sm": {
309
+ "value": "{size.font.scale.responsive.160.px.value}",
310
+ "public": true,
311
+ "deprecated": false
312
+ },
313
+ "md": {
314
+ "value": "{size.font.scale.responsive.170.px.value}",
315
+ "public": true,
316
+ "deprecated": false
317
+ },
318
+ "lg": {
319
+ "value": "{size.font.scale.responsive.170.px.value}",
320
+ "public": true,
321
+ "deprecated": false
322
+ }
323
+ }
324
+ },
325
+ "size": {
326
+ "breakpoint": {
327
+ "sm": {
328
+ "value": "{size.font.scale.responsive.160.value}",
329
+ "public": true,
330
+ "deprecated": false
331
+ },
332
+ "md": {
333
+ "value": "{size.font.scale.responsive.170.value}",
334
+ "public": true,
335
+ "deprecated": false
336
+ },
337
+ "lg": {
338
+ "value": "{size.font.scale.responsive.170.value}",
339
+ "public": true,
340
+ "deprecated": false
341
+ }
342
+ }
343
+ },
344
+ "height": {
345
+ "breakpoint": {
346
+ "sm": {
347
+ "value": "{size.font.scale.responsive.180.value}",
348
+ "public": true,
349
+ "deprecated": false
350
+ },
351
+ "px-sm": {
352
+ "value": "{size.font.scale.responsive.180.px.value}",
353
+ "public": true,
354
+ "deprecated": false
355
+ },
356
+ "md": {
357
+ "value": "{size.font.scale.responsive.210.value}",
358
+ "public": true,
359
+ "deprecated": false
360
+ },
361
+ "px-md": {
362
+ "value": "{size.font.scale.responsive.210.px.value}",
363
+ "public": true,
364
+ "deprecated": false
365
+ },
366
+ "lg": {
367
+ "value": "{size.font.scale.responsive.220.value}",
368
+ "public": true,
369
+ "deprecated": false
370
+ },
371
+ "px-lg": {
372
+ "value": "{size.font.scale.responsive.220.px.value}",
373
+ "public": true,
374
+ "deprecated": false
375
+ }
376
+ }
377
+ }
378
+ },
379
+ "500": {
380
+ "weight": {
381
+ "value": "{font.weight.300.value}",
382
+ "public": true,
383
+ "deprecated": false
384
+ },
385
+ "px": {
386
+ "breakpoint": {
387
+ "sm": {
388
+ "value": "{size.font.scale.base.130.px.value}",
389
+ "public": true,
390
+ "deprecated": false
391
+ },
392
+ "md": {
393
+ "value": "{size.font.scale.base.150.px.value}",
394
+ "public": true,
395
+ "deprecated": false
396
+ },
397
+ "lg": {
398
+ "value": "{size.font.scale.base.150.px.value}",
399
+ "public": true,
400
+ "deprecated": false
401
+ }
402
+ }
403
+ },
404
+ "size": {
405
+ "breakpoint": {
406
+ "sm": {
407
+ "value": "{size.font.scale.base.130.value}",
408
+ "public": true,
409
+ "deprecated": false
410
+ },
411
+ "md": {
412
+ "value": "{size.font.scale.base.150.value}",
413
+ "public": true,
414
+ "deprecated": false
415
+ },
416
+ "lg": {
417
+ "value": "{size.font.scale.base.150.value}",
418
+ "public": true,
419
+ "deprecated": false
420
+ }
421
+ }
422
+ },
423
+ "height": {
424
+ "breakpoint": {
425
+ "sm": {
426
+ "value": "{size.font.scale.responsive.160.value}",
427
+ "public": true,
428
+ "deprecated": false
429
+ },
430
+ "px-sm": {
431
+ "value": "{size.font.scale.responsive.160.px.value}",
432
+ "public": true,
433
+ "deprecated": false
434
+ },
435
+ "md": {
436
+ "value": "{size.font.scale.responsive.180.value}",
437
+ "public": true,
438
+ "deprecated": false
439
+ },
440
+ "px-md": {
441
+ "value": "{size.font.scale.responsive.180.px.value}",
442
+ "public": true,
443
+ "deprecated": false
444
+ },
445
+ "lg": {
446
+ "value": "{size.font.scale.responsive.200.value}",
447
+ "public": true,
448
+ "deprecated": false
449
+ },
450
+ "px-lg": {
451
+ "value": "{size.font.scale.responsive.200.px.value}",
452
+ "public": true,
453
+ "deprecated": false
454
+ }
455
+ }
456
+ }
457
+ },
458
+ "400": {
459
+ "weight": {
460
+ "value": "{font.weight.300.value}",
461
+ "public": true,
462
+ "deprecated": false
463
+ },
464
+ "px": {
465
+ "value": "{size.font.scale.base.120.px.value}",
466
+ "public": true,
467
+ "deprecated": false
468
+ },
469
+ "size": {
470
+ "value": "{size.font.scale.base.120.value}",
471
+ "public": true,
472
+ "deprecated": false
473
+ },
474
+ "height": {
475
+ "value": "{size.font.scale.responsive.160.value}",
476
+ "public": true,
477
+ "deprecated": false
478
+ },
479
+ "height-px": {
480
+ "value": "{size.font.scale.responsive.160.px.value}",
481
+ "public": true,
482
+ "deprecated": false
483
+ }
484
+ },
485
+ "300": {
486
+ "weight": {
487
+ "value": "{font.weight.300.value}",
488
+ "public": true,
489
+ "deprecated": false
490
+ },
491
+ "px": {
492
+ "value": "{size.font.scale.base.110.px.value}",
493
+ "public": true,
494
+ "deprecated": false
495
+ },
496
+ "size": {
497
+ "value": "{size.font.scale.base.110.value}",
498
+ "public": true,
499
+ "deprecated": false
500
+ },
501
+ "height": {
502
+ "value": "{size.font.scale.responsive.160.value}",
503
+ "public": true,
504
+ "deprecated": false
505
+ },
506
+ "height-px": {
507
+ "value": "{size.font.scale.responsive.160.px.value}",
508
+ "public": true,
509
+ "deprecated": false
510
+ }
511
+ }
512
+ },
513
+ "body": {
514
+ "default": {
515
+ "weight": {
516
+ "value": "{font.weight.500.value}",
517
+ "public": true,
518
+ "deprecated": false
519
+ }
520
+ },
521
+ "size": {
522
+ "xxs": {
523
+ "value": "{size.font.scale.base.60.value}",
524
+ "public": true,
525
+ "deprecated": false
526
+ },
527
+ "xs": {
528
+ "value": "{size.font.scale.base.70.value}",
529
+ "public": true,
530
+ "deprecated": false
531
+ },
532
+ "sm": {
533
+ "value": "{size.font.scale.base.80.value}",
534
+ "public": true,
535
+ "deprecated": false
536
+ },
537
+ "default": {
538
+ "value": "{size.font.scale.base.100.value}",
539
+ "public": true,
540
+ "deprecated": false
541
+ },
542
+ "lg": {
543
+ "value": "{size.font.scale.base.110.value}",
544
+ "public": true,
545
+ "deprecated": false
546
+ }
547
+ },
548
+ "height": {
549
+ "xs": {
550
+ "value": "{size.font.scale.base.100.value}",
551
+ "public": true,
552
+ "deprecated": false
553
+ },
554
+ "sm": {
555
+ "value": "{size.font.scale.base.120.value}",
556
+ "public": true,
557
+ "deprecated": false
558
+ },
559
+ "default": {
560
+ "value": "{size.font.scale.base.150.value}",
561
+ "public": true,
562
+ "deprecated": false
563
+ },
564
+ "lg": {
565
+ "value": "{size.font.scale.responsive.160.value}",
566
+ "public": true,
567
+ "deprecated": false
568
+ }
569
+ }
570
+ }
571
+ }
572
+ }