@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +44 -255
  3. package/dist/CSSCustomProperties--bundled.css +129 -345
  4. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  5. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  6. package/dist/auro-classic/JSData--color.js +1 -1
  7. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  8. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  9. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  10. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  11. package/dist/auro-classic/JSVariables--color.js +1 -1
  12. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  13. package/dist/auro-classic/SCSSVariables.scss +162 -162
  14. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  15. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  16. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  17. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  18. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -0
  19. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  22. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  23. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  24. package/package.json +1 -1
  25. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  26. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  27. package/src/primitives/base/{typography.json → font.json} +102 -48
  28. package/src/primitives/base/transparency.json +7 -0
  29. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  30. package/src/themes/alaska/advanced/boolean.json +136 -0
  31. package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
  32. package/src/themes/alaska/advanced/hyperlink.json +62 -0
  33. package/src/themes/alaska/advanced/shared.json +46 -0
  34. package/src/themes/alaska/advanced/state.json +70 -0
  35. package/src/themes/alaska/basic/color/border.json +66 -0
  36. package/src/themes/alaska/basic/color/brand.json +108 -0
  37. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  38. package/src/themes/alaska/basic/color/page-background.json +24 -0
  39. package/src/themes/alaska/basic/color/status.json +88 -0
  40. package/src/themes/alaska/basic/color/surface.json +96 -0
  41. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  42. package/src/themes/alaska/basic/corner-radius.json +30 -0
  43. package/src/themes/alaska/basic/font/accent.json +288 -0
  44. package/src/themes/alaska/basic/font/body.json +63 -0
  45. package/src/themes/alaska/basic/font/display.json +248 -0
  46. package/src/themes/alaska/basic/font/heading.json +245 -0
  47. package/src/themes/alaska-classic/component/boolean.json +70 -0
  48. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  49. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  50. package/src/themes/alaska-classic/component/shared.json +46 -0
  51. package/src/themes/alaska-classic/component/state.json +70 -0
  52. package/src/themes/alaska-classic/typography.json +799 -107
  53. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  54. package/src/themes/hawaiian/advanced/button.json +334 -0
  55. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  56. package/src/themes/hawaiian/advanced/shared.json +48 -0
  57. package/src/themes/hawaiian/advanced/state.json +72 -0
  58. package/src/themes/hawaiian/basic/color/border.json +65 -0
  59. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  60. package/src/themes/hawaiian/basic/color/color.json +57 -0
  61. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  62. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  63. package/src/themes/hawaiian/basic/color/status.json +81 -0
  64. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  65. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  66. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  67. package/src/themes/hawaiian/basic/font/body.json +63 -0
  68. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  69. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  70. package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
  71. package/dist/alaska/JSObject--allTokens.js +0 -3731
  72. package/dist/alaska/SCSSVariables--alaska.scss +0 -116
  73. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
  74. package/dist/alaska/primitives--alaska.scss +0 -215
  75. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  76. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  77. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  78. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  79. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  80. package/src/themes/alaska/color.json +0 -444
  81. package/src/themes/alaska/typography.json +0 -132
  82. package/src/themes/hawaiian/color.json +0 -444
  83. package/src/themes/hawaiian/component.json +0 -392
  84. package/src/themes/hawaiian/typography.json +0 -132
package/dist/auro-classic/SassCustomProperties.scss CHANGED
@@ -1,170 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ * Generated on Thu, 03 Apr 2025 20:02:51 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --ds-asset-font-circular-family-name: "AS Circular";
8
- --ds-asset-font-circular-filename: "ASCircularWeb";
9
- --ds-asset-font-circular-weight-light: "-Light";
10
- --ds-asset-font-circular-weight-medium: "-Medium";
11
- --ds-asset-font-circular-weight-book: "-Book";
12
- --ds-border-radius: 0.375rem;
13
- --ds-size-25: 0.125rem; /* 2px */
14
- --ds-size-50: 0.25rem; /* 4px */
15
- --ds-size-75: 0.375rem; /* 6px */
16
- --ds-size-100: 0.5rem; /* 8px */
17
- --ds-size-150: 0.75rem; /* 12px */
18
- --ds-size-200: 1rem; /* 16px */
19
- --ds-size-250: 1.25rem; /* 20px */
20
- --ds-size-300: 1.5rem; /* 24px */
21
- --ds-size-400: 2rem; /* 32px */
22
- --ds-size-500: 2.5rem; /* 40px */
23
- --ds-size-600: 3rem; /* 48px */
24
- --ds-size-700: 3.5rem; /* 56px */
25
- --ds-size-800: 4rem; /* 64px */
26
- --ds-size-900: 4.5rem; /* 72px */
27
- --ds-size-1000: 5rem; /* 80px */
28
- --ds-unitless-scale-20: 0.25;
29
- --ds-unitless-scale-50: 0.5;
30
- --ds-unitless-scale-100: 1;
31
- --ds-unitless-scale-120: 1.25;
32
- --ds-unitless-scale-140: 1.4;
33
- --ds-unitless-scale-150: 1.5;
34
- --ds-unitless-scale-160: 1.625;
35
- --ds-unitless-scale-170: 1.75;
36
- --ds-unitless-scale-180: 1.875;
37
- --ds-unitless-scale-200: 2;
38
- --ds-unitless-scale-210: 2.125;
39
- --ds-unitless-scale-220: 2.25;
40
- --ds-unitless-scale-230: 2.375;
41
- --ds-unitless-scale-260: 2.625;
42
- --ds-unitless-scale-270: 2.75;
43
- --ds-unitless-scale-300: 3;
44
- --ds-unitless-scale-330: 3.375;
45
- --ds-unitless-scale-350: 3.5;
46
- --ds-unitless-scale-370: 3.75;
47
- --ds-unitless-scale-420: 4.25;
48
- --ds-animation-default-property: all;
49
- --ds-animation-default-duration: 0.3s;
50
- --ds-animation-default-timing: ease-out;
51
- --ds-depth-overlay: 200;
52
- --ds-depth-modal: 300;
53
- --ds-depth-tooltip: 400;
54
- --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
55
- --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
56
- --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
57
- --ds-grid-breakpoint-xs: 320px;
58
- --ds-grid-breakpoint-sm: 576px;
59
- --ds-grid-breakpoint-md: 768px;
60
- --ds-grid-breakpoint-lg: 1024px;
61
- --ds-grid-breakpoint-xl: 1232px;
62
- --ds-grid-column-xs: 6;
63
- --ds-grid-column-sm: 12;
64
- --ds-grid-column-md: 12;
65
- --ds-grid-column-lg: 12;
66
- --ds-grid-column-xl: 12;
67
- --ds-grid-gutter-xs: 0.5rem;
68
- --ds-grid-gutter-sm: 1rem;
69
- --ds-grid-gutter-md: 1.5rem;
70
- --ds-grid-gutter-lg: 1.5rem;
71
- --ds-grid-gutter-xl: 2rem;
72
- --ds-grid-margin-xs: 1rem;
73
- --ds-grid-margin-sm: 1rem;
74
- --ds-grid-margin-md: 1.5rem;
75
- --ds-grid-margin-lg: 2rem;
76
- --ds-grid-margin-xl: 2rem;
77
- --ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
78
- --ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
79
- --ds-text-heading-300-weight: 300;
80
- --ds-text-heading-300-px: 18px;
81
- --ds-text-heading-300-size: 1.125rem;
82
- --ds-text-heading-300-height: 1.625rem;
83
- --ds-text-heading-300-height-px: 26px;
84
- --ds-text-heading-400-weight: 300;
85
- --ds-text-heading-400-px: 20px;
86
- --ds-text-heading-400-size: 1.25rem;
87
- --ds-text-heading-400-height: 1.625rem;
88
- --ds-text-heading-400-height-px: 26px;
89
- --ds-text-heading-500-weight: 300;
90
- --ds-text-heading-500-px-breakpoint-sm: 22px;
91
- --ds-text-heading-500-px-breakpoint-md: 24px;
92
- --ds-text-heading-500-px-breakpoint-lg: 24px;
93
- --ds-text-heading-500-size-breakpoint-sm: 1.375rem;
94
- --ds-text-heading-500-size-breakpoint-md: 1.5rem;
95
- --ds-text-heading-500-size-breakpoint-lg: 1.5rem;
96
- --ds-text-heading-500-height-breakpoint-sm: 1.625rem;
97
- --ds-text-heading-500-height-breakpoint-px-sm: 26px;
98
- --ds-text-heading-500-height-breakpoint-md: 1.875rem;
99
- --ds-text-heading-500-height-breakpoint-px-md: 30px;
100
- --ds-text-heading-500-height-breakpoint-lg: 2rem;
101
- --ds-text-heading-500-height-breakpoint-px-lg: 32px;
102
- --ds-text-heading-600-weight: 300;
103
- --ds-text-heading-600-px-breakpoint-sm: 26px;
104
- --ds-text-heading-600-px-breakpoint-md: 28px;
105
- --ds-text-heading-600-px-breakpoint-lg: 28px;
106
- --ds-text-heading-600-size-breakpoint-sm: 1.625rem;
107
- --ds-text-heading-600-size-breakpoint-md: 1.75rem;
108
- --ds-text-heading-600-size-breakpoint-lg: 1.75rem;
109
- --ds-text-heading-600-height-breakpoint-sm: 1.875rem;
110
- --ds-text-heading-600-height-breakpoint-px-sm: 30px;
111
- --ds-text-heading-600-height-breakpoint-md: 2.125rem;
112
- --ds-text-heading-600-height-breakpoint-px-md: 34px;
113
- --ds-text-heading-600-height-breakpoint-lg: 2.25rem;
114
- --ds-text-heading-600-height-breakpoint-px-lg: 36px;
115
- --ds-text-heading-700-weight: 500;
116
- --ds-text-heading-700-px-breakpoint-sm: 28px;
117
- --ds-text-heading-700-px-breakpoint-md: 32px;
118
- --ds-text-heading-700-px-breakpoint-lg: 36px;
119
- --ds-text-heading-700-size-breakpoint-sm: 1.75rem;
120
- --ds-text-heading-700-size-breakpoint-md: 2rem;
121
- --ds-text-heading-700-size-breakpoint-lg: 2.25rem;
122
- --ds-text-heading-700-height-breakpoint-sm: 2.125rem;
123
- --ds-text-heading-700-height-breakpoint-px-sm: 34px;
124
- --ds-text-heading-700-height-breakpoint-md: 2.375rem;
125
- --ds-text-heading-700-height-breakpoint-px-md: 38px;
126
- --ds-text-heading-700-height-breakpoint-lg: 2.75rem;
127
- --ds-text-heading-700-height-breakpoint-px-lg: 44px;
128
- --ds-text-heading-800-weight: 500;
129
- --ds-text-heading-800-px-breakpoint-sm: 32px;
130
- --ds-text-heading-800-px-breakpoint-md: 36px;
131
- --ds-text-heading-800-px-breakpoint-lg: 40px;
132
- --ds-text-heading-800-size-breakpoint-sm: 2rem;
133
- --ds-text-heading-800-size-breakpoint-md: 2.25rem;
134
- --ds-text-heading-800-size-breakpoint-lg: 2.5rem;
135
- --ds-text-heading-800-height-breakpoint-sm: 2.375rem;
136
- --ds-text-heading-800-height-breakpoint-px-sm: 38px;
137
- --ds-text-heading-800-height-breakpoint-md: 2.625rem;
138
- --ds-text-heading-800-height-breakpoint-px-md: 42px;
139
- --ds-text-heading-800-height-breakpoint-lg: 3rem;
140
- --ds-text-heading-800-height-breakpoint-px-lg: 48px;
141
- --ds-text-heading-default-weight: 500;
142
- --ds-text-heading-default-margin: 0;
143
- --ds-text-heading-default-spacing: -0.2px;
144
- --ds-text-heading-medium-weight: 300;
145
- --ds-text-heading-display-weight: 100;
146
- --ds-text-heading-display-px-breakpoint-sm: 44px;
147
- --ds-text-heading-display-px-breakpoint-md: 48px;
148
- --ds-text-heading-display-px-breakpoint-lg: 56px;
149
- --ds-text-heading-display-size-breakpoint-sm: 2.75rem;
150
- --ds-text-heading-display-size-breakpoint-md: 3rem;
151
- --ds-text-heading-display-size-breakpoint-lg: 3.5rem;
152
- --ds-text-heading-display-height-breakpoint-sm: 3.375rem;
153
- --ds-text-heading-display-height-breakpoint-px-sm: 54px;
154
- --ds-text-heading-display-height-breakpoint-md: 3.75rem;
155
- --ds-text-heading-display-height-breakpoint-px-md: 60px;
156
- --ds-text-heading-display-height-breakpoint-lg: 4.25rem;
157
- --ds-text-heading-display-height-breakpoint-px-lg: 68px;
158
- --ds-text-body-default-weight: 500;
159
- --ds-text-body-size-xxs: 0.625rem;
160
- --ds-text-body-size-xs: 0.75rem;
161
- --ds-text-body-size-sm: 0.875rem;
162
- --ds-text-body-size-default: 1rem;
163
- --ds-text-body-size-lg: 1.125rem;
164
- --ds-text-body-height-xs: 1rem;
165
- --ds-text-body-height-sm: 1.25rem;
166
- --ds-text-body-height-default: 1.5rem;
167
- --ds-text-body-height-lg: 1.625rem;
168
7
  --ds-color-alert-notification-default: #0074c8;
169
8
  --ds-color-alert-warning-default: #de750c;
170
9
  --ds-color-alert-error-default: #df0b37;
@@ -1994,4 +1833,165 @@
1994
1833
  --ds-color-utility-warning-inverse: #f2c153;
1995
1834
  --ds-color-utility-success-default: #0b6f4d;
1996
1835
  --ds-color-utility-success-inverse: #8eceb9;
1836
+ --ds-border-radius: 0.375rem;
1837
+ --ds-size-25: 0.125rem; /* 2px */
1838
+ --ds-size-50: 0.25rem; /* 4px */
1839
+ --ds-size-75: 0.375rem; /* 6px */
1840
+ --ds-size-100: 0.5rem; /* 8px */
1841
+ --ds-size-150: 0.75rem; /* 12px */
1842
+ --ds-size-200: 1rem; /* 16px */
1843
+ --ds-size-250: 1.25rem; /* 20px */
1844
+ --ds-size-300: 1.5rem; /* 24px */
1845
+ --ds-size-400: 2rem; /* 32px */
1846
+ --ds-size-500: 2.5rem; /* 40px */
1847
+ --ds-size-600: 3rem; /* 48px */
1848
+ --ds-size-700: 3.5rem; /* 56px */
1849
+ --ds-size-800: 4rem; /* 64px */
1850
+ --ds-size-900: 4.5rem; /* 72px */
1851
+ --ds-size-1000: 5rem; /* 80px */
1852
+ --ds-unitless-scale-20: 0.25;
1853
+ --ds-unitless-scale-50: 0.5;
1854
+ --ds-unitless-scale-100: 1;
1855
+ --ds-unitless-scale-120: 1.25;
1856
+ --ds-unitless-scale-140: 1.4;
1857
+ --ds-unitless-scale-150: 1.5;
1858
+ --ds-unitless-scale-160: 1.625;
1859
+ --ds-unitless-scale-170: 1.75;
1860
+ --ds-unitless-scale-180: 1.875;
1861
+ --ds-unitless-scale-200: 2;
1862
+ --ds-unitless-scale-210: 2.125;
1863
+ --ds-unitless-scale-220: 2.25;
1864
+ --ds-unitless-scale-230: 2.375;
1865
+ --ds-unitless-scale-260: 2.625;
1866
+ --ds-unitless-scale-270: 2.75;
1867
+ --ds-unitless-scale-300: 3;
1868
+ --ds-unitless-scale-330: 3.375;
1869
+ --ds-unitless-scale-350: 3.5;
1870
+ --ds-unitless-scale-370: 3.75;
1871
+ --ds-unitless-scale-420: 4.25;
1872
+ --ds-animation-default-property: all;
1873
+ --ds-animation-default-duration: 0.3s;
1874
+ --ds-animation-default-timing: ease-out;
1875
+ --ds-depth-overlay: 200;
1876
+ --ds-depth-modal: 300;
1877
+ --ds-depth-tooltip: 400;
1878
+ --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
1879
+ --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
1880
+ --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
1881
+ --ds-asset-font-circular-family-name: "AS Circular";
1882
+ --ds-asset-font-circular-filename: "ASCircularWeb";
1883
+ --ds-asset-font-circular-weight-light: "-Light";
1884
+ --ds-asset-font-circular-weight-medium: "-Medium";
1885
+ --ds-asset-font-circular-weight-book: "-Book";
1886
+ --ds-grid-breakpoint-xs: 320px;
1887
+ --ds-grid-breakpoint-sm: 576px;
1888
+ --ds-grid-breakpoint-md: 768px;
1889
+ --ds-grid-breakpoint-lg: 1024px;
1890
+ --ds-grid-breakpoint-xl: 1232px;
1891
+ --ds-grid-column-xs: 6;
1892
+ --ds-grid-column-sm: 12;
1893
+ --ds-grid-column-md: 12;
1894
+ --ds-grid-column-lg: 12;
1895
+ --ds-grid-column-xl: 12;
1896
+ --ds-grid-gutter-xs: 0.5rem;
1897
+ --ds-grid-gutter-sm: 1rem;
1898
+ --ds-grid-gutter-md: 1.5rem;
1899
+ --ds-grid-gutter-lg: 1.5rem;
1900
+ --ds-grid-gutter-xl: 2rem;
1901
+ --ds-grid-margin-xs: 1rem;
1902
+ --ds-grid-margin-sm: 1rem;
1903
+ --ds-grid-margin-md: 1.5rem;
1904
+ --ds-grid-margin-lg: 2rem;
1905
+ --ds-grid-margin-xl: 2rem;
1906
+ --ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
1907
+ --ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
1908
+ --ds-text-heading-300-weight: 300;
1909
+ --ds-text-heading-300-px: 18px;
1910
+ --ds-text-heading-300-size: 1.125rem;
1911
+ --ds-text-heading-300-height: 1.625rem;
1912
+ --ds-text-heading-300-height-px: 26px;
1913
+ --ds-text-heading-400-weight: 300;
1914
+ --ds-text-heading-400-px: 20px;
1915
+ --ds-text-heading-400-size: 1.25rem;
1916
+ --ds-text-heading-400-height: 1.625rem;
1917
+ --ds-text-heading-400-height-px: 26px;
1918
+ --ds-text-heading-500-weight: 300;
1919
+ --ds-text-heading-500-px-breakpoint-sm: 22px;
1920
+ --ds-text-heading-500-px-breakpoint-md: 24px;
1921
+ --ds-text-heading-500-px-breakpoint-lg: 24px;
1922
+ --ds-text-heading-500-size-breakpoint-sm: 1.375rem;
1923
+ --ds-text-heading-500-size-breakpoint-md: 1.5rem;
1924
+ --ds-text-heading-500-size-breakpoint-lg: 1.5rem;
1925
+ --ds-text-heading-500-height-breakpoint-sm: 1.625rem;
1926
+ --ds-text-heading-500-height-breakpoint-px-sm: 26px;
1927
+ --ds-text-heading-500-height-breakpoint-md: 1.875rem;
1928
+ --ds-text-heading-500-height-breakpoint-px-md: 30px;
1929
+ --ds-text-heading-500-height-breakpoint-lg: 2rem;
1930
+ --ds-text-heading-500-height-breakpoint-px-lg: 32px;
1931
+ --ds-text-heading-600-weight: 300;
1932
+ --ds-text-heading-600-px-breakpoint-sm: 26px;
1933
+ --ds-text-heading-600-px-breakpoint-md: 28px;
1934
+ --ds-text-heading-600-px-breakpoint-lg: 28px;
1935
+ --ds-text-heading-600-size-breakpoint-sm: 1.625rem;
1936
+ --ds-text-heading-600-size-breakpoint-md: 1.75rem;
1937
+ --ds-text-heading-600-size-breakpoint-lg: 1.75rem;
1938
+ --ds-text-heading-600-height-breakpoint-sm: 1.875rem;
1939
+ --ds-text-heading-600-height-breakpoint-px-sm: 30px;
1940
+ --ds-text-heading-600-height-breakpoint-md: 2.125rem;
1941
+ --ds-text-heading-600-height-breakpoint-px-md: 34px;
1942
+ --ds-text-heading-600-height-breakpoint-lg: 2.25rem;
1943
+ --ds-text-heading-600-height-breakpoint-px-lg: 36px;
1944
+ --ds-text-heading-700-weight: 500;
1945
+ --ds-text-heading-700-px-breakpoint-sm: 28px;
1946
+ --ds-text-heading-700-px-breakpoint-md: 32px;
1947
+ --ds-text-heading-700-px-breakpoint-lg: 36px;
1948
+ --ds-text-heading-700-size-breakpoint-sm: 1.75rem;
1949
+ --ds-text-heading-700-size-breakpoint-md: 2rem;
1950
+ --ds-text-heading-700-size-breakpoint-lg: 2.25rem;
1951
+ --ds-text-heading-700-height-breakpoint-sm: 2.125rem;
1952
+ --ds-text-heading-700-height-breakpoint-px-sm: 34px;
1953
+ --ds-text-heading-700-height-breakpoint-md: 2.375rem;
1954
+ --ds-text-heading-700-height-breakpoint-px-md: 38px;
1955
+ --ds-text-heading-700-height-breakpoint-lg: 2.75rem;
1956
+ --ds-text-heading-700-height-breakpoint-px-lg: 44px;
1957
+ --ds-text-heading-800-weight: 500;
1958
+ --ds-text-heading-800-px-breakpoint-sm: 32px;
1959
+ --ds-text-heading-800-px-breakpoint-md: 36px;
1960
+ --ds-text-heading-800-px-breakpoint-lg: 40px;
1961
+ --ds-text-heading-800-size-breakpoint-sm: 2rem;
1962
+ --ds-text-heading-800-size-breakpoint-md: 2.25rem;
1963
+ --ds-text-heading-800-size-breakpoint-lg: 2.5rem;
1964
+ --ds-text-heading-800-height-breakpoint-sm: 2.375rem;
1965
+ --ds-text-heading-800-height-breakpoint-px-sm: 38px;
1966
+ --ds-text-heading-800-height-breakpoint-md: 2.625rem;
1967
+ --ds-text-heading-800-height-breakpoint-px-md: 42px;
1968
+ --ds-text-heading-800-height-breakpoint-lg: 3rem;
1969
+ --ds-text-heading-800-height-breakpoint-px-lg: 48px;
1970
+ --ds-text-heading-default-weight: 500;
1971
+ --ds-text-heading-default-margin: 0;
1972
+ --ds-text-heading-default-spacing: -0.2px;
1973
+ --ds-text-heading-medium-weight: 300;
1974
+ --ds-text-heading-display-weight: 100;
1975
+ --ds-text-heading-display-px-breakpoint-sm: 44px;
1976
+ --ds-text-heading-display-px-breakpoint-md: 48px;
1977
+ --ds-text-heading-display-px-breakpoint-lg: 56px;
1978
+ --ds-text-heading-display-size-breakpoint-sm: 2.75rem;
1979
+ --ds-text-heading-display-size-breakpoint-md: 3rem;
1980
+ --ds-text-heading-display-size-breakpoint-lg: 3.5rem;
1981
+ --ds-text-heading-display-height-breakpoint-sm: 3.375rem;
1982
+ --ds-text-heading-display-height-breakpoint-px-sm: 54px;
1983
+ --ds-text-heading-display-height-breakpoint-md: 3.75rem;
1984
+ --ds-text-heading-display-height-breakpoint-px-md: 60px;
1985
+ --ds-text-heading-display-height-breakpoint-lg: 4.25rem;
1986
+ --ds-text-heading-display-height-breakpoint-px-lg: 68px;
1987
+ --ds-text-body-default-weight: 500;
1988
+ --ds-text-body-size-xxs: 0.625rem;
1989
+ --ds-text-body-size-xs: 0.75rem;
1990
+ --ds-text-body-size-sm: 0.875rem;
1991
+ --ds-text-body-size-default: 1rem;
1992
+ --ds-text-body-size-lg: 1.125rem;
1993
+ --ds-text-body-height-xs: 1rem;
1994
+ --ds-text-body-height-sm: 1.25rem;
1995
+ --ds-text-body-height-default: 1.5rem;
1996
+ --ds-text-body-height-lg: 1.625rem;
1997
1997
  }
package/dist/auro-classic/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ * Generated on Thu, 03 Apr 2025 20:02:51 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/hawaiian/CSSCustomProperties--hawaiian.css CHANGED
@@ -1,119 +1,135 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ * Generated on Thu, 03 Apr 2025 20:02:52 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --ds-color-border-bold: #adadad;
8
- --ds-color-border-brand: #d0d0d0;
9
- --ds-color-border-default: #d0d0d0;
10
- --ds-color-border-divider: #00000026;
11
- --ds-color-border-divider-inverse: #ffffff66;
12
- --ds-color-border-inverse: #ffffff;
13
- --ds-color-border-subtle: #dddddd;
14
- --ds-color-brand-primary: #ce0c88;
15
- --ds-color-brand-primary-bold: #831a57;
16
- --ds-color-brand-primary-muted: #fdf1f8;
17
- --ds-color-brand-primary-subtle: #f0a5d2;
18
- --ds-color-brand-secondary: #463c8f;
19
- --ds-color-brand-secondary-bold: #31295c;
20
- --ds-color-brand-secondary-muted: #edeaf4;
21
- --ds-color-brand-secondary-subtle: #6b5da4;
22
- --ds-color-brand-tertiary: #ee453d;
23
- --ds-color-brand-tertiary-bold: #97322a;
24
- --ds-color-brand-tertiary-muted: #ffeeea;
25
- --ds-color-brand-tertiary-subtle: #ff9080;
26
- --ds-color-farebrand-basiceconomy: #d0d0d0;
27
- --ds-color-farebrand-business-first: #463c8f;
28
- --ds-color-farebrand-economy: #ce0c88;
29
- --ds-color-farebrand-premiumeconomy: #00a5ba;
30
- --ds-color-farebrand-oneworld-emerald: #139142;
31
- --ds-color-farebrand-oneworld-sapphire: #015daa;
32
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
33
- --ds-color-pagebackground-default: #ffffff;
34
- --ds-color-pagebackground-utility: #f2f2f2;
35
- --ds-color-status-default: #463c8f;
36
- --ds-color-status-error: #e53339;
37
- --ds-color-status-error-subtle: #fddede;
38
- --ds-color-status-info: #007db1;
39
- --ds-color-status-info-subtle: #e8f2f8;
40
- --ds-color-status-success: #529325;
41
- --ds-color-status-success-subtle: #e4f1da;
42
- --ds-color-status-warning: #fac200;
43
- --ds-color-status-warning-subtle: #fff6d1;
44
- --ds-color-surface-accent1: #dddddd;
45
- --ds-color-surface-accent1-muted: #f7f7f7;
46
- --ds-color-surface-accent1-subtle: #f2f2f2;
47
- --ds-color-surface-accent2: #dddddd;
48
- --ds-color-surface-accent2-muted: #f7f7f7;
49
- --ds-color-surface-default: #ffffff;
50
- --ds-color-surface-inverse: #463c8f;
51
- --ds-color-surface-inverse-subtle: #6b5da4;
52
- --ds-color-surface-neutral-medium: #dddddd;
53
- --ds-color-surface-neutral-subtle: #f7f7f7;
54
- --ds-color-texticon-accent1: #000000;
55
- --ds-color-texticon-default: #000000;
56
- --ds-color-texticon-disabled: #d0d0d0;
57
- --ds-color-texticon-inverse: #ffffff;
58
- --ds-color-texticon-inverse-disabled: #d0d0d0;
59
- --ds-color-texticon-muted: #3d3d3d;
60
- --ds-component-selected-hover: #31295c;
61
- --ds-component-focused: #463c8f;
62
- --ds-component-inverse-focused: #ffffff;
63
- --ds-component-background: #ffffff;
64
- --ds-component-background-hover: #f2f2f2;
65
- --ds-component-background-disabled: #dddddd;
66
- --ds-component-background-muted: #f7f7f7;
67
- --ds-component-background-strong: #7e7e7e;
68
- --ds-component-button-primary-text: #ffffff;
69
- --ds-component-button-primary-border: #ce0c88;
70
- --ds-component-button-primary-border-hover: #831a57;
71
- --ds-component-button-primary-background: #ce0c88;
72
- --ds-component-button-primary-background-hover: #831a57;
73
- --ds-component-button-primary-background-active: #831a57;
74
- --ds-component-button-primary-text-inverse: #ce0c88;
75
- --ds-component-button-primary-border-inverse: #ffffff;
76
- --ds-component-button-primary-background-inverse: #ffffff;
77
- --ds-component-button-primary-border-inverse-hover: #fdf1f8;
78
- --ds-component-button-primary-background-inverse-hover: #fdf1f8;
79
- --ds-component-button-secondary-text: #ce0c88;
80
- --ds-component-button-secondary-text-hover: #463c8f;
81
- --ds-component-button-secondary-border: #d0d0d0;
82
- --ds-component-button-secondary-border-hover: #d0d0d0;
83
- --ds-component-button-secondary-background: #ffffff;
84
- --ds-component-button-secondary-background-hover: #f2f2f2;
85
- --ds-component-button-secondary-text-inverse: #ffffff;
86
- --ds-component-button-secondary-border-inverse: #ffffff;
87
- --ds-component-button-secondary-background-inverse-hover: #0000000d;
88
- --ds-component-button-tertiary-text: #ce0c88;
89
- --ds-component-button-tertiary-text-hover: #831a57;
90
- --ds-component-button-tertiary-background: #0000000d;
91
- --ds-component-button-tertiary-background-hover: #0000001a;
92
- --ds-component-button-tertiary-border: #0000000d;
93
- --ds-component-button-tertiary-border-hover: #0000001a;
94
- --ds-component-button-tertiary-text-inverse: #ffffff;
95
- --ds-component-button-tertiary-background-inverse: #ffffff0d;
96
- --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
97
- --ds-component-button-tertiary-border-inverse: #ffffff0d;
98
- --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
99
- --ds-component-boolean-indicator: #ffffff;
100
- --ds-component-boolean-is-false: #ffffff;
101
- --ds-component-boolean-is-false-hover: #f2f2f2;
102
- --ds-component-boolean-is-false-border: #adadad;
103
- --ds-component-boolean-is-true: #ce0c88;
104
- --ds-component-boolean-is-true-hover: #831a57;
105
- --ds-component-boolean-error: #e53339;
106
- --ds-component-boolean-error-hover: #b1161c;
107
- --ds-font-weight-display: Semibold;
108
- --ds-font-weight-body-default: Regular;
109
- --ds-font-weight-body-large: Regular;
110
- --ds-font-weight-body-small: Regular;
111
- --ds-font-weight-body-xsmall: Regular;
112
- --ds-font-weight-body-xxsmall: Regular;
113
- --ds-font-weight-heading-heading1: Regular;
114
- --ds-font-weight-heading-heading2: Regular;
115
- --ds-font-weight-heading-heading3: Medium;
116
- --ds-font-weight-heading-heading4: Medium;
117
- --ds-font-weight-heading-heading5: Medium;
118
- --ds-font-weight-heading-heading6: Medium;
7
+ --ds-advanced-color-boolean-indicator-default: #ffffff;
8
+ --ds-advanced-color-boolean-indicator-inverse: #463c8f;
9
+ --ds-advanced-color-boolean-is-false-default: #ffffff;
10
+ --ds-advanced-color-boolean-is-false-hover: #f2f2f2;
11
+ --ds-advanced-color-boolean-is-false-border: #adadad;
12
+ --ds-advanced-color-boolean-is-false-inverse: #ffffff0d;
13
+ --ds-advanced-color-boolean-is-false-inverse-hover: #f2f2f2;
14
+ --ds-advanced-color-boolean-is-false-border-inverse: #ffffff;
15
+ --ds-advanced-color-boolean-is-true-default: #463c8f;
16
+ --ds-advanced-color-boolean-is-true-hover: #31295c;
17
+ --ds-advanced-color-boolean-is-true-inverse: #ffffff;
18
+ --ds-advanced-color-boolean-is-true-inverse-hover: #ffffffb2;
19
+ --ds-advanced-color-boolean-error-default: #e53339;
20
+ --ds-advanced-color-boolean-error-hover: #b1161c;
21
+ --ds-advanced-color-boolean-disabled-inverse: #b1161c;
22
+ --ds-advanced-color-button-primary-text: #ffffff;
23
+ --ds-advanced-color-button-primary-border: #463c8f;
24
+ --ds-advanced-color-button-primary-border-hover: #31295c;
25
+ --ds-advanced-color-button-primary-border-disabled: #aca1cc;
26
+ --ds-advanced-color-button-primary-background: #463c8f;
27
+ --ds-advanced-color-button-primary-background-hover: #31295c;
28
+ --ds-advanced-color-button-primary-background-active: #31295c;
29
+ --ds-advanced-color-button-primary-background-disabled: #aca1cc;
30
+ --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
31
+ --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
32
+ --ds-advanced-color-button-primary-text-inverse: #463c8f;
33
+ --ds-advanced-color-button-primary-border-inverse: #ffffff;
34
+ --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
35
+ --ds-advanced-color-button-primary-background-inverse: #ffffff;
36
+ --ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
37
+ --ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
38
+ --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
39
+ --ds-advanced-color-button-secondary-text: #463c8f;
40
+ --ds-advanced-color-button-secondary-text-hover: #31295c;
41
+ --ds-advanced-color-button-secondary-border: #d0d0d0;
42
+ --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
43
+ --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
44
+ --ds-advanced-color-button-secondary-background: #ffffff;
45
+ --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
46
+ --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
47
+ --ds-advanced-color-button-secondary-text-inverse: #ffffff;
48
+ --ds-advanced-color-button-secondary-border-inverse: #ffffff;
49
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
50
+ --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
51
+ --ds-advanced-color-button-tertiary-text: #463c8f;
52
+ --ds-advanced-color-button-tertiary-text-hover: #31295c;
53
+ --ds-advanced-color-button-tertiary-background: #0000000d;
54
+ --ds-advanced-color-button-tertiary-background-hover: #0000001a;
55
+ --ds-advanced-color-button-tertiary-border: #0000000d;
56
+ --ds-advanced-color-button-tertiary-border-hover: #0000001a;
57
+ --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
58
+ --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
59
+ --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
60
+ --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
61
+ --ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
62
+ --ds-advanced-color-hyperlink-default: #463c8f;
63
+ --ds-advanced-color-hyperlink-hover: #31295c;
64
+ --ds-advanced-color-hyperlink-active: #31295c;
65
+ --ds-advanced-color-hyperlink-visited: #edeaf4;
66
+ --ds-advanced-color-hyperlink-disabled: #adadad;
67
+ --ds-advanced-color-hyperlink-inverse: #ffffff;
68
+ --ds-advanced-color-hyperlink-inverse-hover: #edeaf4;
69
+ --ds-advanced-color-background-default: #ffffff;
70
+ --ds-advanced-color-background-muted: #f7f7f7;
71
+ --ds-advanced-color-background-strong: #7e7e7e;
72
+ --ds-advanced-color-background-inverse: #ffffff0d;
73
+ --ds-advanced-color-text-accent: #463c8f;
74
+ --ds-advanced-color-state-focused-default: #463c8f;
75
+ --ds-advanced-color-state-focused-inverse: #ffffff;
76
+ --ds-advanced-color-state-selected-default: #463c8f;
77
+ --ds-advanced-color-state-selected-hover: #31295c;
78
+ --ds-advanced-color-state-background-hover: #f2f2f2;
79
+ --ds-advanced-color-state-background-disabled: #dddddd;
80
+ --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
81
+ --ds-basic-color-border-bold: #adadad;
82
+ --ds-basic-color-border-brand: #463c8f;
83
+ --ds-basic-color-border-default: #d0d0d0;
84
+ --ds-basic-color-border-divider: #00000026;
85
+ --ds-basic-color-border-divider-inverse: #ffffff66;
86
+ --ds-basic-color-border-inverse: #ffffff;
87
+ --ds-basic-color-border-subtle: #dddddd;
88
+ --ds-basic-color-brand-primary: #463c8f;
89
+ --ds-basic-color-brand-primary-bold: #31295c;
90
+ --ds-basic-color-brand-primary-muted: #edeaf4;
91
+ --ds-basic-color-brand-primary-subtle: #8c7eb8;
92
+ --ds-basic-color-brand-secondary: #ce0c88;
93
+ --ds-basic-color-brand-secondary-bold: #831a57;
94
+ --ds-basic-color-brand-secondary-muted: #fdf1f8;
95
+ --ds-basic-color-brand-secondary-subtle: #e26db8;
96
+ --ds-basic-color-brand-tertiary: #ee453d;
97
+ --ds-basic-color-brand-tertiary-bold: #97322a;
98
+ --ds-basic-color-brand-tertiary-muted: #ffeeea;
99
+ --ds-basic-color-brand-tertiary-subtle: #ff9080;
100
+ --ds-basic-color-text-icon-accent1: #463c8f;
101
+ --ds-basic-color-text-icon-default: #000000;
102
+ --ds-basic-color-text-icon-disabled: #d0d0d0;
103
+ --ds-basic-color-text-icon-inverse: #ffffff;
104
+ --ds-basic-color-text-icon-inverse-disabled: #d0d0d0;
105
+ --ds-basic-color-text-icon-muted: #3d3d3d;
106
+ --ds-basic-color-fare-brand-basic-economy: #d0d0d0;
107
+ --ds-basic-color-fare-brand-business-first: #463c8f;
108
+ --ds-basic-color-fare-brand-economy: #ce0c88;
109
+ --ds-basic-color-fare-brand-first: #463c8f;
110
+ --ds-basic-color-fare-brand-premium-economy: #1b6976;
111
+ --ds-basic-color-fare-brand-one-world-emerald: #139142;
112
+ --ds-basic-color-fare-brand-one-world-sapphire: #015daa;
113
+ --ds-basic-color-fare-brand-one-world-ruby: #a41d4a;
114
+ --ds-basic-color-page-background-default: #ffffff;
115
+ --ds-basic-color-page-background-utility: #f2f2f2;
116
+ --ds-basic-color-status-default: #afb9c6;
117
+ --ds-basic-color-status-error: #e53339;
118
+ --ds-basic-color-status-error-subtle: #fddede;
119
+ --ds-basic-color-status-info: #007db1;
120
+ --ds-basic-color-status-info-subtle: #e8f2f8;
121
+ --ds-basic-color-status-success: #529325;
122
+ --ds-basic-color-status-success-subtle: #e4f1da;
123
+ --ds-basic-color-status-warning: #fac200;
124
+ --ds-basic-color-status-warning-subtle: #fff6d1;
125
+ --ds-basic-color-surface-accent1: #aca1cc;
126
+ --ds-basic-color-surface-accent1-muted: #edeaf4;
127
+ --ds-basic-color-surface-accent1-subtle: #aca1cc;
128
+ --ds-basic-color-surface-accent2: #f7f7f7;
129
+ --ds-basic-color-surface-accent2-muted: #f7f7f7;
130
+ --ds-basic-color-surface-default: #ffffff;
131
+ --ds-basic-color-surface-inverse: #463c8f;
132
+ --ds-basic-color-surface-inverse-subtle: #8c7eb8;
133
+ --ds-basic-color-surface-neutral-medium: #dddddd;
134
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
119
135
  }