@aurodesignsystem/design-tokens 5.5.0 → 5.6.1

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 (79) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/CSSCustomProperties--bundled.css +805 -153
  3. package/dist/alaska/CSSCustomProperties--alaska.css +415 -88
  4. package/dist/alaska/JSONVariablesNested--alaska.json +636 -133
  5. package/dist/alaska/JSObject--allTokens.js +14129 -2689
  6. package/dist/alaska/SCSSVariables--alaska.scss +415 -88
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +415 -88
  8. package/dist/alaska/primitives--alaska.scss +35 -34
  9. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  13. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  14. package/dist/auro-classic/JSVariables--color.js +1 -1
  15. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  16. package/dist/auro-classic/SCSSVariables.scss +1 -1
  17. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  18. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  19. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +391 -66
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -93
  22. package/dist/hawaiian/JSObject--allTokens.js +13996 -2622
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +391 -66
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +392 -67
  25. package/dist/hawaiian/primitives--hawaiian.scss +25 -24
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +6 -6
  28. package/src/primitives/alaska/color.json +456 -456
  29. package/src/primitives/alaska/font.json +9 -9
  30. package/src/primitives/base/color.json +284 -284
  31. package/src/primitives/base/font.json +186 -175
  32. package/src/primitives/base/transparency.json +108 -108
  33. package/src/primitives/hawaiian/color.json +287 -287
  34. package/src/primitives/hawaiian/font.json +9 -9
  35. package/src/themes/alaska/advanced/accents.json +104 -0
  36. package/src/themes/alaska/advanced/boolean.json +134 -128
  37. package/src/themes/alaska/advanced/button/primary.json +146 -0
  38. package/src/themes/alaska/advanced/button/secondary.json +106 -0
  39. package/src/themes/alaska/advanced/button/tertiary.json +98 -0
  40. package/src/themes/alaska/advanced/hyperlink.json +19 -43
  41. package/src/themes/alaska/advanced/shared.json +30 -30
  42. package/src/themes/alaska/advanced/state.json +60 -60
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +61 -61
  45. package/src/themes/alaska/basic/color/fare-brand.json +44 -44
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +36 -37
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +37 -77
  50. package/src/themes/alaska/basic/corner-radius.json +15 -15
  51. package/src/themes/alaska/basic/font/accent.json +847 -217
  52. package/src/themes/alaska/basic/font/body.json +203 -48
  53. package/src/themes/alaska/basic/font/display.json +727 -187
  54. package/src/themes/alaska/basic/font/heading.json +725 -182
  55. package/src/themes/alaska-classic/typography.json +124 -124
  56. package/src/themes/hawaiian/advanced/accents.json +104 -0
  57. package/src/themes/hawaiian/advanced/boolean.json +134 -128
  58. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  59. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  60. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  62. package/src/themes/hawaiian/advanced/shared.json +30 -30
  63. package/src/themes/hawaiian/advanced/state.json +60 -60
  64. package/src/themes/hawaiian/basic/color/border.json +28 -29
  65. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  66. package/src/themes/hawaiian/basic/color/fare-brand.json +41 -42
  67. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  68. package/src/themes/hawaiian/basic/color/status.json +36 -37
  69. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  70. package/src/themes/hawaiian/basic/color/text-icon.json +37 -39
  71. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  73. package/src/themes/hawaiian/basic/font/body.json +202 -47
  74. package/src/themes/hawaiian/basic/font/display.json +788 -0
  75. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  76. package/src/themes/alaska/advanced/button.json +0 -262
  77. package/src/themes/hawaiian/advanced/button.json +0 -334
  78. package/src/themes/hawaiian/basic/color/color.json +0 -57
  79. package/src/themes/hawaiian/basic/font/typography.json +0 -248
package/dist/hawaiian/CSSCustomProperties--hawaiian.css CHANGED
@@ -1,83 +1,95 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 03 Apr 2025 22:28:55 GMT
3
+ * Generated on Mon, 07 Apr 2025 21:40:32 GMT
4
4
  */
5
5
 
6
6
  :root {
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
7
  --ds-advanced-color-button-primary-background: #463c8f;
27
- --ds-advanced-color-button-primary-background-hover: #31295c;
28
8
  --ds-advanced-color-button-primary-background-active: #31295c;
29
9
  --ds-advanced-color-button-primary-background-disabled: #aca1cc;
10
+ --ds-advanced-color-button-primary-background-hover: #31295c;
30
11
  --ds-advanced-color-button-primary-background-inactive: #ccc5e0;
31
12
  --ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
32
- --ds-advanced-color-button-primary-text-inverse: #463c8f;
13
+ --ds-advanced-color-button-primary-background-inverse: #ffffff;
14
+ --ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
15
+ --ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
16
+ --ds-advanced-color-button-primary-border: #463c8f;
17
+ --ds-advanced-color-button-primary-border-disabled: #aca1cc;
18
+ --ds-advanced-color-button-primary-border-hover: #31295c;
33
19
  --ds-advanced-color-button-primary-border-inverse: #ffffff;
34
20
  --ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
35
- --ds-advanced-color-button-primary-background-inverse: #ffffff;
36
21
  --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;
22
+ --ds-advanced-color-button-primary-text: #ffffff;
23
+ --ds-advanced-color-button-primary-text-inverse: #463c8f;
44
24
  --ds-advanced-color-button-secondary-background: #ffffff;
45
25
  --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
46
26
  --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
47
- --ds-advanced-color-button-secondary-text-inverse: #ffffff;
27
+ --ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
28
+ --ds-advanced-color-button-secondary-border: #d0d0d0;
29
+ --ds-advanced-color-button-secondary-border-hover: #d0d0d0;
30
+ --ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
48
31
  --ds-advanced-color-button-secondary-border-inverse: #ffffff;
49
32
  --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;
33
+ --ds-advanced-color-button-secondary-text: #463c8f;
34
+ --ds-advanced-color-button-secondary-text-hover: #31295c;
35
+ --ds-advanced-color-button-secondary-text-inverse: #ffffff;
53
36
  --ds-advanced-color-button-tertiary-background: #0000000d;
54
37
  --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
38
  --ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
59
39
  --ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
40
+ --ds-advanced-color-button-tertiary-border: #0000000d;
41
+ --ds-advanced-color-button-tertiary-border-hover: #0000001a;
60
42
  --ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
61
43
  --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;
44
+ --ds-advanced-color-button-tertiary-text: #463c8f;
45
+ --ds-advanced-color-button-tertiary-text-hover: #31295c;
46
+ --ds-advanced-color-button-tertiary-text-inverse: #ffffff;
47
+ --ds-advanced-color-accents-accent1: #8ec891;
48
+ --ds-advanced-color-accents-accent1-bold: #5db060;
49
+ --ds-advanced-color-accents-accent1-muted: #d2e9d4;
50
+ --ds-advanced-color-accents-accent2: #edb97d;
51
+ --ds-advanced-color-accents-accent2-bold: #e39131;
52
+ --ds-advanced-color-accents-accent2-muted: #f6dbbc;
53
+ --ds-advanced-color-accents-accent3: #ccc5e0;
54
+ --ds-advanced-color-accents-accent3-bold: #463c8f;
55
+ --ds-advanced-color-accents-accent3-muted: #ccc5e0;
56
+ --ds-advanced-color-accents-accent4: #a8d6df;
57
+ --ds-advanced-color-accents-accent4-bold: #00a5ba;
58
+ --ds-advanced-color-accents-accent4-muted: #cbe6ec;
59
+ --ds-advanced-color-boolean-disabled-inverse: #aca1cc;
60
+ --ds-advanced-color-boolean-error: #e53339;
61
+ --ds-advanced-color-boolean-error-hover: #b1161c;
62
+ --ds-advanced-color-boolean-error-inverse: #f9a4a8;
63
+ --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
64
+ --ds-advanced-color-boolean-indicator: #ffffff;
65
+ --ds-advanced-color-boolean-indicator-inverse: #463c8f;
66
+ --ds-advanced-color-boolean-isfalse: #ffffff;
67
+ --ds-advanced-color-boolean-isfalse-border: #adadad;
68
+ --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
69
+ --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
70
+ --ds-advanced-color-boolean-isfalse-inverse: #ffffff0d;
71
+ --ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
72
+ --ds-advanced-color-boolean-istrue: #463c8f;
73
+ --ds-advanced-color-boolean-istrue-hover: #31295c;
74
+ --ds-advanced-color-boolean-istrue-inverse: #ffffff;
75
+ --ds-advanced-color-boolean-istrue-inverse-hover: #ffffffb2;
76
+ --ds-advanced-color-hyperlink-text: #463c8f;
77
+ --ds-advanced-color-hyperlink-text-hover: #31295c;
78
+ --ds-advanced-color-hyperlink-text-inverse: #ffffff;
79
+ --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
80
+ --ds-advanced-color-shared-background: #ffffff;
81
+ --ds-advanced-color-shared-background-inverse: #ffffff0d;
82
+ --ds-advanced-color-shared-background-muted: #f7f7f7;
83
+ --ds-advanced-color-shared-background-strong: #7e7e7e;
84
+ --ds-advanced-color-shared-text-accent: #463c8f;
79
85
  --ds-advanced-color-state-background-disabled: #dddddd;
86
+ --ds-advanced-color-state-background-hover: #f2f2f2;
80
87
  --ds-advanced-color-state-background-inverse-hover: #ffffff1a;
88
+ --ds-advanced-color-state-error-inverse: #f9a4a8;
89
+ --ds-advanced-color-state-focused: #463c8f;
90
+ --ds-advanced-color-state-focused-inverse: #ffffff;
91
+ --ds-advanced-color-state-selected: #463c8f;
92
+ --ds-advanced-color-state-selected-hover: #31295c;
81
93
  --ds-basic-color-border-bold: #adadad;
82
94
  --ds-basic-color-border-brand: #463c8f;
83
95
  --ds-basic-color-border-default: #d0d0d0;
@@ -97,31 +109,25 @@
97
109
  --ds-basic-color-brand-tertiary-bold: #97322a;
98
110
  --ds-basic-color-brand-tertiary-muted: #ffeeea;
99
111
  --ds-basic-color-brand-tertiary-subtle: #ff9080;
100
- --ds-basic-color-texticon-accent1: #463c8f;
101
- --ds-basic-color-texticon-default: #000000;
102
- --ds-basic-color-texticon-disabled: #d0d0d0;
103
- --ds-basic-color-texticon-inverse: #ffffff;
104
- --ds-basic-color-texticon-inverse-disabled: #d0d0d0;
105
- --ds-basic-color-texticon-muted: #3d3d3d;
106
112
  --ds-basic-color-fare-basiceconomy: #d0d0d0;
107
- --ds-basic-color-fare-businessfirst: #463c8f;
113
+ --ds-basic-color-fare-business: #463c8f;
108
114
  --ds-basic-color-fare-economy: #ce0c88;
109
115
  --ds-basic-color-fare-first: #463c8f;
110
- --ds-basic-color-fare-premiumeconomy: #1b6976;
111
116
  --ds-basic-color-fare-oneworld-emerald: #139142;
112
- --ds-basic-color-fare-oneworld-sapphire: #015daa;
113
117
  --ds-basic-color-fare-oneworld-ruby: #a41d4a;
118
+ --ds-basic-color-fare-oneworld-sapphire: #015daa;
119
+ --ds-basic-color-fare-premiumeconomy: #1b6976;
114
120
  --ds-basic-color-page-background-default: #ffffff;
115
121
  --ds-basic-color-page-background-utility: #f2f2f2;
116
122
  --ds-basic-color-status-default: #afb9c6;
117
123
  --ds-basic-color-status-error: #e53339;
118
- --ds-basic-color-status-error-subtle: #fddede;
124
+ --ds-basic-color-status-error-subtle: #fbc6c6;
119
125
  --ds-basic-color-status-info: #007db1;
120
126
  --ds-basic-color-status-info-subtle: #e8f2f8;
121
127
  --ds-basic-color-status-success: #529325;
122
- --ds-basic-color-status-success-subtle: #e4f1da;
128
+ --ds-basic-color-status-success-subtle: #d6eac7;
123
129
  --ds-basic-color-status-warning: #fac200;
124
- --ds-basic-color-status-warning-subtle: #fff6d1;
130
+ --ds-basic-color-status-warning-subtle: #fff0b2;
125
131
  --ds-basic-color-surface-accent1: #aca1cc;
126
132
  --ds-basic-color-surface-accent1-muted: #edeaf4;
127
133
  --ds-basic-color-surface-accent1-subtle: #aca1cc;
@@ -132,4 +138,323 @@
132
138
  --ds-basic-color-surface-inverse-subtle: #8c7eb8;
133
139
  --ds-basic-color-surface-neutral-medium: #dddddd;
134
140
  --ds-basic-color-surface-neutral-subtle: #f7f7f7;
141
+ --ds-basic-color-texticon-accent1: #463c8f;
142
+ --ds-basic-color-texticon-default: #000000;
143
+ --ds-basic-color-texticon-disabled: #d0d0d0;
144
+ --ds-basic-color-texticon-disabled-inverse: #7e8894;
145
+ --ds-basic-color-texticon-inverse: #ffffff;
146
+ --ds-basic-color-texticon-muted: #3d3d3d;
147
+ --ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
148
+ --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
149
+ --ds-basic-text-accent-lg-breakpoint-lg-font-weight: Regular;
150
+ --ds-basic-text-accent-lg-breakpoint-lg-letter-spacing: .05em;
151
+ --ds-basic-text-accent-lg-breakpoint-lg-line-height: 130%;
152
+ --ds-basic-text-accent-lg-breakpoint-md-font-family: Slate Pro;
153
+ --ds-basic-text-accent-lg-breakpoint-md-font-size: 26px;
154
+ --ds-basic-text-accent-lg-breakpoint-md-font-weight: Regular;
155
+ --ds-basic-text-accent-lg-breakpoint-md-letter-spacing: .05em;
156
+ --ds-basic-text-accent-lg-breakpoint-md-line-height: 130%;
157
+ --ds-basic-text-accent-lg-breakpoint-sm-font-family: Slate Pro;
158
+ --ds-basic-text-accent-lg-breakpoint-sm-font-size: 24px;
159
+ --ds-basic-text-accent-lg-breakpoint-sm-font-weight: Regular;
160
+ --ds-basic-text-accent-lg-breakpoint-sm-letter-spacing: .05em;
161
+ --ds-basic-text-accent-lg-breakpoint-sm-line-height: 130%;
162
+ --ds-basic-text-accent-md-breakpoint-lg-font-family: Slate Pro;
163
+ --ds-basic-text-accent-md-breakpoint-lg-font-size: 24px;
164
+ --ds-basic-text-accent-md-breakpoint-lg-font-weight: Medium;
165
+ --ds-basic-text-accent-md-breakpoint-lg-letter-spacing: .05em;
166
+ --ds-basic-text-accent-md-breakpoint-lg-line-height: 130%;
167
+ --ds-basic-text-accent-md-breakpoint-md-font-family: Slate Pro;
168
+ --ds-basic-text-accent-md-breakpoint-md-font-size: 22px;
169
+ --ds-basic-text-accent-md-breakpoint-md-font-weight: Medium;
170
+ --ds-basic-text-accent-md-breakpoint-md-letter-spacing: .05em;
171
+ --ds-basic-text-accent-md-breakpoint-md-line-height: 130%;
172
+ --ds-basic-text-accent-md-breakpoint-sm-font-family: Slate Pro;
173
+ --ds-basic-text-accent-md-breakpoint-sm-font-size: 22px;
174
+ --ds-basic-text-accent-md-breakpoint-sm-font-weight: Medium;
175
+ --ds-basic-text-accent-md-breakpoint-sm-letter-spacing: .05em;
176
+ --ds-basic-text-accent-md-breakpoint-sm-line-height: 130%;
177
+ --ds-basic-text-accent-sm-breakpoint-lg-font-family: Slate Pro;
178
+ --ds-basic-text-accent-sm-breakpoint-lg-font-size: 20px;
179
+ --ds-basic-text-accent-sm-breakpoint-lg-font-weight: Medium;
180
+ --ds-basic-text-accent-sm-breakpoint-lg-letter-spacing: .05em;
181
+ --ds-basic-text-accent-sm-breakpoint-lg-line-height: 130%;
182
+ --ds-basic-text-accent-sm-breakpoint-md-font-family: Slate Pro;
183
+ --ds-basic-text-accent-sm-breakpoint-md-font-size: 18px;
184
+ --ds-basic-text-accent-sm-breakpoint-md-font-weight: Medium;
185
+ --ds-basic-text-accent-sm-breakpoint-md-letter-spacing: .05em;
186
+ --ds-basic-text-accent-sm-breakpoint-md-line-height: 130%;
187
+ --ds-basic-text-accent-sm-breakpoint-sm-font-family: Slate Pro;
188
+ --ds-basic-text-accent-sm-breakpoint-sm-font-size: 18px;
189
+ --ds-basic-text-accent-sm-breakpoint-sm-font-weight: Medium;
190
+ --ds-basic-text-accent-sm-breakpoint-sm-letter-spacing: .05em;
191
+ --ds-basic-text-accent-sm-breakpoint-sm-line-height: 130%;
192
+ --ds-basic-text-accent-xl-breakpoint-lg-font-family: Slate Pro;
193
+ --ds-basic-text-accent-xl-breakpoint-lg-font-size: 32px;
194
+ --ds-basic-text-accent-xl-breakpoint-lg-font-weight: Regular;
195
+ --ds-basic-text-accent-xl-breakpoint-lg-letter-spacing: .05em;
196
+ --ds-basic-text-accent-xl-breakpoint-lg-line-height: 130%;
197
+ --ds-basic-text-accent-xl-breakpoint-md-font-family: Slate Pro;
198
+ --ds-basic-text-accent-xl-breakpoint-md-font-size: 28px;
199
+ --ds-basic-text-accent-xl-breakpoint-md-font-weight: Regular;
200
+ --ds-basic-text-accent-xl-breakpoint-md-letter-spacing: .05em;
201
+ --ds-basic-text-accent-xl-breakpoint-md-line-height: 130%;
202
+ --ds-basic-text-accent-xl-breakpoint-sm-font-family: Slate Pro;
203
+ --ds-basic-text-accent-xl-breakpoint-sm-font-size: 26px;
204
+ --ds-basic-text-accent-xl-breakpoint-sm-font-weight: Regular;
205
+ --ds-basic-text-accent-xl-breakpoint-sm-letter-spacing: .05em;
206
+ --ds-basic-text-accent-xl-breakpoint-sm-line-height: 130%;
207
+ --ds-basic-text-accent-xs-breakpoint-lg-font-family: Slate Pro;
208
+ --ds-basic-text-accent-xs-breakpoint-lg-font-size: 16px;
209
+ --ds-basic-text-accent-xs-breakpoint-lg-font-weight: Medium;
210
+ --ds-basic-text-accent-xs-breakpoint-lg-letter-spacing: .10em;
211
+ --ds-basic-text-accent-xs-breakpoint-lg-line-height: 130%;
212
+ --ds-basic-text-accent-xs-breakpoint-md-font-family: Slate Pro;
213
+ --ds-basic-text-accent-xs-breakpoint-md-font-size: 16px;
214
+ --ds-basic-text-accent-xs-breakpoint-md-font-weight: Medium;
215
+ --ds-basic-text-accent-xs-breakpoint-md-letter-spacing: .10em;
216
+ --ds-basic-text-accent-xs-breakpoint-md-line-height: 130%;
217
+ --ds-basic-text-accent-xs-breakpoint-sm-font-family: Slate Pro;
218
+ --ds-basic-text-accent-xs-breakpoint-sm-font-size: 16px;
219
+ --ds-basic-text-accent-xs-breakpoint-sm-font-weight: Medium;
220
+ --ds-basic-text-accent-xs-breakpoint-sm-letter-spacing: .10em;
221
+ --ds-basic-text-accent-xs-breakpoint-sm-line-height: 130%;
222
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-family: Slate Pro;
223
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
224
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-weight: Regular;
225
+ --ds-basic-text-accent-xxl-breakpoint-lg-letter-spacing: .05em;
226
+ --ds-basic-text-accent-xxl-breakpoint-lg-line-height: 100%;
227
+ --ds-basic-text-accent-xxl-breakpoint-md-font-family: Slate Pro;
228
+ --ds-basic-text-accent-xxl-breakpoint-md-font-size: 38px;
229
+ --ds-basic-text-accent-xxl-breakpoint-md-font-weight: Regular;
230
+ --ds-basic-text-accent-xxl-breakpoint-md-letter-spacing: .05em;
231
+ --ds-basic-text-accent-xxl-breakpoint-md-line-height: 100%;
232
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-family: Slate Pro;
233
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-size: 32px;
234
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-weight: Regular;
235
+ --ds-basic-text-accent-xxl-breakpoint-sm-letter-spacing: .05em;
236
+ --ds-basic-text-accent-xxl-breakpoint-sm-line-height: 100%;
237
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-family: Slate Pro;
238
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-size: 14px;
239
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-weight: Regular;
240
+ --ds-basic-text-accent-xxs-breakpoint-lg-letter-spacing: .10em;
241
+ --ds-basic-text-accent-xxs-breakpoint-lg-line-height: 130%;
242
+ --ds-basic-text-accent-xxs-breakpoint-md-font-family: Slate Pro;
243
+ --ds-basic-text-accent-xxs-breakpoint-md-font-size: 14px;
244
+ --ds-basic-text-accent-xxs-breakpoint-md-font-weight: Regular;
245
+ --ds-basic-text-accent-xxs-breakpoint-md-letter-spacing: .10em;
246
+ --ds-basic-text-accent-xxs-breakpoint-md-line-height: 130%;
247
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-family: Slate Pro;
248
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-size: 14px;
249
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-weight: Regular;
250
+ --ds-basic-text-accent-xxs-breakpoint-sm-letter-spacing: .10em;
251
+ --ds-basic-text-accent-xxs-breakpoint-sm-line-height: 130%;
252
+ --ds-basic-text-body-default-font-family: Slate Pro;
253
+ --ds-basic-text-body-default-font-size: 16px;
254
+ --ds-basic-text-body-default-font-weight: Regular;
255
+ --ds-basic-text-body-default-letter-spacing: 0;
256
+ --ds-basic-text-body-default-line-height: 24px;
257
+ --ds-basic-text-body-lg-font-family: Slate Pro;
258
+ --ds-basic-text-body-lg-font-size: 18px;
259
+ --ds-basic-text-body-lg-font-weight: Regular;
260
+ --ds-basic-text-body-lg-letter-spacing: 0;
261
+ --ds-basic-text-body-lg-line-height: 26px;
262
+ --ds-basic-text-body-sm-font-family: Slate Pro;
263
+ --ds-basic-text-body-sm-font-size: 14px;
264
+ --ds-basic-text-body-sm-font-weight: Regular;
265
+ --ds-basic-text-body-sm-letter-spacing: 0;
266
+ --ds-basic-text-body-sm-line-height: 20px;
267
+ --ds-basic-text-body-xs-font-family: Slate Pro;
268
+ --ds-basic-text-body-xs-font-size: 12px;
269
+ --ds-basic-text-body-xs-font-weight: Regular;
270
+ --ds-basic-text-body-xs-letter-spacing: 0;
271
+ --ds-basic-text-body-xs-line-height: 16px;
272
+ --ds-basic-text-body-xxs-font-family: Slate Pro;
273
+ --ds-basic-text-body-xxs-font-size: 10px;
274
+ --ds-basic-text-body-xxs-font-weight: Regular;
275
+ --ds-basic-text-body-xxs-letter-spacing: 0;
276
+ --ds-basic-text-body-xxs-line-height: 14px;
277
+ --ds-basic-text-display-lg-breakpoint-lg-font-family: Chronicle Display;
278
+ --ds-basic-text-display-lg-breakpoint-lg-font-size: 64px;
279
+ --ds-basic-text-display-lg-breakpoint-lg-font-weight: Semibold;
280
+ --ds-basic-text-display-lg-breakpoint-lg-letter-spacing: 0;
281
+ --ds-basic-text-display-lg-breakpoint-lg-line-height: 130%;
282
+ --ds-basic-text-display-lg-breakpoint-md-font-family: Chronicle Display;
283
+ --ds-basic-text-display-lg-breakpoint-md-font-size: 56px;
284
+ --ds-basic-text-display-lg-breakpoint-md-font-weight: Semibold;
285
+ --ds-basic-text-display-lg-breakpoint-md-letter-spacing: 0;
286
+ --ds-basic-text-display-lg-breakpoint-md-line-height: 130%;
287
+ --ds-basic-text-display-lg-breakpoint-sm-font-family: Chronicle Display;
288
+ --ds-basic-text-display-lg-breakpoint-sm-font-size: 44px;
289
+ --ds-basic-text-display-lg-breakpoint-sm-font-weight: Semibold;
290
+ --ds-basic-text-display-lg-breakpoint-sm-letter-spacing: 0;
291
+ --ds-basic-text-display-lg-breakpoint-sm-line-height: 130%;
292
+ --ds-basic-text-display-md-breakpoint-lg-font-family: Chronicle Display;
293
+ --ds-basic-text-display-md-breakpoint-lg-font-size: 56px;
294
+ --ds-basic-text-display-md-breakpoint-lg-font-weight: Semibold;
295
+ --ds-basic-text-display-md-breakpoint-lg-letter-spacing: 0;
296
+ --ds-basic-text-display-md-breakpoint-lg-line-height: 130%;
297
+ --ds-basic-text-display-md-breakpoint-md-font-family: Chronicle Display;
298
+ --ds-basic-text-display-md-breakpoint-md-font-size: 48px;
299
+ --ds-basic-text-display-md-breakpoint-md-font-weight: Semibold;
300
+ --ds-basic-text-display-md-breakpoint-md-letter-spacing: 0;
301
+ --ds-basic-text-display-md-breakpoint-md-line-height: 130%;
302
+ --ds-basic-text-display-md-breakpoint-sm-font-family: Chronicle Display;
303
+ --ds-basic-text-display-md-breakpoint-sm-font-size: 40px;
304
+ --ds-basic-text-display-md-breakpoint-sm-font-weight: Semibold;
305
+ --ds-basic-text-display-md-breakpoint-sm-letter-spacing: 0;
306
+ --ds-basic-text-display-md-breakpoint-sm-line-height: 130%;
307
+ --ds-basic-text-display-sm-breakpoint-lg-font-family: Chronicle Display;
308
+ --ds-basic-text-display-sm-breakpoint-lg-font-size: 48px;
309
+ --ds-basic-text-display-sm-breakpoint-lg-font-weight: Semibold;
310
+ --ds-basic-text-display-sm-breakpoint-lg-letter-spacing: 0;
311
+ --ds-basic-text-display-sm-breakpoint-lg-line-height: 130%;
312
+ --ds-basic-text-display-sm-breakpoint-md-font-family: Chronicle Display;
313
+ --ds-basic-text-display-sm-breakpoint-md-font-size: 44px;
314
+ --ds-basic-text-display-sm-breakpoint-md-font-weight: Semibold;
315
+ --ds-basic-text-display-sm-breakpoint-md-letter-spacing: 0;
316
+ --ds-basic-text-display-sm-breakpoint-md-line-height: 130%;
317
+ --ds-basic-text-display-sm-breakpoint-sm-font-family: Chronicle Display;
318
+ --ds-basic-text-display-sm-breakpoint-sm-font-size: 32px;
319
+ --ds-basic-text-display-sm-breakpoint-sm-font-weight: Semibold;
320
+ --ds-basic-text-display-sm-breakpoint-sm-letter-spacing: 0;
321
+ --ds-basic-text-display-sm-breakpoint-sm-line-height: 130%;
322
+ --ds-basic-text-display-xl-breakpoint-lg-font-family: Chronicle Display;
323
+ --ds-basic-text-display-xl-breakpoint-lg-font-size: 72px;
324
+ --ds-basic-text-display-xl-breakpoint-lg-font-weight: Semibold;
325
+ --ds-basic-text-display-xl-breakpoint-lg-letter-spacing: 0;
326
+ --ds-basic-text-display-xl-breakpoint-lg-line-height: 130%;
327
+ --ds-basic-text-display-xl-breakpoint-md-font-family: Chronicle Display;
328
+ --ds-basic-text-display-xl-breakpoint-md-font-size: 64px;
329
+ --ds-basic-text-display-xl-breakpoint-md-font-weight: Semibold;
330
+ --ds-basic-text-display-xl-breakpoint-md-letter-spacing: 0;
331
+ --ds-basic-text-display-xl-breakpoint-md-line-height: 130%;
332
+ --ds-basic-text-display-xl-breakpoint-sm-font-family: Chronicle Display;
333
+ --ds-basic-text-display-xl-breakpoint-sm-font-size: 48px;
334
+ --ds-basic-text-display-xl-breakpoint-sm-font-weight: Semibold;
335
+ --ds-basic-text-display-xl-breakpoint-sm-letter-spacing: 0;
336
+ --ds-basic-text-display-xl-breakpoint-sm-line-height: 130%;
337
+ --ds-basic-text-display-xs-breakpoint-lg-font-family: Chronicle Display;
338
+ --ds-basic-text-display-xs-breakpoint-lg-font-size: 38px;
339
+ --ds-basic-text-display-xs-breakpoint-lg-font-weight: Semibold;
340
+ --ds-basic-text-display-xs-breakpoint-lg-letter-spacing: 0;
341
+ --ds-basic-text-display-xs-breakpoint-lg-line-height: 130%;
342
+ --ds-basic-text-display-xs-breakpoint-md-font-family: Chronicle Display;
343
+ --ds-basic-text-display-xs-breakpoint-md-font-size: 36px;
344
+ --ds-basic-text-display-xs-breakpoint-md-font-weight: Semibold;
345
+ --ds-basic-text-display-xs-breakpoint-md-letter-spacing: 0;
346
+ --ds-basic-text-display-xs-breakpoint-md-line-height: 130%;
347
+ --ds-basic-text-display-xs-breakpoint-sm-font-family: Chronicle Display;
348
+ --ds-basic-text-display-xs-breakpoint-sm-font-size: 28px;
349
+ --ds-basic-text-display-xs-breakpoint-sm-font-weight: Semibold;
350
+ --ds-basic-text-display-xs-breakpoint-sm-letter-spacing: 0;
351
+ --ds-basic-text-display-xs-breakpoint-sm-line-height: 130%;
352
+ --ds-basic-text-display-xxl-breakpoint-lg-font-family: Chronicle Display;
353
+ --ds-basic-text-display-xxl-breakpoint-lg-font-size: 86px;
354
+ --ds-basic-text-display-xxl-breakpoint-lg-font-weight: Semibold;
355
+ --ds-basic-text-display-xxl-breakpoint-lg-letter-spacing: 0;
356
+ --ds-basic-text-display-xxl-breakpoint-lg-line-height: 130%;
357
+ --ds-basic-text-display-xxl-breakpoint-md-font-family: Chronicle Display;
358
+ --ds-basic-text-display-xxl-breakpoint-md-font-size: 72px;
359
+ --ds-basic-text-display-xxl-breakpoint-md-font-weight: Semibold;
360
+ --ds-basic-text-display-xxl-breakpoint-md-letter-spacing: 0;
361
+ --ds-basic-text-display-xxl-breakpoint-md-line-height: 130%;
362
+ --ds-basic-text-display-xxl-breakpoint-sm-font-family: Chronicle Display;
363
+ --ds-basic-text-display-xxl-breakpoint-sm-font-size: 56px;
364
+ --ds-basic-text-display-xxl-breakpoint-sm-font-weight: Semibold;
365
+ --ds-basic-text-display-xxl-breakpoint-sm-letter-spacing: 0;
366
+ --ds-basic-text-display-xxl-breakpoint-sm-line-height: 130%;
367
+ --ds-basic-text-heading-lg-breakpoint-lg-font-family: Slate Pro;
368
+ --ds-basic-text-heading-lg-breakpoint-lg-font-size: 36px;
369
+ --ds-basic-text-heading-lg-breakpoint-lg-font-weight: Regular;
370
+ --ds-basic-text-heading-lg-breakpoint-lg-letter-spacing: 0;
371
+ --ds-basic-text-heading-lg-breakpoint-lg-line-height: 130%;
372
+ --ds-basic-text-heading-lg-breakpoint-md-font-family: Slate Pro;
373
+ --ds-basic-text-heading-lg-breakpoint-md-font-size: 32px;
374
+ --ds-basic-text-heading-lg-breakpoint-md-font-weight: Regular;
375
+ --ds-basic-text-heading-lg-breakpoint-md-letter-spacing: 0;
376
+ --ds-basic-text-heading-lg-breakpoint-md-line-height: 130%;
377
+ --ds-basic-text-heading-lg-breakpoint-sm-font-family: Slate Pro;
378
+ --ds-basic-text-heading-lg-breakpoint-sm-font-size: 28px;
379
+ --ds-basic-text-heading-lg-breakpoint-sm-font-weight: Regular;
380
+ --ds-basic-text-heading-lg-breakpoint-sm-letter-spacing: 0;
381
+ --ds-basic-text-heading-lg-breakpoint-sm-line-height: 130%;
382
+ --ds-basic-text-heading-md-breakpoint-lg-font-family: Slate Pro;
383
+ --ds-basic-text-heading-md-breakpoint-lg-font-size: 28px;
384
+ --ds-basic-text-heading-md-breakpoint-lg-font-weight: Medium;
385
+ --ds-basic-text-heading-md-breakpoint-lg-letter-spacing: 0;
386
+ --ds-basic-text-heading-md-breakpoint-lg-line-height: 130%;
387
+ --ds-basic-text-heading-md-breakpoint-md-font-family: Slate Pro;
388
+ --ds-basic-text-heading-md-breakpoint-md-font-size: 28px;
389
+ --ds-basic-text-heading-md-breakpoint-md-font-weight: Medium;
390
+ --ds-basic-text-heading-md-breakpoint-md-letter-spacing: 0;
391
+ --ds-basic-text-heading-md-breakpoint-md-line-height: 130%;
392
+ --ds-basic-text-heading-md-breakpoint-sm-font-family: Slate Pro;
393
+ --ds-basic-text-heading-md-breakpoint-sm-font-size: 26px;
394
+ --ds-basic-text-heading-md-breakpoint-sm-font-weight: Medium;
395
+ --ds-basic-text-heading-md-breakpoint-sm-letter-spacing: 0;
396
+ --ds-basic-text-heading-md-breakpoint-sm-line-height: 130%;
397
+ --ds-basic-text-heading-sm-breakpoint-lg-font-family: Slate Pro;
398
+ --ds-basic-text-heading-sm-breakpoint-lg-font-size: 24px;
399
+ --ds-basic-text-heading-sm-breakpoint-lg-font-weight: Medium;
400
+ --ds-basic-text-heading-sm-breakpoint-lg-letter-spacing: 0;
401
+ --ds-basic-text-heading-sm-breakpoint-lg-line-height: 130%;
402
+ --ds-basic-text-heading-sm-breakpoint-md-font-family: Slate Pro;
403
+ --ds-basic-text-heading-sm-breakpoint-md-font-size: 24px;
404
+ --ds-basic-text-heading-sm-breakpoint-md-font-weight: Medium;
405
+ --ds-basic-text-heading-sm-breakpoint-md-letter-spacing: 0;
406
+ --ds-basic-text-heading-sm-breakpoint-md-line-height: 130%;
407
+ --ds-basic-text-heading-sm-breakpoint-sm-font-family: Slate Pro;
408
+ --ds-basic-text-heading-sm-breakpoint-sm-font-size: 22px;
409
+ --ds-basic-text-heading-sm-breakpoint-sm-font-weight: Medium;
410
+ --ds-basic-text-heading-sm-breakpoint-sm-letter-spacing: 0;
411
+ --ds-basic-text-heading-sm-breakpoint-sm-line-height: 130%;
412
+ --ds-basic-text-heading-xl-breakpoint-lg-font-family: Slate Pro;
413
+ --ds-basic-text-heading-xl-breakpoint-lg-font-size: 40px;
414
+ --ds-basic-text-heading-xl-breakpoint-lg-font-weight: Regular;
415
+ --ds-basic-text-heading-xl-breakpoint-lg-letter-spacing: 0;
416
+ --ds-basic-text-heading-xl-breakpoint-lg-line-height: 130%;
417
+ --ds-basic-text-heading-xl-breakpoint-md-font-family: Slate Pro;
418
+ --ds-basic-text-heading-xl-breakpoint-md-font-size: 36px;
419
+ --ds-basic-text-heading-xl-breakpoint-md-font-weight: Regular;
420
+ --ds-basic-text-heading-xl-breakpoint-md-letter-spacing: 0;
421
+ --ds-basic-text-heading-xl-breakpoint-md-line-height: 130%;
422
+ --ds-basic-text-heading-xl-breakpoint-sm-font-family: Slate Pro;
423
+ --ds-basic-text-heading-xl-breakpoint-sm-font-size: 32px;
424
+ --ds-basic-text-heading-xl-breakpoint-sm-font-weight: Regular;
425
+ --ds-basic-text-heading-xl-breakpoint-sm-letter-spacing: 0;
426
+ --ds-basic-text-heading-xl-breakpoint-sm-line-height: 130%;
427
+ --ds-basic-text-heading-xs-breakpoint-lg-font-family: Slate Pro;
428
+ --ds-basic-text-heading-xs-breakpoint-lg-font-size: 20px;
429
+ --ds-basic-text-heading-xs-breakpoint-lg-font-weight: Medium;
430
+ --ds-basic-text-heading-xs-breakpoint-lg-letter-spacing: 0;
431
+ --ds-basic-text-heading-xs-breakpoint-lg-line-height: 130%;
432
+ --ds-basic-text-heading-xs-breakpoint-md-font-family: Slate Pro;
433
+ --ds-basic-text-heading-xs-breakpoint-md-font-size: 20px;
434
+ --ds-basic-text-heading-xs-breakpoint-md-font-weight: Medium;
435
+ --ds-basic-text-heading-xs-breakpoint-md-letter-spacing: 0;
436
+ --ds-basic-text-heading-xs-breakpoint-md-line-height: 130%;
437
+ --ds-basic-text-heading-xs-breakpoint-sm-font-family: Slate Pro;
438
+ --ds-basic-text-heading-xs-breakpoint-sm-font-size: 20px;
439
+ --ds-basic-text-heading-xs-breakpoint-sm-font-weight: Medium;
440
+ --ds-basic-text-heading-xs-breakpoint-sm-letter-spacing: 0;
441
+ --ds-basic-text-heading-xs-breakpoint-sm-line-height: 130%;
442
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-family: Slate Pro;
443
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-size: 18px;
444
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-weight: Medium;
445
+ --ds-basic-text-heading-xxs-breakpoint-lg-letter-spacing: 0;
446
+ --ds-basic-text-heading-xxs-breakpoint-lg-line-height: 130%;
447
+ --ds-basic-text-heading-xxs-breakpoint-md-font-family: Slate Pro;
448
+ --ds-basic-text-heading-xxs-breakpoint-md-font-size: 18px;
449
+ --ds-basic-text-heading-xxs-breakpoint-md-font-weight: Medium;
450
+ --ds-basic-text-heading-xxs-breakpoint-md-letter-spacing: 0;
451
+ --ds-basic-text-heading-xxs-breakpoint-md-line-height: 130%;
452
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-family: Slate Pro;
453
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-size: 18px;
454
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-weight: Medium;
455
+ --ds-basic-text-heading-xxs-breakpoint-sm-letter-spacing: 0;
456
+ --ds-basic-text-heading-xxs-breakpoint-sm-line-height: 130%;
457
+ --ds-basic-corner-radius-large: 24px;
458
+ --ds-basic-corner-radius-medium: 16px;
459
+ --ds-basic-corner-radius-small: 4px;
135
460
  }