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