@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/hawaiian/color/text.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "color": {
3
+ "text": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#000000",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for body and header text light mode and light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "rgba(255, 255, 255, 0.87)",
15
+ "public": true,
16
+ "inverse": true,
17
+ "usage": "Primary color for body and header text for dark mode and dark backgrounds",
18
+ "wcag": "AAA",
19
+ "deprecated": false
20
+ }
21
+ },
22
+ "ui": {
23
+ "default": {
24
+ "default": {
25
+ "value": "#CE0C88",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "Default UI text color on light backgrounds",
29
+ "wcag": "n/a",
30
+ "deprecated": false
31
+ },
32
+ "inverse": {
33
+ "value": "#F358B0",
34
+ "public": true,
35
+ "inverse": true,
36
+ "usage": "Default UI text color on dark backgrounds",
37
+ "wcag": "n/a",
38
+ "deprecated": false
39
+ }
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }
package/src/themes/transparent/color/alert.json CHANGED
@@ -4,7 +4,6 @@
4
4
  "notification": {
5
5
  "default": {
6
6
  "value": "{color.brand.atlas.400.value}",
7
- "type": "semantic",
8
7
  "public": true,
9
8
  "default": true,
10
9
  "usage": "Notification color on light backgrounds",
@@ -17,7 +16,6 @@
17
16
  "warning": {
18
17
  "default": {
19
18
  "value": "{color.state.warning.500.value}",
20
- "type": "semantic",
21
19
  "public": true,
22
20
  "default": true,
23
21
  "usage": "Warning color on light backgrounds",
@@ -30,7 +28,6 @@
30
28
  "error": {
31
29
  "default": {
32
30
  "value": "{color.state.error.500.value}",
33
- "type": "semantic",
34
31
  "public": true,
35
32
  "default": true,
36
33
  "usage": "Error color on light backgrounds",
@@ -43,7 +40,6 @@
43
40
  "success": {
44
41
  "default": {
45
42
  "value": "{color.state.success.500.value}",
46
- "type": "semantic",
47
43
  "public": true,
48
44
  "default": true,
49
45
  "usage": "Success color on light backgrounds",
@@ -56,7 +52,6 @@
56
52
  "advisory": {
57
53
  "default": {
58
54
  "value": "{color.brand.goldcoast.100.value}",
59
- "type": "semantic",
60
55
  "public": true,
61
56
  "default": true,
62
57
  "usage": "Travel advisory or system maintenance color on light backgrounds",
@@ -69,7 +64,6 @@
69
64
  "bkgSuccess": {
70
65
  "default": {
71
66
  "value": "DDF6E8",
72
- "type": "semantic",
73
67
  "public": true,
74
68
  "default": true,
75
69
  "usage": "Background success color on light backgrounds",
@@ -82,7 +76,6 @@
82
76
  "bkgError": {
83
77
  "default": {
84
78
  "value": "FFEDF1",
85
- "type": "semantic",
86
79
  "public": true,
87
80
  "default": true,
88
81
  "usage": "Background error color on light backgrounds",
package/src/themes/transparent/color/background.json CHANGED
@@ -5,7 +5,6 @@
5
5
  "100": {
6
6
  "default": {
7
7
  "value": "{color.base.white.value}",
8
- "type": "semantic",
9
8
  "public": true,
10
9
  "default": true,
11
10
  "usage": "Used for creating light backgrounds",
@@ -14,7 +13,6 @@
14
13
  },
15
14
  "inverse": {
16
15
  "value": "{color.brand.navy.1000.value}",
17
- "type": "semantic",
18
16
  "public": true,
19
17
  "inverse": true,
20
18
  "usage": "Used for creating dark backgrounds",
@@ -25,7 +23,6 @@
25
23
  "200": {
26
24
  "default": {
27
25
  "value": "{color.brand.gray.100.value}",
28
- "type": "semantic",
29
26
  "public": true,
30
27
  "default": true,
31
28
  "usage": "Used for creating light backgrounds",
@@ -34,7 +31,6 @@
34
31
  },
35
32
  "inverse": {
36
33
  "value": "{color.brand.navy.900.value}",
37
- "type": "semantic",
38
34
  "public": true,
39
35
  "inverse": true,
40
36
  "usage": "Used for creating dark backgrounds",
@@ -45,7 +41,6 @@
45
41
  "300": {
46
42
  "default": {
47
43
  "value": "{color.brand.neutral.200.value}",
48
- "type": "semantic",
49
44
  "public": true,
50
45
  "default": true,
51
46
  "usage": "Used for creating light backgrounds",
@@ -54,7 +49,6 @@
54
49
  },
55
50
  "inverse": {
56
51
  "value": "{color.brand.navy.800.value}",
57
- "type": "semantic",
58
52
  "public": true,
59
53
  "inverse": true,
60
54
  "usage": "Used for creating dark backgrounds",
@@ -65,7 +59,6 @@
65
59
  "400": {
66
60
  "default": {
67
61
  "value": "{color.brand.gray.200.value}",
68
- "type": "semantic",
69
62
  "public": true,
70
63
  "default": true,
71
64
  "usage": "Used for creating light backgrounds",
@@ -74,7 +67,6 @@
74
67
  },
75
68
  "inverse": {
76
69
  "value": "{color.brand.navy.700.value}",
77
- "type": "semantic",
78
70
  "public": true,
79
71
  "inverse": true,
80
72
  "usage": "Used for creating dark backgrounds",
@@ -86,7 +78,6 @@
86
78
  "success": {
87
79
  "default": {
88
80
  "value": "{color.base.success.100.value}",
89
- "type": "semantic",
90
81
  "public": true,
91
82
  "default": true,
92
83
  "usage": "Used for creating light backgrounds",
@@ -95,7 +86,6 @@
95
86
  },
96
87
  "inverse": {
97
88
  "value": "{color.base.success.500.value}",
98
- "type": "semantic",
99
89
  "public": true,
100
90
  "inverse": true,
101
91
  "usage": "Used for creating dark backgrounds",
@@ -106,7 +96,6 @@
106
96
  "error": {
107
97
  "default": {
108
98
  "value": "{color.base.error.100.value}",
109
- "type": "semantic",
110
99
  "public": true,
111
100
  "default": true,
112
101
  "usage": "Used for creating light backgrounds",
@@ -115,7 +104,6 @@
115
104
  },
116
105
  "inverse": {
117
106
  "value": "{color.base.error.500.value}",
118
- "type": "semantic",
119
107
  "public": true,
120
108
  "inverse": true,
121
109
  "usage": "Used for creating dark backgrounds",
@@ -126,7 +114,6 @@
126
114
  "warning": {
127
115
  "default": {
128
116
  "value": "{color.base.warning.100.value}",
129
- "type": "semantic",
130
117
  "public": true,
131
118
  "default": true,
132
119
  "usage": "Used for creating light backgrounds",
@@ -135,7 +122,6 @@
135
122
  },
136
123
  "inverse": {
137
124
  "value": "{color.base.warning.500.value}",
138
- "type": "semantic",
139
125
  "public": true,
140
126
  "inverse": true,
141
127
  "usage": "Used for creating dark backgrounds",
@@ -146,7 +132,6 @@
146
132
  "info": {
147
133
  "default": {
148
134
  "value": "{color.brand.blue.100.value}",
149
- "type": "semantic",
150
135
  "public": true,
151
136
  "default": true,
152
137
  "usage": "Used for creating light backgrounds",
@@ -155,7 +140,6 @@
155
140
  },
156
141
  "inverse": {
157
142
  "value": "{color.brand.blue.900.value}",
158
- "type": "semantic",
159
143
  "public": true,
160
144
  "inverse": true,
161
145
  "usage": "Used for creating dark backgrounds",
@@ -166,7 +150,6 @@
166
150
  "subtle": {
167
151
  "default": {
168
152
  "value": "{color.brand.neutral.100.value}",
169
- "type": "semantic",
170
153
  "public": true,
171
154
  "default": true,
172
155
  "usage": "Used for creating light backgrounds",
@@ -175,7 +158,6 @@
175
158
  },
176
159
  "inverse": {
177
160
  "value": "{color.brand.gray.1000.value}",
178
- "type": "semantic",
179
161
  "public": true,
180
162
  "inverse": true,
181
163
  "usage": "Used for creating dark backgrounds",
@@ -186,7 +168,6 @@
186
168
  "accent": {
187
169
  "default": {
188
170
  "value": "{color.brand.cyan.100.value}",
189
- "type": "semantic",
190
171
  "public": true,
191
172
  "default": true,
192
173
  "usage": "Used for creating light backgrounds",
@@ -195,7 +176,6 @@
195
176
  },
196
177
  "inverse": {
197
178
  "value": "{color.base.cyan.800.value}",
198
- "type": "semantic",
199
179
  "public": true,
200
180
  "inverse": true,
201
181
  "usage": "Used for creating dark backgrounds",
@@ -206,7 +186,6 @@
206
186
  "emphasis": {
207
187
  "default": {
208
188
  "value": "{color.brand.blue.200.value}",
209
- "type": "semantic",
210
189
  "public": true,
211
190
  "default": true,
212
191
  "usage": "Used for creating light backgrounds",
@@ -215,7 +194,6 @@
215
194
  },
216
195
  "inverse": {
217
196
  "value": "{color.brand.blue.800.value}",
218
- "type": "semantic",
219
197
  "public": true,
220
198
  "inverse": true,
221
199
  "usage": "Used for creating dark backgrounds",
@@ -226,7 +204,6 @@
226
204
  "scrimmed": {
227
205
  "default": {
228
206
  "value": "{color.base.black-500.value}",
229
- "type": "semantic",
230
207
  "public": true,
231
208
  "default": true,
232
209
  "usage": "Used for creating light backgrounds",
@@ -236,7 +213,6 @@
236
213
  },
237
214
  "lightest": {
238
215
  "value": "{color.base.white.value}",
239
- "type": "semantic",
240
216
  "public": true,
241
217
  "usage": "Used for creating light backgrounds",
242
218
  "wcag": "n/a",
@@ -246,7 +222,6 @@
246
222
  },
247
223
  "lighter": {
248
224
  "value": "{color.base.gray.100.value}",
249
- "type": "semantic",
250
225
  "public": true,
251
226
  "usage": "Used for creating light backgrounds @ 90% white",
252
227
  "wcag": "n/a",
@@ -256,7 +231,6 @@
256
231
  },
257
232
  "darker": {
258
233
  "value": "{color.brand.midnight.400.value}",
259
- "type": "semantic",
260
234
  "public": true,
261
235
  "usage": "Used for creating dark backgrounds",
262
236
  "wcag": "n/a",
@@ -266,7 +240,6 @@
266
240
  },
267
241
  "darkest": {
268
242
  "value": "{color.brand.midnight.500.value}",
269
- "type": "semantic",
270
243
  "public": true,
271
244
  "usage": "Used for creating dark backgrounds @ 20% darker",
272
245
  "wcag": "n/a",
@@ -277,13 +250,12 @@
277
250
  "gradient": {
278
251
  "default": {
279
252
  "value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
280
- "type": "semantic",
281
253
  "public": true,
282
254
  "usage": "Used for creating a gradient against all backgrounds",
283
255
  "wcag": "n/a",
284
256
  "deprecated": true,
285
- "version": "4.5.0",
286
- "reference": "n/a"
257
+ "version": "4.5.0",
258
+ "reference": "n/a"
287
259
  }
288
260
  }
289
261
  }