@aurodesignsystem/design-tokens 8.0.0 → 8.2.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.
- package/CHANGELOG.md +24 -0
- package/dist/legacy/auro-classic/CSSCustomProperties.css +1 -1
- package/dist/legacy/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/legacy/auro-classic/JSData--color.js +1 -1
- package/dist/legacy/auro-classic/JSObject--allTokens.js +1 -1
- package/dist/legacy/auro-classic/JSObject--deprecated.js +1 -1
- package/dist/legacy/auro-classic/JSVariables--color.js +1 -1
- package/dist/legacy/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/legacy/auro-classic/SCSSVariables.scss +1 -1
- package/dist/legacy/auro-classic/SCSSVariablesMapFlat.scss +1 -1
- package/dist/legacy/auro-classic/SassCustomProperties.scss +1 -1
- package/dist/legacy/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/legacy/transparent/CSSCustomProperties--transparent.css +1 -1
- package/dist/primitives/base/JSONVariablesNested--primitivesBase.json +3 -0
- package/dist/primitives/base/JSObject--allTokens.js +100 -73
- package/dist/primitives/base/SCSSVariables--primitivesBase.scss +2 -1
- package/dist/primitives/base/SCSSVariablesMapFlat--primitivesBase.scss +2 -1
- package/dist/themes/CSSCustomProperties--bundled.css +51 -201
- package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
- package/dist/themes/alaska/CSSCustomProperties--alaska.css +11 -41
- package/dist/themes/alaska/CSSCustomProperties--alaska.min.css +1 -1
- package/dist/themes/alaska/JSONVariablesNested--alaska.json +61 -50
- package/dist/themes/alaska/JSObject--allTokens.js +4839 -4624
- package/dist/themes/alaska/SCSSVariables--alaska.scss +48 -41
- package/dist/themes/alaska/SCSSVariablesMapFlat--alaska.scss +49 -42
- package/dist/themes/alaska/primitives--alaska.scss +123 -86
- package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.css +11 -41
- package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -1
- package/dist/themes/alaska-classic/JSONVariablesNested--alaskaClassic.json +61 -50
- package/dist/themes/alaska-classic/JSObject--allTokens.js +4854 -4639
- package/dist/themes/alaska-classic/SCSSVariables--alaskaClassic.scss +48 -41
- package/dist/themes/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +49 -42
- package/dist/themes/alaska-classic/primitives--alaskaClassic.scss +123 -86
- package/dist/themes/auro-1/CSSCustomProperties--auro1.css +11 -41
- package/dist/themes/auro-1/CSSCustomProperties--auro1.min.css +1 -1
- package/dist/themes/auro-1/JSONVariablesNested--auro1.json +61 -50
- package/dist/themes/auro-1/JSObject--allTokens.js +4833 -4618
- package/dist/themes/auro-1/SCSSVariables--auro1.scss +48 -41
- package/dist/themes/auro-1/SCSSVariablesMapFlat--auro1.scss +49 -42
- package/dist/themes/auro-1/primitives--auro1.scss +123 -86
- package/dist/themes/auro-2/CSSCustomProperties--auro2.css +11 -41
- package/dist/themes/auro-2/CSSCustomProperties--auro2.min.css +1 -1
- package/dist/themes/auro-2/JSONVariablesNested--auro2.json +61 -50
- package/dist/themes/auro-2/JSObject--allTokens.js +4838 -4623
- package/dist/themes/auro-2/SCSSVariables--auro2.scss +48 -41
- package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss +49 -42
- package/dist/themes/auro-2/primitives--auro2.scss +123 -86
- package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css +11 -41
- package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
- package/dist/themes/hawaiian/JSONVariablesNested--hawaiian.json +61 -50
- package/dist/themes/hawaiian/JSObject--allTokens.js +4839 -4624
- package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss +48 -41
- package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +49 -42
- package/dist/themes/hawaiian/primitives--hawaiian.scss +108 -71
- package/package.json +1 -1
- package/src/primitives/base/type/family.json +12 -0
- package/src/primitives/base/type/letter-spacing.json +3 -3
- package/src/primitives/base/type/line-height.json +6 -6
- package/src/primitives/base/type/size.json +20 -20
- package/src/primitives/base/type/weight.json +7 -7
- package/src/themes/alaska/advanced/color/button/ghost.json +52 -0
- package/src/themes/alaska/basic/type/family.json +4 -4
- package/src/themes/alaska-classic/advanced/color/button/ghost.json +52 -0
- package/src/themes/alaska-classic/basic/type/family.json +4 -4
- package/src/themes/auro-1/advanced/color/button/ghost.json +52 -0
- package/src/themes/auro-1/basic/type/family.json +4 -4
- package/src/themes/auro-2/advanced/color/button/ghost.json +52 -0
- package/src/themes/auro-2/basic/type/family.json +4 -4
- package/src/themes/hawaiian/advanced/color/button/ghost.json +52 -0
- package/src/themes/hawaiian/basic/type/family.json +4 -4
|
@@ -1,13 +1,56 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 05 Jun 2025
|
|
3
|
+
// Generated on Thu, 05 Jun 2025 21:48:15 GMT
|
|
4
4
|
|
|
5
|
+
$ds-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
6
|
+
$ds-type-letter-spacing-0: "0";
|
|
7
|
+
$ds-type-letter-spacing-005: "0.05em";
|
|
8
|
+
$ds-type-letter-spacing-010: "0.10em";
|
|
9
|
+
$ds-type-line-height-100: "1";
|
|
10
|
+
$ds-type-line-height-125: "1.25";
|
|
11
|
+
$ds-type-line-height-130: "1.3";
|
|
12
|
+
$ds-type-line-height-150: "1.5";
|
|
13
|
+
$ds-type-line-height-163: "1.63";
|
|
14
|
+
$ds-type-line-height-088: "0.88";
|
|
15
|
+
$ds-type-size-10: "0.625rem";
|
|
16
|
+
$ds-type-size-12: "0.75rem";
|
|
17
|
+
$ds-type-size-14: "0.875rem";
|
|
18
|
+
$ds-type-size-16: "1rem";
|
|
19
|
+
$ds-type-size-18: "1.125rem";
|
|
20
|
+
$ds-type-size-20: "1.25rem";
|
|
21
|
+
$ds-type-size-22: "1.375rem";
|
|
22
|
+
$ds-type-size-24: "1.5rem";
|
|
23
|
+
$ds-type-size-26: "1.625rem";
|
|
24
|
+
$ds-type-size-28: "1.75rem";
|
|
25
|
+
$ds-type-size-32: "2rem";
|
|
26
|
+
$ds-type-size-36: "2.25rem";
|
|
27
|
+
$ds-type-size-38: "2.375rem";
|
|
28
|
+
$ds-type-size-40: "2.5rem";
|
|
29
|
+
$ds-type-size-44: "2.75rem";
|
|
30
|
+
$ds-type-size-48: "3rem";
|
|
31
|
+
$ds-type-size-56: "3.5rem";
|
|
32
|
+
$ds-type-size-64: "4rem";
|
|
33
|
+
$ds-type-size-72: "4.5rem";
|
|
34
|
+
$ds-type-size-86: "5.375rem";
|
|
35
|
+
$ds-type-weight-book: "450";
|
|
36
|
+
$ds-type-weight-cond-medium: "500";
|
|
37
|
+
$ds-type-weight-cond-news: "450";
|
|
38
|
+
$ds-type-weight-light: "300";
|
|
39
|
+
$ds-type-weight-medium: "500";
|
|
40
|
+
$ds-type-weight-regular: "400";
|
|
41
|
+
$ds-type-weight-semibold: "600";
|
|
5
42
|
$ds-advanced-color-button-flat-text: #676767;
|
|
6
43
|
$ds-advanced-color-button-flat-text-disabled: #d0d0d0;
|
|
7
44
|
$ds-advanced-color-button-flat-text-hover: #525252;
|
|
8
45
|
$ds-advanced-color-button-flat-text-inverse: #ffffff;
|
|
9
46
|
$ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
|
|
10
47
|
$ds-advanced-color-button-flat-text-inverse-hover: #adadad;
|
|
48
|
+
$ds-advanced-color-button-ghost-background-hover: rgba(0, 0, 0, 0.05);
|
|
49
|
+
$ds-advanced-color-button-ghost-background-inverse-hover: rgba(255, 255, 255, 0.05);
|
|
50
|
+
$ds-advanced-color-button-ghost-text: #463c8f;
|
|
51
|
+
$ds-advanced-color-button-ghost-text-disabled: #d0d0d0;
|
|
52
|
+
$ds-advanced-color-button-ghost-text-inverse: #ffffff;
|
|
53
|
+
$ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;
|
|
11
54
|
$ds-advanced-color-button-primary-background: #463c8f;
|
|
12
55
|
$ds-advanced-color-button-primary-background-disabled: #aca1cc;
|
|
13
56
|
$ds-advanced-color-button-primary-background-hover: #31295c;
|
|
@@ -181,10 +224,10 @@ $ds-basic-type-brand-line-height-secondary: "1";
|
|
|
181
224
|
$ds-basic-type-brand-letter-spacing-primary: "0";
|
|
182
225
|
$ds-basic-type-brand-letter-spacing-secondary: "0.05em";
|
|
183
226
|
$ds-basic-type-brand-letter-spacing-tertiary: "0.10em";
|
|
184
|
-
$ds-basic-type-family-accent: "Slate Pro";
|
|
185
|
-
$ds-basic-type-family-body: "Slate Pro";
|
|
186
|
-
$ds-basic-type-family-display: "Chronicle Display";
|
|
187
|
-
$ds-basic-type-family-heading: "Slate Pro";
|
|
227
|
+
$ds-basic-type-family-accent: "Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
228
|
+
$ds-basic-type-family-body: "Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
229
|
+
$ds-basic-type-family-display: "Chronicle Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
230
|
+
$ds-basic-type-family-heading: "Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
188
231
|
$ds-basic-type-letter-spacing-accent: "0.05em";
|
|
189
232
|
$ds-basic-type-letter-spacing-accent2: "0.10em";
|
|
190
233
|
$ds-basic-type-letter-spacing-body: "0";
|
|
@@ -205,39 +248,3 @@ $ds-basic-type-weight-body: "400";
|
|
|
205
248
|
$ds-basic-type-weight-display: "600";
|
|
206
249
|
$ds-basic-type-weight-heading: "400";
|
|
207
250
|
$ds-basic-type-weight-heading2: "500";
|
|
208
|
-
$ds-type-letter-spacing-0: "0";
|
|
209
|
-
$ds-type-letter-spacing-005: "0.05em";
|
|
210
|
-
$ds-type-letter-spacing-010: "0.10em";
|
|
211
|
-
$ds-type-line-height-100: "1";
|
|
212
|
-
$ds-type-line-height-125: "1.25";
|
|
213
|
-
$ds-type-line-height-130: "1.3";
|
|
214
|
-
$ds-type-line-height-150: "1.5";
|
|
215
|
-
$ds-type-line-height-163: "1.63";
|
|
216
|
-
$ds-type-line-height-088: "0.88";
|
|
217
|
-
$ds-type-size-10: "0.625rem";
|
|
218
|
-
$ds-type-size-12: "0.75rem";
|
|
219
|
-
$ds-type-size-14: "0.875rem";
|
|
220
|
-
$ds-type-size-16: "1rem";
|
|
221
|
-
$ds-type-size-18: "1.125rem";
|
|
222
|
-
$ds-type-size-20: "1.25rem";
|
|
223
|
-
$ds-type-size-22: "1.375rem";
|
|
224
|
-
$ds-type-size-24: "1.5rem";
|
|
225
|
-
$ds-type-size-26: "1.625rem";
|
|
226
|
-
$ds-type-size-28: "1.75rem";
|
|
227
|
-
$ds-type-size-32: "2rem";
|
|
228
|
-
$ds-type-size-36: "2.25rem";
|
|
229
|
-
$ds-type-size-38: "2.375rem";
|
|
230
|
-
$ds-type-size-40: "2.5rem";
|
|
231
|
-
$ds-type-size-44: "2.75rem";
|
|
232
|
-
$ds-type-size-48: "3rem";
|
|
233
|
-
$ds-type-size-56: "3.5rem";
|
|
234
|
-
$ds-type-size-64: "4rem";
|
|
235
|
-
$ds-type-size-72: "4.5rem";
|
|
236
|
-
$ds-type-size-86: "5.375rem";
|
|
237
|
-
$ds-type-weight-book: "450";
|
|
238
|
-
$ds-type-weight-cond-medium: "500";
|
|
239
|
-
$ds-type-weight-cond-news: "450";
|
|
240
|
-
$ds-type-weight-light: "300";
|
|
241
|
-
$ds-type-weight-medium: "500";
|
|
242
|
-
$ds-type-weight-regular: "400";
|
|
243
|
-
$ds-type-weight-semibold: "600";
|
|
@@ -1,16 +1,59 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on Thu, 05 Jun 2025
|
|
4
|
+
Generated on Thu, 05 Jun 2025 21:48:15 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
8
|
+
'ds-type-family-fallback': (system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif),
|
|
9
|
+
'ds-type-letter-spacing-0': ("0"),
|
|
10
|
+
'ds-type-letter-spacing-005': ("0.05em"),
|
|
11
|
+
'ds-type-letter-spacing-010': ("0.10em"),
|
|
12
|
+
'ds-type-line-height-100': ("1"),
|
|
13
|
+
'ds-type-line-height-125': ("1.25"),
|
|
14
|
+
'ds-type-line-height-130': ("1.3"),
|
|
15
|
+
'ds-type-line-height-150': ("1.5"),
|
|
16
|
+
'ds-type-line-height-163': ("1.63"),
|
|
17
|
+
'ds-type-line-height-088': ("0.88"),
|
|
18
|
+
'ds-type-size-10': ("0.625rem"),
|
|
19
|
+
'ds-type-size-12': ("0.75rem"),
|
|
20
|
+
'ds-type-size-14': ("0.875rem"),
|
|
21
|
+
'ds-type-size-16': ("1rem"),
|
|
22
|
+
'ds-type-size-18': ("1.125rem"),
|
|
23
|
+
'ds-type-size-20': ("1.25rem"),
|
|
24
|
+
'ds-type-size-22': ("1.375rem"),
|
|
25
|
+
'ds-type-size-24': ("1.5rem"),
|
|
26
|
+
'ds-type-size-26': ("1.625rem"),
|
|
27
|
+
'ds-type-size-28': ("1.75rem"),
|
|
28
|
+
'ds-type-size-32': ("2rem"),
|
|
29
|
+
'ds-type-size-36': ("2.25rem"),
|
|
30
|
+
'ds-type-size-38': ("2.375rem"),
|
|
31
|
+
'ds-type-size-40': ("2.5rem"),
|
|
32
|
+
'ds-type-size-44': ("2.75rem"),
|
|
33
|
+
'ds-type-size-48': ("3rem"),
|
|
34
|
+
'ds-type-size-56': ("3.5rem"),
|
|
35
|
+
'ds-type-size-64': ("4rem"),
|
|
36
|
+
'ds-type-size-72': ("4.5rem"),
|
|
37
|
+
'ds-type-size-86': ("5.375rem"),
|
|
38
|
+
'ds-type-weight-book': ("450"),
|
|
39
|
+
'ds-type-weight-cond-medium': ("500"),
|
|
40
|
+
'ds-type-weight-cond-news': ("450"),
|
|
41
|
+
'ds-type-weight-light': ("300"),
|
|
42
|
+
'ds-type-weight-medium': ("500"),
|
|
43
|
+
'ds-type-weight-regular': ("400"),
|
|
44
|
+
'ds-type-weight-semibold': ("600"),
|
|
8
45
|
'ds-advanced-color-button-flat-text': (#676767),
|
|
9
46
|
'ds-advanced-color-button-flat-text-disabled': (#d0d0d0),
|
|
10
47
|
'ds-advanced-color-button-flat-text-hover': (#525252),
|
|
11
48
|
'ds-advanced-color-button-flat-text-inverse': (#ffffff),
|
|
12
49
|
'ds-advanced-color-button-flat-text-inverse-disabled': (#7e8894),
|
|
13
50
|
'ds-advanced-color-button-flat-text-inverse-hover': (#adadad),
|
|
51
|
+
'ds-advanced-color-button-ghost-background-hover': (rgba(0, 0, 0, 0.05)),
|
|
52
|
+
'ds-advanced-color-button-ghost-background-inverse-hover': (rgba(255, 255, 255, 0.05)),
|
|
53
|
+
'ds-advanced-color-button-ghost-text': (#463c8f),
|
|
54
|
+
'ds-advanced-color-button-ghost-text-disabled': (#d0d0d0),
|
|
55
|
+
'ds-advanced-color-button-ghost-text-inverse': (#ffffff),
|
|
56
|
+
'ds-advanced-color-button-ghost-text-inverse-disabled': (#7e8894),
|
|
14
57
|
'ds-advanced-color-button-primary-background': (#463c8f),
|
|
15
58
|
'ds-advanced-color-button-primary-background-disabled': (#aca1cc),
|
|
16
59
|
'ds-advanced-color-button-primary-background-hover': (#31295c),
|
|
@@ -184,10 +227,10 @@ $auroTokens: (
|
|
|
184
227
|
'ds-basic-type-brand-letter-spacing-primary': ("0"),
|
|
185
228
|
'ds-basic-type-brand-letter-spacing-secondary': ("0.05em"),
|
|
186
229
|
'ds-basic-type-brand-letter-spacing-tertiary': ("0.10em"),
|
|
187
|
-
'ds-basic-type-family-accent': ("Slate Pro"),
|
|
188
|
-
'ds-basic-type-family-body': ("Slate Pro"),
|
|
189
|
-
'ds-basic-type-family-display': ("Chronicle Display"),
|
|
190
|
-
'ds-basic-type-family-heading': ("Slate Pro"),
|
|
230
|
+
'ds-basic-type-family-accent': ("Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif),
|
|
231
|
+
'ds-basic-type-family-body': ("Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif),
|
|
232
|
+
'ds-basic-type-family-display': ("Chronicle Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif),
|
|
233
|
+
'ds-basic-type-family-heading': ("Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif),
|
|
191
234
|
'ds-basic-type-letter-spacing-accent': ("0.05em"),
|
|
192
235
|
'ds-basic-type-letter-spacing-accent2': ("0.10em"),
|
|
193
236
|
'ds-basic-type-letter-spacing-body': ("0"),
|
|
@@ -207,41 +250,5 @@ $auroTokens: (
|
|
|
207
250
|
'ds-basic-type-weight-body': ("400"),
|
|
208
251
|
'ds-basic-type-weight-display': ("600"),
|
|
209
252
|
'ds-basic-type-weight-heading': ("400"),
|
|
210
|
-
'ds-basic-type-weight-heading2': ("500")
|
|
211
|
-
'ds-type-letter-spacing-0': ("0"),
|
|
212
|
-
'ds-type-letter-spacing-005': ("0.05em"),
|
|
213
|
-
'ds-type-letter-spacing-010': ("0.10em"),
|
|
214
|
-
'ds-type-line-height-100': ("1"),
|
|
215
|
-
'ds-type-line-height-125': ("1.25"),
|
|
216
|
-
'ds-type-line-height-130': ("1.3"),
|
|
217
|
-
'ds-type-line-height-150': ("1.5"),
|
|
218
|
-
'ds-type-line-height-163': ("1.63"),
|
|
219
|
-
'ds-type-line-height-088': ("0.88"),
|
|
220
|
-
'ds-type-size-10': ("0.625rem"),
|
|
221
|
-
'ds-type-size-12': ("0.75rem"),
|
|
222
|
-
'ds-type-size-14': ("0.875rem"),
|
|
223
|
-
'ds-type-size-16': ("1rem"),
|
|
224
|
-
'ds-type-size-18': ("1.125rem"),
|
|
225
|
-
'ds-type-size-20': ("1.25rem"),
|
|
226
|
-
'ds-type-size-22': ("1.375rem"),
|
|
227
|
-
'ds-type-size-24': ("1.5rem"),
|
|
228
|
-
'ds-type-size-26': ("1.625rem"),
|
|
229
|
-
'ds-type-size-28': ("1.75rem"),
|
|
230
|
-
'ds-type-size-32': ("2rem"),
|
|
231
|
-
'ds-type-size-36': ("2.25rem"),
|
|
232
|
-
'ds-type-size-38': ("2.375rem"),
|
|
233
|
-
'ds-type-size-40': ("2.5rem"),
|
|
234
|
-
'ds-type-size-44': ("2.75rem"),
|
|
235
|
-
'ds-type-size-48': ("3rem"),
|
|
236
|
-
'ds-type-size-56': ("3.5rem"),
|
|
237
|
-
'ds-type-size-64': ("4rem"),
|
|
238
|
-
'ds-type-size-72': ("4.5rem"),
|
|
239
|
-
'ds-type-size-86': ("5.375rem"),
|
|
240
|
-
'ds-type-weight-book': ("450"),
|
|
241
|
-
'ds-type-weight-cond-medium': ("500"),
|
|
242
|
-
'ds-type-weight-cond-news': ("450"),
|
|
243
|
-
'ds-type-weight-light': ("300"),
|
|
244
|
-
'ds-type-weight-medium': ("500"),
|
|
245
|
-
'ds-type-weight-regular': ("400"),
|
|
246
|
-
'ds-type-weight-semibold': ("600")
|
|
253
|
+
'ds-basic-type-weight-heading2': ("500")
|
|
247
254
|
);
|
|
@@ -1,77 +1,44 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 05 Jun 2025
|
|
3
|
+
// Generated on Thu, 05 Jun 2025 21:48:15 GMT
|
|
4
4
|
|
|
5
|
-
$ha-
|
|
6
|
-
$ha-
|
|
7
|
-
$ha-
|
|
8
|
-
$ha-
|
|
9
|
-
$ha-
|
|
10
|
-
$ha-
|
|
11
|
-
$ha-
|
|
12
|
-
$ha-
|
|
13
|
-
$ha-
|
|
14
|
-
$ha-
|
|
15
|
-
$ha-
|
|
16
|
-
$ha-
|
|
17
|
-
$ha-
|
|
18
|
-
$ha-
|
|
19
|
-
$ha-
|
|
20
|
-
$ha-
|
|
21
|
-
$ha-
|
|
22
|
-
$ha-
|
|
23
|
-
$ha-
|
|
24
|
-
$ha-
|
|
25
|
-
$ha-
|
|
26
|
-
$ha-
|
|
27
|
-
$ha-
|
|
28
|
-
$ha-
|
|
29
|
-
$ha-
|
|
30
|
-
$ha-
|
|
31
|
-
$ha-
|
|
32
|
-
$ha-
|
|
33
|
-
$ha-
|
|
34
|
-
$ha-
|
|
35
|
-
$ha-
|
|
36
|
-
$ha-
|
|
37
|
-
$ha-
|
|
38
|
-
$ha-
|
|
39
|
-
$ha-
|
|
40
|
-
$ha-
|
|
41
|
-
$ha-
|
|
42
|
-
$ha-color-marine-800: #4768d6;
|
|
43
|
-
$ha-color-marine-900: #2b4dc0;
|
|
44
|
-
$ha-color-marine-1000: #182c6c;
|
|
45
|
-
$ha-color-ocean-100: #ecf6f8;
|
|
46
|
-
$ha-color-ocean-200: #cbe6ec;
|
|
47
|
-
$ha-color-ocean-300: #a8d6df;
|
|
48
|
-
$ha-color-ocean-400: #83c6d3;
|
|
49
|
-
$ha-color-ocean-500: #59b6c7;
|
|
50
|
-
$ha-color-ocean-600: #00a5ba;
|
|
51
|
-
$ha-color-ocean-700: #158798;
|
|
52
|
-
$ha-color-ocean-800: #1b6976;
|
|
53
|
-
$ha-color-ocean-900: #1b4c55;
|
|
54
|
-
$ha-color-ocean-1000: #173136;
|
|
55
|
-
$ha-color-royalpurple-100: #edeaf4;
|
|
56
|
-
$ha-color-royalpurple-200: #ccc5e0;
|
|
57
|
-
$ha-color-royalpurple-300: #aca1cc;
|
|
58
|
-
$ha-color-royalpurple-400: #8c7eb8;
|
|
59
|
-
$ha-color-royalpurple-500: #6b5da4;
|
|
60
|
-
$ha-color-royalpurple-600: #463c8f;
|
|
61
|
-
$ha-color-royalpurple-700: #3c3376;
|
|
62
|
-
$ha-color-royalpurple-800: #31295c;
|
|
63
|
-
$ha-color-royalpurple-900: #262043;
|
|
64
|
-
$ha-color-royalpurple-1000: #1b172c;
|
|
65
|
-
$ha-color-sunset-100: #ffeeea;
|
|
66
|
-
$ha-color-sunset-200: #ffcfc5;
|
|
67
|
-
$ha-color-sunset-300: #ffb0a2;
|
|
68
|
-
$ha-color-sunset-400: #ff9080;
|
|
69
|
-
$ha-color-sunset-500: #f86e5f;
|
|
70
|
-
$ha-color-sunset-600: #ee453d;
|
|
71
|
-
$ha-color-sunset-700: #c33c34;
|
|
72
|
-
$ha-color-sunset-800: #97322a;
|
|
73
|
-
$ha-color-sunset-900: #6d2721;
|
|
74
|
-
$ha-color-sunset-1000: #451c17;
|
|
5
|
+
$ha-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
6
|
+
$ha-type-letter-spacing-0: "0";
|
|
7
|
+
$ha-type-letter-spacing-005: "0.05em";
|
|
8
|
+
$ha-type-letter-spacing-010: "0.10em";
|
|
9
|
+
$ha-type-line-height-100: "1";
|
|
10
|
+
$ha-type-line-height-125: "1.25";
|
|
11
|
+
$ha-type-line-height-130: "1.3";
|
|
12
|
+
$ha-type-line-height-150: "1.5";
|
|
13
|
+
$ha-type-line-height-163: "1.63";
|
|
14
|
+
$ha-type-line-height-088: "0.88";
|
|
15
|
+
$ha-type-size-10: "0.625rem";
|
|
16
|
+
$ha-type-size-12: "0.75rem";
|
|
17
|
+
$ha-type-size-14: "0.875rem";
|
|
18
|
+
$ha-type-size-16: "1rem";
|
|
19
|
+
$ha-type-size-18: "1.125rem";
|
|
20
|
+
$ha-type-size-20: "1.25rem";
|
|
21
|
+
$ha-type-size-22: "1.375rem";
|
|
22
|
+
$ha-type-size-24: "1.5rem";
|
|
23
|
+
$ha-type-size-26: "1.625rem";
|
|
24
|
+
$ha-type-size-28: "1.75rem";
|
|
25
|
+
$ha-type-size-32: "2rem";
|
|
26
|
+
$ha-type-size-36: "2.25rem";
|
|
27
|
+
$ha-type-size-38: "2.375rem";
|
|
28
|
+
$ha-type-size-40: "2.5rem";
|
|
29
|
+
$ha-type-size-44: "2.75rem";
|
|
30
|
+
$ha-type-size-48: "3rem";
|
|
31
|
+
$ha-type-size-56: "3.5rem";
|
|
32
|
+
$ha-type-size-64: "4rem";
|
|
33
|
+
$ha-type-size-72: "4.5rem";
|
|
34
|
+
$ha-type-size-86: "5.375rem";
|
|
35
|
+
$ha-type-weight-book: "450";
|
|
36
|
+
$ha-type-weight-cond-medium: "500";
|
|
37
|
+
$ha-type-weight-cond-news: "450";
|
|
38
|
+
$ha-type-weight-light: "300";
|
|
39
|
+
$ha-type-weight-medium: "500";
|
|
40
|
+
$ha-type-weight-regular: "400";
|
|
41
|
+
$ha-type-weight-semibold: "600";
|
|
75
42
|
$ha-color-black: #000000;
|
|
76
43
|
$ha-color-gray-50: #f7f7f7;
|
|
77
44
|
$ha-color-gray-100: #f2f2f2;
|
|
@@ -157,6 +124,76 @@ $ha-color-status-warn-800: #6b5300;
|
|
|
157
124
|
$ha-color-status-warn-900: #523f00;
|
|
158
125
|
$ha-color-status-warn-1000: #382b00;
|
|
159
126
|
$ha-color-white: #ffffff;
|
|
127
|
+
$ha-color-alohapink-100: #fdf1f8;
|
|
128
|
+
$ha-color-alohapink-200: #fad8eb;
|
|
129
|
+
$ha-color-alohapink-300: #f5bede;
|
|
130
|
+
$ha-color-alohapink-400: #f0a5d2;
|
|
131
|
+
$ha-color-alohapink-500: #e26db8;
|
|
132
|
+
$ha-color-alohapink-600: #ce0c88;
|
|
133
|
+
$ha-color-alohapink-700: #a91770;
|
|
134
|
+
$ha-color-alohapink-800: #831a57;
|
|
135
|
+
$ha-color-alohapink-900: #5f1940;
|
|
136
|
+
$ha-color-alohapink-1000: #3d152a;
|
|
137
|
+
$ha-color-kaunaoa-100: #fcf3e9;
|
|
138
|
+
$ha-color-kaunaoa-200: #f6dbbc;
|
|
139
|
+
$ha-color-kaunaoa-300: #f2ca9c;
|
|
140
|
+
$ha-color-kaunaoa-400: #edb97d;
|
|
141
|
+
$ha-color-kaunaoa-500: #e7a14f;
|
|
142
|
+
$ha-color-kaunaoa-600: #e39131;
|
|
143
|
+
$ha-color-kaunaoa-700: #c6771b;
|
|
144
|
+
$ha-color-kaunaoa-800: #995c15;
|
|
145
|
+
$ha-color-kaunaoa-900: #6c410f;
|
|
146
|
+
$ha-color-kaunaoa-1000: #3a2308;
|
|
147
|
+
$ha-color-kukui-100: #eef7ee;
|
|
148
|
+
$ha-color-kukui-200: #d2e9d4;
|
|
149
|
+
$ha-color-kukui-300: #b0d9b2;
|
|
150
|
+
$ha-color-kukui-400: #8ec891;
|
|
151
|
+
$ha-color-kukui-500: #76bc78;
|
|
152
|
+
$ha-color-kukui-600: #5db060;
|
|
153
|
+
$ha-color-kukui-700: #48934b;
|
|
154
|
+
$ha-color-kukui-800: #377139;
|
|
155
|
+
$ha-color-kukui-900: #264f28;
|
|
156
|
+
$ha-color-kukui-1000: #162d17;
|
|
157
|
+
$ha-color-marine-100: #eaeefa;
|
|
158
|
+
$ha-color-marine-200: #c0ccf1;
|
|
159
|
+
$ha-color-marine-300: #b0beed;
|
|
160
|
+
$ha-color-marine-400: #9bade9;
|
|
161
|
+
$ha-color-marine-500: #8298e3;
|
|
162
|
+
$ha-color-marine-600: #718bdf;
|
|
163
|
+
$ha-color-marine-700: #5876da;
|
|
164
|
+
$ha-color-marine-800: #4768d6;
|
|
165
|
+
$ha-color-marine-900: #2b4dc0;
|
|
166
|
+
$ha-color-marine-1000: #182c6c;
|
|
167
|
+
$ha-color-ocean-100: #ecf6f8;
|
|
168
|
+
$ha-color-ocean-200: #cbe6ec;
|
|
169
|
+
$ha-color-ocean-300: #a8d6df;
|
|
170
|
+
$ha-color-ocean-400: #83c6d3;
|
|
171
|
+
$ha-color-ocean-500: #59b6c7;
|
|
172
|
+
$ha-color-ocean-600: #00a5ba;
|
|
173
|
+
$ha-color-ocean-700: #158798;
|
|
174
|
+
$ha-color-ocean-800: #1b6976;
|
|
175
|
+
$ha-color-ocean-900: #1b4c55;
|
|
176
|
+
$ha-color-ocean-1000: #173136;
|
|
177
|
+
$ha-color-royalpurple-100: #edeaf4;
|
|
178
|
+
$ha-color-royalpurple-200: #ccc5e0;
|
|
179
|
+
$ha-color-royalpurple-300: #aca1cc;
|
|
180
|
+
$ha-color-royalpurple-400: #8c7eb8;
|
|
181
|
+
$ha-color-royalpurple-500: #6b5da4;
|
|
182
|
+
$ha-color-royalpurple-600: #463c8f;
|
|
183
|
+
$ha-color-royalpurple-700: #3c3376;
|
|
184
|
+
$ha-color-royalpurple-800: #31295c;
|
|
185
|
+
$ha-color-royalpurple-900: #262043;
|
|
186
|
+
$ha-color-royalpurple-1000: #1b172c;
|
|
187
|
+
$ha-color-sunset-100: #ffeeea;
|
|
188
|
+
$ha-color-sunset-200: #ffcfc5;
|
|
189
|
+
$ha-color-sunset-300: #ffb0a2;
|
|
190
|
+
$ha-color-sunset-400: #ff9080;
|
|
191
|
+
$ha-color-sunset-500: #f86e5f;
|
|
192
|
+
$ha-color-sunset-600: #ee453d;
|
|
193
|
+
$ha-color-sunset-700: #c33c34;
|
|
194
|
+
$ha-color-sunset-800: #97322a;
|
|
195
|
+
$ha-color-sunset-900: #6d2721;
|
|
196
|
+
$ha-color-sunset-1000: #451c17;
|
|
160
197
|
$ha-transparency-black-5: rgba(0, 0, 0, 0.05);
|
|
161
198
|
$ha-transparency-black-10: rgba(0, 0, 0, 0.1);
|
|
162
199
|
$ha-transparency-black-15: rgba(0, 0, 0, 0.15);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.2.0",
|
|
4
4
|
"description": "Alaska Air Auro Design System token repository",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/DesignTokens",
|
|
6
6
|
"author": "Alaska Airlines Product design and engineering",
|
|
@@ -4,19 +4,19 @@
|
|
|
4
4
|
"0": {
|
|
5
5
|
"deprecated": false,
|
|
6
6
|
"public": true,
|
|
7
|
-
"type": "
|
|
7
|
+
"type": "primitive",
|
|
8
8
|
"value": "0"
|
|
9
9
|
},
|
|
10
10
|
"005": {
|
|
11
11
|
"deprecated": false,
|
|
12
12
|
"public": true,
|
|
13
|
-
"type": "
|
|
13
|
+
"type": "primitive",
|
|
14
14
|
"value": "0.05em"
|
|
15
15
|
},
|
|
16
16
|
"010": {
|
|
17
17
|
"deprecated": false,
|
|
18
18
|
"public": true,
|
|
19
|
-
"type": "
|
|
19
|
+
"type": "primitive",
|
|
20
20
|
"value": "0.10em"
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -4,37 +4,37 @@
|
|
|
4
4
|
"088": {
|
|
5
5
|
"deprecated": false,
|
|
6
6
|
"public": true,
|
|
7
|
-
"type": "
|
|
7
|
+
"type": "primitive",
|
|
8
8
|
"value": "0.88"
|
|
9
9
|
},
|
|
10
10
|
"100": {
|
|
11
11
|
"deprecated": false,
|
|
12
12
|
"public": true,
|
|
13
|
-
"type": "
|
|
13
|
+
"type": "primitive",
|
|
14
14
|
"value": "1"
|
|
15
15
|
},
|
|
16
16
|
"125": {
|
|
17
17
|
"deprecated": false,
|
|
18
18
|
"public": true,
|
|
19
|
-
"type": "
|
|
19
|
+
"type": "primitive",
|
|
20
20
|
"value": "1.25"
|
|
21
21
|
},
|
|
22
22
|
"130": {
|
|
23
23
|
"deprecated": false,
|
|
24
24
|
"public": true,
|
|
25
|
-
"type": "
|
|
25
|
+
"type": "primitive",
|
|
26
26
|
"value": "1.3"
|
|
27
27
|
},
|
|
28
28
|
"150": {
|
|
29
29
|
"deprecated": false,
|
|
30
30
|
"public": true,
|
|
31
|
-
"type": "
|
|
31
|
+
"type": "primitive",
|
|
32
32
|
"value": "1.5"
|
|
33
33
|
},
|
|
34
34
|
"163": {
|
|
35
35
|
"deprecated": false,
|
|
36
36
|
"public": true,
|
|
37
|
-
"type": "
|
|
37
|
+
"type": "primitive",
|
|
38
38
|
"value": "1.63"
|
|
39
39
|
}
|
|
40
40
|
}
|
|
@@ -4,121 +4,121 @@
|
|
|
4
4
|
"10": {
|
|
5
5
|
"deprecated": false,
|
|
6
6
|
"public": true,
|
|
7
|
-
"type": "
|
|
7
|
+
"type": "primitive",
|
|
8
8
|
"value": "0.625rem"
|
|
9
9
|
},
|
|
10
10
|
"12": {
|
|
11
11
|
"deprecated": false,
|
|
12
12
|
"public": true,
|
|
13
|
-
"type": "
|
|
13
|
+
"type": "primitive",
|
|
14
14
|
"value": "0.75rem"
|
|
15
15
|
},
|
|
16
16
|
"14": {
|
|
17
17
|
"deprecated": false,
|
|
18
18
|
"public": true,
|
|
19
|
-
"type": "
|
|
19
|
+
"type": "primitive",
|
|
20
20
|
"value": "0.875rem"
|
|
21
21
|
},
|
|
22
22
|
"16": {
|
|
23
23
|
"deprecated": false,
|
|
24
24
|
"public": true,
|
|
25
|
-
"type": "
|
|
25
|
+
"type": "primitive",
|
|
26
26
|
"value": "1rem"
|
|
27
27
|
},
|
|
28
28
|
"18": {
|
|
29
29
|
"deprecated": false,
|
|
30
30
|
"public": true,
|
|
31
|
-
"type": "
|
|
31
|
+
"type": "primitive",
|
|
32
32
|
"value": "1.125rem"
|
|
33
33
|
},
|
|
34
34
|
"20": {
|
|
35
35
|
"deprecated": false,
|
|
36
36
|
"public": true,
|
|
37
|
-
"type": "
|
|
37
|
+
"type": "primitive",
|
|
38
38
|
"value": "1.25rem"
|
|
39
39
|
},
|
|
40
40
|
"22": {
|
|
41
41
|
"deprecated": false,
|
|
42
42
|
"public": true,
|
|
43
|
-
"type": "
|
|
43
|
+
"type": "primitive",
|
|
44
44
|
"value": "1.375rem"
|
|
45
45
|
},
|
|
46
46
|
"24": {
|
|
47
47
|
"deprecated": false,
|
|
48
48
|
"public": true,
|
|
49
|
-
"type": "
|
|
49
|
+
"type": "primitive",
|
|
50
50
|
"value": "1.5rem"
|
|
51
51
|
},
|
|
52
52
|
"26": {
|
|
53
53
|
"deprecated": false,
|
|
54
54
|
"public": true,
|
|
55
|
-
"type": "
|
|
55
|
+
"type": "primitive",
|
|
56
56
|
"value": "1.625rem"
|
|
57
57
|
},
|
|
58
58
|
"28": {
|
|
59
59
|
"deprecated": false,
|
|
60
60
|
"public": true,
|
|
61
|
-
"type": "
|
|
61
|
+
"type": "primitive",
|
|
62
62
|
"value": "1.75rem"
|
|
63
63
|
},
|
|
64
64
|
"32": {
|
|
65
65
|
"deprecated": false,
|
|
66
66
|
"public": true,
|
|
67
|
-
"type": "
|
|
67
|
+
"type": "primitive",
|
|
68
68
|
"value": "2rem"
|
|
69
69
|
},
|
|
70
70
|
"36": {
|
|
71
71
|
"deprecated": false,
|
|
72
72
|
"public": true,
|
|
73
|
-
"type": "
|
|
73
|
+
"type": "primitive",
|
|
74
74
|
"value": "2.25rem"
|
|
75
75
|
},
|
|
76
76
|
"38": {
|
|
77
77
|
"deprecated": false,
|
|
78
78
|
"public": true,
|
|
79
|
-
"type": "
|
|
79
|
+
"type": "primitive",
|
|
80
80
|
"value": "2.375rem"
|
|
81
81
|
},
|
|
82
82
|
"40": {
|
|
83
83
|
"deprecated": false,
|
|
84
84
|
"public": true,
|
|
85
|
-
"type": "
|
|
85
|
+
"type": "primitive",
|
|
86
86
|
"value": "2.5rem"
|
|
87
87
|
},
|
|
88
88
|
"44": {
|
|
89
89
|
"deprecated": false,
|
|
90
90
|
"public": true,
|
|
91
|
-
"type": "
|
|
91
|
+
"type": "primitive",
|
|
92
92
|
"value": "2.75rem"
|
|
93
93
|
},
|
|
94
94
|
"48": {
|
|
95
95
|
"deprecated": false,
|
|
96
96
|
"public": true,
|
|
97
|
-
"type": "
|
|
97
|
+
"type": "primitive",
|
|
98
98
|
"value": "3rem"
|
|
99
99
|
},
|
|
100
100
|
"56": {
|
|
101
101
|
"deprecated": false,
|
|
102
102
|
"public": true,
|
|
103
|
-
"type": "
|
|
103
|
+
"type": "primitive",
|
|
104
104
|
"value": "3.5rem"
|
|
105
105
|
},
|
|
106
106
|
"64": {
|
|
107
107
|
"deprecated": false,
|
|
108
108
|
"public": true,
|
|
109
|
-
"type": "
|
|
109
|
+
"type": "primitive",
|
|
110
110
|
"value": "4rem"
|
|
111
111
|
},
|
|
112
112
|
"72": {
|
|
113
113
|
"deprecated": false,
|
|
114
114
|
"public": true,
|
|
115
|
-
"type": "
|
|
115
|
+
"type": "primitive",
|
|
116
116
|
"value": "4.5rem"
|
|
117
117
|
},
|
|
118
118
|
"86": {
|
|
119
119
|
"deprecated": false,
|
|
120
120
|
"public": true,
|
|
121
|
-
"type": "
|
|
121
|
+
"type": "primitive",
|
|
122
122
|
"value": "5.375rem"
|
|
123
123
|
}
|
|
124
124
|
}
|