@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.
Files changed (70) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/legacy/auro-classic/CSSCustomProperties.css +1 -1
  3. package/dist/legacy/auro-classic/CSSSizeCustomProperties.css +1 -1
  4. package/dist/legacy/auro-classic/JSData--color.js +1 -1
  5. package/dist/legacy/auro-classic/JSObject--allTokens.js +1 -1
  6. package/dist/legacy/auro-classic/JSObject--deprecated.js +1 -1
  7. package/dist/legacy/auro-classic/JSVariables--color.js +1 -1
  8. package/dist/legacy/auro-classic/SCSSVariableMap.scss +1 -1
  9. package/dist/legacy/auro-classic/SCSSVariables.scss +1 -1
  10. package/dist/legacy/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  11. package/dist/legacy/auro-classic/SassCustomProperties.scss +1 -1
  12. package/dist/legacy/auro-classic/SassSizeCustomProperties.scss +1 -1
  13. package/dist/legacy/transparent/CSSCustomProperties--transparent.css +1 -1
  14. package/dist/primitives/base/JSONVariablesNested--primitivesBase.json +3 -0
  15. package/dist/primitives/base/JSObject--allTokens.js +100 -73
  16. package/dist/primitives/base/SCSSVariables--primitivesBase.scss +2 -1
  17. package/dist/primitives/base/SCSSVariablesMapFlat--primitivesBase.scss +2 -1
  18. package/dist/themes/CSSCustomProperties--bundled.css +51 -201
  19. package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
  20. package/dist/themes/alaska/CSSCustomProperties--alaska.css +11 -41
  21. package/dist/themes/alaska/CSSCustomProperties--alaska.min.css +1 -1
  22. package/dist/themes/alaska/JSONVariablesNested--alaska.json +61 -50
  23. package/dist/themes/alaska/JSObject--allTokens.js +4839 -4624
  24. package/dist/themes/alaska/SCSSVariables--alaska.scss +48 -41
  25. package/dist/themes/alaska/SCSSVariablesMapFlat--alaska.scss +49 -42
  26. package/dist/themes/alaska/primitives--alaska.scss +123 -86
  27. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.css +11 -41
  28. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -1
  29. package/dist/themes/alaska-classic/JSONVariablesNested--alaskaClassic.json +61 -50
  30. package/dist/themes/alaska-classic/JSObject--allTokens.js +4854 -4639
  31. package/dist/themes/alaska-classic/SCSSVariables--alaskaClassic.scss +48 -41
  32. package/dist/themes/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +49 -42
  33. package/dist/themes/alaska-classic/primitives--alaskaClassic.scss +123 -86
  34. package/dist/themes/auro-1/CSSCustomProperties--auro1.css +11 -41
  35. package/dist/themes/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  36. package/dist/themes/auro-1/JSONVariablesNested--auro1.json +61 -50
  37. package/dist/themes/auro-1/JSObject--allTokens.js +4833 -4618
  38. package/dist/themes/auro-1/SCSSVariables--auro1.scss +48 -41
  39. package/dist/themes/auro-1/SCSSVariablesMapFlat--auro1.scss +49 -42
  40. package/dist/themes/auro-1/primitives--auro1.scss +123 -86
  41. package/dist/themes/auro-2/CSSCustomProperties--auro2.css +11 -41
  42. package/dist/themes/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  43. package/dist/themes/auro-2/JSONVariablesNested--auro2.json +61 -50
  44. package/dist/themes/auro-2/JSObject--allTokens.js +4838 -4623
  45. package/dist/themes/auro-2/SCSSVariables--auro2.scss +48 -41
  46. package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss +49 -42
  47. package/dist/themes/auro-2/primitives--auro2.scss +123 -86
  48. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css +11 -41
  49. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  50. package/dist/themes/hawaiian/JSONVariablesNested--hawaiian.json +61 -50
  51. package/dist/themes/hawaiian/JSObject--allTokens.js +4839 -4624
  52. package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss +48 -41
  53. package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +49 -42
  54. package/dist/themes/hawaiian/primitives--hawaiian.scss +108 -71
  55. package/package.json +1 -1
  56. package/src/primitives/base/type/family.json +12 -0
  57. package/src/primitives/base/type/letter-spacing.json +3 -3
  58. package/src/primitives/base/type/line-height.json +6 -6
  59. package/src/primitives/base/type/size.json +20 -20
  60. package/src/primitives/base/type/weight.json +7 -7
  61. package/src/themes/alaska/advanced/color/button/ghost.json +52 -0
  62. package/src/themes/alaska/basic/type/family.json +4 -4
  63. package/src/themes/alaska-classic/advanced/color/button/ghost.json +52 -0
  64. package/src/themes/alaska-classic/basic/type/family.json +4 -4
  65. package/src/themes/auro-1/advanced/color/button/ghost.json +52 -0
  66. package/src/themes/auro-1/basic/type/family.json +4 -4
  67. package/src/themes/auro-2/advanced/color/button/ghost.json +52 -0
  68. package/src/themes/auro-2/basic/type/family.json +4 -4
  69. package/src/themes/hawaiian/advanced/color/button/ghost.json +52 -0
  70. 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 16:15:20 GMT
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 16:15:20 GMT
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 16:15:20 GMT
3
+ // Generated on Thu, 05 Jun 2025 21:48:15 GMT
4
4
 
5
- $ha-color-alohapink-100: #fdf1f8;
6
- $ha-color-alohapink-200: #fad8eb;
7
- $ha-color-alohapink-300: #f5bede;
8
- $ha-color-alohapink-400: #f0a5d2;
9
- $ha-color-alohapink-500: #e26db8;
10
- $ha-color-alohapink-600: #ce0c88;
11
- $ha-color-alohapink-700: #a91770;
12
- $ha-color-alohapink-800: #831a57;
13
- $ha-color-alohapink-900: #5f1940;
14
- $ha-color-alohapink-1000: #3d152a;
15
- $ha-color-kaunaoa-100: #fcf3e9;
16
- $ha-color-kaunaoa-200: #f6dbbc;
17
- $ha-color-kaunaoa-300: #f2ca9c;
18
- $ha-color-kaunaoa-400: #edb97d;
19
- $ha-color-kaunaoa-500: #e7a14f;
20
- $ha-color-kaunaoa-600: #e39131;
21
- $ha-color-kaunaoa-700: #c6771b;
22
- $ha-color-kaunaoa-800: #995c15;
23
- $ha-color-kaunaoa-900: #6c410f;
24
- $ha-color-kaunaoa-1000: #3a2308;
25
- $ha-color-kukui-100: #eef7ee;
26
- $ha-color-kukui-200: #d2e9d4;
27
- $ha-color-kukui-300: #b0d9b2;
28
- $ha-color-kukui-400: #8ec891;
29
- $ha-color-kukui-500: #76bc78;
30
- $ha-color-kukui-600: #5db060;
31
- $ha-color-kukui-700: #48934b;
32
- $ha-color-kukui-800: #377139;
33
- $ha-color-kukui-900: #264f28;
34
- $ha-color-kukui-1000: #162d17;
35
- $ha-color-marine-100: #eaeefa;
36
- $ha-color-marine-200: #c0ccf1;
37
- $ha-color-marine-300: #b0beed;
38
- $ha-color-marine-400: #9bade9;
39
- $ha-color-marine-500: #8298e3;
40
- $ha-color-marine-600: #718bdf;
41
- $ha-color-marine-700: #5876da;
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.0.0",
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",
@@ -0,0 +1,12 @@
1
+ {
2
+ "type": {
3
+ "family": {
4
+ "fallback": {
5
+ "deprecated": false,
6
+ "public": true,
7
+ "type": "primitive",
8
+ "value": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif"
9
+ }
10
+ }
11
+ }
12
+ }
@@ -4,19 +4,19 @@
4
4
  "0": {
5
5
  "deprecated": false,
6
6
  "public": true,
7
- "type": "semantic",
7
+ "type": "primitive",
8
8
  "value": "0"
9
9
  },
10
10
  "005": {
11
11
  "deprecated": false,
12
12
  "public": true,
13
- "type": "semantic",
13
+ "type": "primitive",
14
14
  "value": "0.05em"
15
15
  },
16
16
  "010": {
17
17
  "deprecated": false,
18
18
  "public": true,
19
- "type": "semantic",
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": "semantic",
7
+ "type": "primitive",
8
8
  "value": "0.88"
9
9
  },
10
10
  "100": {
11
11
  "deprecated": false,
12
12
  "public": true,
13
- "type": "semantic",
13
+ "type": "primitive",
14
14
  "value": "1"
15
15
  },
16
16
  "125": {
17
17
  "deprecated": false,
18
18
  "public": true,
19
- "type": "semantic",
19
+ "type": "primitive",
20
20
  "value": "1.25"
21
21
  },
22
22
  "130": {
23
23
  "deprecated": false,
24
24
  "public": true,
25
- "type": "semantic",
25
+ "type": "primitive",
26
26
  "value": "1.3"
27
27
  },
28
28
  "150": {
29
29
  "deprecated": false,
30
30
  "public": true,
31
- "type": "semantic",
31
+ "type": "primitive",
32
32
  "value": "1.5"
33
33
  },
34
34
  "163": {
35
35
  "deprecated": false,
36
36
  "public": true,
37
- "type": "semantic",
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": "semantic",
7
+ "type": "primitive",
8
8
  "value": "0.625rem"
9
9
  },
10
10
  "12": {
11
11
  "deprecated": false,
12
12
  "public": true,
13
- "type": "semantic",
13
+ "type": "primitive",
14
14
  "value": "0.75rem"
15
15
  },
16
16
  "14": {
17
17
  "deprecated": false,
18
18
  "public": true,
19
- "type": "semantic",
19
+ "type": "primitive",
20
20
  "value": "0.875rem"
21
21
  },
22
22
  "16": {
23
23
  "deprecated": false,
24
24
  "public": true,
25
- "type": "semantic",
25
+ "type": "primitive",
26
26
  "value": "1rem"
27
27
  },
28
28
  "18": {
29
29
  "deprecated": false,
30
30
  "public": true,
31
- "type": "semantic",
31
+ "type": "primitive",
32
32
  "value": "1.125rem"
33
33
  },
34
34
  "20": {
35
35
  "deprecated": false,
36
36
  "public": true,
37
- "type": "semantic",
37
+ "type": "primitive",
38
38
  "value": "1.25rem"
39
39
  },
40
40
  "22": {
41
41
  "deprecated": false,
42
42
  "public": true,
43
- "type": "semantic",
43
+ "type": "primitive",
44
44
  "value": "1.375rem"
45
45
  },
46
46
  "24": {
47
47
  "deprecated": false,
48
48
  "public": true,
49
- "type": "semantic",
49
+ "type": "primitive",
50
50
  "value": "1.5rem"
51
51
  },
52
52
  "26": {
53
53
  "deprecated": false,
54
54
  "public": true,
55
- "type": "semantic",
55
+ "type": "primitive",
56
56
  "value": "1.625rem"
57
57
  },
58
58
  "28": {
59
59
  "deprecated": false,
60
60
  "public": true,
61
- "type": "semantic",
61
+ "type": "primitive",
62
62
  "value": "1.75rem"
63
63
  },
64
64
  "32": {
65
65
  "deprecated": false,
66
66
  "public": true,
67
- "type": "semantic",
67
+ "type": "primitive",
68
68
  "value": "2rem"
69
69
  },
70
70
  "36": {
71
71
  "deprecated": false,
72
72
  "public": true,
73
- "type": "semantic",
73
+ "type": "primitive",
74
74
  "value": "2.25rem"
75
75
  },
76
76
  "38": {
77
77
  "deprecated": false,
78
78
  "public": true,
79
- "type": "semantic",
79
+ "type": "primitive",
80
80
  "value": "2.375rem"
81
81
  },
82
82
  "40": {
83
83
  "deprecated": false,
84
84
  "public": true,
85
- "type": "semantic",
85
+ "type": "primitive",
86
86
  "value": "2.5rem"
87
87
  },
88
88
  "44": {
89
89
  "deprecated": false,
90
90
  "public": true,
91
- "type": "semantic",
91
+ "type": "primitive",
92
92
  "value": "2.75rem"
93
93
  },
94
94
  "48": {
95
95
  "deprecated": false,
96
96
  "public": true,
97
- "type": "semantic",
97
+ "type": "primitive",
98
98
  "value": "3rem"
99
99
  },
100
100
  "56": {
101
101
  "deprecated": false,
102
102
  "public": true,
103
- "type": "semantic",
103
+ "type": "primitive",
104
104
  "value": "3.5rem"
105
105
  },
106
106
  "64": {
107
107
  "deprecated": false,
108
108
  "public": true,
109
- "type": "semantic",
109
+ "type": "primitive",
110
110
  "value": "4rem"
111
111
  },
112
112
  "72": {
113
113
  "deprecated": false,
114
114
  "public": true,
115
- "type": "semantic",
115
+ "type": "primitive",
116
116
  "value": "4.5rem"
117
117
  },
118
118
  "86": {
119
119
  "deprecated": false,
120
120
  "public": true,
121
- "type": "semantic",
121
+ "type": "primitive",
122
122
  "value": "5.375rem"
123
123
  }
124
124
  }