@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/size/scale.json DELETED
@@ -1,240 +0,0 @@
1
- {
2
- "size": {
3
- "font": {
4
- "scale": {
5
- "base": {
6
- "60": {
7
- "value": 0.625,
8
- "px": {
9
- "value": "10px"
10
- }
11
- },
12
- "70": {
13
- "value": 0.75,
14
- "px": {
15
- "value": "12px"
16
- }
17
- },
18
- "80": {
19
- "value": 0.875,
20
- "px": {
21
- "value": "14px"
22
- }
23
- },
24
- "100": {
25
- "value": 1,
26
- "px": {
27
- "value": "16px"
28
- }
29
- },
30
- "110": {
31
- "value": 1.125,
32
- "px": {
33
- "value": "18px"
34
- }
35
- },
36
- "120": {
37
- "value": 1.25,
38
- "px": {
39
- "value": "20px"
40
- }
41
- },
42
- "130": {
43
- "value": 1.375,
44
- "px": {
45
- "value": "22px"
46
- }
47
- },
48
- "150": {
49
- "value": 1.5,
50
- "px": {
51
- "value": "24px"
52
- }
53
- }
54
- },
55
- "responsive": {
56
- "160": {
57
- "value": 1.625,
58
- "px": {
59
- "value": "26px"
60
- }
61
- },
62
- "170": {
63
- "value": 1.75,
64
- "px": {
65
- "value": "28px"
66
- }
67
- },
68
- "180": {
69
- "value": 1.875,
70
- "px": {
71
- "value": "30px"
72
- }
73
- },
74
- "200": {
75
- "value": 2,
76
- "px": {
77
- "value": "32px"
78
- }
79
- },
80
- "210": {
81
- "value": 2.125,
82
- "px": {
83
- "value": "34px"
84
- }
85
- },
86
- "220": {
87
- "value": 2.25,
88
- "px": {
89
- "value": "36px"
90
- }
91
- },
92
- "230": {
93
- "value": 2.375,
94
- "px": {
95
- "value": "38px"
96
- }
97
- },
98
- "250": {
99
- "value": 2.5,
100
- "px": {
101
- "value": "40px"
102
- }
103
- },
104
- "260": {
105
- "value": 2.625,
106
- "px": {
107
- "value": "42px"
108
- }
109
- },
110
- "270": {
111
- "value": 2.75,
112
- "px": {
113
- "value": "44px"
114
- }
115
- },
116
- "300": {
117
- "value": 3.0,
118
- "px": {
119
- "value": "48px"
120
- }
121
- },
122
- "330": {
123
- "value": 3.375,
124
- "px": {
125
- "value": "54px"
126
- }
127
- },
128
- "350": {
129
- "value": 3.5,
130
- "px": {
131
- "value": "56px"
132
- }
133
- },
134
- "370": {
135
- "value": 3.75,
136
- "px": {
137
- "value": "60px"
138
- }
139
- },
140
- "420": {
141
- "value": 4.25,
142
- "px": {
143
- "value": "68px"
144
- }
145
- }
146
- }
147
- }
148
- },
149
- "25": {
150
- "value": 0.125,
151
- "comment": "2px",
152
- "public": true,
153
- "deprecated": false
154
- },
155
- "50": {
156
- "value": 0.25,
157
- "comment": "4px",
158
- "public": true,
159
- "deprecated": false
160
- },
161
- "75": {
162
- "value": 0.375,
163
- "comment": "6px",
164
- "public": true,
165
- "deprecated": false
166
- },
167
- "100": {
168
- "value": 0.5,
169
- "comment": "8px",
170
- "public": true,
171
- "deprecated": false
172
- },
173
- "150": {
174
- "value": 0.75,
175
- "comment": "12px",
176
- "public": true,
177
- "deprecated": false
178
- },
179
- "200": {
180
- "value": 1.00,
181
- "comment": "16px",
182
- "public": true,
183
- "deprecated": false
184
- },
185
- "250": {
186
- "value": 1.25,
187
- "comment": "20px",
188
- "public": true,
189
- "deprecated": false
190
- },
191
- "300": {
192
- "value": 1.50,
193
- "comment": "24px",
194
- "public": true,
195
- "deprecated": false
196
- },
197
- "400": {
198
- "value": 2.00,
199
- "comment": "32px",
200
- "public": true,
201
- "deprecated": false
202
- },
203
- "500": {
204
- "value": 2.50,
205
- "comment": "40px",
206
- "public": true,
207
- "deprecated": false
208
- },
209
- "600": {
210
- "value": 3.00,
211
- "comment": "48px",
212
- "public": true,
213
- "deprecated": false
214
- },
215
- "700": {
216
- "value": 3.50,
217
- "comment": "56px",
218
- "public": true,
219
- "deprecated": false
220
- },
221
- "800": {
222
- "value": 4.00,
223
- "comment": "64px",
224
- "public": true,
225
- "deprecated": false
226
- },
227
- "900": {
228
- "value": 4.50,
229
- "comment": "72px",
230
- "public": true,
231
- "deprecated": false
232
- },
233
- "1000": {
234
- "value": 5.00,
235
- "comment": "80px",
236
- "public": true,
237
- "deprecated": false
238
- }
239
- }
240
- }
package/src/size/unitless-scale.json DELETED
@@ -1,82 +0,0 @@
1
- {
2
- "unitless": {
3
- "scale": {
4
- "20": {
5
- "value": 0.25,
6
- "public": true,
7
- "deprecated": false
8
- },
9
- "50": {
10
- "value": 0.5,
11
- "public": true,
12
- "deprecated": false
13
- },
14
- "100": {
15
- "value": 1,
16
- "public": true,
17
- "deprecated": false
18
- },
19
- "120": {
20
- "value": 1.25
21
- },
22
- "140": {
23
- "value": 1.4,
24
- "public": true,
25
- "deprecated": false
26
- },
27
- "150": {
28
- "value": 1.5,
29
- "public": true,
30
- "deprecated": false
31
- },
32
- "160": {
33
- "value": 1.625
34
- },
35
- "170": {
36
- "value": 1.75
37
- },
38
- "180": {
39
- "value": 1.875
40
- },
41
- "200": {
42
- "value": 2,
43
- "public": true,
44
- "deprecated": false
45
- },
46
- "210": {
47
- "value": 2.125
48
- },
49
- "220": {
50
- "value": 2.25
51
- },
52
- "230": {
53
- "value": 2.375
54
- },
55
- "260": {
56
- "value": 2.625
57
- },
58
- "270": {
59
- "value": 2.75
60
- },
61
- "300": {
62
- "value": 3,
63
- "public": true,
64
- "deprecated": false
65
- },
66
- "330": {
67
- "value": 3.375
68
- },
69
- "350": {
70
- "value": 3.5,
71
- "public": true,
72
- "deprecated": false
73
- },
74
- "370": {
75
- "value": 3.75
76
- },
77
- "420": {
78
- "value": 4.25
79
- }
80
- }
81
- }
82
- }
package/src/themes/excursion/asset/font.json DELETED
@@ -1,35 +0,0 @@
1
- {
2
- "asset": {
3
- "font": {
4
- "circular": {
5
- "familyName": {
6
- "value": "AS Circular",
7
- "public": true,
8
- "deprecated": false
9
- },
10
- "filename": {
11
- "value": "ASCircularWeb",
12
- "public": true,
13
- "deprecated": false
14
- },
15
- "weight": {
16
- "light": {
17
- "value": "-Light",
18
- "public": true,
19
- "deprecated": false
20
- },
21
- "medium": {
22
- "value": "-Medium",
23
- "public": true,
24
- "deprecated": false
25
- },
26
- "book": {
27
- "value": "-Book",
28
- "public": true,
29
- "deprecated": false
30
- }
31
- }
32
- }
33
- }
34
- }
35
- }
package/src/themes/excursion/color/alert.json DELETED
@@ -1,90 +0,0 @@
1
- {
2
- "color": {
3
- "alert": {
4
- "notification": {
5
- "default": {
6
- "value": "{color.brand.atlas.400.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "Notification color on light backgrounds",
10
- "wcag": "AAA",
11
- "deprecated": true,
12
- "version": "4.5.0",
13
- "reference": "n/a"
14
- }
15
- },
16
- "warning": {
17
- "default": {
18
- "value": "{color.state.warning.500.value}",
19
- "public": true,
20
- "default": true,
21
- "usage": "Warning color on light backgrounds",
22
- "wcag": "AAA",
23
- "deprecated": true,
24
- "version": "4.5.0",
25
- "reference": "n/a"
26
- }
27
- },
28
- "error": {
29
- "default": {
30
- "value": "{color.state.error.500.value}",
31
- "public": true,
32
- "default": true,
33
- "usage": "Error color on light backgrounds",
34
- "wcag": "AAA",
35
- "deprecated": true,
36
- "version": "4.5.0",
37
- "reference": "n/a"
38
- }
39
- },
40
- "success": {
41
- "default": {
42
- "value": "{color.state.success.500.value}",
43
- "public": true,
44
- "default": true,
45
- "usage": "Success color on light backgrounds",
46
- "wcag": "AAA",
47
- "deprecated": true,
48
- "version": "4.5.0",
49
- "reference": "n/a"
50
- }
51
- },
52
- "advisory": {
53
- "default": {
54
- "value": "{color.brand.goldcoast.100.value}",
55
- "public": true,
56
- "default": true,
57
- "usage": "Travel advisory or system maintenance color on light backgrounds",
58
- "wcag": "AAA",
59
- "deprecated": true,
60
- "version": "4.5.0",
61
- "reference": "n/a"
62
- }
63
- },
64
- "bkgSuccess": {
65
- "default": {
66
- "value": "DDF6E8",
67
- "public": true,
68
- "default": true,
69
- "usage": "Background success color on light backgrounds",
70
- "wcag": "AAA",
71
- "deprecated": true,
72
- "version": "4.5.0",
73
- "reference": "n/a"
74
- }
75
- },
76
- "bkgError": {
77
- "default": {
78
- "value": "FFEDF1",
79
- "public": true,
80
- "default": true,
81
- "usage": "Background error color on light backgrounds",
82
- "wcag": "AAA",
83
- "deprecated": true,
84
- "version": "4.5.0",
85
- "reference": "n/a"
86
- }
87
- }
88
- }
89
- }
90
- }