@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/transparent/color/utility.json CHANGED
@@ -4,6 +4,7 @@
4
4
  "blue": {
5
5
  "default": {
6
6
  "value": "{color.brand.blue.400.value}",
7
+ "type": "semantic",
7
8
  "public": true,
8
9
  "default": true,
9
10
  "usage": "",
@@ -12,6 +13,7 @@
12
13
  },
13
14
  "inverse": {
14
15
  "value": "{color.brand.blue.200.value}",
16
+ "type": "semantic",
15
17
  "public": true,
16
18
  "inverse": true,
17
19
  "usage": "",
@@ -22,6 +24,7 @@
22
24
  "cyan": {
23
25
  "default": {
24
26
  "value": "{color.brand.cyan.300.value}",
27
+ "type": "semantic",
25
28
  "public": true,
26
29
  "default": true,
27
30
  "usage": "",
@@ -30,6 +33,7 @@
30
33
  },
31
34
  "inverse": {
32
35
  "value": "{color.brand.cyan.200.value}",
36
+ "type": "semantic",
33
37
  "public": true,
34
38
  "inverse": true,
35
39
  "usage": "",
@@ -40,6 +44,7 @@
40
44
  "green": {
41
45
  "default": {
42
46
  "value": "{color.brand.green.400.value}",
47
+ "type": "semantic",
43
48
  "public": true,
44
49
  "default": true,
45
50
  "usage": "",
@@ -48,6 +53,7 @@
48
53
  },
49
54
  "inverse": {
50
55
  "value": "{color.brand.green.300.value}",
56
+ "type": "semantic",
51
57
  "public": true,
52
58
  "inverse": true,
53
59
  "usage": "",
@@ -58,6 +64,7 @@
58
64
  "gray": {
59
65
  "default": {
60
66
  "value": "{color.brand.gray.400.value}",
67
+ "type": "semantic",
61
68
  "public": true,
62
69
  "default": true,
63
70
  "usage": "",
@@ -66,6 +73,7 @@
66
73
  },
67
74
  "inverse": {
68
75
  "value": "{color.brand.gray.200.value}",
76
+ "type": "semantic",
69
77
  "public": true,
70
78
  "inverse": true,
71
79
  "usage": "",
@@ -76,6 +84,7 @@
76
84
  "lime": {
77
85
  "default": {
78
86
  "value": "{color.brand.lime.300.value}",
87
+ "type": "semantic",
79
88
  "public": true,
80
89
  "default": true,
81
90
  "usage": "",
@@ -84,6 +93,7 @@
84
93
  },
85
94
  "inverse": {
86
95
  "value": "{color.brand.lime.200.value}",
96
+ "type": "semantic",
87
97
  "public": true,
88
98
  "inverse": true,
89
99
  "usage": "",
@@ -94,6 +104,7 @@
94
104
  "navy": {
95
105
  "default": {
96
106
  "value": "{color.brand.navy.800.value}",
107
+ "type": "semantic",
97
108
  "public": true,
98
109
  "default": true,
99
110
  "usage": "",
@@ -102,6 +113,7 @@
102
113
  },
103
114
  "inverse": {
104
115
  "value": "{color.brand.navy.300.value}",
116
+ "type": "semantic",
105
117
  "public": true,
106
118
  "inverse": true,
107
119
  "usage": "",
@@ -112,6 +124,7 @@
112
124
  "neutral": {
113
125
  "default": {
114
126
  "value": "{color.brand.neutral.600.value}",
127
+ "type": "semantic",
115
128
  "public": true,
116
129
  "default": true,
117
130
  "usage": "",
@@ -120,6 +133,7 @@
120
133
  },
121
134
  "inverse": {
122
135
  "value": "{color.brand.neutral.300.value}",
136
+ "type": "semantic",
123
137
  "public": true,
124
138
  "inverse": true,
125
139
  "usage": "",
@@ -130,6 +144,7 @@
130
144
  "pink": {
131
145
  "default": {
132
146
  "value": "{color.brand.pink.500.value}",
147
+ "type": "semantic",
133
148
  "public": true,
134
149
  "default": true,
135
150
  "usage": "",
@@ -138,6 +153,7 @@
138
153
  },
139
154
  "inverse": {
140
155
  "value": "{color.brand.pink.300.value}",
156
+ "type": "semantic",
141
157
  "public": true,
142
158
  "inverse": true,
143
159
  "usage": "",
@@ -148,6 +164,7 @@
148
164
  "purple": {
149
165
  "default": {
150
166
  "value": "{color.brand.purple.700.value}",
167
+ "type": "semantic",
151
168
  "public": true,
152
169
  "default": true,
153
170
  "usage": "",
@@ -156,6 +173,7 @@
156
173
  },
157
174
  "inverse": {
158
175
  "value": "{color.brand.purple.300.value}",
176
+ "type": "semantic",
159
177
  "public": true,
160
178
  "inverse": true,
161
179
  "usage": "",
@@ -166,6 +184,7 @@
166
184
  "red": {
167
185
  "default": {
168
186
  "value": "{color.brand.red.600.value}",
187
+ "type": "semantic",
169
188
  "public": true,
170
189
  "default": true,
171
190
  "usage": "",
@@ -174,6 +193,7 @@
174
193
  },
175
194
  "inverse": {
176
195
  "value": "{color.brand.red.400.value}",
196
+ "type": "semantic",
177
197
  "public": true,
178
198
  "inverse": true,
179
199
  "usage": "",
@@ -184,6 +204,7 @@
184
204
  "turquoise": {
185
205
  "default": {
186
206
  "value": "{color.brand.turquoise.600.value}",
207
+ "type": "semantic",
187
208
  "public": true,
188
209
  "default": true,
189
210
  "usage": "",
@@ -192,6 +213,7 @@
192
213
  },
193
214
  "inverse": {
194
215
  "value": "{color.brand.turquoise.400.value}",
216
+ "type": "semantic",
195
217
  "public": true,
196
218
  "inverse": true,
197
219
  "usage": "",
@@ -202,6 +224,7 @@
202
224
  "yellow": {
203
225
  "default": {
204
226
  "value": "{color.brand.yellow.300.value}",
227
+ "type": "semantic",
205
228
  "public": true,
206
229
  "default": true,
207
230
  "usage": "",
@@ -210,6 +233,7 @@
210
233
  },
211
234
  "inverse": {
212
235
  "value": "{color.brand.yellow.200.value}",
236
+ "type": "semantic",
213
237
  "public": true,
214
238
  "inverse": true,
215
239
  "usage": "",
@@ -220,6 +244,7 @@
220
244
  "error": {
221
245
  "default": {
222
246
  "value": "{color.base.error.400.value}",
247
+ "type": "semantic",
223
248
  "public": true,
224
249
  "default": true,
225
250
  "usage": "",
@@ -228,6 +253,7 @@
228
253
  },
229
254
  "inverse": {
230
255
  "value": "{color.base.error.200.value}",
256
+ "type": "semantic",
231
257
  "public": true,
232
258
  "inverse": true,
233
259
  "usage": "",
@@ -238,6 +264,7 @@
238
264
  "warning": {
239
265
  "default": {
240
266
  "value": "{color.base.warning.200.value}",
267
+ "type": "semantic",
241
268
  "public": true,
242
269
  "default": true,
243
270
  "usage": "",
@@ -246,6 +273,7 @@
246
273
  },
247
274
  "inverse": {
248
275
  "value": "{color.base.warning.200.value}",
276
+ "type": "semantic",
249
277
  "public": true,
250
278
  "inverse": true,
251
279
  "usage": "",
@@ -256,6 +284,7 @@
256
284
  "success": {
257
285
  "default": {
258
286
  "value": "{color.base.success.400.value}",
287
+ "type": "semantic",
259
288
  "public": true,
260
289
  "default": true,
261
290
  "usage": "",
@@ -264,6 +293,7 @@
264
293
  },
265
294
  "inverse": {
266
295
  "value": "{color.base.success.200.value}",
296
+ "type": "semantic",
267
297
  "public": true,
268
298
  "inverse": true,
269
299
  "usage": "",
package/src/themes/transparent/elevation.json CHANGED
@@ -2,18 +2,21 @@
2
2
  "elevation": {
3
3
  "100": {
4
4
  "value": "0px 0px 5px rgba(0, 0, 0, 0)",
5
+ "type": "semantic",
5
6
  "public": true,
6
7
  "comment": "for the least amount of emphasis",
7
8
  "deprecated": false
8
9
  },
9
10
  "200": {
10
11
  "value": "0px 0px 10px rgba(0, 0, 0, 0)",
12
+ "type": "semantic",
11
13
  "public": true,
12
14
  "comment": "for more emphasis than low elevation",
13
15
  "deprecated": false
14
16
  },
15
17
  "300": {
16
18
  "value": "0px 0px 15px rgba(0, 0, 0, 0)",
19
+ "type": "semantic",
17
20
  "public": true,
18
21
  "comment": "for maximum emphasis or differentiation",
19
22
  "deprecated": false