@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/size/scale.json DELETED
@@ -1,347 +0,0 @@
1
- {
2
- "size": {
3
- "font": {
4
- "scale": {
5
- "base": {
6
- "60": {
7
- "value": 0.625,
8
- "type": "semantic",
9
- "deprecated": true,
10
- "px": {
11
- "value": "10px",
12
- "type": "semantic",
13
- "deprecated": true
14
- }
15
- },
16
- "70": {
17
- "value": 0.75,
18
- "type": "semantic",
19
- "deprecated": true,
20
- "px": {
21
- "value": "12px",
22
- "type": "semantic",
23
- "deprecated": true
24
- }
25
- },
26
- "80": {
27
- "value": 0.875,
28
- "type": "semantic",
29
- "deprecated": true,
30
- "px": {
31
- "value": "14px",
32
- "type": "semantic",
33
- "deprecated": true
34
- }
35
- },
36
- "100": {
37
- "value": 1,
38
- "type": "semantic",
39
- "deprecated": true,
40
- "px": {
41
- "value": "16px",
42
- "type": "semantic",
43
- "deprecated": true
44
- }
45
- },
46
- "110": {
47
- "value": 1.125,
48
- "type": "semantic",
49
- "deprecated": true,
50
- "px": {
51
- "value": "18px",
52
- "type": "semantic",
53
- "deprecated": true
54
- }
55
- },
56
- "120": {
57
- "value": 1.25,
58
- "type": "semantic",
59
- "deprecated": true,
60
- "px": {
61
- "value": "20px",
62
- "type": "semantic",
63
- "deprecated": true
64
- }
65
- },
66
- "130": {
67
- "value": 1.375,
68
- "type": "semantic",
69
- "deprecated": true,
70
- "px": {
71
- "value": "22px",
72
- "type": "semantic",
73
- "deprecated": true
74
- }
75
- },
76
- "150": {
77
- "value": 1.5,
78
- "type": "semantic",
79
- "deprecated": true,
80
- "px": {
81
- "value": "24px",
82
- "type": "semantic",
83
- "deprecated": true
84
- }
85
- }
86
- },
87
- "responsive": {
88
- "160": {
89
- "value": 1.625,
90
- "type": "semantic",
91
- "deprecated": true,
92
- "px": {
93
- "value": "26px",
94
- "type": "semantic",
95
- "deprecated": true
96
- }
97
- },
98
- "170": {
99
- "value": 1.75,
100
- "type": "semantic",
101
- "deprecated": true,
102
- "px": {
103
- "value": "28px",
104
- "type": "semantic",
105
- "deprecated": true
106
- }
107
- },
108
- "180": {
109
- "value": 1.875,
110
- "type": "semantic",
111
- "deprecated": true,
112
- "px": {
113
- "value": "30px",
114
- "type": "semantic",
115
- "deprecated": true
116
- }
117
- },
118
- "200": {
119
- "value": 2,
120
- "type": "semantic",
121
- "deprecated": true,
122
- "px": {
123
- "value": "32px",
124
- "type": "semantic",
125
- "deprecated": true
126
- }
127
- },
128
- "210": {
129
- "value": 2.125,
130
- "type": "semantic",
131
- "deprecated": true,
132
- "px": {
133
- "value": "34px",
134
- "type": "semantic",
135
- "deprecated": true
136
- }
137
- },
138
- "220": {
139
- "value": 2.25,
140
- "type": "semantic",
141
- "deprecated": true,
142
- "px": {
143
- "value": "36px",
144
- "type": "semantic",
145
- "deprecated": true
146
- }
147
- },
148
- "230": {
149
- "value": 2.375,
150
- "type": "semantic",
151
- "deprecated": true,
152
- "px": {
153
- "value": "38px",
154
- "type": "semantic",
155
- "deprecated": true
156
- }
157
- },
158
- "250": {
159
- "value": 2.5,
160
- "type": "semantic",
161
- "deprecated": true,
162
- "px": {
163
- "value": "40px",
164
- "type": "semantic",
165
- "deprecated": true
166
- }
167
- },
168
- "260": {
169
- "value": 2.625,
170
- "type": "semantic",
171
- "deprecated": true,
172
- "px": {
173
- "value": "42px",
174
- "type": "semantic",
175
- "deprecated": true
176
- }
177
- },
178
- "270": {
179
- "value": 2.75,
180
- "type": "semantic",
181
- "deprecated": true,
182
- "px": {
183
- "value": "44px",
184
- "type": "semantic",
185
- "deprecated": true
186
- }
187
- },
188
- "300": {
189
- "value": 3.0,
190
- "type": "semantic",
191
- "deprecated": true,
192
- "px": {
193
- "value": "48px",
194
- "type": "semantic",
195
- "deprecated": true
196
- }
197
- },
198
- "330": {
199
- "value": 3.375,
200
- "type": "semantic",
201
- "deprecated": true,
202
- "px": {
203
- "value": "54px",
204
- "type": "semantic",
205
- "deprecated": true
206
- }
207
- },
208
- "350": {
209
- "value": 3.5,
210
- "type": "semantic",
211
- "deprecated": true,
212
- "px": {
213
- "value": "56px",
214
- "type": "semantic",
215
- "deprecated": true
216
- }
217
- },
218
- "370": {
219
- "value": 3.75,
220
- "type": "semantic",
221
- "deprecated": true,
222
- "px": {
223
- "value": "60px",
224
- "type": "semantic",
225
- "deprecated": true
226
- }
227
- },
228
- "420": {
229
- "value": 4.25,
230
- "type": "semantic",
231
- "deprecated": true,
232
- "px": {
233
- "value": "68px",
234
- "type": "semantic",
235
- "deprecated": true
236
- }
237
- }
238
- }
239
- }
240
- },
241
- "25": {
242
- "value": 0.125,
243
- "type": "semantic",
244
- "comment": "2px",
245
- "public": true,
246
- "deprecated": true
247
- },
248
- "50": {
249
- "value": 0.25,
250
- "type": "semantic",
251
- "comment": "4px",
252
- "public": true,
253
- "deprecated": true
254
- },
255
- "75": {
256
- "value": 0.375,
257
- "type": "semantic",
258
- "comment": "6px",
259
- "public": true,
260
- "deprecated": true
261
- },
262
- "100": {
263
- "value": 0.5,
264
- "type": "semantic",
265
- "comment": "8px",
266
- "public": true,
267
- "deprecated": true
268
- },
269
- "150": {
270
- "value": 0.75,
271
- "type": "semantic",
272
- "comment": "12px",
273
- "public": true,
274
- "deprecated": true
275
- },
276
- "200": {
277
- "value": 1.00,
278
- "type": "semantic",
279
- "comment": "16px",
280
- "public": true,
281
- "deprecated": true
282
- },
283
- "250": {
284
- "value": 1.25,
285
- "type": "semantic",
286
- "comment": "20px",
287
- "public": true,
288
- "deprecated": true
289
- },
290
- "300": {
291
- "value": 1.50,
292
- "type": "semantic",
293
- "comment": "24px",
294
- "public": true,
295
- "deprecated": true
296
- },
297
- "400": {
298
- "value": 2.00,
299
- "type": "semantic",
300
- "comment": "32px",
301
- "public": true,
302
- "deprecated": true
303
- },
304
- "500": {
305
- "value": 2.50,
306
- "type": "semantic",
307
- "comment": "40px",
308
- "public": true,
309
- "deprecated": true
310
- },
311
- "600": {
312
- "value": 3.00,
313
- "type": "semantic",
314
- "comment": "48px",
315
- "public": true,
316
- "deprecated": true
317
- },
318
- "700": {
319
- "value": 3.50,
320
- "type": "semantic",
321
- "comment": "56px",
322
- "public": true,
323
- "deprecated": true
324
- },
325
- "800": {
326
- "value": 4.00,
327
- "type": "semantic",
328
- "comment": "64px",
329
- "public": true,
330
- "deprecated": true
331
- },
332
- "900": {
333
- "value": 4.50,
334
- "type": "semantic",
335
- "comment": "72px",
336
- "public": true,
337
- "deprecated": true
338
- },
339
- "1000": {
340
- "value": 5.00,
341
- "type": "semantic",
342
- "comment": "80px",
343
- "public": true,
344
- "deprecated": true
345
- }
346
- }
347
- }
package/src/themes/auro-classic/size/unitless-scale.json DELETED
@@ -1,126 +0,0 @@
1
- {
2
- "unitless": {
3
- "scale": {
4
- "20": {
5
- "value": 0.25,
6
- "type": "semantic",
7
- "public": true,
8
- "deprecated": true
9
- },
10
- "50": {
11
- "value": 0.5,
12
- "type": "semantic",
13
- "public": true,
14
- "deprecated": true
15
- },
16
- "100": {
17
- "value": 1,
18
- "type": "semantic",
19
- "public": true,
20
- "deprecated": true
21
- },
22
- "120": {
23
- "value": 1.25,
24
- "type": "semantic",
25
- "public": true,
26
- "deprecated": true
27
- },
28
- "140": {
29
- "value": 1.4,
30
- "type": "semantic",
31
- "public": true,
32
- "deprecated": true
33
- },
34
- "150": {
35
- "value": 1.5,
36
- "type": "semantic",
37
- "public": true,
38
- "deprecated": true
39
- },
40
- "160": {
41
- "value": 1.625,
42
- "type": "semantic",
43
- "public": true,
44
- "deprecated": true
45
- },
46
- "170": {
47
- "value": 1.75,
48
- "type": "semantic",
49
- "public": true,
50
- "deprecated": true
51
- },
52
- "180": {
53
- "value": 1.875,
54
- "type": "semantic",
55
- "public": true,
56
- "deprecated": true
57
- },
58
- "200": {
59
- "value": 2,
60
- "type": "semantic",
61
- "public": true,
62
- "deprecated": true
63
- },
64
- "210": {
65
- "value": 2.125,
66
- "type": "semantic",
67
- "public": true,
68
- "deprecated": true
69
- },
70
- "220": {
71
- "value": 2.25,
72
- "type": "semantic",
73
- "public": true,
74
- "deprecated": true
75
- },
76
- "230": {
77
- "value": 2.375,
78
- "type": "semantic",
79
- "public": true,
80
- "deprecated": true
81
- },
82
- "260": {
83
- "value": 2.625,
84
- "type": "semantic",
85
- "public": true,
86
- "deprecated": true
87
- },
88
- "270": {
89
- "value": 2.75,
90
- "type": "semantic",
91
- "public": true,
92
- "deprecated": true
93
- },
94
- "300": {
95
- "value": 3,
96
- "type": "semantic",
97
- "public": true,
98
- "deprecated": true
99
- },
100
- "330": {
101
- "value": 3.375,
102
- "type": "semantic",
103
- "public": true,
104
- "deprecated": true
105
- },
106
- "350": {
107
- "value": 3.5,
108
- "type": "semantic",
109
- "public": true,
110
- "deprecated": true
111
- },
112
- "370": {
113
- "value": 3.75,
114
- "type": "semantic",
115
- "public": true,
116
- "deprecated": true
117
- },
118
- "420": {
119
- "value": 4.25,
120
- "type": "semantic",
121
- "public": true,
122
- "deprecated": true
123
- }
124
- }
125
- }
126
- }