@baloise/ds-tokens 19.9.5 → 20.0.0-next.4

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.
@@ -0,0 +1,1192 @@
1
+
2
+ // Do not edit directly, this file was auto-generated.
3
+
4
+ $ds-global-color-white: #ffffff;
5
+ $ds-global-color-black: #000000;
6
+ $ds-global-color-neutral: rgba(255, 255, 255, 0);
7
+ $ds-global-color-danger-1: #fce8e6;
8
+ $ds-global-color-danger-2: #f7a299;
9
+ $ds-global-color-danger-3: #f05d4d;
10
+ $ds-global-color-danger-4: #ea1800;
11
+ $ds-global-color-danger-5: #cb1501;
12
+ $ds-global-color-danger-6: #a01100;
13
+ $ds-global-color-warning-1: #fff9e8;
14
+ $ds-global-color-warning-2: #ffe5a3;
15
+ $ds-global-color-warning-3: #ffd25e;
16
+ $ds-global-color-warning-4: #ffbe19;
17
+ $ds-global-color-warning-5: #f99319;
18
+ $ds-global-color-warning-6: #c97612;
19
+ $ds-global-color-success-1: #e8f3ec;
20
+ $ds-global-color-success-2: #a1cfb3;
21
+ $ds-global-color-success-3: #5bab7a;
22
+ $ds-global-color-success-4: #168741;
23
+ $ds-global-color-success-5: #116b34;
24
+ $ds-global-color-success-6: #0b5227;
25
+ $ds-global-color-info-1: #e8f1fb;
26
+ $ds-global-color-info-2: #a4c9ed;
27
+ $ds-global-color-info-3: #60a0e0;
28
+ $ds-global-color-info-4: #1c77d2;
29
+ $ds-global-color-info-5: #155ba3;
30
+ $ds-global-color-info-6: #0e457b;
31
+ $ds-global-color-sky-1: #e5f1fe;
32
+ $ds-global-color-sky-2: #a7d1fa;
33
+ $ds-global-color-sky-3: #56a7f5;
34
+ $ds-global-color-sky-4: #6672cc;
35
+ $ds-global-color-sky-5: #0014aa;
36
+ $ds-global-color-sky-6: #000a55;
37
+ $ds-global-color-grey-1: #fafafa;
38
+ $ds-global-color-grey-2: #f6f6f6;
39
+ $ds-global-color-grey-3: #e8e8e8;
40
+ $ds-global-color-grey-4: #b6b6b6;
41
+ $ds-global-color-grey-5: #747474;
42
+ $ds-global-color-grey-6: #313131;
43
+ $ds-global-color-yellow-1: #fff9e8;
44
+ $ds-global-color-yellow-2: #ffecbc;
45
+ $ds-global-color-yellow-3: #fae052;
46
+ $ds-global-color-yellow-4: #ffbe19;
47
+ $ds-global-color-yellow-5: #fa9319;
48
+ $ds-global-color-yellow-6: #b24a00;
49
+ $ds-global-color-red-1: #ffeef1;
50
+ $ds-global-color-red-2: #ffd7d7;
51
+ $ds-global-color-red-3: #ffaca6;
52
+ $ds-global-color-red-4: #ff596f;
53
+ $ds-global-color-red-5: #d9304c;
54
+ $ds-global-color-red-6: #99172d;
55
+ $ds-global-color-green-1: #e9fbf7;
56
+ $ds-global-color-green-2: #cbf2ec;
57
+ $ds-global-color-green-3: #94e3d4;
58
+ $ds-global-color-green-4: #21d9ac;
59
+ $ds-global-color-green-5: #00b28f;
60
+ $ds-global-color-green-6: #1b5951;
61
+ $ds-global-color-purple-1: #f9f3ff;
62
+ $ds-global-color-purple-2: #e1d9ff;
63
+ $ds-global-color-purple-3: #b8b2ff;
64
+ $ds-global-color-purple-4: #be82fa;
65
+ $ds-global-color-purple-5: #9f52cc;
66
+ $ds-global-color-purple-6: #6c2273;
67
+ $ds-global-color-primary-1: #e5e7f0;
68
+ $ds-global-color-primary-2: #b3b6d4;
69
+ $ds-global-color-primary-3: #656ea8;
70
+ $ds-global-color-primary-4: #293485;
71
+ $ds-global-color-primary-5: #000d6e;
72
+ $ds-global-color-primary-6: #000739;
73
+ $ds-global-elevation-shadow-0: none;
74
+ $ds-global-elevation-shadow-1: 0 2px 5px 1px rgba(0, 7, 57, 0.12);
75
+ $ds-global-elevation-shadow-2: 0 4px 4px 0 rgba(0, 7, 57, 0.15);
76
+ $ds-global-elevation-shadow-3: 0 0 10px 0 rgba(0, 7, 57, 0.15);
77
+ $ds-global-elevation-shadow-4: 0 0 30px 0 rgba(0, 7, 57, 0.15);
78
+ $ds-global-elevation-opacity-0: 0;
79
+ $ds-global-elevation-opacity-30: 0.3;
80
+ $ds-global-elevation-opacity-40: 0.4;
81
+ $ds-global-elevation-opacity-50: 0.5;
82
+ $ds-global-elevation-opacity-60: 0.6;
83
+ $ds-global-elevation-opacity-80: 0.8;
84
+ $ds-global-elevation-opacity-100: 1;
85
+ $ds-global-elevation-z-index-100: 6.25rem;
86
+ $ds-global-elevation-z-index-200: 12.5rem;
87
+ $ds-global-elevation-z-index-300: 18.75rem;
88
+ $ds-global-elevation-z-index-400: 25rem;
89
+ $ds-global-elevation-z-index-1000: 62.5rem;
90
+ $ds-global-elevation-z-index-1100: 68.75rem;
91
+ $ds-global-elevation-z-index-1200: 75rem;
92
+ $ds-global-elevation-z-index-1300: 81.25rem;
93
+ $ds-global-elevation-z-index-behind-all: -62499.9375rem;
94
+ $ds-global-font-shadow-0: none;
95
+ $ds-global-font-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5);
96
+ $ds-global-font-size-0: 0rem;
97
+ $ds-global-font-size-12: 0.75rem;
98
+ $ds-global-font-size-14: 0.875rem;
99
+ $ds-global-font-size-16: 1rem;
100
+ $ds-global-font-size-18: 1.125rem;
101
+ $ds-global-font-size-20: 1.25rem;
102
+ $ds-global-font-size-24: 1.5rem;
103
+ $ds-global-font-size-28: 1.75rem;
104
+ $ds-global-font-size-32: 2rem;
105
+ $ds-global-font-size-40: 2.5rem;
106
+ $ds-global-font-size-48: 3rem;
107
+ $ds-global-font-size-80: 5rem;
108
+ $ds-global-font-size-176: 11rem;
109
+ $ds-global-font-family-heading: "BaloiseCreateHeadline", "Arial", "sans-serif";
110
+ $ds-global-font-family-body: "BaloiseCreateText", "Arial", "sans-serif";
111
+ $ds-global-font-weight-300: 300;
112
+ $ds-global-font-weight-400: 400;
113
+ $ds-global-font-weight-700: 700;
114
+ $ds-global-font-line-height-1: 1;
115
+ $ds-global-font-line-height-2: 1.3;
116
+ $ds-global-font-line-height-3: 1.5;
117
+ $ds-global-font-line-height-4: 2;
118
+ $ds-global-size-border-0: 0rem;
119
+ $ds-global-size-border-1: 0.0625rem;
120
+ $ds-global-size-border-2: 0.125rem;
121
+ $ds-global-size-border-3: 0.25rem;
122
+ $ds-global-size-radius-0: 0rem;
123
+ $ds-global-size-radius-1: 0.25rem;
124
+ $ds-global-size-radius-2: 0.75rem;
125
+ $ds-global-size-radius-3: 9999px;
126
+ $ds-global-size-breakpoint-1: 769px;
127
+ $ds-global-size-breakpoint-2: 1024px;
128
+ $ds-global-size-breakpoint-3: 1280px;
129
+ $ds-global-size-breakpoint-4: 1440px;
130
+ $ds-global-size-breakpoint-5: 1920px;
131
+ $ds-global-size-container-1: 320px;
132
+ $ds-global-size-container-2: 480px;
133
+ $ds-global-size-container-3: 640px;
134
+ $ds-global-size-container-4: 896px;
135
+ $ds-global-size-container-5: 1496px;
136
+ $ds-global-size-container-full: 100%;
137
+ $ds-global-size-space-0: 0rem;
138
+ $ds-global-size-space-1: 0.0625rem;
139
+ $ds-global-size-space-2: 0.125rem;
140
+ $ds-global-size-space-4: 0.25rem;
141
+ $ds-global-size-space-8: 0.5rem;
142
+ $ds-global-size-space-12: 0.75rem;
143
+ $ds-global-size-space-14: 0.875rem;
144
+ $ds-global-size-space-16: 1rem;
145
+ $ds-global-size-space-20: 1.25rem;
146
+ $ds-global-size-space-24: 1.5rem;
147
+ $ds-global-size-space-32: 2rem;
148
+ $ds-global-size-space-40: 2.5rem;
149
+ $ds-global-size-space-48: 3rem;
150
+ $ds-global-size-space-56: 3.5rem;
151
+ $ds-global-size-space-64: 4rem;
152
+ $ds-global-size-space-72: 4.5rem;
153
+ $ds-global-size-space-96: 6rem;
154
+ $ds-global-size-space-128: 8rem;
155
+ $ds-global-size-space-auto: auto;
156
+ $ds-alias-interaction-focus-size-inner: 2;
157
+ $ds-alias-interaction-focus-size-outer: 5;
158
+ $ds-alias-interaction-focus-size-inner-inset: 3;
159
+ $ds-alias-interaction-focus-size-outer-inset: 5;
160
+ $ds-heading-color-base: inherit;
161
+ $ds-card-color-base-text: inherit;
162
+ $ds-card-color-white-text: inherit;
163
+ $ds-card-color-info-text: inherit;
164
+ $ds-card-color-success-text: inherit;
165
+ $ds-card-color-warning-text: inherit;
166
+ $ds-card-color-danger-text: inherit;
167
+ $ds-card-color-grey-light-text: inherit;
168
+ $ds-card-color-grey-text: inherit;
169
+ $ds-card-color-red-lighter-text: inherit;
170
+ $ds-card-color-red-light-text: inherit;
171
+ $ds-card-color-red-text: inherit;
172
+ $ds-card-color-purple-lighter-text: inherit;
173
+ $ds-card-color-purple-light-text: inherit;
174
+ $ds-card-color-purple-text: inherit;
175
+ $ds-card-color-green-lighter-text: inherit;
176
+ $ds-card-color-green-light-text: inherit;
177
+ $ds-card-color-green-text: inherit;
178
+ $ds-card-color-yellow-lighter-text: inherit;
179
+ $ds-card-color-yellow-light-text: inherit;
180
+ $ds-card-color-yellow-text: inherit;
181
+ $ds-close-color-background-hover: rgba(0, 7, 57, 0.1);
182
+ $ds-close-color-background-active: rgba(0, 7, 57, 0.3);
183
+ $ds-close-color-background-inverted-hover: rgba(255, 255, 255, 0.3);
184
+ $ds-close-color-background-inverted-active: rgba(255, 255, 255, 0.5);
185
+ $ds-notification-color-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
186
+ $ds-notification-color-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
187
+ $ds-notification-color-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
188
+ $ds-notification-color-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
189
+ $ds-notification-color-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
190
+ $ds-notification-color-outline-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
191
+ $ds-notification-color-outline-purple-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
192
+ $ds-notification-color-outline-green-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
193
+ $ds-notification-color-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
194
+ $ds-notification-color-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
195
+ $ds-link-family: inherit;
196
+ $ds-segment-item-icon-gap: 0.375rem;
197
+ $ds-pagination-gap-mobile: 0.25rem;
198
+ $ds-pagination-gap-tablet: 0.5rem;
199
+ $ds-pagination-gap-desktop: 0.5rem;
200
+ $ds-progress-bar-height: 0.25rem;
201
+ $ds-accordion-summary-color-base: inherit;
202
+ $ds-alias-background-color-white: $ds-global-color-white;
203
+ $ds-alias-background-color-transparent: $ds-global-color-neutral;
204
+ $ds-alias-background-color-sky-light: $ds-global-color-sky-1;
205
+ $ds-alias-background-color-sky: $ds-global-color-sky-2;
206
+ $ds-alias-background-color-sky-dark: $ds-global-color-sky-3;
207
+ $ds-alias-background-color-disabled: $ds-global-color-grey-3;
208
+ $ds-alias-background-color-info: $ds-global-color-info-3;
209
+ $ds-alias-background-color-info-light: $ds-global-color-info-2;
210
+ $ds-alias-background-color-info-dark: $ds-global-color-info-4;
211
+ $ds-alias-background-color-info-darker: $ds-global-color-info-5;
212
+ $ds-alias-background-color-info-darkest: $ds-global-color-info-6;
213
+ $ds-alias-background-color-success: $ds-global-color-success-3;
214
+ $ds-alias-background-color-success-lighter: $ds-global-color-success-1;
215
+ $ds-alias-background-color-success-light: $ds-global-color-success-2;
216
+ $ds-alias-background-color-success-dark: $ds-global-color-success-4;
217
+ $ds-alias-background-color-success-darker: $ds-global-color-success-5;
218
+ $ds-alias-background-color-success-darkest: $ds-global-color-success-6;
219
+ $ds-alias-background-color-warning-lighter: $ds-global-color-warning-1;
220
+ $ds-alias-background-color-warning-light: $ds-global-color-warning-2;
221
+ $ds-alias-background-color-warning: $ds-global-color-warning-3;
222
+ $ds-alias-background-color-warning-dark: $ds-global-color-warning-4;
223
+ $ds-alias-background-color-warning-darker: $ds-global-color-warning-5;
224
+ $ds-alias-background-color-warning-darkest: $ds-global-color-warning-6;
225
+ $ds-alias-background-color-danger-lighter: $ds-global-color-danger-1;
226
+ $ds-alias-background-color-danger-light: $ds-global-color-danger-2;
227
+ $ds-alias-background-color-danger: $ds-global-color-danger-3;
228
+ $ds-alias-background-color-danger-dark: $ds-global-color-danger-4;
229
+ $ds-alias-background-color-danger-darker: $ds-global-color-danger-5;
230
+ $ds-alias-background-color-danger-darkest: $ds-global-color-danger-6;
231
+ $ds-alias-background-color-grey-lighter: $ds-global-color-grey-1;
232
+ $ds-alias-background-color-grey-light: $ds-global-color-grey-2;
233
+ $ds-alias-background-color-grey: $ds-global-color-grey-3;
234
+ $ds-alias-background-color-grey-dark: $ds-global-color-grey-4;
235
+ $ds-alias-background-color-primary-light: $ds-global-color-primary-3;
236
+ $ds-alias-background-color-primary: $ds-global-color-primary-5;
237
+ $ds-alias-background-color-primary-hover: $ds-global-color-sky-5;
238
+ $ds-alias-background-color-primary-active: $ds-global-color-primary-6;
239
+ $ds-alias-background-color-green-lighter: $ds-global-color-green-1;
240
+ $ds-alias-background-color-green-light: $ds-global-color-green-2;
241
+ $ds-alias-background-color-green: $ds-global-color-green-3;
242
+ $ds-alias-background-color-purple-lighter: $ds-global-color-purple-1;
243
+ $ds-alias-background-color-purple-light: $ds-global-color-purple-2;
244
+ $ds-alias-background-color-purple: $ds-global-color-purple-3;
245
+ $ds-alias-background-color-red-lighter: $ds-global-color-red-1;
246
+ $ds-alias-background-color-red-light: $ds-global-color-red-2;
247
+ $ds-alias-background-color-red: $ds-global-color-red-3;
248
+ $ds-alias-background-color-yellow-lighter: $ds-global-color-yellow-1;
249
+ $ds-alias-background-color-yellow-light: $ds-global-color-yellow-2;
250
+ $ds-alias-background-color-yellow: $ds-global-color-yellow-3;
251
+ $ds-alias-border-color-white: $ds-global-color-white;
252
+ $ds-alias-border-color-base: $ds-global-color-grey-3;
253
+ $ds-alias-border-color-inverted: $ds-global-color-white;
254
+ $ds-alias-border-color-disabled: $ds-global-color-grey-4;
255
+ $ds-alias-border-color-disabled-inverted: $ds-global-color-primary-3;
256
+ $ds-alias-border-color-grey-light: $ds-global-color-grey-2;
257
+ $ds-alias-border-color-grey: $ds-global-color-grey-3;
258
+ $ds-alias-border-color-grey-dark: $ds-global-color-grey-4;
259
+ $ds-alias-border-color-primary-light: $ds-global-color-primary-3;
260
+ $ds-alias-border-color-primary: $ds-global-color-primary-5;
261
+ $ds-alias-border-color-primary-hover: $ds-global-color-sky-5;
262
+ $ds-alias-border-color-primary-active: $ds-global-color-primary-6;
263
+ $ds-alias-border-color-inverted-primary: $ds-global-color-primary-4;
264
+ $ds-alias-border-color-inverted-primary-hover: $ds-global-color-sky-2;
265
+ $ds-alias-border-color-inverted-primary-active: $ds-global-color-sky-4;
266
+ $ds-alias-border-color-info: $ds-global-color-info-4;
267
+ $ds-alias-border-color-info-hover: $ds-global-color-info-5;
268
+ $ds-alias-border-color-info-active: $ds-global-color-info-6;
269
+ $ds-alias-border-color-success: $ds-global-color-success-4;
270
+ $ds-alias-border-color-success-hover: $ds-global-color-success-5;
271
+ $ds-alias-border-color-success-active: $ds-global-color-success-6;
272
+ $ds-alias-border-color-warning: $ds-global-color-warning-4;
273
+ $ds-alias-border-color-warning-hover: $ds-global-color-warning-5;
274
+ $ds-alias-border-color-warning-active: $ds-global-color-warning-6;
275
+ $ds-alias-border-color-danger: $ds-global-color-danger-4;
276
+ $ds-alias-border-color-danger-hover: $ds-global-color-danger-5;
277
+ $ds-alias-border-color-danger-active: $ds-global-color-danger-6;
278
+ $ds-alias-border-color-green: $ds-global-color-green-4;
279
+ $ds-alias-border-color-green-hover: $ds-global-color-green-5;
280
+ $ds-alias-border-color-green-active: $ds-global-color-green-6;
281
+ $ds-alias-border-color-purple: $ds-global-color-purple-4;
282
+ $ds-alias-border-color-purple-hover: $ds-global-color-purple-5;
283
+ $ds-alias-border-color-purple-active: $ds-global-color-purple-6;
284
+ $ds-alias-border-color-red: $ds-global-color-red-4;
285
+ $ds-alias-border-color-red-hover: $ds-global-color-red-5;
286
+ $ds-alias-border-color-red-active: $ds-global-color-red-6;
287
+ $ds-alias-border-color-yellow: $ds-global-color-yellow-4;
288
+ $ds-alias-border-color-yellow-hover: $ds-global-color-yellow-5;
289
+ $ds-alias-border-color-yellow-active: $ds-global-color-yellow-6;
290
+ $ds-alias-border-width-none: $ds-global-size-border-0;
291
+ $ds-alias-border-width-base: $ds-global-size-border-2;
292
+ $ds-alias-border-width-md: $ds-global-size-border-3;
293
+ $ds-alias-breakpoint-tablet: $ds-global-size-breakpoint-1;
294
+ $ds-alias-breakpoint-desktop: $ds-global-size-breakpoint-2;
295
+ $ds-alias-breakpoint-desktop-lg: $ds-global-size-breakpoint-3; // HighDefinition
296
+ $ds-alias-breakpoint-desktop-xl: $ds-global-size-breakpoint-4; // Widescreen
297
+ $ds-alias-breakpoint-desktop-2xl: $ds-global-size-breakpoint-5; // FullHD
298
+ $ds-alias-container-space-mobile: $ds-global-size-space-16;
299
+ $ds-alias-container-space-tablet: $ds-global-size-space-40;
300
+ $ds-alias-container-space-desktop: $ds-global-size-space-48;
301
+ $ds-alias-container-width-modal: $ds-global-size-container-3;
302
+ $ds-alias-container-width-compact: $ds-global-size-container-4;
303
+ $ds-alias-container-width-base: $ds-global-size-container-5;
304
+ $ds-alias-container-width-fluid: $ds-global-size-container-full;
305
+ $ds-alias-interaction-focus-color-base: $ds-global-color-purple-6;
306
+ $ds-alias-interaction-focus-color-inverted: $ds-global-color-yellow-3;
307
+ $ds-alias-opacity-hidden: $ds-global-elevation-opacity-0;
308
+ $ds-alias-opacity-half: $ds-global-elevation-opacity-50;
309
+ $ds-alias-opacity-disabled: $ds-global-elevation-opacity-60;
310
+ $ds-alias-opacity-backdrop: $ds-global-elevation-opacity-80;
311
+ $ds-alias-opacity-full: $ds-global-elevation-opacity-100;
312
+ $ds-alias-radius-none: $ds-global-size-radius-0;
313
+ $ds-alias-radius-base: $ds-global-size-radius-1;
314
+ $ds-alias-radius-lg: $ds-global-size-radius-2;
315
+ $ds-alias-radius-rounded: $ds-global-size-radius-3;
316
+ $ds-alias-space-none-mobile: $ds-global-size-space-0;
317
+ $ds-alias-space-none-tablet: $ds-global-size-space-0;
318
+ $ds-alias-space-none-desktop: $ds-global-size-space-0;
319
+ $ds-alias-space-auto-mobile: $ds-global-size-space-auto;
320
+ $ds-alias-space-auto-tablet: $ds-global-size-space-auto;
321
+ $ds-alias-space-auto-desktop: $ds-global-size-space-auto;
322
+ $ds-alias-space-2xs-mobile: $ds-global-size-space-4;
323
+ $ds-alias-space-2xs-tablet: $ds-global-size-space-4;
324
+ $ds-alias-space-2xs-desktop: $ds-global-size-space-4;
325
+ $ds-alias-space-xs-mobile: $ds-global-size-space-8;
326
+ $ds-alias-space-xs-tablet: $ds-global-size-space-8;
327
+ $ds-alias-space-xs-desktop: $ds-global-size-space-8;
328
+ $ds-alias-space-sm-mobile: $ds-global-size-space-12;
329
+ $ds-alias-space-sm-tablet: $ds-global-size-space-12;
330
+ $ds-alias-space-sm-desktop: $ds-global-size-space-12;
331
+ $ds-alias-space-base-mobile: $ds-global-size-space-16;
332
+ $ds-alias-space-base-tablet: $ds-global-size-space-16;
333
+ $ds-alias-space-base-desktop: $ds-global-size-space-16;
334
+ $ds-alias-space-md-mobile: $ds-global-size-space-20;
335
+ $ds-alias-space-md-tablet: $ds-global-size-space-20;
336
+ $ds-alias-space-md-desktop: $ds-global-size-space-24;
337
+ $ds-alias-space-lg-mobile: $ds-global-size-space-24;
338
+ $ds-alias-space-lg-tablet: $ds-global-size-space-24;
339
+ $ds-alias-space-lg-desktop: $ds-global-size-space-32;
340
+ $ds-alias-space-xl-mobile: $ds-global-size-space-32;
341
+ $ds-alias-space-xl-tablet: $ds-global-size-space-40;
342
+ $ds-alias-space-xl-desktop: $ds-global-size-space-48;
343
+ $ds-alias-space-2xl-mobile: $ds-global-size-space-48;
344
+ $ds-alias-space-2xl-tablet: $ds-global-size-space-56;
345
+ $ds-alias-space-2xl-desktop: $ds-global-size-space-64;
346
+ $ds-alias-space-3xl-mobile: $ds-global-size-space-56;
347
+ $ds-alias-space-3xl-tablet: $ds-global-size-space-72;
348
+ $ds-alias-space-3xl-desktop: $ds-global-size-space-96;
349
+ $ds-alias-space-4xl-mobile: $ds-global-size-space-64;
350
+ $ds-alias-space-4xl-tablet: $ds-global-size-space-96;
351
+ $ds-alias-space-4xl-desktop: $ds-global-size-space-128;
352
+ $ds-alias-text-shadow: $ds-global-font-shadow-1;
353
+ $ds-alias-text-size-none-mobile: $ds-global-font-size-0;
354
+ $ds-alias-text-size-none-tablet: $ds-global-font-size-0;
355
+ $ds-alias-text-size-none-desktop: $ds-global-font-size-0;
356
+ $ds-alias-text-size-xs-mobile: $ds-global-font-size-12;
357
+ $ds-alias-text-size-xs-tablet: $ds-global-font-size-12;
358
+ $ds-alias-text-size-xs-desktop: $ds-global-font-size-12;
359
+ $ds-alias-text-size-sm-mobile: $ds-global-font-size-14;
360
+ $ds-alias-text-size-sm-tablet: $ds-global-font-size-14;
361
+ $ds-alias-text-size-sm-desktop: $ds-global-font-size-14;
362
+ $ds-alias-text-size-base-mobile: $ds-global-font-size-16;
363
+ $ds-alias-text-size-base-tablet: $ds-global-font-size-16;
364
+ $ds-alias-text-size-base-desktop: $ds-global-font-size-16;
365
+ $ds-alias-text-size-md-mobile: $ds-global-font-size-16;
366
+ $ds-alias-text-size-md-tablet: $ds-global-font-size-18;
367
+ $ds-alias-text-size-md-desktop: $ds-global-font-size-18;
368
+ $ds-alias-text-size-lg-mobile: $ds-global-font-size-18;
369
+ $ds-alias-text-size-lg-tablet: $ds-global-font-size-18;
370
+ $ds-alias-text-size-lg-desktop: $ds-global-font-size-18;
371
+ $ds-alias-text-size-xl-mobile: $ds-global-font-size-20;
372
+ $ds-alias-text-size-xl-tablet: $ds-global-font-size-24;
373
+ $ds-alias-text-size-xl-desktop: $ds-global-font-size-24;
374
+ $ds-alias-text-size-2xl-mobile: $ds-global-font-size-24;
375
+ $ds-alias-text-size-2xl-tablet: $ds-global-font-size-32;
376
+ $ds-alias-text-size-2xl-desktop: $ds-global-font-size-32;
377
+ $ds-alias-text-size-3xl-mobile: $ds-global-font-size-28;
378
+ $ds-alias-text-size-3xl-tablet: $ds-global-font-size-40;
379
+ $ds-alias-text-size-3xl-desktop: $ds-global-font-size-40;
380
+ $ds-alias-text-size-4xl-mobile: $ds-global-font-size-32;
381
+ $ds-alias-text-size-4xl-tablet: $ds-global-font-size-48;
382
+ $ds-alias-text-size-4xl-desktop: $ds-global-font-size-48;
383
+ $ds-alias-text-size-5xl-mobile: $ds-global-font-size-48;
384
+ $ds-alias-text-size-5xl-tablet: $ds-global-font-size-80;
385
+ $ds-alias-text-size-5xl-desktop: $ds-global-font-size-80;
386
+ $ds-alias-text-family-heading: $ds-global-font-family-heading;
387
+ $ds-alias-text-family-body: $ds-global-font-family-body;
388
+ $ds-alias-text-line-height-single: $ds-global-font-line-height-1;
389
+ $ds-alias-text-line-height-heading: $ds-global-font-line-height-2;
390
+ $ds-alias-text-line-height-body: $ds-global-font-line-height-3;
391
+ $ds-alias-text-line-height-double: $ds-global-font-line-height-4;
392
+ $ds-alias-text-weight-light: $ds-global-font-weight-300;
393
+ $ds-alias-text-weight-regular: $ds-global-font-weight-400;
394
+ $ds-alias-text-weight-bold: $ds-global-font-weight-700;
395
+ $ds-alias-text-color-white: $ds-global-color-white;
396
+ $ds-alias-text-color-primary-light: $ds-global-color-primary-3;
397
+ $ds-alias-text-color-placeholder: $ds-global-color-primary-2;
398
+ $ds-alias-text-color-disabled: $ds-global-color-grey-5;
399
+ $ds-alias-text-color-info: $ds-global-color-info-4;
400
+ $ds-alias-text-color-warning: $ds-global-color-yellow-6;
401
+ $ds-alias-text-color-success: $ds-global-color-success-4;
402
+ $ds-alias-text-color-danger: $ds-global-color-danger-4;
403
+ $ds-alias-text-color-danger-hover: $ds-global-color-danger-5;
404
+ $ds-alias-text-color-danger-active: $ds-global-color-danger-6;
405
+ $ds-alias-text-color-primary: $ds-global-color-primary-5;
406
+ $ds-alias-text-color-primary-hover: $ds-global-color-sky-5;
407
+ $ds-alias-text-color-primary-active: $ds-global-color-primary-6;
408
+ $ds-alias-text-color-inverted-primary-hover: $ds-global-color-sky-2;
409
+ $ds-alias-text-color-inverted-primary-active: $ds-global-color-info-3;
410
+ $ds-alias-text-color-grey-light: $ds-global-color-grey-4;
411
+ $ds-alias-text-color-grey: $ds-global-color-grey-5;
412
+ $ds-alias-text-color-grey-dark: $ds-global-color-grey-6;
413
+ $ds-alias-shadow-text: $ds-global-font-shadow-1;
414
+ $ds-alias-shadow-box-none: $ds-global-elevation-shadow-0;
415
+ $ds-alias-shadow-box-header: $ds-global-elevation-shadow-2;
416
+ $ds-alias-shadow-box-base: $ds-global-elevation-shadow-3;
417
+ $ds-alias-shadow-box-elevated: $ds-global-elevation-shadow-4;
418
+ $ds-alias-z-index-deep: $ds-global-elevation-z-index-behind-all;
419
+ $ds-alias-z-index-masked: $ds-global-elevation-z-index-100;
420
+ $ds-alias-z-index-mask: $ds-global-elevation-z-index-200;
421
+ $ds-alias-z-index-sticky: $ds-global-elevation-z-index-300;
422
+ $ds-alias-z-index-navigation: $ds-global-elevation-z-index-400;
423
+ $ds-alias-z-index-popup: $ds-global-elevation-z-index-1000;
424
+ $ds-alias-z-index-modal: $ds-global-elevation-z-index-1100;
425
+ $ds-alias-z-index-toast: $ds-global-elevation-z-index-1200;
426
+ $ds-alias-z-index-tooltip: $ds-global-elevation-z-index-1300;
427
+ $ds-heading-shadow: $ds-global-font-shadow-1;
428
+ $ds-icon-tile-size-base-mobile: $ds-global-size-space-32;
429
+ $ds-icon-tile-size-base-tablet: $ds-global-size-space-48;
430
+ $ds-icon-tile-size-lg-mobile: $ds-global-size-space-48;
431
+ $ds-icon-tile-size-lg-tablet: $ds-global-size-space-64;
432
+ $ds-icon-tile-size-xl-mobile: $ds-global-size-space-64;
433
+ $ds-icon-tile-size-xl-tablet: $ds-global-size-space-96;
434
+ $ds-icon-size-xs: $ds-global-font-size-12;
435
+ $ds-icon-size-sm: $ds-global-font-size-14;
436
+ $ds-icon-size-base: $ds-global-font-size-16;
437
+ $ds-icon-size-md: $ds-global-font-size-24;
438
+ $ds-icon-size-lg: $ds-global-font-size-32;
439
+ $ds-icon-size-xl: $ds-global-font-size-40;
440
+ $ds-icon-size-2xl: $ds-global-font-size-80;
441
+ $ds-icon-size-3xl: $ds-global-font-size-176;
442
+ $ds-input-control-color-placeholder-success: $ds-global-color-success-2;
443
+ $ds-input-control-color-placeholder-warning: $ds-global-color-warning-4;
444
+ $ds-input-control-color-placeholder-danger: $ds-global-color-danger-2;
445
+ $ds-notification-color-outline-base-border: $ds-global-color-primary-2;
446
+ $ds-snackbar-default-color-progress-bar-base: $ds-global-color-primary-5;
447
+ $ds-snackbar-default-color-progress-bg-base: $ds-global-color-primary-2;
448
+ $ds-snackbar-success-color-progress-bar-base: $ds-global-color-success-6;
449
+ $ds-snackbar-success-color-progress-bg-base: $ds-global-color-success-3;
450
+ $ds-snackbar-info-color-progress-bar-base: $ds-global-color-info-6;
451
+ $ds-snackbar-info-color-progress-bg-base: $ds-global-color-info-3;
452
+ $ds-snackbar-warning-color-progress-bar-base: $ds-global-color-warning-6;
453
+ $ds-snackbar-warning-color-progress-bg-base: $ds-global-color-warning-3;
454
+ $ds-snackbar-danger-color-progress-bar-base: $ds-global-color-danger-6;
455
+ $ds-snackbar-danger-color-progress-bg-base: $ds-global-color-danger-3;
456
+ $ds-toast-default-color-progress-bar-base: $ds-global-color-primary-5;
457
+ $ds-toast-default-color-progress-bg-base: $ds-global-color-primary-2;
458
+ $ds-toast-success-color-progress-bar-base: $ds-global-color-success-6;
459
+ $ds-toast-success-color-progress-bg-base: $ds-global-color-success-3;
460
+ $ds-toast-info-color-progress-bar-base: $ds-global-color-info-6;
461
+ $ds-toast-info-color-progress-bg-base: $ds-global-color-info-3;
462
+ $ds-toast-warning-color-progress-bar-base: $ds-global-color-warning-6;
463
+ $ds-toast-warning-color-progress-bg-base: $ds-global-color-warning-3;
464
+ $ds-toast-danger-color-progress-bar-base: $ds-global-color-danger-6;
465
+ $ds-toast-danger-color-progress-bg-base: $ds-global-color-danger-3;
466
+ $ds-tag-purple-dark-color-bg-base: $ds-global-color-purple-6;
467
+ $ds-tag-red-dark-color-bg-base: $ds-global-color-red-6;
468
+ $ds-tag-green-dark-color-bg-base: $ds-global-color-green-6;
469
+ $ds-tag-yellow-dark-color-bg-base: $ds-global-color-yellow-6;
470
+ $ds-segment-item-height: $ds-global-size-space-40;
471
+ $ds-segment-item-unselected-color-base: $ds-global-color-primary-4;
472
+ $ds-segment-item-selected-color-base: $ds-global-color-primary-4;
473
+ $ds-pagination-dots-inactive-color: $ds-global-color-white;
474
+ $ds-progress-bar-background-purple: $ds-global-color-purple-2;
475
+ $ds-progress-bar-background-yellow: $ds-global-color-yellow-2;
476
+ $ds-progress-bar-background-red: $ds-global-color-red-2;
477
+ $ds-progress-bar-background-green: $ds-global-color-green-2;
478
+ $ds-progress-bar-line-color-purple: $ds-global-color-purple-6;
479
+ $ds-progress-bar-line-color-yellow: $ds-global-color-yellow-6;
480
+ $ds-progress-bar-line-color-red: $ds-global-color-red-6;
481
+ $ds-progress-bar-line-color-green: $ds-global-color-green-6;
482
+ $ds-alias-interaction-focus-color-border: $ds-alias-background-color-white;
483
+ $ds-alias-interaction-focus-color-end: $ds-alias-interaction-focus-color-base;
484
+ $ds-alias-interaction-focus-color-inverted-end: $ds-alias-interaction-focus-color-inverted;
485
+ $ds-alias-text-color-hint: $ds-alias-text-color-primary-light;
486
+ $ds-alias-text-color-inverted-disabled: $ds-alias-text-color-primary-light;
487
+ $ds-alias-text-color-inverted-primary: $ds-alias-text-color-white;
488
+ $ds-heading-1-space: $ds-alias-space-xs-mobile;
489
+ $ds-heading-1-size-mobile: $ds-alias-text-size-3xl-mobile;
490
+ $ds-heading-1-size-tablet: $ds-alias-text-size-3xl-tablet;
491
+ $ds-heading-1-size-desktop: $ds-alias-text-size-3xl-desktop;
492
+ $ds-heading-2-space: $ds-alias-space-xs-mobile;
493
+ $ds-heading-2-size-mobile: $ds-alias-text-size-2xl-mobile;
494
+ $ds-heading-2-size-tablet: $ds-alias-text-size-2xl-tablet;
495
+ $ds-heading-2-size-desktop: $ds-alias-text-size-2xl-desktop;
496
+ $ds-heading-3-space: $ds-alias-space-xs-mobile;
497
+ $ds-heading-3-size-mobile: $ds-alias-text-size-xl-mobile;
498
+ $ds-heading-3-size-tablet: $ds-alias-text-size-xl-tablet;
499
+ $ds-heading-3-size-desktop: $ds-alias-text-size-xl-desktop;
500
+ $ds-heading-4-space: $ds-alias-space-xs-mobile;
501
+ $ds-heading-4-size-mobile: $ds-alias-text-size-lg-mobile;
502
+ $ds-heading-4-size-tablet: $ds-alias-text-size-lg-tablet;
503
+ $ds-heading-4-size-desktop: $ds-alias-text-size-lg-desktop;
504
+ $ds-heading-5-space: $ds-alias-space-xs-mobile;
505
+ $ds-heading-5-size-mobile: $ds-alias-text-size-base-mobile;
506
+ $ds-heading-5-size-tablet: $ds-alias-text-size-base-tablet;
507
+ $ds-heading-5-size-desktop: $ds-alias-text-size-base-desktop;
508
+ $ds-heading-family: $ds-alias-text-family-heading;
509
+ $ds-heading-weight: $ds-alias-text-weight-bold;
510
+ $ds-heading-line-height: $ds-alias-text-line-height-heading;
511
+ $ds-heading-color-primary: $ds-alias-text-color-primary;
512
+ $ds-heading-color-white: $ds-alias-text-color-white;
513
+ $ds-heading-color-info: $ds-alias-text-color-info;
514
+ $ds-heading-color-success: $ds-alias-text-color-success;
515
+ $ds-heading-color-warning: $ds-alias-text-color-warning;
516
+ $ds-heading-color-danger: $ds-alias-text-color-danger;
517
+ $ds-heading-display1-space: $ds-alias-space-base-mobile;
518
+ $ds-heading-display1-size-mobile: $ds-alias-text-size-5xl-mobile;
519
+ $ds-heading-display1-size-tablet: $ds-alias-text-size-5xl-tablet;
520
+ $ds-heading-display1-size-desktop: $ds-alias-text-size-5xl-desktop;
521
+ $ds-heading-display2-space: $ds-alias-space-base-mobile;
522
+ $ds-heading-display2-size-mobile: $ds-alias-text-size-4xl-mobile;
523
+ $ds-heading-display2-size-tablet: $ds-alias-text-size-4xl-tablet;
524
+ $ds-heading-display2-size-desktop: $ds-alias-text-size-4xl-desktop;
525
+ $ds-heading-subtitle-family: $ds-alias-text-family-heading;
526
+ $ds-heading-subtitle-line-height: $ds-alias-text-line-height-heading;
527
+ $ds-heading-subtitle-weight: $ds-alias-text-weight-light;
528
+ $ds-badge-text-family: $ds-alias-text-family-heading;
529
+ $ds-badge-text-weight: $ds-alias-text-weight-bold;
530
+ $ds-badge-text-size-sm: $ds-alias-text-size-none-mobile;
531
+ $ds-badge-text-size-base: $ds-alias-text-size-xs-mobile;
532
+ $ds-badge-text-size-lg: $ds-alias-text-size-base-mobile;
533
+ $ds-badge-size-sm: $ds-alias-space-sm-mobile;
534
+ $ds-badge-size-base: $ds-alias-space-lg-mobile;
535
+ $ds-badge-size-lg: $ds-alias-space-xl-mobile;
536
+ $ds-badge-color-base-text: $ds-alias-text-color-primary;
537
+ $ds-badge-color-base-background: $ds-alias-background-color-red;
538
+ $ds-badge-color-info-text: $ds-alias-text-color-primary;
539
+ $ds-badge-color-info-background: $ds-alias-background-color-purple;
540
+ $ds-badge-color-success-text: $ds-alias-text-color-primary;
541
+ $ds-badge-color-success-background: $ds-alias-background-color-green;
542
+ $ds-badge-color-warning-text: $ds-alias-text-color-primary;
543
+ $ds-badge-color-warning-background: $ds-alias-background-color-yellow-light;
544
+ $ds-badge-color-danger-text: $ds-alias-text-color-primary;
545
+ $ds-badge-color-danger-background: $ds-alias-background-color-red;
546
+ $ds-badge-color-red-text: $ds-alias-text-color-primary;
547
+ $ds-badge-color-red-background: $ds-alias-background-color-red-light;
548
+ $ds-badge-color-purple-text: $ds-alias-text-color-primary;
549
+ $ds-badge-color-purple-background: $ds-alias-background-color-purple-light;
550
+ $ds-badge-color-green-text: $ds-alias-text-color-primary;
551
+ $ds-badge-color-green-background: $ds-alias-background-color-green-light;
552
+ $ds-badge-color-yellow-text: $ds-alias-text-color-primary;
553
+ $ds-badge-color-yellow-background: $ds-alias-background-color-yellow-lighter;
554
+ $ds-badge-color-grey-text: $ds-alias-text-color-grey-dark;
555
+ $ds-badge-color-grey-background: $ds-alias-background-color-grey;
556
+ $ds-button-family: $ds-alias-text-family-heading;
557
+ $ds-button-weight: $ds-alias-text-weight-bold;
558
+ $ds-button-line-height: $ds-alias-text-line-height-heading;
559
+ $ds-button-size-sm: $ds-alias-text-size-sm-mobile;
560
+ $ds-button-size-base: $ds-alias-text-size-base-mobile;
561
+ $ds-button-size-lg: $ds-alias-text-size-lg-mobile;
562
+ $ds-button-size-xl: $ds-alias-text-size-2xl-mobile;
563
+ $ds-button-radius-base: $ds-alias-radius-base;
564
+ $ds-button-radius-rounded: $ds-alias-radius-rounded;
565
+ $ds-button-color-primary-base-text: $ds-alias-text-color-white;
566
+ $ds-button-color-primary-base-background: $ds-alias-background-color-primary;
567
+ $ds-button-color-primary-base-border: $ds-alias-border-color-primary;
568
+ $ds-button-color-primary-hover-text: $ds-alias-text-color-white;
569
+ $ds-button-color-primary-hover-background: $ds-alias-background-color-primary-hover;
570
+ $ds-button-color-primary-hover-border: $ds-alias-border-color-primary-hover;
571
+ $ds-button-color-primary-active-text: $ds-alias-text-color-white;
572
+ $ds-button-color-primary-active-background: $ds-alias-background-color-primary-active;
573
+ $ds-button-color-primary-active-border: $ds-alias-border-color-primary-active;
574
+ $ds-button-color-secondary-base-text: $ds-alias-background-color-primary;
575
+ $ds-button-color-secondary-base-background: $ds-alias-background-color-transparent;
576
+ $ds-button-color-secondary-base-border: $ds-alias-border-color-primary;
577
+ $ds-button-color-secondary-hover-text: $ds-alias-text-color-primary-hover;
578
+ $ds-button-color-secondary-hover-background: $ds-alias-background-color-sky-light;
579
+ $ds-button-color-secondary-hover-border: $ds-alias-border-color-primary-hover;
580
+ $ds-button-color-secondary-active-text: $ds-alias-text-color-primary-active;
581
+ $ds-button-color-secondary-active-background: $ds-alias-background-color-sky-light;
582
+ $ds-button-color-secondary-active-border: $ds-alias-border-color-primary-active;
583
+ $ds-button-color-tertiary-base-text: $ds-alias-background-color-primary;
584
+ $ds-button-color-tertiary-base-background: $ds-alias-background-color-transparent;
585
+ $ds-button-color-tertiary-base-border: $ds-alias-background-color-transparent;
586
+ $ds-button-color-tertiary-hover-text: $ds-alias-text-color-primary-hover;
587
+ $ds-button-color-tertiary-hover-background: $ds-alias-background-color-sky-light;
588
+ $ds-button-color-tertiary-hover-border: $ds-alias-background-color-sky-light;
589
+ $ds-button-color-tertiary-active-text: $ds-alias-text-color-primary-active;
590
+ $ds-button-color-tertiary-active-background: $ds-alias-background-color-sky-light;
591
+ $ds-button-color-tertiary-active-border: $ds-alias-background-color-sky-light;
592
+ $ds-button-color-tertiary-purple-base-text: $ds-alias-background-color-primary;
593
+ $ds-button-color-tertiary-purple-base-background: $ds-alias-background-color-purple-lighter;
594
+ $ds-button-color-tertiary-purple-base-border: $ds-alias-background-color-purple-lighter;
595
+ $ds-button-color-tertiary-purple-hover-text: $ds-alias-text-color-primary;
596
+ $ds-button-color-tertiary-purple-hover-background: $ds-alias-background-color-purple-lighter;
597
+ $ds-button-color-tertiary-purple-hover-border: $ds-alias-border-color-purple-hover;
598
+ $ds-button-color-tertiary-purple-active-text: $ds-alias-text-color-primary-active;
599
+ $ds-button-color-tertiary-purple-active-background: $ds-alias-background-color-purple-lighter;
600
+ $ds-button-color-tertiary-purple-active-border: $ds-alias-border-color-purple-active;
601
+ $ds-button-color-tertiary-green-base-text: $ds-alias-background-color-primary;
602
+ $ds-button-color-tertiary-green-base-background: $ds-alias-background-color-green-lighter;
603
+ $ds-button-color-tertiary-green-base-border: $ds-alias-background-color-green-lighter;
604
+ $ds-button-color-tertiary-green-hover-text: $ds-alias-text-color-primary;
605
+ $ds-button-color-tertiary-green-hover-background: $ds-alias-background-color-green-lighter;
606
+ $ds-button-color-tertiary-green-hover-border: $ds-alias-border-color-green-hover;
607
+ $ds-button-color-tertiary-green-active-text: $ds-alias-text-color-primary-active;
608
+ $ds-button-color-tertiary-green-active-background: $ds-alias-background-color-green-lighter;
609
+ $ds-button-color-tertiary-green-active-border: $ds-alias-border-color-green-active;
610
+ $ds-button-color-tertiary-red-base-text: $ds-alias-background-color-primary;
611
+ $ds-button-color-tertiary-red-base-background: $ds-alias-background-color-red-lighter;
612
+ $ds-button-color-tertiary-red-base-border: $ds-alias-background-color-red-lighter;
613
+ $ds-button-color-tertiary-red-hover-text: $ds-alias-text-color-primary;
614
+ $ds-button-color-tertiary-red-hover-background: $ds-alias-background-color-red-lighter;
615
+ $ds-button-color-tertiary-red-hover-border: $ds-alias-border-color-red-hover;
616
+ $ds-button-color-tertiary-red-active-text: $ds-alias-text-color-primary-active;
617
+ $ds-button-color-tertiary-red-active-background: $ds-alias-background-color-red-lighter;
618
+ $ds-button-color-tertiary-red-active-border: $ds-alias-border-color-red-active;
619
+ $ds-button-color-tertiary-yellow-base-text: $ds-alias-background-color-primary;
620
+ $ds-button-color-tertiary-yellow-base-background: $ds-alias-background-color-yellow-lighter;
621
+ $ds-button-color-tertiary-yellow-base-border: $ds-alias-background-color-yellow-lighter;
622
+ $ds-button-color-tertiary-yellow-hover-text: $ds-alias-text-color-primary;
623
+ $ds-button-color-tertiary-yellow-hover-background: $ds-alias-background-color-yellow-lighter;
624
+ $ds-button-color-tertiary-yellow-hover-border: $ds-alias-border-color-yellow-hover;
625
+ $ds-button-color-tertiary-yellow-active-text: $ds-alias-text-color-primary-active;
626
+ $ds-button-color-tertiary-yellow-active-background: $ds-alias-background-color-yellow-lighter;
627
+ $ds-button-color-tertiary-yellow-active-border: $ds-alias-border-color-yellow-active;
628
+ $ds-button-color-info-base-text: $ds-alias-background-color-primary;
629
+ $ds-button-color-info-base-background: $ds-alias-background-color-sky-light;
630
+ $ds-button-color-info-base-border: $ds-alias-background-color-sky-light;
631
+ $ds-button-color-info-hover-text: $ds-alias-text-color-primary-hover;
632
+ $ds-button-color-info-hover-background: $ds-alias-background-color-sky-light;
633
+ $ds-button-color-info-hover-border: $ds-alias-border-color-info;
634
+ $ds-button-color-info-active-text: $ds-alias-text-color-primary-active;
635
+ $ds-button-color-info-active-background: $ds-alias-background-color-sky-light;
636
+ $ds-button-color-info-active-border: $ds-alias-border-color-info-active;
637
+ $ds-button-color-success-base-text: $ds-alias-background-color-primary;
638
+ $ds-button-color-success-base-background: $ds-alias-background-color-success-lighter;
639
+ $ds-button-color-success-base-border: $ds-alias-background-color-success-lighter;
640
+ $ds-button-color-success-hover-text: $ds-alias-text-color-primary-hover;
641
+ $ds-button-color-success-hover-background: $ds-alias-background-color-success-lighter;
642
+ $ds-button-color-success-hover-border: $ds-alias-border-color-success-hover;
643
+ $ds-button-color-success-active-text: $ds-alias-text-color-primary-active;
644
+ $ds-button-color-success-active-background: $ds-alias-background-color-success-lighter;
645
+ $ds-button-color-success-active-border: $ds-alias-border-color-success-active;
646
+ $ds-button-color-warning-base-text: $ds-alias-background-color-primary;
647
+ $ds-button-color-warning-base-background: $ds-alias-background-color-warning-lighter;
648
+ $ds-button-color-warning-base-border: $ds-alias-background-color-warning-lighter;
649
+ $ds-button-color-warning-hover-text: $ds-alias-text-color-primary;
650
+ $ds-button-color-warning-hover-background: $ds-alias-background-color-warning-lighter;
651
+ $ds-button-color-warning-hover-border: $ds-alias-border-color-warning-hover;
652
+ $ds-button-color-warning-active-text: $ds-alias-text-color-primary;
653
+ $ds-button-color-warning-active-background: $ds-alias-background-color-warning-lighter;
654
+ $ds-button-color-warning-active-border: $ds-alias-border-color-warning-active;
655
+ $ds-button-color-danger-base-text: $ds-alias-background-color-primary;
656
+ $ds-button-color-danger-base-background: $ds-alias-background-color-danger-lighter;
657
+ $ds-button-color-danger-base-border: $ds-alias-background-color-danger-lighter;
658
+ $ds-button-color-danger-hover-text: $ds-alias-text-color-primary-hover;
659
+ $ds-button-color-danger-hover-background: $ds-alias-background-color-danger-lighter;
660
+ $ds-button-color-danger-hover-border: $ds-alias-border-color-danger-hover;
661
+ $ds-button-color-danger-active-text: $ds-alias-text-color-primary-active;
662
+ $ds-button-color-danger-active-background: $ds-alias-background-color-danger-lighter;
663
+ $ds-button-color-danger-active-border: $ds-alias-border-color-danger-active;
664
+ $ds-button-color-disabled-base-text: $ds-alias-text-color-disabled;
665
+ $ds-button-color-disabled-base-background: $ds-alias-background-color-grey;
666
+ $ds-button-color-disabled-base-border: $ds-alias-border-color-grey;
667
+ $ds-button-color-disabled-hover-text: $ds-alias-text-color-disabled;
668
+ $ds-button-color-disabled-hover-background: $ds-alias-background-color-grey;
669
+ $ds-button-color-disabled-hover-border: $ds-alias-border-color-grey;
670
+ $ds-button-color-disabled-active-text: $ds-alias-text-color-disabled;
671
+ $ds-button-color-disabled-active-background: $ds-alias-background-color-grey;
672
+ $ds-button-color-disabled-active-border: $ds-alias-border-color-grey;
673
+ $ds-button-color-link-base-text: $ds-alias-background-color-primary;
674
+ $ds-button-color-link-base-background: $ds-alias-background-color-transparent;
675
+ $ds-button-color-link-base-border: $ds-alias-background-color-transparent;
676
+ $ds-button-color-link-hover-text: $ds-alias-text-color-primary-hover;
677
+ $ds-button-color-link-hover-background: $ds-alias-background-color-transparent;
678
+ $ds-button-color-link-hover-border: $ds-alias-background-color-transparent;
679
+ $ds-button-color-link-active-text: $ds-alias-text-color-primary-active;
680
+ $ds-button-color-link-active-background: $ds-alias-background-color-transparent;
681
+ $ds-button-color-link-active-border: $ds-alias-background-color-transparent;
682
+ $ds-button-color-inverted-base-text: $ds-alias-background-color-primary;
683
+ $ds-button-color-inverted-base-background: $ds-alias-background-color-white;
684
+ $ds-button-color-inverted-base-border: $ds-alias-background-color-white;
685
+ $ds-button-color-inverted-hover-text: $ds-alias-background-color-primary;
686
+ $ds-button-color-inverted-hover-background: $ds-alias-background-color-sky;
687
+ $ds-button-color-inverted-hover-border: $ds-alias-background-color-sky;
688
+ $ds-button-color-inverted-active-text: $ds-alias-text-color-white;
689
+ $ds-button-color-inverted-active-background: $ds-alias-background-color-primary-hover;
690
+ $ds-button-color-inverted-active-border: $ds-alias-background-color-primary-hover;
691
+ $ds-button-color-inverted-secondary-base-text: $ds-alias-text-color-white;
692
+ $ds-button-color-inverted-secondary-base-background: $ds-alias-background-color-transparent;
693
+ $ds-button-color-inverted-secondary-base-border: $ds-alias-background-color-white;
694
+ $ds-button-color-inverted-secondary-hover-text: $ds-alias-text-color-white;
695
+ $ds-button-color-inverted-secondary-hover-background: $ds-alias-background-color-primary-light;
696
+ $ds-button-color-inverted-secondary-hover-border: $ds-alias-background-color-sky-dark;
697
+ $ds-button-color-inverted-secondary-active-text: $ds-alias-text-color-white;
698
+ $ds-button-color-inverted-secondary-active-background: $ds-alias-background-color-primary-light;
699
+ $ds-button-color-inverted-secondary-active-border: $ds-alias-background-color-primary-hover;
700
+ $ds-button-color-inverted-tertiary-base-text: $ds-alias-background-color-primary;
701
+ $ds-button-color-inverted-tertiary-base-background: $ds-alias-background-color-grey-light;
702
+ $ds-button-color-inverted-tertiary-base-border: $ds-alias-background-color-grey-light;
703
+ $ds-button-color-inverted-tertiary-hover-text: $ds-alias-text-color-primary;
704
+ $ds-button-color-inverted-tertiary-hover-background: $ds-alias-background-color-sky-light;
705
+ $ds-button-color-inverted-tertiary-hover-border: $ds-alias-background-color-sky-light;
706
+ $ds-button-color-inverted-tertiary-active-text: $ds-alias-text-color-primary-active;
707
+ $ds-button-color-inverted-tertiary-active-background: $ds-alias-background-color-sky;
708
+ $ds-button-color-inverted-tertiary-active-border: $ds-alias-background-color-sky;
709
+ $ds-button-color-inverted-link-base-background: $ds-alias-background-color-transparent;
710
+ $ds-button-color-inverted-link-base-border: $ds-alias-background-color-transparent;
711
+ $ds-button-color-inverted-link-hover-text: $ds-alias-text-color-inverted-primary-hover;
712
+ $ds-button-color-inverted-link-hover-background: $ds-alias-background-color-transparent;
713
+ $ds-button-color-inverted-link-hover-border: $ds-alias-background-color-transparent;
714
+ $ds-button-color-inverted-link-active-text: $ds-alias-text-color-inverted-primary-active;
715
+ $ds-button-color-inverted-link-active-background: $ds-alias-background-color-transparent;
716
+ $ds-button-color-inverted-link-active-border: $ds-alias-background-color-transparent;
717
+ $ds-button-color-tertiary-purple-dashed-base-text: $ds-alias-background-color-primary;
718
+ $ds-button-color-tertiary-purple-dashed-base-background: $ds-alias-background-color-purple-lighter;
719
+ $ds-button-color-tertiary-purple-dashed-base-border: $ds-alias-background-color-purple;
720
+ $ds-button-color-tertiary-purple-dashed-hover-text: $ds-alias-text-color-primary;
721
+ $ds-button-color-tertiary-purple-dashed-hover-background: $ds-alias-background-color-purple-lighter;
722
+ $ds-button-color-tertiary-purple-dashed-hover-border: $ds-alias-border-color-purple-hover;
723
+ $ds-button-color-tertiary-purple-dashed-active-text: $ds-alias-text-color-primary-active;
724
+ $ds-button-color-tertiary-purple-dashed-active-background: $ds-alias-background-color-purple-lighter;
725
+ $ds-button-color-tertiary-purple-dashed-active-border: $ds-alias-border-color-purple-active;
726
+ $ds-button-color-tertiary-green-dashed-base-text: $ds-alias-background-color-primary;
727
+ $ds-button-color-tertiary-green-dashed-base-background: $ds-alias-background-color-green-lighter;
728
+ $ds-button-color-tertiary-green-dashed-base-border: $ds-alias-background-color-green;
729
+ $ds-button-color-tertiary-green-dashed-hover-text: $ds-alias-text-color-primary;
730
+ $ds-button-color-tertiary-green-dashed-hover-background: $ds-alias-background-color-green-lighter;
731
+ $ds-button-color-tertiary-green-dashed-hover-border: $ds-alias-border-color-green-hover;
732
+ $ds-button-color-tertiary-green-dashed-active-text: $ds-alias-text-color-primary-active;
733
+ $ds-button-color-tertiary-green-dashed-active-background: $ds-alias-background-color-green-lighter;
734
+ $ds-button-color-tertiary-green-dashed-active-border: $ds-alias-border-color-green-active;
735
+ $ds-button-color-tertiary-red-dashed-base-text: $ds-alias-background-color-primary;
736
+ $ds-button-color-tertiary-red-dashed-base-background: $ds-alias-background-color-red-lighter;
737
+ $ds-button-color-tertiary-red-dashed-base-border: $ds-alias-background-color-red;
738
+ $ds-button-color-tertiary-red-dashed-hover-text: $ds-alias-text-color-primary;
739
+ $ds-button-color-tertiary-red-dashed-hover-background: $ds-alias-background-color-red-lighter;
740
+ $ds-button-color-tertiary-red-dashed-hover-border: $ds-alias-border-color-red-hover;
741
+ $ds-button-color-tertiary-red-dashed-active-text: $ds-alias-text-color-primary-active;
742
+ $ds-button-color-tertiary-red-dashed-active-background: $ds-alias-background-color-red-lighter;
743
+ $ds-button-color-tertiary-red-dashed-active-border: $ds-alias-border-color-red-active;
744
+ $ds-button-color-tertiary-yellow-dashed-base-text: $ds-alias-background-color-primary;
745
+ $ds-button-color-tertiary-yellow-dashed-base-background: $ds-alias-background-color-yellow-lighter;
746
+ $ds-button-color-tertiary-yellow-dashed-base-border: $ds-alias-background-color-yellow;
747
+ $ds-button-color-tertiary-yellow-dashed-hover-text: $ds-alias-text-color-primary;
748
+ $ds-button-color-tertiary-yellow-dashed-hover-background: $ds-alias-background-color-yellow-lighter;
749
+ $ds-button-color-tertiary-yellow-dashed-hover-border: $ds-alias-border-color-yellow-hover;
750
+ $ds-button-color-tertiary-yellow-dashed-active-text: $ds-alias-text-color-primary-active;
751
+ $ds-button-color-tertiary-yellow-dashed-active-background: $ds-alias-background-color-yellow-lighter;
752
+ $ds-button-color-tertiary-yellow-dashed-active-border: $ds-alias-border-color-yellow-active;
753
+ $ds-button-color-text-base-text: $ds-alias-background-color-primary;
754
+ $ds-button-color-text-base-background: $ds-alias-background-color-transparent;
755
+ $ds-button-color-text-base-border: $ds-alias-background-color-transparent;
756
+ $ds-button-color-text-hover-text: $ds-alias-text-color-primary-hover;
757
+ $ds-button-color-text-hover-background: $ds-alias-background-color-transparent;
758
+ $ds-button-color-text-hover-border: $ds-alias-background-color-transparent;
759
+ $ds-button-color-text-active-text: $ds-alias-text-color-primary-active;
760
+ $ds-button-color-text-active-background: $ds-alias-background-color-transparent;
761
+ $ds-button-color-text-active-border: $ds-alias-background-color-transparent;
762
+ $ds-body-color: $ds-alias-text-color-primary;
763
+ $ds-body-family: $ds-alias-text-family-body;
764
+ $ds-body-line-height: $ds-alias-text-line-height-body;
765
+ $ds-body-size: $ds-alias-text-size-base-mobile;
766
+ $ds-body-space: $ds-alias-space-base-mobile;
767
+ $ds-body-weight: $ds-alias-text-weight-regular;
768
+ $ds-card-radius-base: $ds-alias-radius-lg;
769
+ $ds-card-radius-square: $ds-alias-radius-base;
770
+ $ds-card-shadow-flat: $ds-alias-shadow-box-none;
771
+ $ds-card-shadow-base: $ds-alias-shadow-box-base;
772
+ $ds-card-shadow-hover: $ds-alias-shadow-box-elevated;
773
+ $ds-card-color-base-background: $ds-alias-background-color-white;
774
+ $ds-card-color-base-outline: $ds-alias-border-color-grey;
775
+ $ds-card-color-white-background: $ds-alias-background-color-white;
776
+ $ds-card-color-white-outline: $ds-alias-border-color-grey;
777
+ $ds-card-color-primary-text: $ds-alias-text-color-white;
778
+ $ds-card-color-primary-background: $ds-alias-background-color-primary;
779
+ $ds-card-color-info-background: $ds-alias-background-color-info;
780
+ $ds-card-color-success-background: $ds-alias-background-color-success;
781
+ $ds-card-color-warning-background: $ds-alias-background-color-warning;
782
+ $ds-card-color-danger-background: $ds-alias-background-color-danger;
783
+ $ds-card-color-grey-light-background: $ds-alias-background-color-grey-light;
784
+ $ds-card-color-grey-light-outline: $ds-alias-border-color-grey-dark;
785
+ $ds-card-color-grey-background: $ds-alias-background-color-grey;
786
+ $ds-card-color-grey-outline: $ds-alias-border-color-grey-dark;
787
+ $ds-card-color-red-lighter-background: $ds-alias-background-color-red-lighter;
788
+ $ds-card-color-red-lighter-outline: $ds-alias-background-color-red;
789
+ $ds-card-color-red-light-background: $ds-alias-background-color-red-light;
790
+ $ds-card-color-red-light-outline: $ds-alias-background-color-red;
791
+ $ds-card-color-red-background: $ds-alias-background-color-red;
792
+ $ds-card-color-red-outline: $ds-alias-background-color-red;
793
+ $ds-card-color-purple-lighter-background: $ds-alias-background-color-purple-lighter;
794
+ $ds-card-color-purple-lighter-outline: $ds-alias-background-color-purple;
795
+ $ds-card-color-purple-light-background: $ds-alias-background-color-purple-light;
796
+ $ds-card-color-purple-light-outline: $ds-alias-background-color-purple;
797
+ $ds-card-color-purple-background: $ds-alias-background-color-purple;
798
+ $ds-card-color-purple-outline: $ds-alias-background-color-purple;
799
+ $ds-card-color-green-lighter-background: $ds-alias-background-color-green-lighter;
800
+ $ds-card-color-green-lighter-outline: $ds-alias-background-color-green;
801
+ $ds-card-color-green-light-background: $ds-alias-background-color-green-light;
802
+ $ds-card-color-green-light-outline: $ds-alias-background-color-green;
803
+ $ds-card-color-green-background: $ds-alias-background-color-green;
804
+ $ds-card-color-green-outline: $ds-alias-background-color-green;
805
+ $ds-card-color-yellow-lighter-background: $ds-alias-background-color-yellow-lighter;
806
+ $ds-card-color-yellow-lighter-outline: $ds-alias-background-color-yellow;
807
+ $ds-card-color-yellow-light-background: $ds-alias-background-color-yellow-light;
808
+ $ds-card-color-yellow-light-outline: $ds-alias-background-color-yellow;
809
+ $ds-card-color-yellow-background: $ds-alias-background-color-yellow;
810
+ $ds-card-color-yellow-outline: $ds-alias-background-color-yellow;
811
+ $ds-card-space-sm-mobile: $ds-alias-space-base-mobile;
812
+ $ds-card-space-sm-tablet: $ds-alias-space-base-mobile;
813
+ $ds-card-space-sm-desktop: $ds-alias-space-base-mobile;
814
+ $ds-card-space-base-mobile: $ds-alias-space-base-mobile;
815
+ $ds-card-space-base-tablet: $ds-alias-space-lg-mobile;
816
+ $ds-card-space-base-desktop: $ds-alias-space-lg-mobile;
817
+ $ds-card-space-md-mobile: $ds-alias-space-base-mobile;
818
+ $ds-card-space-md-tablet: $ds-alias-space-lg-mobile;
819
+ $ds-card-space-md-desktop: $ds-alias-space-xl-mobile;
820
+ $ds-card-space-lg-mobile: $ds-alias-space-base-mobile;
821
+ $ds-card-space-lg-tablet: $ds-alias-space-xl-mobile;
822
+ $ds-card-space-lg-desktop: $ds-alias-space-2xl-mobile;
823
+ $ds-card-outline-width: $ds-alias-border-width-base;
824
+ $ds-close-radius: $ds-alias-radius-rounded;
825
+ $ds-close-color-background-base: $ds-alias-background-color-transparent;
826
+ $ds-close-color-background-disabled: $ds-alias-background-color-grey;
827
+ $ds-close-color-icon-base: $ds-alias-text-color-primary;
828
+ $ds-close-color-icon-inverted: $ds-alias-text-color-white;
829
+ $ds-close-color-icon-disabled: $ds-alias-text-color-disabled;
830
+ $ds-description-list-term-color: $ds-alias-text-color-primary-light;
831
+ $ds-description-list-term-weight: $ds-alias-text-weight-regular;
832
+ $ds-description-list-detail-color: $ds-alias-text-color-primary;
833
+ $ds-description-list-detail-weight: $ds-alias-text-weight-regular;
834
+ $ds-divider-radius: $ds-alias-radius-rounded;
835
+ $ds-divider-width: $ds-alias-border-width-base;
836
+ $ds-divider-color-base: $ds-alias-border-color-grey;
837
+ $ds-divider-color-primary-light: $ds-alias-border-color-primary-light;
838
+ $ds-divider-color-primary: $ds-alias-border-color-primary;
839
+ $ds-divider-color-light-blue: $ds-alias-border-color-primary-hover;
840
+ $ds-divider-color-primary-dark: $ds-alias-border-color-primary-active;
841
+ $ds-divider-color-grey-light: $ds-alias-border-color-grey-light;
842
+ $ds-divider-color-grey: $ds-alias-border-color-grey;
843
+ $ds-divider-color-grey-dark: $ds-alias-border-color-grey-dark;
844
+ $ds-divider-color-warning: $ds-alias-border-color-warning;
845
+ $ds-divider-color-success: $ds-alias-border-color-success;
846
+ $ds-divider-color-danger: $ds-alias-border-color-danger;
847
+ $ds-divider-color-danger-dark: $ds-alias-border-color-danger-hover;
848
+ $ds-divider-color-danger-darker: $ds-alias-border-color-danger-active;
849
+ $ds-divider-color-white: $ds-alias-border-color-white;
850
+ $ds-icon-color-primary: $ds-alias-text-color-primary;
851
+ $ds-icon-color-primary-light: $ds-alias-text-color-primary-light;
852
+ $ds-icon-color-success: $ds-alias-text-color-success;
853
+ $ds-icon-color-info: $ds-alias-text-color-info;
854
+ $ds-icon-color-warning: $ds-alias-text-color-warning;
855
+ $ds-icon-color-danger: $ds-alias-text-color-danger;
856
+ $ds-icon-color-white: $ds-alias-text-color-white;
857
+ $ds-icon-color-grey: $ds-alias-text-color-grey;
858
+ $ds-icon-color-disabled: $ds-alias-text-color-grey-dark;
859
+ $ds-icon-tile-radius: $ds-alias-radius-base;
860
+ $ds-icon-tile-color-purple: $ds-alias-background-color-purple-lighter;
861
+ $ds-icon-tile-color-red: $ds-alias-background-color-red-lighter;
862
+ $ds-icon-tile-color-green: $ds-alias-background-color-green-lighter;
863
+ $ds-icon-tile-color-yellow: $ds-alias-background-color-yellow-lighter;
864
+ $ds-input-container-radius: $ds-alias-radius-base;
865
+ $ds-input-container-border-width: $ds-alias-border-width-base;
866
+ $ds-input-container-color-base-background: $ds-alias-background-color-white;
867
+ $ds-input-container-color-base-border: $ds-alias-border-color-grey;
868
+ $ds-input-container-color-hover-background: $ds-alias-background-color-grey-lighter;
869
+ $ds-input-container-color-hover-border: $ds-alias-border-color-grey;
870
+ $ds-input-container-color-active-background: $ds-alias-background-color-grey-lighter;
871
+ $ds-input-container-color-active-border: $ds-alias-border-color-primary;
872
+ $ds-input-container-color-focus-background: $ds-alias-background-color-grey-lighter;
873
+ $ds-input-container-color-focus-border: $ds-alias-border-color-primary;
874
+ $ds-input-container-color-success-background: $ds-alias-background-color-success-lighter;
875
+ $ds-input-container-color-success-border: $ds-alias-text-color-success;
876
+ $ds-input-container-color-warning-background: $ds-alias-background-color-warning-lighter;
877
+ $ds-input-container-color-warning-border: $ds-alias-text-color-warning;
878
+ $ds-input-container-color-danger-background: $ds-alias-background-color-danger-lighter;
879
+ $ds-input-container-color-danger-border: $ds-alias-text-color-danger;
880
+ $ds-input-container-color-disabled-background: $ds-alias-background-color-grey-light;
881
+ $ds-input-container-color-disabled-border: $ds-alias-border-color-disabled;
882
+ $ds-input-label-family: $ds-alias-text-family-body;
883
+ $ds-input-label-weight: $ds-alias-text-weight-bold;
884
+ $ds-input-label-line-height: $ds-alias-text-line-height-body;
885
+ $ds-input-label-color-base: $ds-alias-text-color-primary;
886
+ $ds-input-label-color-success: $ds-alias-text-color-success;
887
+ $ds-input-label-color-warning: $ds-alias-text-color-warning;
888
+ $ds-input-label-color-danger: $ds-alias-text-color-danger;
889
+ $ds-input-label-color-disabled: $ds-alias-text-color-disabled;
890
+ $ds-input-label-size-mobile: $ds-alias-text-size-sm-mobile;
891
+ $ds-input-label-size-tablet: $ds-alias-text-size-sm-tablet;
892
+ $ds-input-label-size-desktop: $ds-alias-text-size-sm-desktop;
893
+ $ds-input-label-color-2-base: $ds-alias-text-color-primary;
894
+ $ds-input-label-color-2-success: $ds-alias-text-color-success;
895
+ $ds-input-label-color-2-warning: $ds-alias-text-color-warning;
896
+ $ds-input-label-color-2-danger: $ds-alias-text-color-danger;
897
+ $ds-input-label-color-2-disabled: $ds-alias-text-color-disabled;
898
+ $ds-input-label-size-2-mobile: $ds-alias-text-size-sm-mobile;
899
+ $ds-input-label-size-2-tablet: $ds-alias-text-size-sm-tablet;
900
+ $ds-input-label-size-2-desktop: $ds-alias-text-size-sm-desktop;
901
+ $ds-input-control-family: $ds-alias-text-family-body;
902
+ $ds-input-control-weight: $ds-alias-text-weight-regular;
903
+ $ds-input-control-line-height: $ds-alias-text-line-height-body;
904
+ $ds-input-control-font-size-mobile: $ds-alias-text-size-base-mobile;
905
+ $ds-input-control-font-size-tablet: $ds-alias-text-size-base-tablet;
906
+ $ds-input-control-font-size-desktop: $ds-alias-text-size-base-desktop;
907
+ $ds-input-control-color-value-base: $ds-alias-text-color-primary;
908
+ $ds-input-control-color-value-success: $ds-alias-text-color-success;
909
+ $ds-input-control-color-value-warning: $ds-alias-text-color-warning;
910
+ $ds-input-control-color-value-danger: $ds-alias-text-color-danger;
911
+ $ds-input-control-color-value-disabled: $ds-alias-text-color-grey-dark;
912
+ $ds-input-control-color-placeholder-base: $ds-alias-text-color-placeholder;
913
+ $ds-input-control-color-placeholder-disabled: $ds-alias-text-color-disabled;
914
+ $ds-input-description-family: $ds-alias-text-family-body;
915
+ $ds-input-description-weight: $ds-alias-text-weight-regular;
916
+ $ds-input-description-line-height: $ds-alias-text-line-height-body;
917
+ $ds-input-description-color-base: $ds-alias-text-color-primary-light;
918
+ $ds-input-description-color-success: $ds-alias-text-color-success;
919
+ $ds-input-description-color-warning: $ds-alias-text-color-warning;
920
+ $ds-input-description-color-danger: $ds-alias-text-color-danger;
921
+ $ds-input-description-color-disabled: $ds-alias-text-color-disabled;
922
+ $ds-input-description-size-mobile: $ds-alias-text-size-xs-mobile;
923
+ $ds-input-description-size-tablet: $ds-alias-text-size-xs-tablet;
924
+ $ds-input-description-size-desktop: $ds-alias-text-size-xs-desktop;
925
+ $ds-notification-radius: $ds-alias-radius-lg;
926
+ $ds-notification-color-base-background: $ds-alias-background-color-grey-light;
927
+ $ds-notification-color-base-border: $ds-alias-background-color-grey-light;
928
+ $ds-notification-color-base-text: $ds-alias-text-color-primary;
929
+ $ds-notification-color-info-background: $ds-alias-background-color-info-light;
930
+ $ds-notification-color-info-border: $ds-alias-background-color-info-light;
931
+ $ds-notification-color-info-text: $ds-alias-text-color-primary;
932
+ $ds-notification-color-success-background: $ds-alias-background-color-success-light;
933
+ $ds-notification-color-success-border: $ds-alias-background-color-success-light;
934
+ $ds-notification-color-success-text: $ds-alias-text-color-primary;
935
+ $ds-notification-color-warning-background: $ds-alias-background-color-warning-light;
936
+ $ds-notification-color-warning-border: $ds-alias-background-color-warning-light;
937
+ $ds-notification-color-warning-text: $ds-alias-text-color-primary;
938
+ $ds-notification-color-danger-background: $ds-alias-background-color-danger-light;
939
+ $ds-notification-color-danger-border: $ds-alias-background-color-danger-light;
940
+ $ds-notification-color-danger-text: $ds-alias-text-color-primary;
941
+ $ds-notification-color-outline-base-background: $ds-alias-background-color-white;
942
+ $ds-notification-color-outline-base-text: $ds-alias-text-color-primary;
943
+ $ds-notification-color-outline-purple-background: $ds-alias-background-color-purple-lighter;
944
+ $ds-notification-color-outline-purple-border: $ds-alias-border-color-purple;
945
+ $ds-notification-color-outline-purple-text: $ds-alias-text-color-primary;
946
+ $ds-notification-color-outline-green-background: $ds-alias-background-color-green-lighter;
947
+ $ds-notification-color-outline-green-border: $ds-alias-border-color-green;
948
+ $ds-notification-color-outline-green-text: $ds-alias-text-color-primary;
949
+ $ds-notification-color-outline-yellow-background: $ds-alias-background-color-yellow-lighter;
950
+ $ds-notification-color-outline-yellow-border: $ds-alias-border-color-yellow;
951
+ $ds-notification-color-outline-yellow-text: $ds-alias-text-color-primary;
952
+ $ds-notification-color-outline-red-background: $ds-alias-background-color-red-lighter;
953
+ $ds-notification-color-outline-red-border: $ds-alias-border-color-red;
954
+ $ds-notification-color-outline-red-text: $ds-alias-text-color-primary;
955
+ $ds-label-family: $ds-alias-text-family-body;
956
+ $ds-label-weight: $ds-alias-text-weight-bold;
957
+ $ds-label-line-height: $ds-alias-text-line-height-body;
958
+ $ds-label-color-base: $ds-alias-text-color-primary;
959
+ $ds-label-color-base-hover: $ds-alias-text-color-primary-hover;
960
+ $ds-label-color-base-active: $ds-alias-text-color-primary-active;
961
+ $ds-label-color-disabled: $ds-alias-text-color-disabled;
962
+ $ds-label-color-success: $ds-alias-text-color-success;
963
+ $ds-label-color-warning: $ds-alias-text-color-warning;
964
+ $ds-label-color-danger: $ds-alias-text-color-danger;
965
+ $ds-label-color-danger-hover: $ds-alias-text-color-danger-hover;
966
+ $ds-label-color-danger-active: $ds-alias-text-color-danger-active;
967
+ $ds-label-size-3xl-mobile: $ds-alias-text-size-3xl-mobile;
968
+ $ds-label-size-3xl-tablet: $ds-alias-text-size-3xl-tablet;
969
+ $ds-label-size-3xl-desktop: $ds-alias-text-size-3xl-desktop;
970
+ $ds-label-size-2xl-mobile: $ds-alias-text-size-2xl-mobile;
971
+ $ds-label-size-2xl-tablet: $ds-alias-text-size-2xl-tablet;
972
+ $ds-label-size-2xl-desktop: $ds-alias-text-size-2xl-desktop;
973
+ $ds-label-size-xl-mobile: $ds-alias-text-size-xl-mobile;
974
+ $ds-label-size-xl-tablet: $ds-alias-text-size-xl-tablet;
975
+ $ds-label-size-xl-desktop: $ds-alias-text-size-xl-desktop;
976
+ $ds-label-size-lg-mobile: $ds-alias-text-size-lg-mobile;
977
+ $ds-label-size-lg-tablet: $ds-alias-text-size-lg-tablet;
978
+ $ds-label-size-lg-desktop: $ds-alias-text-size-lg-tablet;
979
+ $ds-label-size-md-mobile: $ds-alias-text-size-md-mobile;
980
+ $ds-label-size-md-tablet: $ds-alias-text-size-md-tablet;
981
+ $ds-label-size-md-desktop: $ds-alias-text-size-md-desktop;
982
+ $ds-label-size-base-mobile: $ds-alias-text-size-base-mobile;
983
+ $ds-label-size-base-tablet: $ds-alias-text-size-base-tablet;
984
+ $ds-label-size-base-desktop: $ds-alias-text-size-base-tablet;
985
+ $ds-label-size-sm-mobile: $ds-alias-text-size-sm-mobile;
986
+ $ds-label-size-sm-tablet: $ds-alias-text-size-sm-tablet;
987
+ $ds-label-size-sm-desktop: $ds-alias-space-sm-desktop;
988
+ $ds-link-weight: $ds-alias-text-weight-bold;
989
+ $ds-link-border-width: $ds-alias-border-width-base;
990
+ $ds-link-color-base: $ds-alias-text-color-primary;
991
+ $ds-link-color-base-hover: $ds-alias-text-color-primary-hover;
992
+ $ds-link-color-base-active: $ds-alias-text-color-primary-active;
993
+ $ds-link-color-inverted-hover: $ds-alias-text-color-inverted-primary-hover;
994
+ $ds-link-color-inverted-active: $ds-alias-text-color-inverted-primary-active;
995
+ $ds-list-marker-base: $ds-alias-background-color-primary;
996
+ $ds-list-marker-inverted: $ds-alias-background-color-white;
997
+ $ds-list-marker-green: $ds-alias-background-color-green;
998
+ $ds-list-marker-purple: $ds-alias-background-color-purple;
999
+ $ds-list-marker-red: $ds-alias-background-color-red;
1000
+ $ds-list-marker-yellow: $ds-alias-background-color-yellow;
1001
+ $ds-list-marker-radius: $ds-alias-radius-rounded;
1002
+ $ds-list-item-disabled: $ds-alias-text-color-disabled;
1003
+ $ds-list-item-border-color: $ds-alias-border-color-grey;
1004
+ $ds-snackbar-radius: $ds-alias-radius-base;
1005
+ $ds-snackbar-default-color-bg-base: $ds-alias-background-color-grey-light;
1006
+ $ds-snackbar-default-color-border-base: $ds-alias-background-color-grey-light;
1007
+ $ds-snackbar-default-color-text-base: $ds-alias-text-color-primary;
1008
+ $ds-snackbar-success-color-bg-base: $ds-alias-background-color-success-light;
1009
+ $ds-snackbar-success-color-border-base: $ds-alias-background-color-success-light;
1010
+ $ds-snackbar-success-color-text-base: $ds-alias-text-color-primary;
1011
+ $ds-snackbar-info-color-bg-base: $ds-alias-background-color-info-light;
1012
+ $ds-snackbar-info-color-border-base: $ds-alias-background-color-info-light;
1013
+ $ds-snackbar-info-color-text-base: $ds-alias-text-color-primary;
1014
+ $ds-snackbar-warning-color-bg-base: $ds-alias-background-color-warning-light;
1015
+ $ds-snackbar-warning-color-border-base: $ds-alias-background-color-warning-light;
1016
+ $ds-snackbar-warning-color-text-base: $ds-alias-text-color-primary;
1017
+ $ds-snackbar-danger-color-bg-base: $ds-alias-background-color-danger-light;
1018
+ $ds-snackbar-danger-color-border-base: $ds-alias-background-color-danger-light;
1019
+ $ds-snackbar-danger-color-text-base: $ds-alias-text-color-primary;
1020
+ $ds-spinner-size: $ds-alias-space-2xl-mobile;
1021
+ $ds-spinner-circle-border-width: $ds-alias-border-width-md;
1022
+ $ds-spinner-circle-size: $ds-alias-space-lg-mobile;
1023
+ $ds-spinner-circle-color-background: $ds-alias-background-color-grey;
1024
+ $ds-spinner-circle-color-progress: $ds-alias-background-color-primary;
1025
+ $ds-spinner-circle-color-inverted-background: $ds-alias-background-color-white;
1026
+ $ds-spinner-circle-color-inverted-progress: $ds-alias-background-color-primary;
1027
+ $ds-toast-radius: $ds-alias-radius-base;
1028
+ $ds-toast-default-color-bg-base: $ds-alias-background-color-grey-light;
1029
+ $ds-toast-default-color-border-base: $ds-alias-background-color-grey-light;
1030
+ $ds-toast-default-color-text-base: $ds-alias-text-color-primary;
1031
+ $ds-toast-success-color-bg-base: $ds-alias-background-color-success-light;
1032
+ $ds-toast-success-color-border-base: $ds-alias-background-color-success-light;
1033
+ $ds-toast-success-color-text-base: $ds-alias-text-color-primary;
1034
+ $ds-toast-info-color-bg-base: $ds-alias-background-color-info-light;
1035
+ $ds-toast-info-color-border-base: $ds-alias-background-color-info-light;
1036
+ $ds-toast-info-color-text-base: $ds-alias-text-color-primary;
1037
+ $ds-toast-warning-color-bg-base: $ds-alias-background-color-warning-light;
1038
+ $ds-toast-warning-color-border-base: $ds-alias-background-color-warning-light;
1039
+ $ds-toast-warning-color-text-base: $ds-alias-text-color-primary;
1040
+ $ds-toast-danger-color-bg-base: $ds-alias-background-color-danger-light;
1041
+ $ds-toast-danger-color-border-base: $ds-alias-background-color-danger-light;
1042
+ $ds-toast-danger-color-text-base: $ds-alias-text-color-primary;
1043
+ $ds-tag-font-family: $ds-alias-text-family-body;
1044
+ $ds-tag-font-line-height: $ds-alias-text-line-height-body;
1045
+ $ds-tag-font-size-base: $ds-alias-text-size-base-mobile;
1046
+ $ds-tag-font-size-sm: $ds-alias-text-size-sm-mobile;
1047
+ $ds-tag-font-size-md: $ds-alias-text-size-base-mobile;
1048
+ $ds-tag-font-size-lg: $ds-alias-text-size-base-mobile;
1049
+ $ds-tag-font-weight-base: $ds-alias-text-weight-bold;
1050
+ $ds-tag-font-weight-sm: $ds-alias-text-weight-regular;
1051
+ $ds-tag-font-weight-md: $ds-alias-text-weight-bold;
1052
+ $ds-tag-font-weight-lg: $ds-alias-text-weight-bold;
1053
+ $ds-tag-space-padding-y-base: $ds-alias-space-2xs-mobile;
1054
+ $ds-tag-space-padding-y-sm: $ds-alias-space-none-mobile;
1055
+ $ds-tag-space-padding-y-md: $ds-alias-space-xs-mobile;
1056
+ $ds-tag-space-padding-y-lg: $ds-alias-space-sm-mobile;
1057
+ $ds-tag-space-padding-x-base: $ds-alias-space-sm-mobile;
1058
+ $ds-tag-space-padding-x-sm: $ds-alias-space-sm-mobile;
1059
+ $ds-tag-space-padding-x-md: $ds-alias-space-base-mobile;
1060
+ $ds-tag-space-padding-x-lg: $ds-alias-space-lg-mobile;
1061
+ $ds-tag-radius-base: $ds-alias-radius-lg;
1062
+ $ds-tag-radius-square: $ds-alias-radius-base;
1063
+ $ds-tag-radius-pill: $ds-alias-radius-rounded;
1064
+ $ds-tag-primary-color-text-base: $ds-alias-text-color-white;
1065
+ $ds-tag-primary-color-bg-base: $ds-alias-background-color-primary;
1066
+ $ds-tag-grey-color-text-base: $ds-alias-text-color-primary;
1067
+ $ds-tag-grey-color-bg-base: $ds-alias-background-color-grey-dark;
1068
+ $ds-tag-info-color-text-base: $ds-alias-text-color-white;
1069
+ $ds-tag-info-color-bg-base: $ds-alias-background-color-info-dark;
1070
+ $ds-tag-success-color-text-base: $ds-alias-text-color-white;
1071
+ $ds-tag-success-color-bg-base: $ds-alias-background-color-success-dark;
1072
+ $ds-tag-warning-color-text-base: $ds-alias-text-color-primary;
1073
+ $ds-tag-warning-color-bg-base: $ds-alias-background-color-warning-dark;
1074
+ $ds-tag-danger-color-text-base: $ds-alias-text-color-white;
1075
+ $ds-tag-danger-color-bg-base: $ds-alias-background-color-danger-dark;
1076
+ $ds-tag-purple-color-text-base: $ds-alias-text-color-primary;
1077
+ $ds-tag-purple-color-bg-base: $ds-alias-background-color-purple;
1078
+ $ds-tag-purple-light-color-text-base: $ds-alias-text-color-primary;
1079
+ $ds-tag-purple-light-color-bg-base: $ds-alias-background-color-purple-light;
1080
+ $ds-tag-purple-dark-color-text-base: $ds-alias-text-color-white;
1081
+ $ds-tag-red-color-text-base: $ds-alias-text-color-primary;
1082
+ $ds-tag-red-color-bg-base: $ds-alias-background-color-red;
1083
+ $ds-tag-red-light-color-text-base: $ds-alias-text-color-primary;
1084
+ $ds-tag-red-light-color-bg-base: $ds-alias-background-color-red-light;
1085
+ $ds-tag-red-dark-color-text-base: $ds-alias-text-color-white;
1086
+ $ds-tag-green-color-text-base: $ds-alias-text-color-primary;
1087
+ $ds-tag-green-color-bg-base: $ds-alias-background-color-green;
1088
+ $ds-tag-green-light-color-text-base: $ds-alias-text-color-primary;
1089
+ $ds-tag-green-light-color-bg-base: $ds-alias-background-color-green-light;
1090
+ $ds-tag-green-dark-color-text-base: $ds-alias-text-color-white;
1091
+ $ds-tag-yellow-color-text-base: $ds-alias-text-color-primary;
1092
+ $ds-tag-yellow-color-bg-base: $ds-alias-background-color-yellow;
1093
+ $ds-tag-yellow-light-color-text-base: $ds-alias-text-color-primary;
1094
+ $ds-tag-yellow-light-color-bg-base: $ds-alias-background-color-yellow-light;
1095
+ $ds-tag-yellow-dark-color-text-base: $ds-alias-text-color-white;
1096
+ $ds-tag-default-color-text-base: $ds-alias-text-color-primary;
1097
+ $ds-tag-default-color-bg-base: $ds-alias-background-color-grey;
1098
+ $ds-segment-radius: $ds-alias-radius-base;
1099
+ $ds-segment-background: $ds-alias-background-color-grey-light;
1100
+ $ds-segment-gap: $ds-alias-space-2xs-mobile;
1101
+ $ds-segment-padding: $ds-alias-space-2xs-mobile;
1102
+ $ds-segment-divider-color: $ds-alias-border-color-grey;
1103
+ $ds-segment-focus-color: $ds-alias-interaction-focus-color-base;
1104
+ $ds-segment-description-font-size: $ds-alias-text-size-sm-mobile;
1105
+ $ds-segment-description-font-weight: $ds-alias-text-weight-regular;
1106
+ $ds-segment-item-padding-inline: $ds-alias-space-base-mobile;
1107
+ $ds-segment-item-padding-block: $ds-alias-space-2xs-mobile;
1108
+ $ds-segment-item-font-weight: $ds-alias-text-weight-bold;
1109
+ $ds-segment-item-unselected-color-hover: $ds-alias-text-color-primary-hover;
1110
+ $ds-segment-item-unselected-color-active: $ds-alias-text-color-primary-active;
1111
+ $ds-segment-item-selected-color-hover: $ds-alias-text-color-primary-hover;
1112
+ $ds-segment-item-selected-color-active: $ds-alias-text-color-primary-active;
1113
+ $ds-segment-item-selected-background: $ds-alias-background-color-purple-light;
1114
+ $ds-segment-item-icon-size: $ds-alias-space-base-mobile;
1115
+ $ds-checkbox-label-color-hover: $ds-alias-text-color-primary-hover;
1116
+ $ds-checkbox-label-color-active: $ds-alias-text-color-primary-active;
1117
+ $ds-checkbox-border-width: $ds-alias-border-width-base;
1118
+ $ds-checkbox-radius: $ds-alias-radius-base;
1119
+ $ds-checkbox-font-family: $ds-alias-text-family-body;
1120
+ $ds-checkbox-line-height: $ds-alias-text-line-height-body;
1121
+ $ds-checkbox-focus-color: $ds-alias-interaction-focus-color-base;
1122
+ $ds-checkbox-tile-radius: $ds-alias-radius-base;
1123
+ $ds-checkbox-tile-border-width: $ds-alias-border-width-base;
1124
+ $ds-checkbox-tile-color-base-border: $ds-alias-border-color-grey;
1125
+ $ds-checkbox-tile-color-hover-background: $ds-alias-background-color-grey-light;
1126
+ $ds-checkbox-tile-color-hover-border: $ds-alias-border-color-primary-hover;
1127
+ $ds-checkbox-tile-color-active-background: $ds-alias-background-color-grey-light;
1128
+ $ds-checkbox-tile-color-active-border: $ds-alias-border-color-primary-active;
1129
+ $ds-checkbox-unchecked-color-base-border: $ds-alias-border-color-primary;
1130
+ $ds-checkbox-unchecked-color-hover-background: $ds-alias-background-color-grey-light;
1131
+ $ds-checkbox-unchecked-color-hover-border: $ds-alias-border-color-primary-hover;
1132
+ $ds-checkbox-unchecked-color-active-background: $ds-alias-background-color-grey-light;
1133
+ $ds-checkbox-unchecked-color-active-border: $ds-alias-border-color-primary-active;
1134
+ $ds-checkbox-checked-color-base-background: $ds-alias-background-color-primary;
1135
+ $ds-checkbox-checked-color-base-border: $ds-alias-border-color-primary;
1136
+ $ds-checkbox-checked-color-base-icon: $ds-alias-text-color-white;
1137
+ $ds-checkbox-checked-color-hover-background: $ds-alias-background-color-primary-hover;
1138
+ $ds-checkbox-checked-color-hover-border: $ds-alias-border-color-primary-hover;
1139
+ $ds-checkbox-checked-color-active-background: $ds-alias-background-color-primary-active;
1140
+ $ds-checkbox-checked-color-active-border: $ds-alias-border-color-primary-active;
1141
+ $ds-radio-label-color-hover: $ds-alias-text-color-primary-hover;
1142
+ $ds-radio-label-color-active: $ds-alias-text-color-primary-active;
1143
+ $ds-radio-border-width: $ds-alias-border-width-base;
1144
+ $ds-radio-radius: $ds-alias-radius-rounded;
1145
+ $ds-radio-font-family: $ds-alias-text-family-body;
1146
+ $ds-radio-line-height: $ds-alias-text-line-height-body;
1147
+ $ds-radio-focus-color: $ds-alias-interaction-focus-color-base;
1148
+ $ds-radio-tile-radius: $ds-alias-radius-base;
1149
+ $ds-radio-tile-border-width: $ds-alias-border-width-base;
1150
+ $ds-radio-tile-color-base-border: $ds-alias-border-color-grey;
1151
+ $ds-radio-tile-color-hover-background: $ds-alias-background-color-grey-light;
1152
+ $ds-radio-tile-color-hover-border: $ds-alias-border-color-primary-hover;
1153
+ $ds-radio-tile-color-active-background: $ds-alias-background-color-grey-light;
1154
+ $ds-radio-tile-color-active-border: $ds-alias-border-color-primary-active;
1155
+ $ds-radio-unchecked-color-base-border: $ds-alias-border-color-primary;
1156
+ $ds-radio-unchecked-color-hover-background: $ds-alias-background-color-grey-light;
1157
+ $ds-radio-unchecked-color-hover-border: $ds-alias-border-color-primary-hover;
1158
+ $ds-radio-unchecked-color-active-background: $ds-alias-background-color-grey-light;
1159
+ $ds-radio-unchecked-color-active-border: $ds-alias-border-color-primary-active;
1160
+ $ds-radio-checked-color-base-background: $ds-alias-background-color-primary;
1161
+ $ds-radio-checked-color-base-border: $ds-alias-border-color-primary;
1162
+ $ds-radio-checked-color-base-icon: $ds-alias-text-color-white;
1163
+ $ds-radio-checked-color-hover-background: $ds-alias-background-color-primary-hover;
1164
+ $ds-radio-checked-color-hover-border: $ds-alias-border-color-primary-hover;
1165
+ $ds-radio-checked-color-active-background: $ds-alias-background-color-primary-active;
1166
+ $ds-radio-checked-color-active-border: $ds-alias-border-color-primary-active;
1167
+ $ds-pagination-dots-background: $ds-alias-background-color-grey-light;
1168
+ $ds-pagination-dots-radius: $ds-alias-radius-base;
1169
+ $ds-pagination-dots-active-color: $ds-alias-background-color-primary;
1170
+ $ds-pagination-text-weight: $ds-alias-text-weight-bold;
1171
+ $ds-pagination-elevation-sticky: $ds-alias-z-index-sticky;
1172
+ $ds-progress-bar-background-light: $ds-alias-text-color-white;
1173
+ $ds-progress-bar-background-dark: $ds-alias-background-color-grey-light;
1174
+ $ds-progress-bar-line-radius: $ds-alias-radius-rounded;
1175
+ $ds-progress-bar-line-color-primary: $ds-alias-background-color-primary;
1176
+ $ds-accordion-summary-font-family: $ds-alias-text-family-body;
1177
+ $ds-accordion-summary-font-weight: $ds-alias-text-weight-regular;
1178
+ $ds-accordion-summary-font-line-height: $ds-alias-text-line-height-body;
1179
+ $ds-accordion-summary-font-size-mobile: $ds-alias-text-size-base-mobile;
1180
+ $ds-accordion-summary-font-size-tablet: $ds-alias-text-size-base-tablet;
1181
+ $ds-accordion-summary-font-size-desktop: $ds-alias-text-size-base-desktop;
1182
+ $ds-accordion-summary-color-hover: $ds-alias-text-color-primary-hover;
1183
+ $ds-accordion-summary-color-active: $ds-alias-text-color-primary-active;
1184
+ $ds-accordion-radius-base: $ds-alias-radius-base;
1185
+ $ds-alias-interaction-focus-color-start: $ds-alias-interaction-focus-color-border;
1186
+ $ds-alias-interaction-focus-color-inverted-start: $ds-alias-interaction-focus-color-border;
1187
+ $ds-button-color-inverted-link-base-text: $ds-alias-text-color-inverted-primary;
1188
+ $ds-link-color-inverted: $ds-alias-text-color-inverted-primary;
1189
+ $ds-list-marker-success: $ds-icon-color-success;
1190
+ $ds-list-marker-warning: $ds-icon-color-warning;
1191
+ $ds-list-marker-danger: $ds-icon-color-danger;
1192
+ $ds-pagination-disabled-text-color: $ds-button-color-disabled-base-text;