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