@aurodesignsystem/design-tokens 5.0.2 → 5.0.3

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 +7 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  5. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  6. package/dist/alaska/primitives--alaska.scss +215 -0
  7. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  8. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  9. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  10. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  11. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  12. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  13. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  14. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  15. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  16. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  19. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  22. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  23. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  24. package/package.json +5 -3
  25. package/src/primitives/alaska/color.json +796 -0
  26. package/src/primitives/alaska/typography.json +27 -0
  27. package/src/primitives/base/color.json +489 -0
  28. package/src/primitives/base/transparency.json +183 -0
  29. package/src/primitives/base/typography.json +210 -0
  30. package/src/primitives/hawaiian/color.json +508 -0
  31. package/src/primitives/hawaiian/typography.json +28 -0
  32. package/src/themes/alaska/color.json +394 -0
  33. package/src/themes/alaska/typography.json +132 -0
  34. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  35. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  36. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  37. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  38. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  39. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  40. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  41. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  42. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  43. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  44. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  45. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  46. package/src/themes/auro-classic/comments.json +50 -0
  47. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  48. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  49. package/src/{asset → themes/auro-classic}/font.json +10 -5
  50. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  51. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  52. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  53. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  54. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  55. package/src/themes/auro-classic/size/scale.json +347 -0
  56. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  57. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  58. package/src/themes/hawaiian/color.json +394 -0
  59. package/src/themes/hawaiian/typography.json +132 -0
  60. package/src/themes/transparent/color/alert.json +7 -0
  61. package/src/themes/transparent/color/background.json +30 -2
  62. package/src/themes/transparent/color/base.json +156 -0
  63. package/src/themes/transparent/color/border.json +36 -0
  64. package/src/themes/transparent/color/brand.json +167 -36
  65. package/src/themes/transparent/color/container.json +50 -0
  66. package/src/themes/transparent/color/icon.json +65 -0
  67. package/src/themes/transparent/color/text.json +30 -0
  68. package/src/themes/transparent/color/tier.json +22 -1
  69. package/src/themes/transparent/color/ui.json +12 -1
  70. package/src/themes/transparent/color/utility.json +30 -0
  71. package/src/themes/transparent/elevation.json +3 -0
  72. package/dist/tokens/JSObject--deprecated.js +0 -3157
  73. package/dist/tokens/SCSSVariables.scss +0 -1372
  74. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  75. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  76. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  77. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  78. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  79. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  80. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  81. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  82. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  83. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  84. package/src/animation.json +0 -21
  85. package/src/color/ui.json +0 -125
  86. package/src/color-darkmode/base.json +0 -24
  87. package/src/color-darkmode/border.json +0 -32
  88. package/src/color-darkmode/icon.json +0 -32
  89. package/src/color-darkmode/text.json +0 -71
  90. package/src/color-darkmode/tier.json +0 -34
  91. package/src/comments.json +0 -34
  92. package/src/grid-breakpoint.json +0 -29
  93. package/src/grid-column.json +0 -29
  94. package/src/size/scale.json +0 -240
  95. package/src/size/unitless-scale.json +0 -82
  96. package/src/themes/excursion/asset/font.json +0 -35
  97. package/src/themes/excursion/color/alert.json +0 -90
  98. package/src/themes/excursion/color/background.json +0 -280
  99. package/src/themes/excursion/color/base.json +0 -1303
  100. package/src/themes/excursion/color/border.json +0 -288
  101. package/src/themes/excursion/color/brand.json +0 -1549
  102. package/src/themes/excursion/color/container.json +0 -464
  103. package/src/themes/excursion/color/excursion.json +0 -254
  104. package/src/themes/excursion/color/icon.json +0 -476
  105. package/src/themes/excursion/color/text.json +0 -270
  106. package/src/themes/excursion/color/tier.json +0 -180
  107. package/src/themes/excursion/comments.json +0 -34
  108. package/src/themes/excursion/depth copy.json +0 -22
  109. package/src/themes/excursion/elevation.json +0 -22
  110. package/src/themes/excursion/grid-gutter.json +0 -29
  111. package/src/themes/excursion/grid-margin.json +0 -29
  112. package/src/themes/excursion/size/radius.json +0 -9
  113. package/src/themes/excursion/size/scale.json +0 -234
  114. package/src/themes/excursion/size/unitless-scale.json +0 -82
  115. package/src/themes/excursion/text.json +0 -572
  116. package/src/themes/hawaiian/color/background.json +0 -15
  117. package/src/themes/hawaiian/color/border.json +0 -18
  118. package/src/themes/hawaiian/color/container.json +0 -56
  119. package/src/themes/hawaiian/color/icon.json +0 -24
  120. package/src/themes/hawaiian/color/text.json +0 -44
package/src/themes/transparent/color/background.json CHANGED
@@ -5,6 +5,7 @@
5
5
  "100": {
6
6
  "default": {
7
7
  "value": "{color.base.white.value}",
8
+ "type": "semantic",
8
9
  "public": true,
9
10
  "default": true,
10
11
  "usage": "Used for creating light backgrounds",
@@ -13,6 +14,7 @@
13
14
  },
14
15
  "inverse": {
15
16
  "value": "{color.brand.navy.1000.value}",
17
+ "type": "semantic",
16
18
  "public": true,
17
19
  "inverse": true,
18
20
  "usage": "Used for creating dark backgrounds",
@@ -23,6 +25,7 @@
23
25
  "200": {
24
26
  "default": {
25
27
  "value": "{color.brand.gray.100.value}",
28
+ "type": "semantic",
26
29
  "public": true,
27
30
  "default": true,
28
31
  "usage": "Used for creating light backgrounds",
@@ -31,6 +34,7 @@
31
34
  },
32
35
  "inverse": {
33
36
  "value": "{color.brand.navy.900.value}",
37
+ "type": "semantic",
34
38
  "public": true,
35
39
  "inverse": true,
36
40
  "usage": "Used for creating dark backgrounds",
@@ -41,6 +45,7 @@
41
45
  "300": {
42
46
  "default": {
43
47
  "value": "{color.brand.neutral.200.value}",
48
+ "type": "semantic",
44
49
  "public": true,
45
50
  "default": true,
46
51
  "usage": "Used for creating light backgrounds",
@@ -49,6 +54,7 @@
49
54
  },
50
55
  "inverse": {
51
56
  "value": "{color.brand.navy.800.value}",
57
+ "type": "semantic",
52
58
  "public": true,
53
59
  "inverse": true,
54
60
  "usage": "Used for creating dark backgrounds",
@@ -59,6 +65,7 @@
59
65
  "400": {
60
66
  "default": {
61
67
  "value": "{color.brand.gray.200.value}",
68
+ "type": "semantic",
62
69
  "public": true,
63
70
  "default": true,
64
71
  "usage": "Used for creating light backgrounds",
@@ -67,6 +74,7 @@
67
74
  },
68
75
  "inverse": {
69
76
  "value": "{color.brand.navy.700.value}",
77
+ "type": "semantic",
70
78
  "public": true,
71
79
  "inverse": true,
72
80
  "usage": "Used for creating dark backgrounds",
@@ -78,6 +86,7 @@
78
86
  "success": {
79
87
  "default": {
80
88
  "value": "{color.base.success.100.value}",
89
+ "type": "semantic",
81
90
  "public": true,
82
91
  "default": true,
83
92
  "usage": "Used for creating light backgrounds",
@@ -86,6 +95,7 @@
86
95
  },
87
96
  "inverse": {
88
97
  "value": "{color.base.success.500.value}",
98
+ "type": "semantic",
89
99
  "public": true,
90
100
  "inverse": true,
91
101
  "usage": "Used for creating dark backgrounds",
@@ -96,6 +106,7 @@
96
106
  "error": {
97
107
  "default": {
98
108
  "value": "{color.base.error.100.value}",
109
+ "type": "semantic",
99
110
  "public": true,
100
111
  "default": true,
101
112
  "usage": "Used for creating light backgrounds",
@@ -104,6 +115,7 @@
104
115
  },
105
116
  "inverse": {
106
117
  "value": "{color.base.error.500.value}",
118
+ "type": "semantic",
107
119
  "public": true,
108
120
  "inverse": true,
109
121
  "usage": "Used for creating dark backgrounds",
@@ -114,6 +126,7 @@
114
126
  "warning": {
115
127
  "default": {
116
128
  "value": "{color.base.warning.100.value}",
129
+ "type": "semantic",
117
130
  "public": true,
118
131
  "default": true,
119
132
  "usage": "Used for creating light backgrounds",
@@ -122,6 +135,7 @@
122
135
  },
123
136
  "inverse": {
124
137
  "value": "{color.base.warning.500.value}",
138
+ "type": "semantic",
125
139
  "public": true,
126
140
  "inverse": true,
127
141
  "usage": "Used for creating dark backgrounds",
@@ -132,6 +146,7 @@
132
146
  "info": {
133
147
  "default": {
134
148
  "value": "{color.brand.blue.100.value}",
149
+ "type": "semantic",
135
150
  "public": true,
136
151
  "default": true,
137
152
  "usage": "Used for creating light backgrounds",
@@ -140,6 +155,7 @@
140
155
  },
141
156
  "inverse": {
142
157
  "value": "{color.brand.blue.900.value}",
158
+ "type": "semantic",
143
159
  "public": true,
144
160
  "inverse": true,
145
161
  "usage": "Used for creating dark backgrounds",
@@ -150,6 +166,7 @@
150
166
  "subtle": {
151
167
  "default": {
152
168
  "value": "{color.brand.neutral.100.value}",
169
+ "type": "semantic",
153
170
  "public": true,
154
171
  "default": true,
155
172
  "usage": "Used for creating light backgrounds",
@@ -158,6 +175,7 @@
158
175
  },
159
176
  "inverse": {
160
177
  "value": "{color.brand.gray.1000.value}",
178
+ "type": "semantic",
161
179
  "public": true,
162
180
  "inverse": true,
163
181
  "usage": "Used for creating dark backgrounds",
@@ -168,6 +186,7 @@
168
186
  "accent": {
169
187
  "default": {
170
188
  "value": "{color.brand.cyan.100.value}",
189
+ "type": "semantic",
171
190
  "public": true,
172
191
  "default": true,
173
192
  "usage": "Used for creating light backgrounds",
@@ -176,6 +195,7 @@
176
195
  },
177
196
  "inverse": {
178
197
  "value": "{color.base.cyan.800.value}",
198
+ "type": "semantic",
179
199
  "public": true,
180
200
  "inverse": true,
181
201
  "usage": "Used for creating dark backgrounds",
@@ -186,6 +206,7 @@
186
206
  "emphasis": {
187
207
  "default": {
188
208
  "value": "{color.brand.blue.200.value}",
209
+ "type": "semantic",
189
210
  "public": true,
190
211
  "default": true,
191
212
  "usage": "Used for creating light backgrounds",
@@ -194,6 +215,7 @@
194
215
  },
195
216
  "inverse": {
196
217
  "value": "{color.brand.blue.800.value}",
218
+ "type": "semantic",
197
219
  "public": true,
198
220
  "inverse": true,
199
221
  "usage": "Used for creating dark backgrounds",
@@ -204,6 +226,7 @@
204
226
  "scrimmed": {
205
227
  "default": {
206
228
  "value": "{color.base.black-500.value}",
229
+ "type": "semantic",
207
230
  "public": true,
208
231
  "default": true,
209
232
  "usage": "Used for creating light backgrounds",
@@ -213,6 +236,7 @@
213
236
  },
214
237
  "lightest": {
215
238
  "value": "{color.base.white.value}",
239
+ "type": "semantic",
216
240
  "public": true,
217
241
  "usage": "Used for creating light backgrounds",
218
242
  "wcag": "n/a",
@@ -222,6 +246,7 @@
222
246
  },
223
247
  "lighter": {
224
248
  "value": "{color.base.gray.100.value}",
249
+ "type": "semantic",
225
250
  "public": true,
226
251
  "usage": "Used for creating light backgrounds @ 90% white",
227
252
  "wcag": "n/a",
@@ -231,6 +256,7 @@
231
256
  },
232
257
  "darker": {
233
258
  "value": "{color.brand.midnight.400.value}",
259
+ "type": "semantic",
234
260
  "public": true,
235
261
  "usage": "Used for creating dark backgrounds",
236
262
  "wcag": "n/a",
@@ -240,6 +266,7 @@
240
266
  },
241
267
  "darkest": {
242
268
  "value": "{color.brand.midnight.500.value}",
269
+ "type": "semantic",
243
270
  "public": true,
244
271
  "usage": "Used for creating dark backgrounds @ 20% darker",
245
272
  "wcag": "n/a",
@@ -250,12 +277,13 @@
250
277
  "gradient": {
251
278
  "default": {
252
279
  "value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
280
+ "type": "semantic",
253
281
  "public": true,
254
282
  "usage": "Used for creating a gradient against all backgrounds",
255
283
  "wcag": "n/a",
256
284
  "deprecated": true,
257
- "version": "4.5.0",
258
- "reference": "n/a"
285
+ "version": "4.5.0",
286
+ "reference": "n/a"
259
287
  }
260
288
  }
261
289
  }