@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

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 (122) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/JSObject--allTokens.js +2124 -0
  5. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  6. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  7. package/dist/alaska/primitives--alaska.scss +215 -0
  8. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  9. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  10. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  11. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  12. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  13. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  14. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  15. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  16. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  19. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  21. package/dist/hawaiian/JSObject--allTokens.js +2124 -0
  22. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  23. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  24. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  25. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  26. package/package.json +5 -3
  27. package/src/primitives/alaska/color.json +796 -0
  28. package/src/primitives/alaska/typography.json +27 -0
  29. package/src/primitives/base/color.json +489 -0
  30. package/src/primitives/base/transparency.json +183 -0
  31. package/src/primitives/base/typography.json +210 -0
  32. package/src/primitives/hawaiian/color.json +508 -0
  33. package/src/primitives/hawaiian/typography.json +28 -0
  34. package/src/themes/alaska/color.json +394 -0
  35. package/src/themes/alaska/typography.json +132 -0
  36. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  37. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  38. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  39. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  40. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  41. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  42. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  43. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  44. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  45. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  46. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  47. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  48. package/src/themes/auro-classic/comments.json +50 -0
  49. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  50. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  51. package/src/{asset → themes/auro-classic}/font.json +10 -5
  52. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  53. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  54. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  55. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  56. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  57. package/src/themes/auro-classic/size/scale.json +347 -0
  58. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  59. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  60. package/src/themes/hawaiian/color.json +394 -0
  61. package/src/themes/hawaiian/typography.json +132 -0
  62. package/src/themes/transparent/color/alert.json +7 -0
  63. package/src/themes/transparent/color/background.json +30 -2
  64. package/src/themes/transparent/color/base.json +156 -0
  65. package/src/themes/transparent/color/border.json +36 -0
  66. package/src/themes/transparent/color/brand.json +167 -36
  67. package/src/themes/transparent/color/container.json +50 -0
  68. package/src/themes/transparent/color/icon.json +65 -0
  69. package/src/themes/transparent/color/text.json +30 -0
  70. package/src/themes/transparent/color/tier.json +22 -1
  71. package/src/themes/transparent/color/ui.json +12 -1
  72. package/src/themes/transparent/color/utility.json +30 -0
  73. package/src/themes/transparent/elevation.json +3 -0
  74. package/dist/tokens/JSObject--deprecated.js +0 -3157
  75. package/dist/tokens/SCSSVariables.scss +0 -1372
  76. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  77. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  78. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  79. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  80. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  81. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  82. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  83. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  84. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  85. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  86. package/src/animation.json +0 -21
  87. package/src/color/ui.json +0 -125
  88. package/src/color-darkmode/base.json +0 -24
  89. package/src/color-darkmode/border.json +0 -32
  90. package/src/color-darkmode/icon.json +0 -32
  91. package/src/color-darkmode/text.json +0 -71
  92. package/src/color-darkmode/tier.json +0 -34
  93. package/src/comments.json +0 -34
  94. package/src/grid-breakpoint.json +0 -29
  95. package/src/grid-column.json +0 -29
  96. package/src/size/scale.json +0 -240
  97. package/src/size/unitless-scale.json +0 -82
  98. package/src/themes/excursion/asset/font.json +0 -35
  99. package/src/themes/excursion/color/alert.json +0 -90
  100. package/src/themes/excursion/color/background.json +0 -280
  101. package/src/themes/excursion/color/base.json +0 -1303
  102. package/src/themes/excursion/color/border.json +0 -288
  103. package/src/themes/excursion/color/brand.json +0 -1549
  104. package/src/themes/excursion/color/container.json +0 -464
  105. package/src/themes/excursion/color/excursion.json +0 -254
  106. package/src/themes/excursion/color/icon.json +0 -476
  107. package/src/themes/excursion/color/text.json +0 -270
  108. package/src/themes/excursion/color/tier.json +0 -180
  109. package/src/themes/excursion/comments.json +0 -34
  110. package/src/themes/excursion/depth copy.json +0 -22
  111. package/src/themes/excursion/elevation.json +0 -22
  112. package/src/themes/excursion/grid-gutter.json +0 -29
  113. package/src/themes/excursion/grid-margin.json +0 -29
  114. package/src/themes/excursion/size/radius.json +0 -9
  115. package/src/themes/excursion/size/scale.json +0 -234
  116. package/src/themes/excursion/size/unitless-scale.json +0 -82
  117. package/src/themes/excursion/text.json +0 -572
  118. package/src/themes/hawaiian/color/background.json +0 -15
  119. package/src/themes/hawaiian/color/border.json +0 -18
  120. package/src/themes/hawaiian/color/container.json +0 -56
  121. package/src/themes/hawaiian/color/icon.json +0 -24
  122. package/src/themes/hawaiian/color/text.json +0 -44
package/src/themes/auro-classic/size/scale.json ADDED
@@ -0,0 +1,347 @@
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 ADDED
@@ -0,0 +1,126 @@
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
+ }