@aurodesignsystem/design-tokens 5.3.1 → 5.5.0

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 (87) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/CSSCustomProperties--bundled.css +255 -341
  3. package/dist/alaska/CSSCustomProperties--alaska.css +127 -113
  4. package/dist/alaska/JSONVariablesNested--alaska.json +195 -143
  5. package/dist/alaska/JSObject--allTokens.js +3442 -3039
  6. package/dist/alaska/SCSSVariables--alaska.scss +127 -113
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +127 -113
  8. package/dist/alaska/primitives--alaska.scss +105 -75
  9. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  13. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  14. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  15. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  16. package/dist/auro-classic/JSVariables--color.js +1 -1
  17. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  18. package/dist/auro-classic/SCSSVariables.scss +162 -162
  19. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  20. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  21. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  22. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  23. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
  24. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  25. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  26. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  27. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  28. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  29. package/package.json +1 -1
  30. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  31. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  32. package/src/primitives/base/{typography.json → font.json} +102 -48
  33. package/src/primitives/base/transparency.json +7 -0
  34. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  35. package/src/themes/alaska/advanced/boolean.json +138 -0
  36. package/src/themes/alaska/advanced/button.json +262 -0
  37. package/src/themes/alaska/advanced/hyperlink.json +64 -0
  38. package/src/themes/alaska/advanced/shared.json +48 -0
  39. package/src/themes/alaska/advanced/state.json +72 -0
  40. package/src/themes/alaska/basic/color/border.json +66 -0
  41. package/src/themes/alaska/basic/color/brand.json +104 -0
  42. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  43. package/src/themes/alaska/basic/color/page-background.json +24 -0
  44. package/src/themes/alaska/basic/color/status.json +81 -0
  45. package/src/themes/alaska/basic/color/surface.json +96 -0
  46. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  47. package/src/themes/alaska/basic/corner-radius.json +30 -0
  48. package/src/themes/alaska/basic/font/accent.json +288 -0
  49. package/src/themes/alaska/basic/font/body.json +63 -0
  50. package/src/themes/alaska/basic/font/display.json +248 -0
  51. package/src/themes/alaska/basic/font/heading.json +245 -0
  52. package/src/themes/alaska-classic/color.json +2 -2
  53. package/src/themes/alaska-classic/component/boolean.json +70 -0
  54. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  55. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  56. package/src/themes/alaska-classic/component/shared.json +46 -0
  57. package/src/themes/alaska-classic/component/state.json +70 -0
  58. package/src/themes/alaska-classic/typography.json +799 -107
  59. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  60. package/src/themes/hawaiian/advanced/button.json +334 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  62. package/src/themes/hawaiian/advanced/shared.json +48 -0
  63. package/src/themes/hawaiian/advanced/state.json +72 -0
  64. package/src/themes/hawaiian/basic/color/border.json +65 -0
  65. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  66. package/src/themes/hawaiian/basic/color/color.json +57 -0
  67. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  68. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  69. package/src/themes/hawaiian/basic/color/status.json +81 -0
  70. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  71. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  73. package/src/themes/hawaiian/basic/font/body.json +63 -0
  74. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  75. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  76. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  77. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
  78. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  79. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  80. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  81. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  82. package/src/themes/alaska/color.json +0 -444
  83. package/src/themes/alaska/component.json +0 -392
  84. package/src/themes/alaska/typography.json +0 -132
  85. package/src/themes/hawaiian/color.json +0 -444
  86. package/src/themes/hawaiian/component.json +0 -392
  87. package/src/themes/hawaiian/typography.json +0 -132
@@ -2,181 +2,221 @@
2
2
  "font": {
3
3
  "size": {
4
4
  "10": {
5
- "value": "0.625rem",
5
+ "value": "10px",
6
6
  "type": "primitive",
7
- "comment": "10px",
8
7
  "public": false,
9
8
  "default": true,
10
9
  "deprecated": false
11
10
  },
12
11
  "12": {
13
- "value": "0.75rem",
12
+ "value": "12px",
14
13
  "type": "primitive",
15
- "comment": "12px",
16
14
  "public": false,
17
15
  "default": true,
18
16
  "deprecated": false
19
17
  },
20
18
  "14": {
21
- "value": "0.875rem",
19
+ "value": "14px",
22
20
  "type": "primitive",
23
- "comment": "14px",
24
21
  "public": false,
25
22
  "default": true,
26
23
  "deprecated": false
27
24
  },
28
25
  "16": {
29
- "value": "1rem",
26
+ "value": "16px",
30
27
  "type": "primitive",
31
- "comment": "16px",
32
28
  "public": false,
33
29
  "default": true,
34
30
  "deprecated": false
35
31
  },
36
32
  "18": {
37
- "value": "1.125rem",
33
+ "value": "18px",
38
34
  "type": "primitive",
39
- "comment": "18px",
40
35
  "public": false,
41
36
  "default": true,
42
37
  "deprecated": false
43
38
  },
44
39
  "20": {
45
- "value": "1.25rem",
40
+ "value": "20px",
46
41
  "type": "primitive",
47
- "comment": "20px",
48
42
  "public": false,
49
43
  "default": true,
50
44
  "deprecated": false
51
45
  },
52
46
  "22": {
53
- "value": "1.375rem",
47
+ "value": "22px",
54
48
  "type": "primitive",
55
- "comment": "22px",
56
49
  "public": false,
57
50
  "default": true,
58
51
  "deprecated": false
59
52
  },
60
53
  "24": {
61
- "value": "1.5rem",
54
+ "value": "24px",
62
55
  "type": "primitive",
63
- "comment": "24px",
64
56
  "public": false,
65
57
  "default": true,
66
58
  "deprecated": false
67
59
  },
68
60
  "26": {
69
- "value": "1.625rem",
61
+ "value": "26px",
70
62
  "type": "primitive",
71
- "comment": "26px",
72
63
  "public": false,
73
64
  "default": true,
74
65
  "deprecated": false
75
66
  },
76
67
  "28": {
77
- "value": "1.75rem",
68
+ "value": "28px",
78
69
  "type": "primitive",
79
- "comment": "28px",
80
70
  "public": false,
81
71
  "default": true,
82
72
  "deprecated": false
83
73
  },
84
74
  "32": {
85
- "value": "2rem",
75
+ "value": "32px",
86
76
  "type": "primitive",
87
- "comment": "32px",
88
77
  "public": false,
89
78
  "default": true,
90
79
  "deprecated": false
91
80
  },
92
81
  "36": {
93
- "value": "2.25rem",
82
+ "value": "36px",
94
83
  "type": "primitive",
95
- "comment": "36px",
96
84
  "public": false,
97
85
  "default": true,
98
86
  "deprecated": false
99
87
  },
100
88
  "38": {
101
- "value": "2.375rem",
89
+ "value": "38px",
102
90
  "type": "primitive",
103
- "comment": "38px",
104
91
  "public": false,
105
92
  "default": true,
106
93
  "deprecated": false
107
94
  },
108
95
  "40": {
109
- "value": "2.5rem",
96
+ "value": "40px",
110
97
  "type": "primitive",
111
- "comment": "40px",
112
98
  "public": false,
113
99
  "default": true,
114
100
  "deprecated": false
115
101
  },
116
102
  "44": {
117
- "value": "2.75rem",
103
+ "value": "44px",
118
104
  "type": "primitive",
119
- "comment": "44px",
120
105
  "public": false,
121
106
  "default": true,
122
107
  "deprecated": false
123
108
  },
124
109
  "48": {
125
- "value": "3rem",
110
+ "value": "48px",
126
111
  "type": "primitive",
127
- "comment": "48px",
128
112
  "public": false,
129
113
  "default": true,
130
114
  "deprecated": false
131
115
  },
132
116
  "56": {
133
- "value": "3.5rem",
117
+ "value": "56px",
134
118
  "type": "primitive",
135
- "comment": "56px",
136
119
  "public": false,
137
120
  "default": true,
138
121
  "deprecated": false
139
122
  },
140
123
  "64": {
141
- "value": "4rem",
124
+ "value": "64px",
142
125
  "type": "primitive",
143
- "comment": "64px",
144
126
  "public": false,
145
127
  "default": true,
146
128
  "deprecated": false
147
129
  },
148
130
  "72": {
149
- "value": "4.5rem",
131
+ "value": "72px",
150
132
  "type": "primitive",
151
- "comment": "72px",
152
133
  "public": false,
153
134
  "default": true,
154
135
  "deprecated": false
155
136
  },
156
137
  "86": {
157
- "value": "5.375rem",
138
+ "value": "86px",
158
139
  "type": "primitive",
159
- "comment": "86px",
160
140
  "public": false,
161
141
  "default": true,
162
142
  "deprecated": false
163
143
  }
164
144
  },
165
- "weight": {
166
- "bold": {
167
- "value": "Bold",
145
+ "lineHeight": {
146
+ "130": {
147
+ "value": "130%",
168
148
  "type": "primitive",
169
149
  "public": false,
170
150
  "default": true,
171
151
  "deprecated": false
172
152
  },
173
- "book": {
174
- "value": "Book",
153
+ "100": {
154
+ "value": "100%",
155
+ "type": "primitive",
156
+ "public": false,
157
+ "default": true,
158
+ "deprecated": false
159
+ },
160
+ "14": {
161
+ "value": "14px",
162
+ "type": "primitive",
163
+ "public": false,
164
+ "default": true,
165
+ "deprecated": false
166
+ },
167
+ "16": {
168
+ "value": "16px",
169
+ "type": "primitive",
170
+ "public": false,
171
+ "default": true,
172
+ "deprecated": false
173
+ },
174
+ "20": {
175
+ "value": "20px",
176
+ "type": "primitive",
177
+ "public": false,
178
+ "default": true,
179
+ "deprecated": false
180
+ },
181
+ "24": {
182
+ "value": "24px",
183
+ "type": "primitive",
184
+ "public": false,
185
+ "default": true,
186
+ "deprecated": false
187
+ },
188
+ "26": {
189
+ "value": "26px",
190
+ "type": "primitive",
191
+ "public": false,
192
+ "default": true,
193
+ "deprecated": false
194
+ }
195
+ },
196
+ "letterSpacing": {
197
+ "xs": {
198
+ "value": "-.02px",
199
+ "type": "primitive",
200
+ "public": false,
201
+ "default": true,
202
+ "deprecated": false
203
+ },
204
+ "sm": {
205
+ "value": ".05em",
175
206
  "type": "primitive",
176
207
  "public": false,
177
208
  "default": true,
178
209
  "deprecated": false
179
210
  },
211
+ "md": {
212
+ "value": ".10em",
213
+ "type": "primitive",
214
+ "public": false,
215
+ "default": true,
216
+ "deprecated": false
217
+ }
218
+ },
219
+ "weight": {
180
220
  "light": {
181
221
  "value": "Light",
182
222
  "type": "primitive",
@@ -184,8 +224,8 @@
184
224
  "default": true,
185
225
  "deprecated": false
186
226
  },
187
- "medium": {
188
- "value": "Medium",
227
+ "book": {
228
+ "value": "Book",
189
229
  "type": "primitive",
190
230
  "public": false,
191
231
  "default": true,
@@ -198,6 +238,20 @@
198
238
  "default": true,
199
239
  "deprecated": false
200
240
  },
241
+ "condNews": {
242
+ "value": "Cond News",
243
+ "type": "primitive",
244
+ "public": false,
245
+ "default": true,
246
+ "deprecated": false
247
+ },
248
+ "condMedium": {
249
+ "value": "Cond Medium",
250
+ "type": "primitive",
251
+ "public": false,
252
+ "default": true,
253
+ "deprecated": false
254
+ },
201
255
  "semibold": {
202
256
  "value": "Semibold",
203
257
  "type": "primitive",
@@ -207,4 +261,4 @@
207
261
  }
208
262
  }
209
263
  }
210
- }
264
+ }
@@ -102,6 +102,13 @@
102
102
  "deprecated": false
103
103
  },
104
104
  "10": {
105
+ "value": "#ffffffe6",
106
+ "type": "primitive",
107
+ "public": false,
108
+ "default": true,
109
+ "deprecated": false
110
+ },
111
+ "15": {
105
112
  "value": "#ffffff1a",
106
113
  "type": "primitive",
107
114
  "public": false,
@@ -1,21 +1,14 @@
1
1
  {
2
2
  "font": {
3
3
  "family": {
4
- "body": {
5
- "value": "Slate Pro",
6
- "type": "primitive",
7
- "public": false,
8
- "default": true,
9
- "deprecated": false
10
- },
11
- "display": {
4
+ "chronicleDisplay": {
12
5
  "value": "Chronicle Display",
13
6
  "type": "primitive",
14
7
  "public": false,
15
8
  "default": true,
16
9
  "deprecated": false
17
10
  },
18
- "heading": {
11
+ "slatePro": {
19
12
  "value": "Slate Pro",
20
13
  "type": "primitive",
21
14
  "public": false,
@@ -24,5 +17,4 @@
24
17
  }
25
18
  }
26
19
  }
27
- }
28
-
20
+ }
@@ -0,0 +1,138 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "boolean": {
5
+ "indicator": {
6
+ "default": {
7
+ "value": "{color.white.value}",
8
+ "type": "semantic",
9
+ "public": true,
10
+ "default": true,
11
+ "usage": "Boolean indicator color",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "{basic.color.brand.primary.value}",
16
+ "type": "semantic",
17
+ "public": true,
18
+ "default": true,
19
+ "usage": "Boolean indicator inverse color",
20
+ "deprecated": false
21
+ }
22
+ },
23
+ "isFalse": {
24
+ "default": {
25
+ "value": "{basic.color.surface.default.value}",
26
+ "type": "semantic",
27
+ "public": true,
28
+ "default": true,
29
+ "usage": "Boolean false state color",
30
+ "deprecated": false
31
+ },
32
+ "hover": {
33
+ "value": "{advanced.color.state.background.inverse.hover.value}",
34
+ "type": "semantic",
35
+ "public": true,
36
+ "default": true,
37
+ "usage": "Boolean false hover state color",
38
+ "deprecated": false
39
+ },
40
+ "border": {
41
+ "value": "{basic.color.border.bold.value}",
42
+ "type": "semantic",
43
+ "public": true,
44
+ "default": true,
45
+ "usage": "Boolean false border color",
46
+ "deprecated": false
47
+ },
48
+ "inverse": {
49
+ "value": "{advanced.color.background.inverse.value}",
50
+ "type": "semantic",
51
+ "public": true,
52
+ "default": true,
53
+ "usage": "Boolean false inverse state color",
54
+ "deprecated": false
55
+ },
56
+ "inverseHover": {
57
+ "value": "{advanced.color.state.background.hover.value}",
58
+ "type": "semantic",
59
+ "public": true,
60
+ "default": true,
61
+ "usage": "Boolean false inverse hover state color",
62
+ "deprecated": false
63
+ },
64
+ "borderInverse": {
65
+ "value": "{color.white.value}",
66
+ "type": "semantic",
67
+ "public": true,
68
+ "default": true,
69
+ "usage": "Boolean false inverse border color",
70
+ "deprecated": false
71
+ }
72
+ },
73
+ "isTrue": {
74
+ "default": {
75
+ "value": "{basic.color.brand.primary.value}",
76
+ "type": "semantic",
77
+ "public": true,
78
+ "default": true,
79
+ "usage": "Boolean true state color",
80
+ "deprecated": false
81
+ },
82
+ "hover": {
83
+ "value": "{basic.color.brand.primaryBold.value}",
84
+ "type": "semantic",
85
+ "public": true,
86
+ "default": true,
87
+ "usage": "Boolean true hover state color",
88
+ "deprecated": false
89
+ },
90
+ "inverse": {
91
+ "value": "{color.white.value}",
92
+ "type": "semantic",
93
+ "public": true,
94
+ "default": true,
95
+ "usage": "Boolean true inverse state color",
96
+ "deprecated": false
97
+ },
98
+ "inverseHover": {
99
+ "value": "{transparency.white.70.value}",
100
+ "type": "semantic",
101
+ "public": true,
102
+ "default": true,
103
+ "usage": "Boolean true inverse hover state color",
104
+ "deprecated": false
105
+ }
106
+ },
107
+ "error": {
108
+ "default": {
109
+ "value": "{basic.color.status.error.value}",
110
+ "type": "semantic",
111
+ "public": true,
112
+ "default": true,
113
+ "usage": "Boolean error state color",
114
+ "deprecated": false
115
+ },
116
+ "hover": {
117
+ "value": "{color.status.error.800.value}",
118
+ "type": "semantic",
119
+ "public": true,
120
+ "default": true,
121
+ "usage": "Boolean error hover state color",
122
+ "deprecated": false
123
+ }
124
+ },
125
+ "disabled": {
126
+ "inverse": {
127
+ "value": "{color.status.error.800.value}",
128
+ "type": "semantic",
129
+ "public": true,
130
+ "default": true,
131
+ "usage": "Boolean disabled inverse state color",
132
+ "deprecated": false
133
+ }
134
+ }
135
+ }
136
+ }
137
+ }
138
+ }