@aurodesignsystem/design-tokens 5.0.1 → 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 +7 -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 +3 -5
  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/auro-classic/grid-column.json → grid-column.json} RENAMED
@@ -2,33 +2,28 @@
2
2
  "gridColumn": {
3
3
  "xs": {
4
4
  "value": "6",
5
- "type": "semantic",
6
5
  "public": true,
7
- "deprecated": true
6
+ "deprecated": false
8
7
  },
9
8
  "sm": {
10
9
  "value": "12",
11
- "type": "semantic",
12
10
  "public": true,
13
- "deprecated": true
11
+ "deprecated": false
14
12
  },
15
13
  "md": {
16
14
  "value": "12",
17
- "type": "semantic",
18
15
  "public": true,
19
- "deprecated": true
16
+ "deprecated": false
20
17
  },
21
18
  "lg": {
22
19
  "value": "12",
23
- "type": "semantic",
24
20
  "public": true,
25
- "deprecated": true
21
+ "deprecated": false
26
22
  },
27
23
  "xl": {
28
24
  "value": "12",
29
- "type": "semantic",
30
25
  "public": true,
31
- "deprecated": true
26
+ "deprecated": false
32
27
  }
33
28
  }
34
29
  }
package/src/{themes/auro-classic/grid-gutter.json → grid-gutter.json} RENAMED
@@ -2,33 +2,28 @@
2
2
  "gridGutter": {
3
3
  "xs": {
4
4
  "value": "{size.100.value}",
5
- "type": "semantic",
6
5
  "public": true,
7
- "deprecated": true
6
+ "deprecated": false
8
7
  },
9
8
  "sm": {
10
9
  "value": "{size.200.value}",
11
- "type": "semantic",
12
10
  "public": true,
13
- "deprecated": true
11
+ "deprecated": false
14
12
  },
15
13
  "md": {
16
14
  "value": "{size.300.value}",
17
- "type": "semantic",
18
15
  "public": true,
19
- "deprecated": true
16
+ "deprecated": false
20
17
  },
21
18
  "lg": {
22
19
  "value": "{size.300.value}",
23
- "type": "semantic",
24
20
  "public": true,
25
- "deprecated": true
21
+ "deprecated": false
26
22
  },
27
23
  "xl": {
28
24
  "value": "{size.400.value}",
29
- "type": "semantic",
30
25
  "public": true,
31
- "deprecated": true
26
+ "deprecated": false
32
27
  }
33
28
  }
34
29
  }
package/src/{themes/auro-classic/grid-margin.json → grid-margin.json} RENAMED
@@ -2,33 +2,28 @@
2
2
  "gridMargin": {
3
3
  "xs": {
4
4
  "value": "{size.200.value}",
5
- "type": "semantic",
6
5
  "public": true,
7
- "deprecated": true
6
+ "deprecated": false
8
7
  },
9
8
  "sm": {
10
9
  "value": "{size.200.value}",
11
- "type": "semantic",
12
10
  "public": true,
13
- "deprecated": true
11
+ "deprecated": false
14
12
  },
15
13
  "md": {
16
14
  "value": "{size.300.value}",
17
- "type": "semantic",
18
15
  "public": true,
19
- "deprecated": true
16
+ "deprecated": false
20
17
  },
21
18
  "lg": {
22
19
  "value": "{size.400.value}",
23
- "type": "semantic",
24
20
  "public": true,
25
- "deprecated": true
21
+ "deprecated": false
26
22
  },
27
23
  "xl": {
28
24
  "value": "{size.400.value}",
29
- "type": "semantic",
30
25
  "public": true,
31
- "deprecated": true
26
+ "deprecated": false
32
27
  }
33
28
  }
34
29
  }
package/src/{themes/auro-classic/size → size}/radius.json RENAMED
@@ -2,9 +2,8 @@
2
2
  "border": {
3
3
  "radius": {
4
4
  "value": "{size.75.value}",
5
- "type": "semantic",
6
5
  "public": true,
7
- "deprecated": true
6
+ "deprecated": false
8
7
  }
9
8
  }
10
9
  }
package/src/size/scale.json ADDED
@@ -0,0 +1,240 @@
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 ADDED
@@ -0,0 +1,82 @@
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
+ }