@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/excursion/size/scale.json DELETED
@@ -1,234 +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
- "300": {
186
- "value": 1.50,
187
- "comment": "24px",
188
- "public": true,
189
- "deprecated": false
190
- },
191
- "400": {
192
- "value": 2.00,
193
- "comment": "32px",
194
- "public": true,
195
- "deprecated": false
196
- },
197
- "500": {
198
- "value": 2.50,
199
- "comment": "40px",
200
- "public": true,
201
- "deprecated": false
202
- },
203
- "600": {
204
- "value": 3.00,
205
- "comment": "48px",
206
- "public": true,
207
- "deprecated": false
208
- },
209
- "700": {
210
- "value": 3.50,
211
- "comment": "56px",
212
- "public": true,
213
- "deprecated": false
214
- },
215
- "800": {
216
- "value": 4.00,
217
- "comment": "64px",
218
- "public": true,
219
- "deprecated": false
220
- },
221
- "900": {
222
- "value": 4.50,
223
- "comment": "72px",
224
- "public": true,
225
- "deprecated": false
226
- },
227
- "1000": {
228
- "value": 5.00,
229
- "comment": "80px",
230
- "public": true,
231
- "deprecated": false
232
- }
233
- }
234
- }
package/src/themes/excursion/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
- }