@czi-sds/components 22.10.0 → 22.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs.d.ts +283 -130
  2. package/dist/index.cjs.js +2252 -1879
  3. package/dist/index.esm.d.ts +283 -130
  4. package/dist/index.esm.js +2215 -1882
  5. package/dist/tailwind.json +2184 -638
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +794 -372
  8. package/dist/variables.scss +450 -234
  9. package/package.json +17 -4
package/dist/variables.scss CHANGED
@@ -2,28 +2,28 @@ $sds-border-accent-default: 1px solid #1a6cef;
2
2
  $sds-border-accent-default-dark: 1px solid #a2c9ff;
3
3
  $sds-border-accent-focused: 1px solid #1a6cef;
4
4
  $sds-border-accent-focused-dark: 1px solid #a2c9ff;
5
- $sds-border-accent-open: 1px solid #1a6cef;
6
- $sds-border-accent-open-dark: 1px solid #a2c9ff;
7
- $sds-border-accent-selected: 1px solid #1a6cef;
8
- $sds-border-accent-selected-dark: 1px solid #a2c9ff;
9
5
  $sds-border-accent-hover: 1px solid #0041b9;
10
6
  $sds-border-accent-hover-dark: 1px solid #cde3ff;
7
+ $sds-border-accent-open: 1px solid #1a6cef;
8
+ $sds-border-accent-open-dark: 1px solid #a2c9ff;
11
9
  $sds-border-accent-pressed: 1px solid #002d90;
12
10
  $sds-border-accent-pressed-dark: 1px solid #e2eeff;
11
+ $sds-border-accent-selected: 1px solid #1a6cef;
12
+ $sds-border-accent-selected-dark: 1px solid #a2c9ff;
13
13
  $sds-border-base-default: 1px solid #969696;
14
14
  $sds-border-base-default-dark: 1px solid #aaaaaa;
15
15
  $sds-border-base-disabled: 1px solid #c3c3c3;
16
16
  $sds-border-base-disabled-dark: 1px solid #696969;
17
17
  $sds-border-base-divider: 1px solid #dfdfdf;
18
18
  $sds-border-base-divider-dark: 1px solid #494949;
19
- $sds-border-base-divider-inverse: 1px solid #6c6c6c;
19
+ $sds-border-base-divider-inverse: 1px solid #767676;
20
20
  $sds-border-base-divider-inverse-dark: 1px solid #cdcdcd;
21
- $sds-border-base-hover: 1px dashed #000000;
22
- $sds-border-base-hover-dark: 1px dashed #ffffff;
23
- $sds-border-base-inverse: 1px dashed #ffffff;
24
- $sds-border-base-inverse-dark: 1px dashed #000000;
25
- $sds-border-base-pressed: 1px dashed #000000;
26
- $sds-border-base-pressed-dark: 1px dashed #ffffff;
21
+ $sds-border-base-hover: 1px solid #000000;
22
+ $sds-border-base-hover-dark: 1px solid #ffffff;
23
+ $sds-border-base-inverse: 1px solid #ffffff;
24
+ $sds-border-base-inverse-dark: 1px solid #000000;
25
+ $sds-border-base-pressed: 1px solid #000000;
26
+ $sds-border-base-pressed-dark: 1px solid #ffffff;
27
27
  $sds-border-base-table: 1px solid #c3c3c3;
28
28
  $sds-border-base-table-dark: 1px solid #696969;
29
29
  $sds-border-beta-default: 1px solid #6526b5;
@@ -38,15 +38,15 @@ $sds-border-info-extra-thick: 4px solid #0041b9;
38
38
  $sds-border-info-extra-thick-dark: 4px solid #a2c9ff;
39
39
  $sds-border-info-thick: 2px solid #0041b9;
40
40
  $sds-border-info-thick-dark: 2px solid #a2c9ff;
41
- $sds-border-link-dashed: 1px dashed;
42
- $sds-border-link-dashed-dark: 1px dashed;
43
- $sds-border-link-solid: 1px solid;
44
- $sds-border-link-solid-dark: 1px solid;
45
- $sds-border-negative-default: 1px solid #980017;
41
+ $sds-border-link-dashed: 1px dashed #000000;
42
+ $sds-border-link-dashed-dark: 1px dashed #ffffff;
43
+ $sds-border-link-solid: 1px solid #000000;
44
+ $sds-border-link-solid-dark: 1px solid #ffffff;
45
+ $sds-border-negative-default: 1px solid #b80017;
46
46
  $sds-border-negative-default-dark: 1px solid #ff988a;
47
- $sds-border-negative-extra-thick: 4px solid #980017;
47
+ $sds-border-negative-extra-thick: 4px solid #b80017;
48
48
  $sds-border-negative-extra-thick-dark: 4px solid #ff988a;
49
- $sds-border-negative-thick: 2px solid #980017;
49
+ $sds-border-negative-thick: 2px solid #b80017;
50
50
  $sds-border-negative-thick-dark: 2px solid #ff988a;
51
51
  $sds-border-neutral-default: 1px solid #969696;
52
52
  $sds-border-neutral-default-dark: 1px solid #aaaaaa;
@@ -68,10 +68,10 @@ $sds-border-positive-extra-thick: 4px solid #105b2b;
68
68
  $sds-border-positive-extra-thick-dark: 4px solid #85d898;
69
69
  $sds-border-positive-thick: 2px solid #105b2b;
70
70
  $sds-border-positive-thick-dark: 2px solid #85d898;
71
- $sds-breakpoint-sm: 0px;
72
- $sds-breakpoint-md: 512px;
73
71
  $sds-breakpoint-lg: 1024px;
74
- $sds-color-primitive-blue-100: #e2eeff;
72
+ $sds-breakpoint-md: 512px;
73
+ $sds-breakpoint-sm: 0px;
74
+ $sds-color-primitive-blue-100: #edf3fd;
75
75
  $sds-color-primitive-blue-100-dark: #0f1d4a;
76
76
  $sds-color-primitive-blue-200: #cce1ff;
77
77
  $sds-color-primitive-blue-200-dark: #0a216e;
@@ -89,9 +89,9 @@ $sds-color-primitive-blue-800: #00114a;
89
89
  $sds-color-primitive-blue-800-dark: #e2eeff;
90
90
  $sds-color-primitive-gray-50: #ffffff;
91
91
  $sds-color-primitive-gray-50-dark: #000000;
92
- $sds-color-primitive-gray-75: #fafafa;
92
+ $sds-color-primitive-gray-75: #f8f8f8;
93
93
  $sds-color-primitive-gray-75-dark: #101010;
94
- $sds-color-primitive-gray-100: #f3f3f3;
94
+ $sds-color-primitive-gray-100: #ededed;
95
95
  $sds-color-primitive-gray-100-dark: #333333;
96
96
  $sds-color-primitive-gray-200: #dfdfdf;
97
97
  $sds-color-primitive-gray-200-dark: #494949;
@@ -101,7 +101,7 @@ $sds-color-primitive-gray-400: #a5a5a5;
101
101
  $sds-color-primitive-gray-400-dark: #9b9b9b;
102
102
  $sds-color-primitive-gray-500: #969696;
103
103
  $sds-color-primitive-gray-500-dark: #aaaaaa;
104
- $sds-color-primitive-gray-600: #6c6c6c;
104
+ $sds-color-primitive-gray-600: #767676;
105
105
  $sds-color-primitive-gray-600-dark: #cdcdcd;
106
106
  $sds-color-primitive-gray-700: #3b3b3b;
107
107
  $sds-color-primitive-gray-700-dark: #ededed;
@@ -109,7 +109,7 @@ $sds-color-primitive-gray-800: #1b1b1b;
109
109
  $sds-color-primitive-gray-800-dark: #fafafa;
110
110
  $sds-color-primitive-gray-900: #000000;
111
111
  $sds-color-primitive-gray-900-dark: #ffffff;
112
- $sds-color-primitive-green-100: #daf4de;
112
+ $sds-color-primitive-green-100: #ebf9ed;
113
113
  $sds-color-primitive-green-100-dark: #082608;
114
114
  $sds-color-primitive-green-200: #b9ecc3;
115
115
  $sds-color-primitive-green-200-dark: #063617;
@@ -129,7 +129,7 @@ $sds-color-primitive-purple-100: #efeafe;
129
129
  $sds-color-primitive-purple-100-dark: #331252;
130
130
  $sds-color-primitive-purple-200: #e4dbfc;
131
131
  $sds-color-primitive-purple-200-dark: #410f70;
132
- $sds-color-primitive-purple-300: #cbbaf8;
132
+ $sds-color-primitive-purple-300: #cbbaF8;
133
133
  $sds-color-primitive-purple-300-dark: #6429b2;
134
134
  $sds-color-primitive-purple-400: #b296f2;
135
135
  $sds-color-primitive-purple-400-dark: #905de6;
@@ -151,7 +151,7 @@ $sds-color-primitive-red-400: #ff7e78;
151
151
  $sds-color-primitive-red-400-dark: #c73028;
152
152
  $sds-color-primitive-red-500: #db2131;
153
153
  $sds-color-primitive-red-500-dark: #e05043;
154
- $sds-color-primitive-red-600: #980017;
154
+ $sds-color-primitive-red-600: #b80017;
155
155
  $sds-color-primitive-red-600-dark: #ff988a;
156
156
  $sds-color-primitive-red-700: #6f0008;
157
157
  $sds-color-primitive-red-700-dark: #ffbdb3;
@@ -177,21 +177,63 @@ $sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);
177
177
  $sds-color-primitive-overlay-100-dark: rgba(0, 0, 0, 0.08);
178
178
  $sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);
179
179
  $sds-color-primitive-overlay-200-dark: rgba(0, 0, 0, 0.03);
180
+ $sds-color-semantic-accent-border: #1a6cef;
181
+ $sds-color-semantic-accent-border-dark: #a2c9ff;
182
+ $sds-color-semantic-accent-border-focus: #1a6cef;
183
+ $sds-color-semantic-accent-border-focus-dark: #a2c9ff;
184
+ $sds-color-semantic-accent-border-hover: #0041b9;
185
+ $sds-color-semantic-accent-border-hover-dark: #cde3ff;
186
+ $sds-color-semantic-accent-border-open: #1a6cef;
187
+ $sds-color-semantic-accent-border-open-dark: #a2c9ff;
188
+ $sds-color-semantic-accent-border-pressed: #002d90;
189
+ $sds-color-semantic-accent-border-pressed-dark: #e2eeff;
190
+ $sds-color-semantic-accent-border-selected: #1a6cef;
191
+ $sds-color-semantic-accent-border-selected-dark: #a2c9ff;
192
+ $sds-color-semantic-accent-fill-hover: #0041b9;
193
+ $sds-color-semantic-accent-fill-hover-dark: #cde3ff;
194
+ $sds-color-semantic-accent-fill-pressed: #002d90;
195
+ $sds-color-semantic-accent-fill-pressed-dark: #e2eeff;
196
+ $sds-color-semantic-accent-fill-primary: #1a6cef;
197
+ $sds-color-semantic-accent-fill-primary-dark: #2573f4;
198
+ $sds-color-semantic-accent-ornament: #1a6cef;
199
+ $sds-color-semantic-accent-ornament-dark: #a2c9ff;
200
+ $sds-color-semantic-accent-ornament-focus: #1a6cef;
201
+ $sds-color-semantic-accent-ornament-focus-dark: #a2c9ff;
202
+ $sds-color-semantic-accent-ornament-hover: #0041b9;
203
+ $sds-color-semantic-accent-ornament-hover-dark: #cde3ff;
204
+ $sds-color-semantic-accent-ornament-open: #1a6cef;
205
+ $sds-color-semantic-accent-ornament-open-dark: #a2c9ff;
206
+ $sds-color-semantic-accent-ornament-pressed: #002d90;
207
+ $sds-color-semantic-accent-ornament-pressed-dark: #e2eeff;
208
+ $sds-color-semantic-accent-ornament-selected: #1a6cef;
209
+ $sds-color-semantic-accent-ornament-selected-dark: #a2c9ff;
210
+ $sds-color-semantic-accent-surface-primary: #1a6cef;
211
+ $sds-color-semantic-accent-surface-primary-dark: #2573f4;
212
+ $sds-color-semantic-accent-surface-secondary: #edf3fd;
213
+ $sds-color-semantic-accent-surface-secondary-dark: #0f1d4a;
214
+ $sds-color-semantic-accent-text-action: #1a6cef;
215
+ $sds-color-semantic-accent-text-action-dark: #a2c9ff;
216
+ $sds-color-semantic-accent-text-action-hover: #0041b9;
217
+ $sds-color-semantic-accent-text-action-hover-dark: #cde3ff;
218
+ $sds-color-semantic-accent-text-action-pressed: #002d90;
219
+ $sds-color-semantic-accent-text-action-pressed-dark: #e2eeff;
180
220
  $sds-color-semantic-base-background-primary: #ffffff;
181
221
  $sds-color-semantic-base-background-primary-dark: #101010;
182
222
  $sds-color-semantic-base-background-primary-inverse: #000000;
183
223
  $sds-color-semantic-base-background-primary-inverse-dark: #ffffff;
184
- $sds-color-semantic-base-background-secondary: #f3f3f3;
224
+ $sds-color-semantic-base-background-secondary: #f8f8f8;
185
225
  $sds-color-semantic-base-background-secondary-dark: #333333;
186
226
  $sds-color-semantic-base-background-secondary-inverse: #3b3b3b;
187
227
  $sds-color-semantic-base-background-secondary-inverse-dark: #ededed;
188
- $sds-color-semantic-base-background-tertiary: #dfdfdf;
228
+ $sds-color-semantic-base-background-tertiary: #ededed;
189
229
  $sds-color-semantic-base-background-tertiary-dark: #494949;
190
- $sds-color-semantic-base-border-primary: #6c6c6c;
230
+ $sds-color-semantic-base-border-on-fill: #ffffff;
231
+ $sds-color-semantic-base-border-on-fill-dark: #000000;
232
+ $sds-color-semantic-base-border-primary: #767676;
191
233
  $sds-color-semantic-base-border-primary-dark: #cdcdcd;
192
234
  $sds-color-semantic-base-border-primary-disabled: #c3c3c3;
193
235
  $sds-color-semantic-base-border-primary-disabled-dark: #696969;
194
- $sds-color-semantic-base-border-primary-disabled-inverse: #6c6c6c;
236
+ $sds-color-semantic-base-border-primary-disabled-inverse: #767676;
195
237
  $sds-color-semantic-base-border-primary-disabled-inverse-dark: #cdcdcd;
196
238
  $sds-color-semantic-base-border-primary-hover: #000000;
197
239
  $sds-color-semantic-base-border-primary-hover-dark: #ffffff;
@@ -199,8 +241,6 @@ $sds-color-semantic-base-border-primary-hover-inverse: #ffffff;
199
241
  $sds-color-semantic-base-border-primary-hover-inverse-dark: #000000;
200
242
  $sds-color-semantic-base-border-primary-inverse: #c3c3c3;
201
243
  $sds-color-semantic-base-border-primary-inverse-dark: #696969;
202
- $sds-color-semantic-base-border-on-fill: #ffffff;
203
- $sds-color-semantic-base-border-on-fill-dark: #000000;
204
244
  $sds-color-semantic-base-border-primary-pressed: #000000;
205
245
  $sds-color-semantic-base-border-primary-pressed-dark: #ffffff;
206
246
  $sds-color-semantic-base-border-primary-pressed-inverse: #ffffff;
@@ -209,23 +249,29 @@ $sds-color-semantic-base-border-secondary: #c3c3c3;
209
249
  $sds-color-semantic-base-border-secondary-dark: #696969;
210
250
  $sds-color-semantic-base-divider: #dfdfdf;
211
251
  $sds-color-semantic-base-divider-dark: #494949;
212
- $sds-color-semantic-base-divider-inverse: #6c6c6c;
252
+ $sds-color-semantic-base-divider-inverse: #767676;
213
253
  $sds-color-semantic-base-divider-inverse-dark: #cdcdcd;
214
254
  $sds-color-semantic-base-fill-disabled: #dfdfdf;
215
255
  $sds-color-semantic-base-fill-disabled-dark: #494949;
216
- $sds-color-semantic-base-fill-hover: #c3c3c347;
217
- $sds-color-semantic-base-fill-hover-dark: #69696947;
218
- $sds-color-semantic-base-fill-open: #c3c3c347;
219
- $sds-color-semantic-base-fill-open-dark: #69696947;
220
- $sds-color-semantic-base-fill-pressed: #c3c3c347;
221
- $sds-color-semantic-base-fill-pressed-dark: #69696947;
256
+ $sds-color-semantic-base-fill-hover: #c3c3c333;
257
+ $sds-color-semantic-base-fill-hover-dark: #69696994;
258
+ $sds-color-semantic-base-fill-hover-inverse: #c3c3c357;
259
+ $sds-color-semantic-base-fill-hover-inverse-dark: #69696914;
260
+ $sds-color-semantic-base-fill-open: #c3c3c333;
261
+ $sds-color-semantic-base-fill-open-dark: #69696994;
262
+ $sds-color-semantic-base-fill-open-inverse: #c3c3c357;
263
+ $sds-color-semantic-base-fill-open-inverse-dark: #69696914;
264
+ $sds-color-semantic-base-fill-pressed: #c3c3c333;
265
+ $sds-color-semantic-base-fill-pressed-dark: #69696994;
266
+ $sds-color-semantic-base-fill-pressed-inverse: #c3c3c357;
267
+ $sds-color-semantic-base-fill-pressed-inverse-dark: #69696914;
222
268
  $sds-color-semantic-base-fill-primary: #ffffff;
223
269
  $sds-color-semantic-base-fill-primary-dark: #333333;
224
270
  $sds-color-semantic-base-fill-selected: #000000;
225
271
  $sds-color-semantic-base-fill-selected-dark: #ffffff;
226
272
  $sds-color-semantic-base-ornament-disabled: #c3c3c3;
227
273
  $sds-color-semantic-base-ornament-disabled-dark: #696969;
228
- $sds-color-semantic-base-ornament-disabled-inverse: #6c6c6c;
274
+ $sds-color-semantic-base-ornament-disabled-inverse: #767676;
229
275
  $sds-color-semantic-base-ornament-disabled-inverse-dark: #cdcdcd;
230
276
  $sds-color-semantic-base-ornament-on-fill: #ffffff;
231
277
  $sds-color-semantic-base-ornament-on-fill-dark: #ffffff;
@@ -233,21 +279,25 @@ $sds-color-semantic-base-ornament-primary: #000000;
233
279
  $sds-color-semantic-base-ornament-primary-dark: #ffffff;
234
280
  $sds-color-semantic-base-ornament-primary-inverse: #ffffff;
235
281
  $sds-color-semantic-base-ornament-primary-inverse-dark: #000000;
236
- $sds-color-semantic-base-ornament-secondary: #6c6c6c;
282
+ $sds-color-semantic-base-ornament-secondary: #767676;
237
283
  $sds-color-semantic-base-ornament-secondary-dark: #cdcdcd;
238
- $sds-color-semantic-base-ornament-secondary-inverse: #c3c3c3;
239
- $sds-color-semantic-base-ornament-secondary-inverse-dark: #696969;
240
284
  $sds-color-semantic-base-ornament-secondary-hover: #000000;
241
285
  $sds-color-semantic-base-ornament-secondary-hover-dark: #ffffff;
286
+ $sds-color-semantic-base-ornament-secondary-hover-inverse: #ffffff;
287
+ $sds-color-semantic-base-ornament-secondary-hover-inverse-dark: #000000;
288
+ $sds-color-semantic-base-ornament-secondary-inverse: #c3c3c3;
289
+ $sds-color-semantic-base-ornament-secondary-inverse-dark: #696969;
242
290
  $sds-color-semantic-base-ornament-secondary-pressed: #000000;
243
291
  $sds-color-semantic-base-ornament-secondary-pressed-dark: #ffffff;
292
+ $sds-color-semantic-base-ornament-secondary-pressed-inverse: #ffffff;
293
+ $sds-color-semantic-base-ornament-secondary-pressed-inverse-dark: #000000;
244
294
  $sds-color-semantic-base-surface: #ffffff;
245
295
  $sds-color-semantic-base-surface-dark: #333333;
246
296
  $sds-color-semantic-base-surface-inverse: #000000;
247
- $sds-color-semantic-base-surface-inverse-dark: #ffffff;
297
+ $sds-color-semantic-base-surface-inverse-dark: #ededed;
248
298
  $sds-color-semantic-base-text-disabled: #c3c3c3;
249
299
  $sds-color-semantic-base-text-disabled-dark: #696969;
250
- $sds-color-semantic-base-text-disabled-inverse: #6c6c6c;
300
+ $sds-color-semantic-base-text-disabled-inverse: #767676;
251
301
  $sds-color-semantic-base-text-disabled-inverse-dark: #cdcdcd;
252
302
  $sds-color-semantic-base-text-on-fill: #ffffff;
253
303
  $sds-color-semantic-base-text-on-fill-dark: #ffffff;
@@ -255,7 +305,7 @@ $sds-color-semantic-base-text-primary: #000000;
255
305
  $sds-color-semantic-base-text-primary-dark: #ffffff;
256
306
  $sds-color-semantic-base-text-primary-inverse: #ffffff;
257
307
  $sds-color-semantic-base-text-primary-inverse-dark: #000000;
258
- $sds-color-semantic-base-text-secondary: #6c6c6c;
308
+ $sds-color-semantic-base-text-secondary: #767676;
259
309
  $sds-color-semantic-base-text-secondary-dark: #cdcdcd;
260
310
  $sds-color-semantic-base-text-secondary-inverse: #c3c3c3;
261
311
  $sds-color-semantic-base-text-secondary-inverse-dark: #696969;
@@ -263,46 +313,6 @@ $sds-color-semantic-base-text-tertiary: #a5a5a5;
263
313
  $sds-color-semantic-base-text-tertiary-dark: #9b9b9b;
264
314
  $sds-color-semantic-base-text-tertiary-inverse: #969696;
265
315
  $sds-color-semantic-base-text-tertiary-inverse-dark: #aaaaaa;
266
- $sds-color-semantic-accent-border: #1a6cef;
267
- $sds-color-semantic-accent-border-dark: #a2c9ff;
268
- $sds-color-semantic-accent-border-focus: #1a6cef;
269
- $sds-color-semantic-accent-border-focus-dark: #a2c9ff;
270
- $sds-color-semantic-accent-border-hover: #0041b9;
271
- $sds-color-semantic-accent-border-hover-dark: #cde3ff;
272
- $sds-color-semantic-accent-border-open: #1a6cef;
273
- $sds-color-semantic-accent-border-open-dark: #a2c9ff;
274
- $sds-color-semantic-accent-border-pressed: #002d90;
275
- $sds-color-semantic-accent-border-pressed-dark: #e2eeff;
276
- $sds-color-semantic-accent-border-selected: #1a6cef;
277
- $sds-color-semantic-accent-border-selected-dark: #a2c9ff;
278
- $sds-color-semantic-accent-fill-hover: #0041b9;
279
- $sds-color-semantic-accent-fill-hover-dark: #cde3ff;
280
- $sds-color-semantic-accent-fill-pressed: #002d90;
281
- $sds-color-semantic-accent-fill-pressed-dark: #e2eeff;
282
- $sds-color-semantic-accent-fill-primary: #1a6cef;
283
- $sds-color-semantic-accent-fill-primary-dark: #2573f4;
284
- $sds-color-semantic-accent-ornament: #1a6cef;
285
- $sds-color-semantic-accent-ornament-dark: #a2c9ff;
286
- $sds-color-semantic-accent-ornament-focus: #1a6cef;
287
- $sds-color-semantic-accent-ornament-focus-dark: #a2c9ff;
288
- $sds-color-semantic-accent-ornament-hover: #0041b9;
289
- $sds-color-semantic-accent-ornament-hover-dark: #cde3ff;
290
- $sds-color-semantic-accent-ornament-open: #1a6cef;
291
- $sds-color-semantic-accent-ornament-open-dark: #a2c9ff;
292
- $sds-color-semantic-accent-ornament-pressed: #002d90;
293
- $sds-color-semantic-accent-ornament-pressed-dark: #e2eeff;
294
- $sds-color-semantic-accent-ornament-selected: #1a6cef;
295
- $sds-color-semantic-accent-ornament-selected-dark: #a2c9ff;
296
- $sds-color-semantic-accent-surface-primary: #1a6cef;
297
- $sds-color-semantic-accent-surface-primary-dark: #2573f4;
298
- $sds-color-semantic-accent-surface-secondary: #e2eeff;
299
- $sds-color-semantic-accent-surface-secondary-dark: #0f1d4a;
300
- $sds-color-semantic-accent-text-action: #1a6cef;
301
- $sds-color-semantic-accent-text-action-dark: #a2c9ff;
302
- $sds-color-semantic-accent-text-action-hover: #0041b9;
303
- $sds-color-semantic-accent-text-action-hover-dark: #cde3ff;
304
- $sds-color-semantic-accent-text-action-pressed: #002d90;
305
- $sds-color-semantic-accent-text-action-pressed-dark: #e2eeff;
306
316
  $sds-color-semantic-beta-border: #6526b5;
307
317
  $sds-color-semantic-beta-border-dark: #cebef8;
308
318
  $sds-color-semantic-beta-fill-hover: #6526b5;
@@ -329,19 +339,19 @@ $sds-color-semantic-info-fill-pressed: #002d90;
329
339
  $sds-color-semantic-info-fill-pressed-dark: #e2eeff;
330
340
  $sds-color-semantic-info-fill-primary: #1a6cef;
331
341
  $sds-color-semantic-info-fill-primary-dark: #2573f4;
332
- $sds-color-semantic-info-fill-secondary: #e2eeff;
342
+ $sds-color-semantic-info-fill-secondary: #edf3fd;
333
343
  $sds-color-semantic-info-fill-secondary-dark: #0f1d4a;
334
344
  $sds-color-semantic-info-ornament: #0041b9;
335
345
  $sds-color-semantic-info-ornament-dark: #a2c9ff;
336
346
  $sds-color-semantic-info-surface-primary: #1a6cef;
337
347
  $sds-color-semantic-info-surface-primary-dark: #2573f4;
338
- $sds-color-semantic-info-surface-secondary: #e2eeff;
348
+ $sds-color-semantic-info-surface-secondary: #edf3fd;
339
349
  $sds-color-semantic-info-surface-secondary-dark: #0f1d4a;
340
350
  $sds-color-semantic-info-text: #0041b9;
341
351
  $sds-color-semantic-info-text-dark: #a2c9ff;
342
- $sds-color-semantic-negative-border: #980017;
352
+ $sds-color-semantic-negative-border: #b80017;
343
353
  $sds-color-semantic-negative-border-dark: #ff988a;
344
- $sds-color-semantic-negative-fill-hover: #980017;
354
+ $sds-color-semantic-negative-fill-hover: #b80017;
345
355
  $sds-color-semantic-negative-fill-hover-dark: #ffbdb3;
346
356
  $sds-color-semantic-negative-fill-pressed: #6f0008;
347
357
  $sds-color-semantic-negative-fill-pressed-dark: #ffd8d1;
@@ -349,17 +359,17 @@ $sds-color-semantic-negative-fill-primary: #db2131;
349
359
  $sds-color-semantic-negative-fill-primary-dark: #c73028;
350
360
  $sds-color-semantic-negative-fill-secondary: #ffe8e6;
351
361
  $sds-color-semantic-negative-fill-secondary-dark: #330603;
352
- $sds-color-semantic-negative-ornament: #980017;
362
+ $sds-color-semantic-negative-ornament: #b80017;
353
363
  $sds-color-semantic-negative-ornament-dark: #ff988a;
354
364
  $sds-color-semantic-negative-surface-primary: #db2131;
355
365
  $sds-color-semantic-negative-surface-primary-dark: #c73028;
356
366
  $sds-color-semantic-negative-surface-secondary: #ffe8e6;
357
367
  $sds-color-semantic-negative-surface-secondary-dark: #330603;
358
- $sds-color-semantic-negative-text: #980017;
368
+ $sds-color-semantic-negative-text: #b80017;
359
369
  $sds-color-semantic-negative-text-dark: #ff988a;
360
370
  $sds-color-semantic-neutral-border: #969696;
361
371
  $sds-color-semantic-neutral-border-dark: #aaaaaa;
362
- $sds-color-semantic-neutral-fill-hover: #6c6c6c;
372
+ $sds-color-semantic-neutral-fill-hover: #767676;
363
373
  $sds-color-semantic-neutral-fill-hover-dark: #cdcdcd;
364
374
  $sds-color-semantic-neutral-fill-pressed: #3b3b3b;
365
375
  $sds-color-semantic-neutral-fill-pressed-dark: #ededed;
@@ -401,188 +411,394 @@ $sds-color-semantic-positive-fill-pressed: #07431d;
401
411
  $sds-color-semantic-positive-fill-pressed-dark: #daf4de;
402
412
  $sds-color-semantic-positive-fill-primary: #238444;
403
413
  $sds-color-semantic-positive-fill-primary-dark: #278b48;
404
- $sds-color-semantic-positive-fill-secondary: #daf4de;
414
+ $sds-color-semantic-positive-fill-secondary: #ebf9ed;
405
415
  $sds-color-semantic-positive-fill-secondary-dark: #082608;
406
416
  $sds-color-semantic-positive-ornament: #105b2b;
407
417
  $sds-color-semantic-positive-ornament-dark: #85d898;
408
418
  $sds-color-semantic-positive-surface-primary: #238444;
409
419
  $sds-color-semantic-positive-surface-primary-dark: #278b48;
410
- $sds-color-semantic-positive-surface-secondary: #daf4de;
420
+ $sds-color-semantic-positive-surface-secondary: #ebf9ed;
411
421
  $sds-color-semantic-positive-surface-secondary-dark: #082608;
412
422
  $sds-color-semantic-positive-text: #105b2b;
413
423
  $sds-color-semantic-positive-text-dark: #85d898;
414
- $sds-corner-l: 20px;
424
+ $sds-corner-rounded: 20px;
425
+ $sds-corner-xl: 8px;
426
+ $sds-corner-l: 6px;
415
427
  $sds-corner-m: 4px;
416
428
  $sds-corner-s: 2px;
417
429
  $sds-corner-none: 0px;
418
- $sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3);
419
- $sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15);
420
- $sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25);
430
+ $sds-drop-shadow-l: 0 2px 12px 0 rgba(0,0,0, 0.3);
431
+ $sds-drop-shadow-m: 0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15);
421
432
  $sds-drop-shadow-none: none;
422
- $sds-font-font-family-body: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
423
- $sds-font-font-family-body-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
424
- $sds-font-font-family-caps: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
425
- $sds-font-font-family-caps-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
426
- $sds-font-font-family-code: "IBM Plex Mono", monospace;
427
- $sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;
428
- $sds-font-font-family-header: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
429
- $sds-font-font-family-header-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
430
- $sds-font-font-family-tabular: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
431
- $sds-font-font-family-tabular-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
432
- $sds-font-body-xxxs-400-font: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
433
- $sds-font-body-xxxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
434
- $sds-font-body-xxxs-400-letter-spacing: 0.1px;
435
- $sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;
436
- $sds-font-body-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
437
- $sds-font-body-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
438
- $sds-font-body-xxxs-600-letter-spacing: 0.1px;
439
- $sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;
440
- $sds-font-body-xxs-400-font: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
441
- $sds-font-body-xxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
442
- $sds-font-body-xxs-400-letter-spacing: 0.1px;
443
- $sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;
444
- $sds-font-body-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
445
- $sds-font-body-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
446
- $sds-font-body-xxs-600-letter-spacing: 0.1px;
447
- $sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;
448
- $sds-font-body-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
449
- $sds-font-body-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
450
- $sds-font-body-xs-400-letter-spacing: 0.08px;
451
- $sds-font-body-xs-400-letter-spacing-narrow: 0.08px;
452
- $sds-font-body-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
453
- $sds-font-body-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
454
- $sds-font-body-xs-600-letter-spacing: 0.08px;
455
- $sds-font-body-xs-600-letter-spacing-narrow: 0.08px;
456
- $sds-font-body-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
457
- $sds-font-body-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
458
- $sds-font-body-s-400-letter-spacing: 0.08px;
459
- $sds-font-body-s-400-letter-spacing-narrow: 0.08px;
460
- $sds-font-body-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
461
- $sds-font-body-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
462
- $sds-font-body-s-600-letter-spacing: 0.08px;
463
- $sds-font-body-s-600-letter-spacing-narrow: 0.08px;
464
- $sds-font-body-m-400-font: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
465
- $sds-font-body-m-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
466
- $sds-font-body-m-400-letter-spacing: 0px;
467
- $sds-font-body-m-400-letter-spacing-narrow: 0px;
468
- $sds-font-body-m-600-font: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
469
- $sds-font-body-m-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
470
- $sds-font-body-m-600-letter-spacing: 0px;
471
- $sds-font-body-m-600-letter-spacing-narrow: 0px;
433
+ $sds-drop-shadow-s: 0 2px 4px 0 rgba(0,0,0, 0.25);
472
434
  $sds-font-body-l-400-font: 400 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
473
435
  $sds-font-body-l-400-font-narrow: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
474
436
  $sds-font-body-l-400-letter-spacing: 0px;
475
437
  $sds-font-body-l-400-letter-spacing-narrow: 0px;
438
+ $sds-font-body-l-500-font: 500 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
439
+ $sds-font-body-l-500-font-narrow: 500 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
440
+ $sds-font-body-l-500-letter-spacing: 0px;
441
+ $sds-font-body-l-500-letter-spacing-narrow: 0px;
476
442
  $sds-font-body-l-600-font: 600 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
477
443
  $sds-font-body-l-600-font-narrow: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
478
444
  $sds-font-body-l-600-letter-spacing: 0px;
479
445
  $sds-font-body-l-600-letter-spacing-narrow: 0px;
480
- $sds-font-caps-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
481
- $sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
482
- $sds-font-caps-xxxxs-600-letter-spacing: 0.5px;
483
- $sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;
484
- $sds-font-caps-xxxxs-600-text-transform: uppercase;
485
- $sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;
486
- $sds-font-caps-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
487
- $sds-font-caps-xxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
488
- $sds-font-caps-xxxs-600-letter-spacing: 0.5px;
489
- $sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;
490
- $sds-font-caps-xxxs-600-text-transform: uppercase;
491
- $sds-font-caps-xxxs-600-text-transform-narrow: uppercase;
446
+ $sds-font-body-m-400-font: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
447
+ $sds-font-body-m-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
448
+ $sds-font-body-m-400-letter-spacing: 0px;
449
+ $sds-font-body-m-400-letter-spacing-narrow: 0px;
450
+ $sds-font-body-m-500-font: 500 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
451
+ $sds-font-body-m-500-font-narrow: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
452
+ $sds-font-body-m-500-letter-spacing: 0px;
453
+ $sds-font-body-m-500-letter-spacing-narrow: 0px;
454
+ $sds-font-body-m-600-font: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
455
+ $sds-font-body-m-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
456
+ $sds-font-body-m-600-letter-spacing: 0px;
457
+ $sds-font-body-m-600-letter-spacing-narrow: 0px;
458
+ $sds-font-body-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
459
+ $sds-font-body-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
460
+ $sds-font-body-s-400-letter-spacing: 0px;
461
+ $sds-font-body-s-400-letter-spacing-narrow: 0px;
462
+ $sds-font-body-s-500-font: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
463
+ $sds-font-body-s-500-font-narrow: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
464
+ $sds-font-body-s-500-letter-spacing: 0px;
465
+ $sds-font-body-s-500-letter-spacing-narrow: 0px;
466
+ $sds-font-body-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
467
+ $sds-font-body-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
468
+ $sds-font-body-s-600-letter-spacing: 0px;
469
+ $sds-font-body-s-600-letter-spacing-narrow: 0px;
470
+ $sds-font-body-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
471
+ $sds-font-body-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
472
+ $sds-font-body-xs-400-letter-spacing: 0px;
473
+ $sds-font-body-xs-400-letter-spacing-narrow: 0px;
474
+ $sds-font-body-xs-500-font: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
475
+ $sds-font-body-xs-500-font-narrow: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
476
+ $sds-font-body-xs-500-letter-spacing: 0px;
477
+ $sds-font-body-xs-500-letter-spacing-narrow: 0px;
478
+ $sds-font-body-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
479
+ $sds-font-body-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
480
+ $sds-font-body-xs-600-letter-spacing: 0px;
481
+ $sds-font-body-xs-600-letter-spacing-narrow: 0px;
482
+ $sds-font-body-xxs-400-font: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
483
+ $sds-font-body-xxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
484
+ $sds-font-body-xxs-400-letter-spacing: 0.06px;
485
+ $sds-font-body-xxs-400-letter-spacing-narrow: 0.06px;
486
+ $sds-font-body-xxs-500-font: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
487
+ $sds-font-body-xxs-500-font-narrow: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
488
+ $sds-font-body-xxs-500-letter-spacing: 0.06px;
489
+ $sds-font-body-xxs-500-letter-spacing-narrow: 0.06px;
490
+ $sds-font-body-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
491
+ $sds-font-body-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
492
+ $sds-font-body-xxs-600-letter-spacing: 0.06px;
493
+ $sds-font-body-xxs-600-letter-spacing-narrow: 0.06px;
494
+ $sds-font-body-xxxs-400-font: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
495
+ $sds-font-body-xxxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
496
+ $sds-font-body-xxxs-400-letter-spacing: 0.06px;
497
+ $sds-font-body-xxxs-400-letter-spacing-narrow: 0.06px;
498
+ $sds-font-body-xxxs-500-font: 500 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
499
+ $sds-font-body-xxxs-500-font-narrow: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
500
+ $sds-font-body-xxxs-500-letter-spacing: 0.06px;
501
+ $sds-font-body-xxxs-500-letter-spacing-narrow: 0.06px;
502
+ $sds-font-body-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
503
+ $sds-font-body-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
504
+ $sds-font-body-xxxs-600-letter-spacing: 0.06px;
505
+ $sds-font-body-xxxs-600-letter-spacing-narrow: 0.06px;
492
506
  $sds-font-caps-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
493
507
  $sds-font-caps-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
494
- $sds-font-caps-xxs-600-letter-spacing: 0.5px;
495
- $sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;
508
+ $sds-font-caps-xxs-600-letter-spacing: 0.4px;
509
+ $sds-font-caps-xxs-600-letter-spacing-narrow: 0.4px;
496
510
  $sds-font-caps-xxs-600-text-transform: uppercase;
497
511
  $sds-font-caps-xxs-600-text-transform-narrow: uppercase;
498
- $sds-font-header-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
499
- $sds-font-header-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
500
- $sds-font-header-xxxs-600-letter-spacing: 0.1px;
501
- $sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;
502
- $sds-font-header-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
503
- $sds-font-header-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
504
- $sds-font-header-xxs-600-letter-spacing: 0.1px;
505
- $sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;
506
- $sds-font-header-xs-600-font: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
507
- $sds-font-header-xs-600-font-narrow: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
508
- $sds-font-header-xs-600-letter-spacing: 0.08px;
509
- $sds-font-header-xs-600-letter-spacing-narrow: 0.08px;
510
- $sds-font-header-s-600-font: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
511
- $sds-font-header-s-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
512
- $sds-font-header-s-600-letter-spacing: 0.08px;
513
- $sds-font-header-s-600-letter-spacing-narrow: 0.08px;
514
- $sds-font-header-m-600-font: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
515
- $sds-font-header-m-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
516
- $sds-font-header-m-600-letter-spacing: 0px;
517
- $sds-font-header-m-600-letter-spacing-narrow: 0.08px;
518
- $sds-font-header-l-600-font: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
519
- $sds-font-header-l-600-font-narrow: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
520
- $sds-font-header-l-600-letter-spacing: 0px;
521
- $sds-font-header-l-600-letter-spacing-narrow: 0px;
522
- $sds-font-header-xl-600-font: 600 22px/30px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
523
- $sds-font-header-xl-600-font-narrow: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
524
- $sds-font-header-xl-600-letter-spacing: 0px;
525
- $sds-font-header-xl-600-letter-spacing-narrow: 0px;
512
+ $sds-font-caps-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
513
+ $sds-font-caps-xxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
514
+ $sds-font-caps-xxxs-600-letter-spacing: 0.4px;
515
+ $sds-font-caps-xxxs-600-letter-spacing-narrow: 0.4px;
516
+ $sds-font-caps-xxxs-600-text-transform: uppercase;
517
+ $sds-font-caps-xxxs-600-text-transform-narrow: uppercase;
518
+ $sds-font-caps-xxxxs-600-font: 600 10px/14px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
519
+ $sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
520
+ $sds-font-caps-xxxxs-600-letter-spacing: 0.4px;
521
+ $sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.4px;
522
+ $sds-font-caps-xxxxs-600-text-transform: uppercase;
523
+ $sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;
524
+ $sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;
525
+ $sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;
526
+ $sds-font-code-s-400-letter-spacing: 0px;
527
+ $sds-font-code-s-400-letter-spacing-narrow: 0px;
528
+ $sds-font-code-s-500-font: 500 14px/24px "IBM Plex Mono", monospace;
529
+ $sds-font-code-s-500-font-narrow: 500 14px/24px "IBM Plex Mono", monospace;
530
+ $sds-font-code-s-500-letter-spacing: 0px;
531
+ $sds-font-code-s-500-letter-spacing-narrow: 0px;
532
+ $sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;
533
+ $sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;
534
+ $sds-font-code-s-600-letter-spacing: 0px;
535
+ $sds-font-code-s-600-letter-spacing-narrow: 0px;
536
+ $sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;
537
+ $sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;
538
+ $sds-font-code-xs-400-letter-spacing: 0px;
539
+ $sds-font-code-xs-400-letter-spacing-narrow: 0px;
540
+ $sds-font-code-xs-500-font: 500 13px/20px "IBM Plex Mono", monospace;
541
+ $sds-font-code-xs-500-font-narrow: 500 13px/20px "IBM Plex Mono", monospace;
542
+ $sds-font-code-xs-500-letter-spacing: 0px;
543
+ $sds-font-code-xs-500-letter-spacing-narrow: 0px;
544
+ $sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;
545
+ $sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;
546
+ $sds-font-code-xs-600-letter-spacing: 0px;
547
+ $sds-font-code-xs-600-letter-spacing-narrow: 0px;
548
+ $sds-font-font-family-body: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
549
+ $sds-font-font-family-body-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
550
+ $sds-font-font-family-caps: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
551
+ $sds-font-font-family-caps-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
552
+ $sds-font-font-family-code: "IBM Plex Mono", monospace;
553
+ $sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;
554
+ $sds-font-font-family-header: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
555
+ $sds-font-font-family-header-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
556
+ $sds-font-font-family-link: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
557
+ $sds-font-font-family-link-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
558
+ $sds-font-font-family-tabular: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
559
+ $sds-font-font-family-tabular-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
560
+ $sds-font-font-family-title: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
561
+ $sds-font-font-family-title-narrow: var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
526
562
  $sds-font-header-xxl-600-font: 600 26px/34px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
527
563
  $sds-font-header-xxl-600-font-narrow: 600 22px/30px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
528
564
  $sds-font-header-xxl-600-letter-spacing: 0px;
529
565
  $sds-font-header-xxl-600-letter-spacing-narrow: 0px;
530
- $sds-font-tabular-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
531
- $sds-font-tabular-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
532
- $sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;
533
- $sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;
534
- $sds-font-tabular-xs-400-letter-spacing: 0px;
535
- $sds-font-tabular-xs-400-letter-spacing-narrow: 0px;
536
- $sds-font-tabular-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
537
- $sds-font-tabular-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
538
- $sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;
539
- $sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;
540
- $sds-font-tabular-xs-600-letter-spacing: 0px;
541
- $sds-font-tabular-xs-600-letter-spacing-narrow: 0px;
566
+ $sds-font-header-xl-600-font: 600 22px/30px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
567
+ $sds-font-header-xl-600-font-narrow: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
568
+ $sds-font-header-xl-600-letter-spacing: 0px;
569
+ $sds-font-header-xl-600-letter-spacing-narrow: 0px;
570
+ $sds-font-header-l-600-font: 600 18px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
571
+ $sds-font-header-l-600-font-narrow: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
572
+ $sds-font-header-l-600-letter-spacing: 0px;
573
+ $sds-font-header-l-600-letter-spacing-narrow: 0px;
574
+ $sds-font-header-m-600-font: 600 16px/22px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
575
+ $sds-font-header-m-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
576
+ $sds-font-header-m-600-letter-spacing: 0px;
577
+ $sds-font-header-m-600-letter-spacing-narrow: 0.08px;
578
+ $sds-font-header-s-600-font: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
579
+ $sds-font-header-s-600-font-narrow: 600 14px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
580
+ $sds-font-header-s-600-letter-spacing: 0.08px;
581
+ $sds-font-header-s-600-letter-spacing-narrow: 0.08px;
582
+ $sds-font-header-xs-600-font: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
583
+ $sds-font-header-xs-600-font-narrow: 600 13px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
584
+ $sds-font-header-xs-600-letter-spacing: 0.08px;
585
+ $sds-font-header-xs-600-letter-spacing-narrow: 0.08px;
586
+ $sds-font-header-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
587
+ $sds-font-header-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
588
+ $sds-font-header-xxs-600-letter-spacing: 0.1px;
589
+ $sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;
590
+ $sds-font-header-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
591
+ $sds-font-header-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
592
+ $sds-font-header-xxxs-600-letter-spacing: 0.1px;
593
+ $sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;
594
+ $sds-font-link-l-400-font: 400 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
595
+ $sds-font-link-l-400-font-narrow: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
596
+ $sds-font-link-l-400-letter-spacing: 0px;
597
+ $sds-font-link-l-400-letter-spacing-narrow: 0px;
598
+ $sds-font-link-l-400-text-decoration: underline;
599
+ $sds-font-link-l-400-text-decoration-narrow: underline;
600
+ $sds-font-link-l-500-font: 500 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
601
+ $sds-font-link-l-500-font-narrow: 500 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
602
+ $sds-font-link-l-500-letter-spacing: 0px;
603
+ $sds-font-link-l-500-letter-spacing-narrow: 0px;
604
+ $sds-font-link-l-500-text-decoration: underline;
605
+ $sds-font-link-l-500-text-decoration-narrow: underline;
606
+ $sds-font-link-l-600-font: 600 18px/28px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
607
+ $sds-font-link-l-600-font-narrow: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
608
+ $sds-font-link-l-600-letter-spacing: 0px;
609
+ $sds-font-link-l-600-letter-spacing-narrow: 0px;
610
+ $sds-font-link-l-600-text-decoration: underline;
611
+ $sds-font-link-l-600-text-decoration-narrow: underline;
612
+ $sds-font-link-m-400-font: 400 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
613
+ $sds-font-link-m-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
614
+ $sds-font-link-m-400-letter-spacing: 0px;
615
+ $sds-font-link-m-400-letter-spacing-narrow: 0px;
616
+ $sds-font-link-m-400-text-decoration: underline;
617
+ $sds-font-link-m-400-text-decoration-narrow: underline;
618
+ $sds-font-link-m-500-font: 500 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
619
+ $sds-font-link-m-500-font-narrow: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
620
+ $sds-font-link-m-500-letter-spacing: 0px;
621
+ $sds-font-link-m-500-letter-spacing-narrow: 0px;
622
+ $sds-font-link-m-500-text-decoration: underline;
623
+ $sds-font-link-m-500-text-decoration-narrow: underline;
624
+ $sds-font-link-m-600-font: 600 16px/26px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
625
+ $sds-font-link-m-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
626
+ $sds-font-link-m-600-letter-spacing: 0px;
627
+ $sds-font-link-m-600-letter-spacing-narrow: 0px;
628
+ $sds-font-link-m-600-text-decoration: underline;
629
+ $sds-font-link-m-600-text-decoration-narrow: underline;
630
+ $sds-font-link-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
631
+ $sds-font-link-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
632
+ $sds-font-link-s-400-letter-spacing: 0px;
633
+ $sds-font-link-s-400-letter-spacing-narrow: 0px;
634
+ $sds-font-link-s-400-text-decoration: underline;
635
+ $sds-font-link-s-400-text-decoration-narrow: underline;
636
+ $sds-font-link-s-500-font: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
637
+ $sds-font-link-s-500-font-narrow: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
638
+ $sds-font-link-s-500-letter-spacing: 0px;
639
+ $sds-font-link-s-500-letter-spacing-narrow: 0px;
640
+ $sds-font-link-s-500-text-decoration: underline;
641
+ $sds-font-link-s-500-text-decoration-narrow: underline;
642
+ $sds-font-link-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
643
+ $sds-font-link-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
644
+ $sds-font-link-s-600-letter-spacing: 0px;
645
+ $sds-font-link-s-600-letter-spacing-narrow: 0px;
646
+ $sds-font-link-s-600-text-decoration: underline;
647
+ $sds-font-link-s-600-text-decoration-narrow: underline;
648
+ $sds-font-link-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
649
+ $sds-font-link-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
650
+ $sds-font-link-xs-400-letter-spacing: 0px;
651
+ $sds-font-link-xs-400-letter-spacing-narrow: 0px;
652
+ $sds-font-link-xs-400-text-decoration: underline;
653
+ $sds-font-link-xs-400-text-decoration-narrow: underline;
654
+ $sds-font-link-xs-500-font: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
655
+ $sds-font-link-xs-500-font-narrow: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
656
+ $sds-font-link-xs-500-letter-spacing: 0px;
657
+ $sds-font-link-xs-500-letter-spacing-narrow: 0px;
658
+ $sds-font-link-xs-500-text-decoration: underline;
659
+ $sds-font-link-xs-500-text-decoration-narrow: underline;
660
+ $sds-font-link-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
661
+ $sds-font-link-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
662
+ $sds-font-link-xs-600-letter-spacing: 0px;
663
+ $sds-font-link-xs-600-letter-spacing-narrow: 0px;
664
+ $sds-font-link-xs-600-text-decoration: underline;
665
+ $sds-font-link-xs-600-text-decoration-narrow: underline;
666
+ $sds-font-link-xxs-400-font: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
667
+ $sds-font-link-xxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
668
+ $sds-font-link-xxs-400-letter-spacing: 0.06px;
669
+ $sds-font-link-xxs-400-letter-spacing-narrow: 0.06px;
670
+ $sds-font-link-xxs-400-text-decoration: underline;
671
+ $sds-font-link-xxs-400-text-decoration-narrow: underline;
672
+ $sds-font-link-xxs-500-font: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
673
+ $sds-font-link-xxs-500-font-narrow: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
674
+ $sds-font-link-xxs-500-letter-spacing: 0.06px;
675
+ $sds-font-link-xxs-500-letter-spacing-narrow: 0.06px;
676
+ $sds-font-link-xxs-500-text-decoration: underline;
677
+ $sds-font-link-xxs-500-text-decoration-narrow: underline;
678
+ $sds-font-link-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
679
+ $sds-font-link-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
680
+ $sds-font-link-xxs-600-letter-spacing: 0.06px;
681
+ $sds-font-link-xxs-600-letter-spacing-narrow: 0.06px;
682
+ $sds-font-link-xxs-600-text-decoration: underline;
683
+ $sds-font-link-xxs-600-text-decoration-narrow: underline;
684
+ $sds-font-link-xxxs-400-font: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
685
+ $sds-font-link-xxxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
686
+ $sds-font-link-xxxs-400-letter-spacing: 0.06px;
687
+ $sds-font-link-xxxs-400-letter-spacing-narrow: 0.06px;
688
+ $sds-font-link-xxxs-400-text-decoration: underline;
689
+ $sds-font-link-xxxs-400-text-decoration-narrow: underline;
690
+ $sds-font-link-xxxs-500-font: 500 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
691
+ $sds-font-link-xxxs-500-font-narrow: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
692
+ $sds-font-link-xxxs-500-letter-spacing: 0.06px;
693
+ $sds-font-link-xxxs-500-letter-spacing-narrow: 0.06px;
694
+ $sds-font-link-xxxs-500-text-decoration: underline;
695
+ $sds-font-link-xxxs-500-text-decoration-narrow: underline;
696
+ $sds-font-link-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
697
+ $sds-font-link-xxxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
698
+ $sds-font-link-xxxs-600-letter-spacing: 0.06px;
699
+ $sds-font-link-xxxs-600-letter-spacing-narrow: 0.06px;
700
+ $sds-font-link-xxxs-600-text-decoration: underline;
701
+ $sds-font-link-xxxs-600-text-decoration-narrow: underline;
542
702
  $sds-font-tabular-s-400-font: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
543
703
  $sds-font-tabular-s-400-font-narrow: 400 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
544
704
  $sds-font-tabular-s-400-font-variant-numeric: tabular-nums;
545
705
  $sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;
546
- $sds-font-tabular-s-400-letter-spacing: 0px;
547
- $sds-font-tabular-s-400-letter-spacing-narrow: 0px;
706
+ $sds-font-tabular-s-400-letter-spacing: -0.3px;
707
+ $sds-font-tabular-s-400-letter-spacing-narrow: -0.3px;
708
+ $sds-font-tabular-s-500-font: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
709
+ $sds-font-tabular-s-500-font-narrow: 500 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
710
+ $sds-font-tabular-s-500-font-variant-numeric: tabular-nums;
711
+ $sds-font-tabular-s-500-font-variant-numeric-narrow: tabular-nums;
712
+ $sds-font-tabular-s-500-letter-spacing: -0.3px;
713
+ $sds-font-tabular-s-500-letter-spacing-narrow: -0.3px;
548
714
  $sds-font-tabular-s-600-font: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
549
715
  $sds-font-tabular-s-600-font-narrow: 600 14px/24px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
550
716
  $sds-font-tabular-s-600-font-variant-numeric: tabular-nums;
551
717
  $sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;
552
- $sds-font-tabular-s-600-letter-spacing: 0px;
553
- $sds-font-tabular-s-600-letter-spacing-narrow: 0px;
554
- $sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;
555
- $sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;
556
- $sds-font-code-xs-400-letter-spacing: 0px;
557
- $sds-font-code-xs-400-letter-spacing-narrow: 0px;
558
- $sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;
559
- $sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;
560
- $sds-font-code-xs-600-letter-spacing: 0px;
561
- $sds-font-code-xs-600-letter-spacing-narrow: 0px;
562
- $sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;
563
- $sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;
564
- $sds-font-code-s-400-letter-spacing: 0px;
565
- $sds-font-code-s-400-letter-spacing-narrow: 0px;
566
- $sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;
567
- $sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;
568
- $sds-font-code-s-600-letter-spacing: 0px;
569
- $sds-font-code-s-600-letter-spacing-narrow: 0px;
718
+ $sds-font-tabular-s-600-letter-spacing: -0.3px;
719
+ $sds-font-tabular-s-600-letter-spacing-narrow: -0.3px;
720
+ $sds-font-tabular-xs-400-font: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
721
+ $sds-font-tabular-xs-400-font-narrow: 400 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
722
+ $sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;
723
+ $sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;
724
+ $sds-font-tabular-xs-400-letter-spacing: -0.3px;
725
+ $sds-font-tabular-xs-400-letter-spacing-narrow: -0.3px;
726
+ $sds-font-tabular-xs-500-font: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
727
+ $sds-font-tabular-xs-500-font-narrow: 500 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
728
+ $sds-font-tabular-xs-500-font-variant-numeric: tabular-nums;
729
+ $sds-font-tabular-xs-500-font-variant-numeric-narrow: tabular-nums;
730
+ $sds-font-tabular-xs-500-letter-spacing: -0.3px;
731
+ $sds-font-tabular-xs-500-letter-spacing-narrow: -0.3px;
732
+ $sds-font-tabular-xs-600-font: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
733
+ $sds-font-tabular-xs-600-font-narrow: 600 13px/20px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
734
+ $sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;
735
+ $sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;
736
+ $sds-font-tabular-xs-600-letter-spacing: -0.3px;
737
+ $sds-font-tabular-xs-600-letter-spacing-narrow: -0.3px;
738
+ $sds-font-tabular-xxs-400-font: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
739
+ $sds-font-tabular-xxs-400-font-narrow: 400 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
740
+ $sds-font-tabular-xxs-400-font-variant-numeric: tabular-nums;
741
+ $sds-font-tabular-xxs-400-font-variant-numeric-narrow: tabular-nums;
742
+ $sds-font-tabular-xxs-400-letter-spacing: -0.25px;
743
+ $sds-font-tabular-xxs-400-letter-spacing-narrow: -0.25px;
744
+ $sds-font-tabular-xxs-500-font: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
745
+ $sds-font-tabular-xxs-500-font-narrow: 500 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
746
+ $sds-font-tabular-xxs-500-font-variant-numeric: tabular-nums;
747
+ $sds-font-tabular-xxs-500-font-variant-numeric-narrow: tabular-nums;
748
+ $sds-font-tabular-xxs-500-letter-spacing: -0.25px;
749
+ $sds-font-tabular-xxs-500-letter-spacing-narrow: -0.25px;
750
+ $sds-font-tabular-xxs-600-font: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
751
+ $sds-font-tabular-xxs-600-font-narrow: 600 12px/18px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
752
+ $sds-font-tabular-xxs-600-font-variant-numeric: tabular-nums;
753
+ $sds-font-tabular-xxs-600-font-variant-numeric-narrow: tabular-nums;
754
+ $sds-font-tabular-xxs-600-letter-spacing: -0.25px;
755
+ $sds-font-tabular-xxs-600-letter-spacing-narrow: -0.25px;
756
+ $sds-font-tabular-xxxs-400-font: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
757
+ $sds-font-tabular-xxxs-400-font-narrow: 400 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
758
+ $sds-font-tabular-xxxs-400-font-variant-numeric: tabular-nums;
759
+ $sds-font-tabular-xxxs-400-font-variant-numeric-narrow: tabular-nums;
760
+ $sds-font-tabular-xxxs-400-letter-spacing: -0.25px;
761
+ $sds-font-tabular-xxxs-400-letter-spacing-narrow: -0.25px;
762
+ $sds-font-tabular-xxxs-500-font: 500 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
763
+ $sds-font-tabular-xxxs-500-font-narrow: 500 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
764
+ $sds-font-tabular-xxxs-500-font-variant-numeric: tabular-nums;
765
+ $sds-font-tabular-xxxs-500-font-variant-numeric-narrow: tabular-nums;
766
+ $sds-font-tabular-xxxs-500-letter-spacing: -0.25px;
767
+ $sds-font-tabular-xxxs-500-letter-spacing-narrow: -0.25px;
768
+ $sds-font-tabular-xxxs-600-font: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
769
+ $sds-font-tabular-xxxs-600-font-narrow: 600 11px/16px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
770
+ $sds-font-tabular-xxxs-600-font-variant-numeric: tabular-nums;
771
+ $sds-font-tabular-xxxs-600-font-variant-numeric-narrow: tabular-nums;
772
+ $sds-font-tabular-xxxs-600-letter-spacing: -0.25px;
773
+ $sds-font-tabular-xxxs-600-letter-spacing-narrow: -0.25px;
774
+ $sds-font-title-s-700-font: 700 32px/40px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
775
+ $sds-font-title-s-700-font-narrow: 700 26px/34px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
776
+ $sds-font-title-s-700-letter-spacing: 0px;
777
+ $sds-font-title-s-700-letter-spacing-narrow: 0px;
778
+ $sds-font-title-m-700-font: 700 40px/50px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
779
+ $sds-font-title-m-700-font-narrow: 700 32px/40px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
780
+ $sds-font-title-m-700-letter-spacing: 0px;
781
+ $sds-font-title-m-700-letter-spacing-narrow: 0px;
782
+ $sds-font-title-l-700-font: 700 52px/64px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
783
+ $sds-font-title-l-700-font-narrow: 700 40px/50px var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
784
+ $sds-font-title-l-700-letter-spacing: 0px;
785
+ $sds-font-title-l-700-letter-spacing-narrow: 0px;
570
786
  $sds-icon-size-input-height: 16px;
571
787
  $sds-icon-size-input-width: 16px;
572
- $sds-icon-size-xs-height: 12px;
573
- $sds-icon-size-xs-width: 12px;
574
- $sds-icon-size-s-height: 16px;
575
- $sds-icon-size-s-width: 16px;
576
788
  $sds-icon-size-l-height: 24px;
577
789
  $sds-icon-size-l-width: 24px;
790
+ $sds-icon-size-s-height: 16px;
791
+ $sds-icon-size-s-width: 16px;
578
792
  $sds-icon-size-xl-height: 32px;
579
793
  $sds-icon-size-xl-width: 32px;
794
+ $sds-icon-size-xs-height: 12px;
795
+ $sds-icon-size-xs-width: 12px;
580
796
  $sds-space-default: 12px;
581
- $sds-space-xxxs: 2px;
582
- $sds-space-xxs: 4px;
583
- $sds-space-xs: 6px;
584
- $sds-space-s: 8px;
585
- $sds-space-m: 12px;
586
797
  $sds-space-l: 16px;
798
+ $sds-space-m: 12px;
799
+ $sds-space-s: 8px;
587
800
  $sds-space-xl: 24px;
588
- $sds-space-xxl: 40px;
801
+ $sds-space-xs: 6px;
802
+ $sds-space-xxl: 40px;
803
+ $sds-space-xxs: 4px;
804
+ $sds-space-xxxs: 2px;