@baloise/ds-tokens 20.0.0-next.4 → 20.0.0-next.7
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.
- package/LICENSE +9 -0
- package/dist/css/base.tokens.css +530 -129
- package/dist/css/tcs.tokens.css +1 -6
- package/dist/docs/base.tokens.json +30446 -17615
- package/dist/js/base.tokens.js +533 -128
- package/dist/out-tsc/index.js +1 -1
- package/dist/out-tsc/transformers.js +2 -0
- package/dist/sass/base.tokens.scss +494 -109
- package/dist/web/base.tokens.json +532 -147
- package/package.json +14 -8
- package/sbom.cdx.json +58887 -0
- package/README.md +0 -33
package/dist/css/base.tokens.css
CHANGED
|
@@ -36,9 +36,10 @@
|
|
|
36
36
|
--ds-global-color-sky-4: #6672cc;
|
|
37
37
|
--ds-global-color-sky-5: #0014aa;
|
|
38
38
|
--ds-global-color-sky-6: #000a55;
|
|
39
|
-
--ds-global-color-grey-
|
|
40
|
-
--ds-global-color-grey-
|
|
41
|
-
--ds-global-color-grey-
|
|
39
|
+
--ds-global-color-grey-0: #fafafa;
|
|
40
|
+
--ds-global-color-grey-1: #f0f0f0;
|
|
41
|
+
--ds-global-color-grey-2: #e0e0e0;
|
|
42
|
+
--ds-global-color-grey-3: #d0d0d0;
|
|
42
43
|
--ds-global-color-grey-4: #b6b6b6;
|
|
43
44
|
--ds-global-color-grey-5: #747474;
|
|
44
45
|
--ds-global-color-grey-6: #313131;
|
|
@@ -84,15 +85,15 @@
|
|
|
84
85
|
--ds-global-elevation-opacity-60: 0.6;
|
|
85
86
|
--ds-global-elevation-opacity-80: 0.8;
|
|
86
87
|
--ds-global-elevation-opacity-100: 1;
|
|
87
|
-
--ds-global-elevation-z-index-100:
|
|
88
|
-
--ds-global-elevation-z-index-200:
|
|
89
|
-
--ds-global-elevation-z-index-300:
|
|
90
|
-
--ds-global-elevation-z-index-400:
|
|
91
|
-
--ds-global-elevation-z-index-1000:
|
|
92
|
-
--ds-global-elevation-z-index-1100:
|
|
93
|
-
--ds-global-elevation-z-index-1200:
|
|
94
|
-
--ds-global-elevation-z-index-1300:
|
|
95
|
-
--ds-global-elevation-z-index-behind-all: -
|
|
88
|
+
--ds-global-elevation-z-index-100: 100;
|
|
89
|
+
--ds-global-elevation-z-index-200: 200;
|
|
90
|
+
--ds-global-elevation-z-index-300: 300;
|
|
91
|
+
--ds-global-elevation-z-index-400: 400;
|
|
92
|
+
--ds-global-elevation-z-index-1000: 1000;
|
|
93
|
+
--ds-global-elevation-z-index-1100: 1100;
|
|
94
|
+
--ds-global-elevation-z-index-1200: 1200;
|
|
95
|
+
--ds-global-elevation-z-index-1300: 1300;
|
|
96
|
+
--ds-global-elevation-z-index-behind-all: -999999;
|
|
96
97
|
--ds-global-font-shadow-0: none;
|
|
97
98
|
--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);
|
|
98
99
|
--ds-global-font-size-0: 0rem;
|
|
@@ -159,6 +160,10 @@
|
|
|
159
160
|
--ds-alias-interaction-focus-size-outer: 5;
|
|
160
161
|
--ds-alias-interaction-focus-size-inner-inset: 3;
|
|
161
162
|
--ds-alias-interaction-focus-size-outer-inset: 5;
|
|
163
|
+
--ds-backdrop-filter: blur(4px);
|
|
164
|
+
--ds-footer-space-gap-column: 0.5rem 1rem;
|
|
165
|
+
--ds-footer-space-link-gap: 0.5rem 1.5rem;
|
|
166
|
+
--ds-footer-space-padding-base: 2rem;
|
|
162
167
|
--ds-heading-color-base: inherit;
|
|
163
168
|
--ds-card-color-base-text: inherit;
|
|
164
169
|
--ds-card-color-white-text: inherit;
|
|
@@ -195,18 +200,39 @@
|
|
|
195
200
|
--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>');
|
|
196
201
|
--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>');
|
|
197
202
|
--ds-link-family: inherit;
|
|
203
|
+
--ds-navbar-base-layout-height: 5rem;
|
|
204
|
+
--ds-navbar-base-hamburger-transition-duration: 0.2s;
|
|
205
|
+
--ds-navbar-base-sidebar-max-width: 25rem;
|
|
206
|
+
--ds-navbar-base-sidebar-slide-duration: 300ms;
|
|
207
|
+
--ds-navbar-base-sidebar-backdrop-color: #000000;
|
|
208
|
+
--ds-navbar-base-sidebar-panel-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
|
|
209
|
+
--ds-navbar-base-menu-item-transition-duration: 0.2s;
|
|
198
210
|
--ds-segment-item-icon-gap: 0.375rem;
|
|
199
|
-
--ds-pagination-gap-mobile: 0.25rem;
|
|
200
|
-
--ds-pagination-gap-tablet: 0.5rem;
|
|
201
|
-
--ds-pagination-gap-desktop: 0.5rem;
|
|
202
|
-
--ds-progress-bar-height: 0.25rem;
|
|
203
211
|
--ds-accordion-summary-color-base: inherit;
|
|
212
|
+
--ds-tabs-panel-padding: 1rem 0;
|
|
213
|
+
--ds-tabs-tab-padding: 0.25rem 1rem;
|
|
214
|
+
--ds-tab-panel-padding: 1rem 0;
|
|
215
|
+
--ds-steps-circle-size: 2rem;
|
|
216
|
+
--ds-steps-circle-size-sm: 1.5rem;
|
|
217
|
+
--ds-steps-panel-padding: 1rem 0;
|
|
218
|
+
--ds-step-panel-padding: 1rem 0;
|
|
219
|
+
--ds-carousel-dot-size: 8px;
|
|
220
|
+
--ds-carousel-dot-size-active: 10px;
|
|
221
|
+
--ds-table-cell-padding: 0.5em 0.75em;
|
|
222
|
+
--ds-table-cell-border-width: 0 0 2px;
|
|
223
|
+
--ds-table-head-cell-border-width: 0 0 1px;
|
|
224
|
+
--ds-table-foot-cell-border-width: 0 0 0;
|
|
225
|
+
--ds-popup-min-width: 16rem;
|
|
226
|
+
--ds-drawer-max-height: 85dvh;
|
|
204
227
|
--ds-alias-background-color-white: var(--ds-global-color-white);
|
|
228
|
+
--ds-alias-background-color-selected: var(--ds-global-color-primary-2);
|
|
229
|
+
--ds-alias-background-color-hover: var(--ds-global-color-grey-0);
|
|
230
|
+
--ds-alias-background-color-highlight: var(--ds-global-color-primary-1);
|
|
231
|
+
--ds-alias-background-color-disabled: var(--ds-global-color-grey-2);
|
|
205
232
|
--ds-alias-background-color-transparent: var(--ds-global-color-neutral);
|
|
206
233
|
--ds-alias-background-color-sky-light: var(--ds-global-color-sky-1);
|
|
207
234
|
--ds-alias-background-color-sky: var(--ds-global-color-sky-2);
|
|
208
235
|
--ds-alias-background-color-sky-dark: var(--ds-global-color-sky-3);
|
|
209
|
-
--ds-alias-background-color-disabled: var(--ds-global-color-grey-3);
|
|
210
236
|
--ds-alias-background-color-info: var(--ds-global-color-info-3);
|
|
211
237
|
--ds-alias-background-color-info-light: var(--ds-global-color-info-2);
|
|
212
238
|
--ds-alias-background-color-info-dark: var(--ds-global-color-info-4);
|
|
@@ -230,14 +256,17 @@
|
|
|
230
256
|
--ds-alias-background-color-danger-dark: var(--ds-global-color-danger-4);
|
|
231
257
|
--ds-alias-background-color-danger-darker: var(--ds-global-color-danger-5);
|
|
232
258
|
--ds-alias-background-color-danger-darkest: var(--ds-global-color-danger-6);
|
|
233
|
-
--ds-alias-background-color-grey-lighter: var(--ds-global-color-grey-
|
|
234
|
-
--ds-alias-background-color-grey-light: var(--ds-global-color-grey-
|
|
235
|
-
--ds-alias-background-color-grey: var(--ds-global-color-grey-
|
|
236
|
-
--ds-alias-background-color-grey-dark: var(--ds-global-color-grey-
|
|
259
|
+
--ds-alias-background-color-grey-lighter: var(--ds-global-color-grey-0);
|
|
260
|
+
--ds-alias-background-color-grey-light: var(--ds-global-color-grey-1);
|
|
261
|
+
--ds-alias-background-color-grey: var(--ds-global-color-grey-2);
|
|
262
|
+
--ds-alias-background-color-grey-dark: var(--ds-global-color-grey-3);
|
|
263
|
+
--ds-alias-background-color-grey-darker: var(--ds-global-color-grey-4);
|
|
264
|
+
--ds-alias-background-color-primary-lighter: var(--ds-global-color-primary-1);
|
|
237
265
|
--ds-alias-background-color-primary-light: var(--ds-global-color-primary-3);
|
|
238
266
|
--ds-alias-background-color-primary: var(--ds-global-color-primary-5);
|
|
239
267
|
--ds-alias-background-color-primary-hover: var(--ds-global-color-sky-5);
|
|
240
268
|
--ds-alias-background-color-primary-active: var(--ds-global-color-primary-6);
|
|
269
|
+
--ds-alias-background-color-primary-dark: var(--ds-global-color-primary-4);
|
|
241
270
|
--ds-alias-background-color-green-lighter: var(--ds-global-color-green-1);
|
|
242
271
|
--ds-alias-background-color-green-light: var(--ds-global-color-green-2);
|
|
243
272
|
--ds-alias-background-color-green: var(--ds-global-color-green-3);
|
|
@@ -253,7 +282,7 @@
|
|
|
253
282
|
--ds-alias-border-color-white: var(--ds-global-color-white);
|
|
254
283
|
--ds-alias-border-color-base: var(--ds-global-color-grey-3);
|
|
255
284
|
--ds-alias-border-color-inverted: var(--ds-global-color-white);
|
|
256
|
-
--ds-alias-border-color-disabled: var(--ds-global-color-grey-
|
|
285
|
+
--ds-alias-border-color-disabled: var(--ds-global-color-grey-3);
|
|
257
286
|
--ds-alias-border-color-disabled-inverted: var(--ds-global-color-primary-3);
|
|
258
287
|
--ds-alias-border-color-grey-light: var(--ds-global-color-grey-2);
|
|
259
288
|
--ds-alias-border-color-grey: var(--ds-global-color-grey-3);
|
|
@@ -412,6 +441,7 @@
|
|
|
412
441
|
--ds-alias-text-color-grey-light: var(--ds-global-color-grey-4);
|
|
413
442
|
--ds-alias-text-color-grey: var(--ds-global-color-grey-5);
|
|
414
443
|
--ds-alias-text-color-grey-dark: var(--ds-global-color-grey-6);
|
|
444
|
+
--ds-alias-text-color-sky-dark: var(--ds-global-color-sky-3);
|
|
415
445
|
--ds-alias-shadow-text: var(--ds-global-font-shadow-1);
|
|
416
446
|
--ds-alias-shadow-box-none: var(--ds-global-elevation-shadow-0);
|
|
417
447
|
--ds-alias-shadow-box-header: var(--ds-global-elevation-shadow-2);
|
|
@@ -441,10 +471,49 @@
|
|
|
441
471
|
--ds-icon-size-xl: var(--ds-global-font-size-40);
|
|
442
472
|
--ds-icon-size-2xl: var(--ds-global-font-size-80);
|
|
443
473
|
--ds-icon-size-3xl: var(--ds-global-font-size-176);
|
|
444
|
-
--ds-
|
|
445
|
-
--ds-
|
|
446
|
-
--ds-
|
|
474
|
+
--ds-form-control-color-placeholder-success: var(--ds-global-color-success-2);
|
|
475
|
+
--ds-form-control-color-placeholder-warning: var(--ds-global-color-warning-4);
|
|
476
|
+
--ds-form-control-color-placeholder-danger: var(--ds-global-color-danger-2);
|
|
447
477
|
--ds-notification-color-outline-base-border: var(--ds-global-color-primary-2);
|
|
478
|
+
--ds-modal-backdrop-filter: var(--ds-backdrop-filter);
|
|
479
|
+
--ds-navbar-base-layout-padding: var(--ds-global-size-space-16);
|
|
480
|
+
--ds-navbar-base-brand-gap: var(--ds-global-size-space-8);
|
|
481
|
+
--ds-navbar-base-hamburger-padding: var(--ds-global-size-space-8);
|
|
482
|
+
--ds-navbar-base-hamburger-width: var(--ds-global-size-space-48);
|
|
483
|
+
--ds-navbar-base-hamburger-height: var(--ds-global-size-space-48);
|
|
484
|
+
--ds-navbar-base-sidebar-panel-border-top: 1px solid var(--ds-global-color-white);
|
|
485
|
+
--ds-navbar-base-sidebar-content-gap: var(--ds-global-size-space-16);
|
|
486
|
+
--ds-navbar-base-sidebar-content-padding-inline: var(--ds-global-size-space-24);
|
|
487
|
+
--ds-navbar-base-sidebar-content-padding-block: var(--ds-global-size-space-24);
|
|
488
|
+
--ds-navbar-base-sidebar-item-min-height: var(--ds-global-size-space-48);
|
|
489
|
+
--ds-navbar-base-sidebar-item-padding-block: var(--ds-global-size-space-12);
|
|
490
|
+
--ds-navbar-base-sidebar-item-padding-inline: var(--ds-global-size-space-8);
|
|
491
|
+
--ds-navbar-base-sidebar-item-chevron-color: var(--ds-global-color-primary-5);
|
|
492
|
+
--ds-navbar-base-sidebar-item-chevron-size: var(--ds-global-size-space-16);
|
|
493
|
+
--ds-navbar-base-menu-gap: var(--ds-global-size-space-32);
|
|
494
|
+
--ds-navbar-base-menu-start-gap: var(--ds-global-size-space-2);
|
|
495
|
+
--ds-navbar-base-menu-end-gap: var(--ds-global-size-space-8);
|
|
496
|
+
--ds-navbar-base-menu-item-padding-block: var(--ds-global-size-space-8);
|
|
497
|
+
--ds-navbar-base-menu-item-padding-inline: var(--ds-global-size-space-16);
|
|
498
|
+
--ds-navbar-base-container-gap: var(--ds-global-size-space-32);
|
|
499
|
+
--ds-navbar-base-content-gap: var(--ds-global-size-space-8);
|
|
500
|
+
--ds-navbar-base-button-color-text-base: var(--ds-global-color-white);
|
|
501
|
+
--ds-navbar-base-button-color-text-hover: var(--ds-global-color-primary-5);
|
|
502
|
+
--ds-navbar-base-button-color-text-active: var(--ds-global-color-primary-5);
|
|
503
|
+
--ds-navbar-base-button-color-background-base: var(--ds-global-color-primary-4);
|
|
504
|
+
--ds-navbar-base-button-color-background-hover: var(--ds-global-color-sky-2);
|
|
505
|
+
--ds-navbar-base-button-color-background-active: var(--ds-global-color-white);
|
|
506
|
+
--ds-navbar-base-button-color-border-base: var(--ds-global-color-primary-4);
|
|
507
|
+
--ds-navbar-base-button-color-border-hover: var(--ds-global-color-sky-2);
|
|
508
|
+
--ds-navbar-base-button-color-border-active: var(--ds-global-color-white);
|
|
509
|
+
--ds-navbar-light-background: var(--ds-global-color-white);
|
|
510
|
+
--ds-navbar-light-sidebar-panel-border-top: 1px solid var(--ds-global-color-grey-3);
|
|
511
|
+
--ds-navbar-light-button-color-background-base: var(--ds-global-color-grey-1);
|
|
512
|
+
--ds-navbar-light-button-color-background-hover: var(--ds-global-color-sky-1);
|
|
513
|
+
--ds-navbar-light-button-color-background-active: var(--ds-global-color-sky-1);
|
|
514
|
+
--ds-navbar-light-button-color-border-base: var(--ds-global-color-grey-1);
|
|
515
|
+
--ds-navbar-light-button-color-border-hover: var(--ds-global-color-sky-1);
|
|
516
|
+
--ds-navbar-light-button-color-border-active: var(--ds-global-color-sky-1);
|
|
448
517
|
--ds-snackbar-default-color-progress-bar-base: var(--ds-global-color-primary-5);
|
|
449
518
|
--ds-snackbar-default-color-progress-bg-base: var(--ds-global-color-primary-2);
|
|
450
519
|
--ds-snackbar-success-color-progress-bar-base: var(--ds-global-color-success-6);
|
|
@@ -481,12 +550,32 @@
|
|
|
481
550
|
--ds-progress-bar-line-color-yellow: var(--ds-global-color-yellow-6);
|
|
482
551
|
--ds-progress-bar-line-color-red: var(--ds-global-color-red-6);
|
|
483
552
|
--ds-progress-bar-line-color-green: var(--ds-global-color-green-6);
|
|
553
|
+
--ds-tabs-color-purple-hover: var(--ds-global-color-purple-5);
|
|
554
|
+
--ds-tabs-color-green-hover: var(--ds-global-color-green-5);
|
|
555
|
+
--ds-tabs-color-red-hover: var(--ds-global-color-red-5);
|
|
556
|
+
--ds-tabs-color-yellow-hover: var(--ds-global-color-yellow-5);
|
|
484
557
|
--ds-alias-interaction-focus-color-border: var(--ds-alias-background-color-white);
|
|
485
558
|
--ds-alias-interaction-focus-color-end: var(--ds-alias-interaction-focus-color-base);
|
|
486
559
|
--ds-alias-interaction-focus-color-inverted-end: var(--ds-alias-interaction-focus-color-inverted);
|
|
487
560
|
--ds-alias-text-color-hint: var(--ds-alias-text-color-primary-light);
|
|
488
561
|
--ds-alias-text-color-inverted-disabled: var(--ds-alias-text-color-primary-light);
|
|
489
562
|
--ds-alias-text-color-inverted-primary: var(--ds-alias-text-color-white);
|
|
563
|
+
--ds-backdrop-opacity: var(--ds-alias-opacity-backdrop);
|
|
564
|
+
--ds-footer-color-background: var(--ds-alias-background-color-primary);
|
|
565
|
+
--ds-footer-color-text: var(--ds-alias-text-color-white);
|
|
566
|
+
--ds-footer-color-link-base: var(--ds-alias-text-color-white);
|
|
567
|
+
--ds-footer-space-content-padding-top: var(--ds-alias-space-md-mobile);
|
|
568
|
+
--ds-footer-space-gap-row: var(--ds-alias-space-base-mobile);
|
|
569
|
+
--ds-footer-space-language-gap: var(--ds-alias-space-xs-mobile);
|
|
570
|
+
--ds-footer-space-bottom-gap: var(--ds-alias-space-base-mobile);
|
|
571
|
+
--ds-footer-space-social-gap: var(--ds-alias-space-xs-mobile);
|
|
572
|
+
--ds-footer-space-social-icon-size: var(--ds-alias-space-lg-mobile);
|
|
573
|
+
--ds-footer-space-social-icon-gap: var(--ds-alias-space-xs-mobile);
|
|
574
|
+
--ds-footer-space-slotted-margin-right: var(--ds-alias-space-base-mobile);
|
|
575
|
+
--ds-footer-space-content-max-width: var(--ds-alias-container-width-base);
|
|
576
|
+
--ds-footer-typography-font-size: var(--ds-alias-text-size-sm-mobile);
|
|
577
|
+
--ds-footer-typography-language-family: var(--ds-alias-text-family-heading);
|
|
578
|
+
--ds-footer-typography-language-weight: var(--ds-alias-text-weight-bold);
|
|
490
579
|
--ds-heading-1-space: var(--ds-alias-space-xs-mobile);
|
|
491
580
|
--ds-heading-1-size-mobile: var(--ds-alias-text-size-3xl-mobile);
|
|
492
581
|
--ds-heading-1-size-tablet: var(--ds-alias-text-size-3xl-tablet);
|
|
@@ -553,8 +642,8 @@
|
|
|
553
642
|
--ds-badge-color-green-background: var(--ds-alias-background-color-green-light);
|
|
554
643
|
--ds-badge-color-yellow-text: var(--ds-alias-text-color-primary);
|
|
555
644
|
--ds-badge-color-yellow-background: var(--ds-alias-background-color-yellow-lighter);
|
|
556
|
-
--ds-badge-color-grey-text: var(--ds-alias-text-color-grey
|
|
557
|
-
--ds-badge-color-grey-background: var(--ds-alias-background-color-grey);
|
|
645
|
+
--ds-badge-color-grey-text: var(--ds-alias-text-color-grey);
|
|
646
|
+
--ds-badge-color-grey-background: var(--ds-alias-background-color-grey-light);
|
|
558
647
|
--ds-button-family: var(--ds-alias-text-family-heading);
|
|
559
648
|
--ds-button-weight: var(--ds-alias-text-weight-bold);
|
|
560
649
|
--ds-button-line-height: var(--ds-alias-text-line-height-heading);
|
|
@@ -664,14 +753,14 @@
|
|
|
664
753
|
--ds-button-color-danger-active-background: var(--ds-alias-background-color-danger-lighter);
|
|
665
754
|
--ds-button-color-danger-active-border: var(--ds-alias-border-color-danger-active);
|
|
666
755
|
--ds-button-color-disabled-base-text: var(--ds-alias-text-color-disabled);
|
|
667
|
-
--ds-button-color-disabled-base-background: var(--ds-alias-background-color-
|
|
668
|
-
--ds-button-color-disabled-base-border: var(--ds-alias-
|
|
756
|
+
--ds-button-color-disabled-base-background: var(--ds-alias-background-color-disabled);
|
|
757
|
+
--ds-button-color-disabled-base-border: var(--ds-alias-background-color-disabled);
|
|
669
758
|
--ds-button-color-disabled-hover-text: var(--ds-alias-text-color-disabled);
|
|
670
|
-
--ds-button-color-disabled-hover-background: var(--ds-alias-background-color-
|
|
671
|
-
--ds-button-color-disabled-hover-border: var(--ds-alias-
|
|
759
|
+
--ds-button-color-disabled-hover-background: var(--ds-alias-background-color-disabled);
|
|
760
|
+
--ds-button-color-disabled-hover-border: var(--ds-alias-background-color-disabled);
|
|
672
761
|
--ds-button-color-disabled-active-text: var(--ds-alias-text-color-disabled);
|
|
673
|
-
--ds-button-color-disabled-active-background: var(--ds-alias-background-color-
|
|
674
|
-
--ds-button-color-disabled-active-border: var(--ds-alias-
|
|
762
|
+
--ds-button-color-disabled-active-background: var(--ds-alias-background-color-disabled);
|
|
763
|
+
--ds-button-color-disabled-active-border: var(--ds-alias-background-color-disabled);
|
|
675
764
|
--ds-button-color-link-base-text: var(--ds-alias-background-color-primary);
|
|
676
765
|
--ds-button-color-link-base-background: var(--ds-alias-background-color-transparent);
|
|
677
766
|
--ds-button-color-link-base-border: var(--ds-alias-background-color-transparent);
|
|
@@ -829,6 +918,34 @@
|
|
|
829
918
|
--ds-close-color-icon-base: var(--ds-alias-text-color-primary);
|
|
830
919
|
--ds-close-color-icon-inverted: var(--ds-alias-text-color-white);
|
|
831
920
|
--ds-close-color-icon-disabled: var(--ds-alias-text-color-disabled);
|
|
921
|
+
--ds-date-calendar-family: var(--ds-alias-text-family-body);
|
|
922
|
+
--ds-date-calendar-weight: var(--ds-alias-text-weight-bold);
|
|
923
|
+
--ds-date-calendar-radius: var(--ds-alias-radius-base);
|
|
924
|
+
--ds-date-calendar-shadow: var(--ds-alias-shadow-box-base);
|
|
925
|
+
--ds-date-calendar-color-inner-border: var(--ds-alias-border-color-grey);
|
|
926
|
+
--ds-date-calendar-color-current-date: var(--ds-alias-text-color-primary);
|
|
927
|
+
--ds-date-calendar-color-text: var(--ds-alias-text-color-primary);
|
|
928
|
+
--ds-date-calendar-color-disabled: var(--ds-alias-text-color-disabled);
|
|
929
|
+
--ds-date-calendar-color-day-hover-background: var(--ds-alias-background-color-hover);
|
|
930
|
+
--ds-date-calendar-color-day-active-background: var(--ds-alias-background-color-sky);
|
|
931
|
+
--ds-date-calendar-color-day-selected-background: var(--ds-alias-background-color-primary-dark);
|
|
932
|
+
--ds-date-calendar-color-day-selected-hover-background: var(--ds-alias-background-color-primary-hover);
|
|
933
|
+
--ds-date-calendar-size-mobile: var(--ds-alias-text-size-base-mobile);
|
|
934
|
+
--ds-date-calendar-size-tablet: var(--ds-alias-text-size-base-tablet);
|
|
935
|
+
--ds-date-calendar-size-desktop: var(--ds-alias-text-size-base-desktop);
|
|
936
|
+
--ds-date-calendar-day-weight-base: var(--ds-alias-text-weight-regular);
|
|
937
|
+
--ds-date-calendar-day-weight-selected: var(--ds-alias-text-weight-bold);
|
|
938
|
+
--ds-date-calendar-day-name-family: var(--ds-alias-text-family-heading);
|
|
939
|
+
--ds-date-calendar-day-name-weight: var(--ds-alias-text-weight-bold);
|
|
940
|
+
--ds-date-calendar-nav-radius: var(--ds-alias-radius-base);
|
|
941
|
+
--ds-date-calendar-nav-color-base: var(--ds-alias-text-color-primary);
|
|
942
|
+
--ds-date-calendar-nav-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
943
|
+
--ds-date-calendar-nav-color-active: var(--ds-alias-text-color-primary-active);
|
|
944
|
+
--ds-date-calendar-nav-color-disabled: var(--ds-alias-text-color-disabled);
|
|
945
|
+
--ds-date-trigger-color-disabled: var(--ds-alias-text-color-disabled);
|
|
946
|
+
--ds-date-trigger-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
947
|
+
--ds-date-trigger-color-active: var(--ds-alias-text-color-primary-active);
|
|
948
|
+
--ds-date-popup-shadow: var(--ds-alias-shadow-box-base);
|
|
832
949
|
--ds-description-list-term-color: var(--ds-alias-text-color-primary-light);
|
|
833
950
|
--ds-description-list-term-weight: var(--ds-alias-text-weight-regular);
|
|
834
951
|
--ds-description-list-detail-color: var(--ds-alias-text-color-primary);
|
|
@@ -863,67 +980,157 @@
|
|
|
863
980
|
--ds-icon-tile-color-red: var(--ds-alias-background-color-red-lighter);
|
|
864
981
|
--ds-icon-tile-color-green: var(--ds-alias-background-color-green-lighter);
|
|
865
982
|
--ds-icon-tile-color-yellow: var(--ds-alias-background-color-yellow-lighter);
|
|
866
|
-
--ds-
|
|
867
|
-
--ds-
|
|
868
|
-
--ds-
|
|
869
|
-
--ds-
|
|
870
|
-
--ds-
|
|
871
|
-
--ds-
|
|
872
|
-
--ds-
|
|
873
|
-
--ds-
|
|
874
|
-
--ds-
|
|
875
|
-
--ds-
|
|
876
|
-
--ds-
|
|
877
|
-
--ds-
|
|
878
|
-
--ds-
|
|
879
|
-
--ds-
|
|
880
|
-
--ds-
|
|
881
|
-
--ds-
|
|
882
|
-
--ds-
|
|
883
|
-
--ds-
|
|
884
|
-
--ds-
|
|
885
|
-
--ds-
|
|
886
|
-
--ds-
|
|
887
|
-
--ds-
|
|
888
|
-
--ds-
|
|
889
|
-
--ds-
|
|
890
|
-
--ds-
|
|
891
|
-
--ds-
|
|
892
|
-
--ds-
|
|
893
|
-
--ds-
|
|
894
|
-
--ds-
|
|
895
|
-
--ds-
|
|
896
|
-
--ds-
|
|
897
|
-
--ds-
|
|
898
|
-
--ds-
|
|
899
|
-
--ds-
|
|
900
|
-
--ds-
|
|
901
|
-
--ds-
|
|
902
|
-
--ds-
|
|
903
|
-
--ds-
|
|
904
|
-
--ds-
|
|
905
|
-
--ds-
|
|
906
|
-
--ds-
|
|
907
|
-
--ds-
|
|
908
|
-
--ds-
|
|
909
|
-
--ds-
|
|
910
|
-
--ds-
|
|
911
|
-
--ds-
|
|
912
|
-
--ds-
|
|
913
|
-
--ds-
|
|
914
|
-
--ds-
|
|
915
|
-
--ds-
|
|
916
|
-
--ds-
|
|
917
|
-
--ds-
|
|
918
|
-
--ds-
|
|
919
|
-
--ds-
|
|
920
|
-
--ds-
|
|
921
|
-
--ds-
|
|
922
|
-
--ds-
|
|
923
|
-
--ds-
|
|
924
|
-
--ds-
|
|
925
|
-
--ds-
|
|
926
|
-
--ds-
|
|
983
|
+
--ds-form-container-radius: var(--ds-alias-radius-base);
|
|
984
|
+
--ds-form-container-border-width: var(--ds-alias-border-width-base);
|
|
985
|
+
--ds-form-container-color-base-background: var(--ds-alias-background-color-white);
|
|
986
|
+
--ds-form-container-color-base-border: var(--ds-alias-border-color-grey);
|
|
987
|
+
--ds-form-container-color-hover-background: var(--ds-alias-background-color-hover);
|
|
988
|
+
--ds-form-container-color-hover-border: var(--ds-alias-border-color-grey);
|
|
989
|
+
--ds-form-container-color-active-background: var(--ds-alias-background-color-hover);
|
|
990
|
+
--ds-form-container-color-active-border: var(--ds-alias-border-color-primary);
|
|
991
|
+
--ds-form-container-color-focus-background: var(--ds-alias-background-color-hover);
|
|
992
|
+
--ds-form-container-color-focus-border: var(--ds-alias-border-color-primary);
|
|
993
|
+
--ds-form-container-color-success-background: var(--ds-alias-background-color-success-lighter);
|
|
994
|
+
--ds-form-container-color-success-border: var(--ds-alias-text-color-success);
|
|
995
|
+
--ds-form-container-color-warning-background: var(--ds-alias-background-color-warning-lighter);
|
|
996
|
+
--ds-form-container-color-warning-border: var(--ds-alias-text-color-warning);
|
|
997
|
+
--ds-form-container-color-danger-background: var(--ds-alias-background-color-danger-lighter);
|
|
998
|
+
--ds-form-container-color-danger-border: var(--ds-alias-text-color-danger);
|
|
999
|
+
--ds-form-container-color-disabled-background: var(--ds-alias-background-color-disabled);
|
|
1000
|
+
--ds-form-container-color-disabled-border: var(--ds-alias-border-color-disabled);
|
|
1001
|
+
--ds-form-label-family: var(--ds-alias-text-family-body);
|
|
1002
|
+
--ds-form-label-weight: var(--ds-alias-text-weight-bold);
|
|
1003
|
+
--ds-form-label-line-height: var(--ds-alias-text-line-height-body);
|
|
1004
|
+
--ds-form-label-color-base: var(--ds-alias-text-color-primary);
|
|
1005
|
+
--ds-form-label-color-success: var(--ds-alias-text-color-success);
|
|
1006
|
+
--ds-form-label-color-warning: var(--ds-alias-text-color-warning);
|
|
1007
|
+
--ds-form-label-color-danger: var(--ds-alias-text-color-danger);
|
|
1008
|
+
--ds-form-label-color-disabled: var(--ds-alias-text-color-disabled);
|
|
1009
|
+
--ds-form-label-size-mobile: var(--ds-alias-text-size-sm-mobile);
|
|
1010
|
+
--ds-form-label-size-tablet: var(--ds-alias-text-size-sm-tablet);
|
|
1011
|
+
--ds-form-label-size-desktop: var(--ds-alias-text-size-sm-desktop);
|
|
1012
|
+
--ds-form-label-color-2-base: var(--ds-alias-text-color-primary);
|
|
1013
|
+
--ds-form-label-color-2-success: var(--ds-alias-text-color-success);
|
|
1014
|
+
--ds-form-label-color-2-warning: var(--ds-alias-text-color-warning);
|
|
1015
|
+
--ds-form-label-color-2-danger: var(--ds-alias-text-color-danger);
|
|
1016
|
+
--ds-form-label-color-2-disabled: var(--ds-alias-text-color-disabled);
|
|
1017
|
+
--ds-form-label-size-2-mobile: var(--ds-alias-text-size-sm-mobile);
|
|
1018
|
+
--ds-form-label-size-2-tablet: var(--ds-alias-text-size-sm-tablet);
|
|
1019
|
+
--ds-form-label-size-2-desktop: var(--ds-alias-text-size-sm-desktop);
|
|
1020
|
+
--ds-form-control-family: var(--ds-alias-text-family-body);
|
|
1021
|
+
--ds-form-control-weight: var(--ds-alias-text-weight-regular);
|
|
1022
|
+
--ds-form-control-line-height: var(--ds-alias-text-line-height-body);
|
|
1023
|
+
--ds-form-control-font-size-mobile: var(--ds-alias-text-size-base-mobile);
|
|
1024
|
+
--ds-form-control-font-size-tablet: var(--ds-alias-text-size-base-tablet);
|
|
1025
|
+
--ds-form-control-font-size-desktop: var(--ds-alias-text-size-base-desktop);
|
|
1026
|
+
--ds-form-control-color-value-base: var(--ds-alias-text-color-primary);
|
|
1027
|
+
--ds-form-control-color-value-success: var(--ds-alias-text-color-success);
|
|
1028
|
+
--ds-form-control-color-value-warning: var(--ds-alias-text-color-warning);
|
|
1029
|
+
--ds-form-control-color-value-danger: var(--ds-alias-text-color-danger);
|
|
1030
|
+
--ds-form-control-color-value-disabled: var(--ds-alias-text-color-grey-dark);
|
|
1031
|
+
--ds-form-control-color-placeholder-base: var(--ds-alias-text-color-placeholder);
|
|
1032
|
+
--ds-form-control-color-placeholder-disabled: var(--ds-alias-text-color-disabled);
|
|
1033
|
+
--ds-form-description-family: var(--ds-alias-text-family-body);
|
|
1034
|
+
--ds-form-description-weight: var(--ds-alias-text-weight-regular);
|
|
1035
|
+
--ds-form-description-line-height: var(--ds-alias-text-line-height-body);
|
|
1036
|
+
--ds-form-description-color-base: var(--ds-alias-text-color-primary-light);
|
|
1037
|
+
--ds-form-description-color-success: var(--ds-alias-text-color-success);
|
|
1038
|
+
--ds-form-description-color-warning: var(--ds-alias-text-color-warning);
|
|
1039
|
+
--ds-form-description-color-danger: var(--ds-alias-text-color-danger);
|
|
1040
|
+
--ds-form-description-color-disabled: var(--ds-alias-text-color-disabled);
|
|
1041
|
+
--ds-form-description-size-mobile: var(--ds-alias-text-size-xs-mobile);
|
|
1042
|
+
--ds-form-description-size-tablet: var(--ds-alias-text-size-xs-tablet);
|
|
1043
|
+
--ds-form-description-size-desktop: var(--ds-alias-text-size-xs-desktop);
|
|
1044
|
+
--ds-select-radius: var(--ds-alias-radius-base);
|
|
1045
|
+
--ds-select-container-radius: var(--ds-alias-radius-base);
|
|
1046
|
+
--ds-select-container-border-width: var(--ds-alias-border-width-base);
|
|
1047
|
+
--ds-select-container-color-base-background: var(--ds-alias-background-color-white);
|
|
1048
|
+
--ds-select-container-color-base-border: var(--ds-alias-border-color-grey);
|
|
1049
|
+
--ds-select-container-color-hover-background: var(--ds-alias-background-color-hover);
|
|
1050
|
+
--ds-select-container-color-hover-border: var(--ds-alias-border-color-grey);
|
|
1051
|
+
--ds-select-container-color-active-background: var(--ds-alias-background-color-hover);
|
|
1052
|
+
--ds-select-container-color-active-border: var(--ds-alias-border-color-primary);
|
|
1053
|
+
--ds-select-container-color-focus-background: var(--ds-alias-background-color-hover);
|
|
1054
|
+
--ds-select-container-color-focus-border: var(--ds-alias-border-color-primary);
|
|
1055
|
+
--ds-select-container-color-success-background: var(--ds-alias-background-color-success-lighter);
|
|
1056
|
+
--ds-select-container-color-success-border: var(--ds-alias-text-color-success);
|
|
1057
|
+
--ds-select-container-color-warning-background: var(--ds-alias-background-color-warning-lighter);
|
|
1058
|
+
--ds-select-container-color-warning-border: var(--ds-alias-text-color-warning);
|
|
1059
|
+
--ds-select-container-color-danger-background: var(--ds-alias-background-color-danger-lighter);
|
|
1060
|
+
--ds-select-container-color-danger-border: var(--ds-alias-text-color-danger);
|
|
1061
|
+
--ds-select-container-color-disabled-background: var(--ds-alias-background-color-disabled);
|
|
1062
|
+
--ds-select-container-color-disabled-border: var(--ds-alias-border-color-disabled);
|
|
1063
|
+
--ds-select-label-family: var(--ds-alias-text-family-body);
|
|
1064
|
+
--ds-select-label-weight: var(--ds-alias-text-weight-bold);
|
|
1065
|
+
--ds-select-label-line-height: var(--ds-alias-text-line-height-body);
|
|
1066
|
+
--ds-select-label-color-base: var(--ds-alias-text-color-primary);
|
|
1067
|
+
--ds-select-label-color-success: var(--ds-alias-text-color-success);
|
|
1068
|
+
--ds-select-label-color-warning: var(--ds-alias-text-color-warning);
|
|
1069
|
+
--ds-select-label-color-danger: var(--ds-alias-text-color-danger);
|
|
1070
|
+
--ds-select-label-color-disabled: var(--ds-alias-text-color-disabled);
|
|
1071
|
+
--ds-select-label-size-mobile: var(--ds-alias-text-size-sm-mobile);
|
|
1072
|
+
--ds-select-label-size-tablet: var(--ds-alias-text-size-sm-tablet);
|
|
1073
|
+
--ds-select-label-size-desktop: var(--ds-alias-text-size-sm-desktop);
|
|
1074
|
+
--ds-select-control-family: var(--ds-alias-text-family-body);
|
|
1075
|
+
--ds-select-control-weight: var(--ds-alias-text-weight-regular);
|
|
1076
|
+
--ds-select-control-line-height: var(--ds-alias-text-line-height-body);
|
|
1077
|
+
--ds-select-control-font-size-mobile: var(--ds-alias-text-size-base-mobile);
|
|
1078
|
+
--ds-select-control-font-size-tablet: var(--ds-alias-text-size-base-tablet);
|
|
1079
|
+
--ds-select-control-font-size-desktop: var(--ds-alias-text-size-base-desktop);
|
|
1080
|
+
--ds-select-control-color-value-base: var(--ds-alias-text-color-primary);
|
|
1081
|
+
--ds-select-control-color-value-disabled: var(--ds-alias-text-color-disabled);
|
|
1082
|
+
--ds-select-control-color-placeholder-base: var(--ds-alias-text-color-primary-light);
|
|
1083
|
+
--ds-select-control-color-placeholder-disabled: var(--ds-alias-text-color-disabled);
|
|
1084
|
+
--ds-select-description-family: var(--ds-alias-text-family-body);
|
|
1085
|
+
--ds-select-description-weight: var(--ds-alias-text-weight-regular);
|
|
1086
|
+
--ds-select-description-line-height: var(--ds-alias-text-line-height-body);
|
|
1087
|
+
--ds-select-description-color-base: var(--ds-alias-text-color-primary-light);
|
|
1088
|
+
--ds-select-description-color-success: var(--ds-alias-text-color-success);
|
|
1089
|
+
--ds-select-description-color-warning: var(--ds-alias-text-color-warning);
|
|
1090
|
+
--ds-select-description-color-danger: var(--ds-alias-text-color-danger);
|
|
1091
|
+
--ds-select-description-color-disabled: var(--ds-alias-text-color-disabled);
|
|
1092
|
+
--ds-select-description-size-mobile: var(--ds-alias-text-size-xs-mobile);
|
|
1093
|
+
--ds-select-description-size-tablet: var(--ds-alias-text-size-xs-tablet);
|
|
1094
|
+
--ds-select-description-size-desktop: var(--ds-alias-text-size-xs-desktop);
|
|
1095
|
+
--ds-select-chip-family: var(--ds-alias-text-family-body);
|
|
1096
|
+
--ds-select-chip-color-base-background: var(--ds-alias-background-color-grey);
|
|
1097
|
+
--ds-select-chip-color-base-text: var(--ds-alias-text-color-primary);
|
|
1098
|
+
--ds-select-color-disabled: var(--ds-alias-text-color-disabled);
|
|
1099
|
+
--ds-select-color-success: var(--ds-alias-text-color-success);
|
|
1100
|
+
--ds-select-color-error: var(--ds-alias-text-color-danger);
|
|
1101
|
+
--ds-select-color-background-base: var(--ds-alias-background-color-transparent);
|
|
1102
|
+
--ds-select-color-text-base: var(--ds-alias-text-color-primary);
|
|
1103
|
+
--ds-select-color-primary-base: var(--ds-alias-text-color-primary);
|
|
1104
|
+
--ds-select-color-placeholder-base: var(--ds-alias-text-color-placeholder);
|
|
1105
|
+
--ds-select-color-border-base: var(--ds-alias-border-color-grey-light);
|
|
1106
|
+
--ds-select-color-highlight-base: var(--ds-alias-background-color-yellow-light);
|
|
1107
|
+
--ds-select-color-focus-base: var(--ds-alias-background-color-hover);
|
|
1108
|
+
--ds-select-color-focus-ring-base: var(--ds-alias-interaction-focus-color-base);
|
|
1109
|
+
--ds-select-content-family: var(--ds-alias-text-family-body);
|
|
1110
|
+
--ds-select-content-shadow: var(--ds-alias-shadow-box-base);
|
|
1111
|
+
--ds-select-content-color-background-base: var(--ds-alias-background-color-white);
|
|
1112
|
+
--ds-select-search-color-text-base: var(--ds-alias-text-color-primary);
|
|
1113
|
+
--ds-select-option-color-text-base: var(--ds-alias-text-color-primary);
|
|
1114
|
+
--ds-select-option-color-text-selected: var(--ds-alias-text-color-primary);
|
|
1115
|
+
--ds-select-option-color-text-highlight: var(--ds-alias-text-color-primary);
|
|
1116
|
+
--ds-select-option-color-text-disabled: var(--ds-alias-text-color-disabled);
|
|
1117
|
+
--ds-select-option-color-border-base: var(--ds-alias-border-color-grey-light);
|
|
1118
|
+
--ds-select-option-color-icon-selected: var(--ds-alias-text-color-primary);
|
|
1119
|
+
--ds-select-option-color-background-base: var(--ds-alias-background-color-transparent);
|
|
1120
|
+
--ds-select-option-color-background-selected: var(--ds-alias-background-color-selected);
|
|
1121
|
+
--ds-select-option-color-background-hover: var(--ds-alias-background-color-hover);
|
|
1122
|
+
--ds-select-option-color-background-highlight: var(--ds-alias-background-color-highlight);
|
|
1123
|
+
--ds-select-option-color-background-disabled: var(--ds-alias-background-color-disabled);
|
|
1124
|
+
--ds-select-option-weight-selected: var(--ds-alias-text-weight-bold);
|
|
1125
|
+
--ds-select-optgroup-weight: var(--ds-alias-text-weight-bold);
|
|
1126
|
+
--ds-select-optgroup-color-background-base: var(--ds-alias-background-color-grey-light);
|
|
1127
|
+
--ds-select-optgroup-color-text-base: var(--ds-alias-text-color-primary);
|
|
1128
|
+
--ds-select-icon-color-base: var(--ds-alias-text-color-primary);
|
|
1129
|
+
--ds-select-icon-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1130
|
+
--ds-select-icon-color-active: var(--ds-alias-text-color-primary-active);
|
|
1131
|
+
--ds-select-checkbox-color-border-base: var(--ds-alias-border-color-primary);
|
|
1132
|
+
--ds-select-checkbox-color-border-selected: var(--ds-alias-border-color-primary);
|
|
1133
|
+
--ds-select-checkbox-color-background-selected: var(--ds-alias-background-color-primary);
|
|
927
1134
|
--ds-notification-radius: var(--ds-alias-radius-lg);
|
|
928
1135
|
--ds-notification-color-base-background: var(--ds-alias-background-color-grey-light);
|
|
929
1136
|
--ds-notification-color-base-border: var(--ds-alias-background-color-grey-light);
|
|
@@ -1003,6 +1210,51 @@
|
|
|
1003
1210
|
--ds-list-marker-radius: var(--ds-alias-radius-rounded);
|
|
1004
1211
|
--ds-list-item-disabled: var(--ds-alias-text-color-disabled);
|
|
1005
1212
|
--ds-list-item-border-color: var(--ds-alias-border-color-grey);
|
|
1213
|
+
--ds-modal-width: var(--ds-alias-container-width-modal);
|
|
1214
|
+
--ds-modal-color-base-background: var(--ds-alias-background-color-white);
|
|
1215
|
+
--ds-modal-radius-base: var(--ds-alias-radius-lg);
|
|
1216
|
+
--ds-modal-heading-family: var(--ds-alias-text-family-heading);
|
|
1217
|
+
--ds-modal-heading-weight: var(--ds-alias-text-weight-bold);
|
|
1218
|
+
--ds-modal-heading-line-height: var(--ds-alias-text-line-height-heading);
|
|
1219
|
+
--ds-modal-heading-size-mobile: var(--ds-alias-text-size-2xl-mobile);
|
|
1220
|
+
--ds-modal-heading-size-tablet: var(--ds-alias-text-size-2xl-tablet);
|
|
1221
|
+
--ds-modal-heading-size-desktop: var(--ds-alias-text-size-2xl-desktop);
|
|
1222
|
+
--ds-navbar-base-layout-background: var(--ds-alias-background-color-primary);
|
|
1223
|
+
--ds-navbar-base-layout-shadow: var(--ds-alias-shadow-box-header);
|
|
1224
|
+
--ds-navbar-base-layout-z-index: var(--ds-alias-z-index-navigation);
|
|
1225
|
+
--ds-navbar-base-brand-focus-radius: var(--ds-alias-radius-base);
|
|
1226
|
+
--ds-navbar-base-title-color: var(--ds-alias-text-color-white);
|
|
1227
|
+
--ds-navbar-base-title-font-family: var(--ds-alias-text-family-heading);
|
|
1228
|
+
--ds-navbar-base-title-font-weight: var(--ds-alias-text-weight-bold);
|
|
1229
|
+
--ds-navbar-base-title-font-size: var(--ds-alias-text-size-xl-mobile);
|
|
1230
|
+
--ds-navbar-base-hamburger-radius: var(--ds-alias-radius-base);
|
|
1231
|
+
--ds-navbar-base-sidebar-panel-background: var(--ds-alias-background-color-white);
|
|
1232
|
+
--ds-navbar-base-sidebar-item-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1233
|
+
--ds-navbar-base-sidebar-item-font-weight: var(--ds-alias-text-weight-bold);
|
|
1234
|
+
--ds-navbar-base-sidebar-item-font-family: var(--ds-alias-text-family-heading);
|
|
1235
|
+
--ds-navbar-base-sidebar-item-color-base: var(--ds-alias-text-color-primary);
|
|
1236
|
+
--ds-navbar-base-sidebar-item-color-hover: var(--ds-alias-text-color-primary);
|
|
1237
|
+
--ds-navbar-base-sidebar-item-color-active: var(--ds-alias-text-color-primary);
|
|
1238
|
+
--ds-navbar-base-sidebar-item-background-active: var(--ds-alias-background-color-primary-lighter);
|
|
1239
|
+
--ds-navbar-base-sidebar-item-background-hover: var(--ds-alias-background-color-primary-lighter);
|
|
1240
|
+
--ds-navbar-base-sidebar-item-divider-color: var(--ds-alias-border-color-grey);
|
|
1241
|
+
--ds-navbar-base-sidebar-item-divider-color-active: var(--ds-alias-border-color-primary);
|
|
1242
|
+
--ds-navbar-base-menu-item-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1243
|
+
--ds-navbar-base-menu-item-border-radius: var(--ds-alias-radius-base);
|
|
1244
|
+
--ds-navbar-base-menu-item-color-base: var(--ds-alias-text-color-white);
|
|
1245
|
+
--ds-navbar-base-menu-item-color-hover: var(--ds-alias-text-color-inverted-primary-hover);
|
|
1246
|
+
--ds-navbar-base-menu-item-color-selected-hover: var(--ds-alias-text-color-inverted-primary-hover);
|
|
1247
|
+
--ds-navbar-base-menu-item-color-active: var(--ds-alias-text-color-inverted-primary-active);
|
|
1248
|
+
--ds-navbar-base-focus-color-start: var(--ds-alias-interaction-focus-color-inverted);
|
|
1249
|
+
--ds-navbar-base-focus-color-end: var(--ds-alias-interaction-focus-color-inverted);
|
|
1250
|
+
--ds-navbar-light-title-color: var(--ds-alias-text-color-primary);
|
|
1251
|
+
--ds-navbar-light-menu-item-color-base: var(--ds-alias-text-color-primary);
|
|
1252
|
+
--ds-navbar-light-menu-item-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1253
|
+
--ds-navbar-light-menu-item-color-selected: var(--ds-alias-text-color-primary-active);
|
|
1254
|
+
--ds-navbar-light-menu-item-color-active: var(--ds-alias-text-color-primary-active);
|
|
1255
|
+
--ds-navbar-light-button-color-text-base: var(--ds-alias-text-color-primary);
|
|
1256
|
+
--ds-navbar-light-button-color-text-hover: var(--ds-alias-text-color-primary-hover);
|
|
1257
|
+
--ds-navbar-light-button-color-text-active: var(--ds-alias-text-color-primary-active);
|
|
1006
1258
|
--ds-snackbar-radius: var(--ds-alias-radius-base);
|
|
1007
1259
|
--ds-snackbar-default-color-bg-base: var(--ds-alias-background-color-grey-light);
|
|
1008
1260
|
--ds-snackbar-default-color-border-base: var(--ds-alias-background-color-grey-light);
|
|
@@ -1110,28 +1362,28 @@
|
|
|
1110
1362
|
--ds-segment-item-font-weight: var(--ds-alias-text-weight-bold);
|
|
1111
1363
|
--ds-segment-item-unselected-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1112
1364
|
--ds-segment-item-unselected-color-active: var(--ds-alias-text-color-primary-active);
|
|
1365
|
+
--ds-segment-item-selected-background: var(--ds-alias-background-color-purple-light);
|
|
1113
1366
|
--ds-segment-item-selected-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1114
1367
|
--ds-segment-item-selected-color-active: var(--ds-alias-text-color-primary-active);
|
|
1115
|
-
--ds-segment-item-selected-background: var(--ds-alias-background-color-purple-light);
|
|
1116
1368
|
--ds-segment-item-icon-size: var(--ds-alias-space-base-mobile);
|
|
1117
|
-
--ds-checkbox-label-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1118
|
-
--ds-checkbox-label-color-active: var(--ds-alias-text-color-primary-active);
|
|
1119
|
-
--ds-checkbox-border-width: var(--ds-alias-border-width-base);
|
|
1120
1369
|
--ds-checkbox-radius: var(--ds-alias-radius-base);
|
|
1121
1370
|
--ds-checkbox-font-family: var(--ds-alias-text-family-body);
|
|
1122
1371
|
--ds-checkbox-line-height: var(--ds-alias-text-line-height-body);
|
|
1372
|
+
--ds-checkbox-label-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1373
|
+
--ds-checkbox-label-color-active: var(--ds-alias-text-color-primary-active);
|
|
1374
|
+
--ds-checkbox-border-width: var(--ds-alias-border-width-base);
|
|
1123
1375
|
--ds-checkbox-focus-color: var(--ds-alias-interaction-focus-color-base);
|
|
1124
1376
|
--ds-checkbox-tile-radius: var(--ds-alias-radius-base);
|
|
1125
1377
|
--ds-checkbox-tile-border-width: var(--ds-alias-border-width-base);
|
|
1126
1378
|
--ds-checkbox-tile-color-base-border: var(--ds-alias-border-color-grey);
|
|
1127
|
-
--ds-checkbox-tile-color-hover-background: var(--ds-alias-background-color-
|
|
1379
|
+
--ds-checkbox-tile-color-hover-background: var(--ds-alias-background-color-hover);
|
|
1128
1380
|
--ds-checkbox-tile-color-hover-border: var(--ds-alias-border-color-primary-hover);
|
|
1129
|
-
--ds-checkbox-tile-color-active-background: var(--ds-alias-background-color-
|
|
1381
|
+
--ds-checkbox-tile-color-active-background: var(--ds-alias-background-color-hover);
|
|
1130
1382
|
--ds-checkbox-tile-color-active-border: var(--ds-alias-border-color-primary-active);
|
|
1131
1383
|
--ds-checkbox-unchecked-color-base-border: var(--ds-alias-border-color-primary);
|
|
1132
|
-
--ds-checkbox-unchecked-color-hover-background: var(--ds-alias-background-color-
|
|
1384
|
+
--ds-checkbox-unchecked-color-hover-background: var(--ds-alias-background-color-hover);
|
|
1133
1385
|
--ds-checkbox-unchecked-color-hover-border: var(--ds-alias-border-color-primary-hover);
|
|
1134
|
-
--ds-checkbox-unchecked-color-active-background: var(--ds-alias-background-color-
|
|
1386
|
+
--ds-checkbox-unchecked-color-active-background: var(--ds-alias-background-color-hover);
|
|
1135
1387
|
--ds-checkbox-unchecked-color-active-border: var(--ds-alias-border-color-primary-active);
|
|
1136
1388
|
--ds-checkbox-checked-color-base-background: var(--ds-alias-background-color-primary);
|
|
1137
1389
|
--ds-checkbox-checked-color-base-border: var(--ds-alias-border-color-primary);
|
|
@@ -1140,24 +1392,24 @@
|
|
|
1140
1392
|
--ds-checkbox-checked-color-hover-border: var(--ds-alias-border-color-primary-hover);
|
|
1141
1393
|
--ds-checkbox-checked-color-active-background: var(--ds-alias-background-color-primary-active);
|
|
1142
1394
|
--ds-checkbox-checked-color-active-border: var(--ds-alias-border-color-primary-active);
|
|
1143
|
-
--ds-radio-label-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1144
|
-
--ds-radio-label-color-active: var(--ds-alias-text-color-primary-active);
|
|
1145
|
-
--ds-radio-border-width: var(--ds-alias-border-width-base);
|
|
1146
1395
|
--ds-radio-radius: var(--ds-alias-radius-rounded);
|
|
1147
1396
|
--ds-radio-font-family: var(--ds-alias-text-family-body);
|
|
1148
1397
|
--ds-radio-line-height: var(--ds-alias-text-line-height-body);
|
|
1398
|
+
--ds-radio-label-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1399
|
+
--ds-radio-label-color-active: var(--ds-alias-text-color-primary-active);
|
|
1400
|
+
--ds-radio-border-width: var(--ds-alias-border-width-base);
|
|
1149
1401
|
--ds-radio-focus-color: var(--ds-alias-interaction-focus-color-base);
|
|
1150
1402
|
--ds-radio-tile-radius: var(--ds-alias-radius-base);
|
|
1151
1403
|
--ds-radio-tile-border-width: var(--ds-alias-border-width-base);
|
|
1152
1404
|
--ds-radio-tile-color-base-border: var(--ds-alias-border-color-grey);
|
|
1153
|
-
--ds-radio-tile-color-hover-background: var(--ds-alias-background-color-
|
|
1405
|
+
--ds-radio-tile-color-hover-background: var(--ds-alias-background-color-hover);
|
|
1154
1406
|
--ds-radio-tile-color-hover-border: var(--ds-alias-border-color-primary-hover);
|
|
1155
|
-
--ds-radio-tile-color-active-background: var(--ds-alias-background-color-
|
|
1407
|
+
--ds-radio-tile-color-active-background: var(--ds-alias-background-color-hover);
|
|
1156
1408
|
--ds-radio-tile-color-active-border: var(--ds-alias-border-color-primary-active);
|
|
1157
1409
|
--ds-radio-unchecked-color-base-border: var(--ds-alias-border-color-primary);
|
|
1158
|
-
--ds-radio-unchecked-color-hover-background: var(--ds-alias-background-color-
|
|
1410
|
+
--ds-radio-unchecked-color-hover-background: var(--ds-alias-background-color-hover);
|
|
1159
1411
|
--ds-radio-unchecked-color-hover-border: var(--ds-alias-border-color-primary-hover);
|
|
1160
|
-
--ds-radio-unchecked-color-active-background: var(--ds-alias-background-color-
|
|
1412
|
+
--ds-radio-unchecked-color-active-background: var(--ds-alias-background-color-hover);
|
|
1161
1413
|
--ds-radio-unchecked-color-active-border: var(--ds-alias-border-color-primary-active);
|
|
1162
1414
|
--ds-radio-checked-color-base-background: var(--ds-alias-background-color-primary);
|
|
1163
1415
|
--ds-radio-checked-color-base-border: var(--ds-alias-border-color-primary);
|
|
@@ -1184,17 +1436,149 @@
|
|
|
1184
1436
|
--ds-accordion-summary-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1185
1437
|
--ds-accordion-summary-color-active: var(--ds-alias-text-color-primary-active);
|
|
1186
1438
|
--ds-accordion-radius-base: var(--ds-alias-radius-base);
|
|
1439
|
+
--ds-tabs-gap: var(--ds-alias-border-width-base);
|
|
1440
|
+
--ds-tabs-border-color: var(--ds-alias-border-color-grey);
|
|
1441
|
+
--ds-tabs-indicator-height: var(--ds-alias-border-width-base);
|
|
1442
|
+
--ds-tabs-vertical-gap: var(--ds-alias-space-lg-mobile);
|
|
1443
|
+
--ds-tabs-scroll-fade-background: var(--ds-alias-background-color-white);
|
|
1444
|
+
--ds-tabs-tab-font-family: var(--ds-alias-text-family-heading);
|
|
1445
|
+
--ds-tabs-tab-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1446
|
+
--ds-tabs-tab-font-weight: var(--ds-alias-text-weight-bold);
|
|
1447
|
+
--ds-tabs-tab-font-weight-selected: var(--ds-alias-text-weight-bold);
|
|
1448
|
+
--ds-tabs-tab-color-focus: var(--ds-alias-interaction-focus-color-base);
|
|
1449
|
+
--ds-tabs-tab-color-base: var(--ds-alias-text-color-primary-light);
|
|
1450
|
+
--ds-tabs-tab-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1451
|
+
--ds-tabs-tab-color-active: var(--ds-alias-text-color-primary-active);
|
|
1452
|
+
--ds-tabs-tab-color-selected: var(--ds-alias-text-color-primary);
|
|
1453
|
+
--ds-tabs-tab-border-color-selected: var(--ds-alias-border-color-primary);
|
|
1454
|
+
--ds-tabs-color-purple: var(--ds-alias-background-color-purple);
|
|
1455
|
+
--ds-tabs-color-green: var(--ds-alias-background-color-green);
|
|
1456
|
+
--ds-tabs-color-red: var(--ds-alias-background-color-red);
|
|
1457
|
+
--ds-tabs-color-yellow: var(--ds-alias-background-color-yellow);
|
|
1458
|
+
--ds-steps-connector-color: var(--ds-alias-border-color-grey);
|
|
1459
|
+
--ds-steps-connector-color-filled: var(--ds-alias-background-color-primary);
|
|
1460
|
+
--ds-steps-connector-height: var(--ds-alias-border-width-base);
|
|
1461
|
+
--ds-steps-circle-color-bg: var(--ds-alias-background-color-grey);
|
|
1462
|
+
--ds-steps-circle-color-bg-selected: var(--ds-alias-background-color-primary);
|
|
1463
|
+
--ds-steps-circle-color-bg-done: var(--ds-alias-background-color-primary);
|
|
1464
|
+
--ds-steps-circle-color-bg-invalid: var(--ds-alias-background-color-danger);
|
|
1465
|
+
--ds-steps-circle-color-bg-disabled: var(--ds-alias-background-color-grey);
|
|
1466
|
+
--ds-steps-circle-color-text: var(--ds-alias-text-color-primary);
|
|
1467
|
+
--ds-steps-circle-color-text-selected: var(--ds-alias-text-color-white);
|
|
1468
|
+
--ds-steps-circle-color-text-done: var(--ds-alias-text-color-white);
|
|
1469
|
+
--ds-steps-circle-color-text-invalid: var(--ds-alias-text-color-white);
|
|
1470
|
+
--ds-steps-circle-color-text-disabled: var(--ds-alias-text-color-primary);
|
|
1471
|
+
--ds-steps-step-font-family: var(--ds-alias-text-family-heading);
|
|
1472
|
+
--ds-steps-step-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1473
|
+
--ds-steps-step-font-size-sm: var(--ds-alias-text-size-sm-mobile);
|
|
1474
|
+
--ds-steps-step-font-weight: var(--ds-alias-text-weight-bold);
|
|
1475
|
+
--ds-steps-step-color-base: var(--ds-alias-text-color-primary-light);
|
|
1476
|
+
--ds-steps-step-color-selected: var(--ds-alias-text-color-primary);
|
|
1477
|
+
--ds-steps-step-color-focus: var(--ds-alias-interaction-focus-color-base);
|
|
1478
|
+
--ds-steps-color-purple: var(--ds-alias-background-color-purple);
|
|
1479
|
+
--ds-steps-color-green: var(--ds-alias-background-color-green);
|
|
1480
|
+
--ds-steps-color-red: var(--ds-alias-background-color-red);
|
|
1481
|
+
--ds-steps-color-yellow: var(--ds-alias-background-color-yellow);
|
|
1482
|
+
--ds-carousel-gap: var(--ds-alias-space-base-mobile);
|
|
1483
|
+
--ds-carousel-scroll-fade-bg: var(--ds-alias-background-color-white);
|
|
1484
|
+
--ds-carousel-dot-color: var(--ds-alias-border-color-grey);
|
|
1485
|
+
--ds-carousel-dot-color-active: var(--ds-alias-border-color-primary);
|
|
1486
|
+
--ds-carousel-control-color: var(--ds-alias-text-color-primary);
|
|
1487
|
+
--ds-carousel-scroll-btn-background-active: var(--ds-alias-background-color-primary);
|
|
1488
|
+
--ds-carousel-scroll-btn-background-active-hover: var(--ds-alias-background-color-primary-hover);
|
|
1489
|
+
--ds-carousel-scroll-btn-background-active-pressed: var(--ds-alias-background-color-primary-active);
|
|
1490
|
+
--ds-carousel-scroll-btn-color-active: var(--ds-alias-text-color-white);
|
|
1491
|
+
--ds-tooltip-bg: var(--ds-alias-background-color-primary-active);
|
|
1492
|
+
--ds-tooltip-color: var(--ds-alias-text-color-white);
|
|
1493
|
+
--ds-tooltip-radius: var(--ds-alias-radius-base);
|
|
1494
|
+
--ds-tooltip-shadow: var(--ds-alias-shadow-box-base);
|
|
1495
|
+
--ds-tooltip-line-height: var(--ds-alias-text-line-height-body);
|
|
1496
|
+
--ds-tooltip-z-index: var(--ds-alias-z-index-tooltip);
|
|
1497
|
+
--ds-tooltip-px: var(--ds-alias-space-sm-mobile);
|
|
1498
|
+
--ds-tooltip-py: var(--ds-alias-space-xs-mobile);
|
|
1499
|
+
--ds-tooltip-font-family: var(--ds-alias-text-family-body);
|
|
1500
|
+
--ds-tooltip-font-size: var(--ds-alias-text-size-sm-desktop);
|
|
1501
|
+
--ds-table-color: var(--ds-alias-text-color-primary);
|
|
1502
|
+
--ds-table-background-color: var(--ds-alias-background-color-white);
|
|
1503
|
+
--ds-table-body-background-color: var(--ds-alias-background-color-transparent);
|
|
1504
|
+
--ds-table-cell-border-color: var(--ds-alias-border-color-grey-light);
|
|
1505
|
+
--ds-table-cell-heading-color: var(--ds-alias-text-color-primary);
|
|
1506
|
+
--ds-table-head-cell-color: var(--ds-alias-text-color-primary);
|
|
1507
|
+
--ds-table-head-cell-border-color: var(--ds-alias-border-color-primary);
|
|
1508
|
+
--ds-table-head-background-color: var(--ds-alias-background-color-transparent);
|
|
1509
|
+
--ds-table-head-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1510
|
+
--ds-table-head-font-family: var(--ds-alias-text-family-heading);
|
|
1511
|
+
--ds-table-foot-cell-color: var(--ds-alias-text-color-primary);
|
|
1512
|
+
--ds-table-foot-background-color: var(--ds-alias-background-color-transparent);
|
|
1513
|
+
--ds-table-row-background-color-hover: var(--ds-alias-background-color-grey-light);
|
|
1514
|
+
--ds-table-row-background-color-active: var(--ds-alias-background-color-grey-light);
|
|
1515
|
+
--ds-table-row-color-active: var(--ds-alias-text-color-primary);
|
|
1516
|
+
--ds-table-striped-row-even-background-color-base: var(--ds-alias-background-color-grey-lighter);
|
|
1517
|
+
--ds-table-striped-row-even-background-color-hover: var(--ds-alias-background-color-grey-light);
|
|
1518
|
+
--ds-popup-background: var(--ds-alias-background-color-white);
|
|
1519
|
+
--ds-popup-radius: var(--ds-alias-radius-base);
|
|
1520
|
+
--ds-popup-shadow: var(--ds-alias-shadow-box-base);
|
|
1521
|
+
--ds-popup-padding: var(--ds-alias-space-md-mobile);
|
|
1522
|
+
--ds-popup-z-index: var(--ds-alias-z-index-popup);
|
|
1523
|
+
--ds-popup-backdrop-background: var(--ds-alias-background-color-primary-active);
|
|
1524
|
+
--ds-popup-backdrop-opacity: var(--ds-alias-opacity-backdrop);
|
|
1525
|
+
--ds-drawer-background: var(--ds-alias-background-color-white);
|
|
1526
|
+
--ds-drawer-radius: var(--ds-alias-radius-lg);
|
|
1527
|
+
--ds-drawer-padding: var(--ds-alias-space-md-mobile);
|
|
1528
|
+
--ds-drawer-backdrop-background: var(--ds-alias-background-color-primary-active);
|
|
1529
|
+
--ds-drawer-backdrop-opacity: var(--ds-alias-opacity-backdrop);
|
|
1530
|
+
--ds-file-upload-label-font-family: var(--ds-alias-text-family-body);
|
|
1531
|
+
--ds-file-upload-label-font-weight: var(--ds-alias-text-weight-bold);
|
|
1532
|
+
--ds-file-upload-label-text-size: var(--ds-alias-text-size-base-mobile);
|
|
1533
|
+
--ds-file-upload-label-text-line-height: var(--ds-alias-text-line-height-body);
|
|
1534
|
+
--ds-file-upload-label-text-color: var(--ds-alias-text-color-primary);
|
|
1535
|
+
--ds-file-upload-drop-zone-border-color-base: var(--ds-alias-border-color-grey);
|
|
1536
|
+
--ds-file-upload-drop-zone-border-color-hover: var(--ds-alias-border-color-primary);
|
|
1537
|
+
--ds-file-upload-drop-zone-border-color-active: var(--ds-alias-border-color-primary);
|
|
1538
|
+
--ds-file-upload-drop-zone-border-color-focus: var(--ds-alias-border-color-primary);
|
|
1539
|
+
--ds-file-upload-drop-zone-border-color-danger: var(--ds-alias-text-color-danger);
|
|
1540
|
+
--ds-file-upload-drop-zone-border-color-success: var(--ds-alias-text-color-success);
|
|
1541
|
+
--ds-file-upload-drop-zone-border-color-warning: var(--ds-alias-text-color-warning);
|
|
1542
|
+
--ds-file-upload-drop-zone-background-color-base: var(--ds-alias-background-color-transparent);
|
|
1543
|
+
--ds-file-upload-drop-zone-background-color-hover: var(--ds-alias-background-color-hover);
|
|
1544
|
+
--ds-file-upload-drop-zone-background-color-active: var(--ds-alias-background-color-hover);
|
|
1545
|
+
--ds-file-upload-drop-zone-background-color-disabled: var(--ds-alias-background-color-disabled);
|
|
1546
|
+
--ds-file-upload-drop-zone-text-color-hover: var(--ds-alias-text-color-primary-hover);
|
|
1547
|
+
--ds-file-upload-drop-zone-text-color-active: var(--ds-alias-text-color-primary-active);
|
|
1548
|
+
--ds-file-upload-file-list-background-color: var(--ds-alias-background-color-grey-light);
|
|
1549
|
+
--ds-file-upload-file-name-text-color: var(--ds-alias-text-color-primary);
|
|
1550
|
+
--ds-file-upload-file-size-text-color: var(--ds-alias-text-color-primary-light);
|
|
1187
1551
|
--ds-alias-interaction-focus-color-start: var(--ds-alias-interaction-focus-color-border);
|
|
1188
1552
|
--ds-alias-interaction-focus-color-inverted-start: var(--ds-alias-interaction-focus-color-border);
|
|
1553
|
+
--ds-footer-color-link-hover: var(--ds-button-color-inverted-link-hover-text);
|
|
1189
1554
|
--ds-button-color-inverted-link-base-text: var(--ds-alias-text-color-inverted-primary);
|
|
1190
1555
|
--ds-link-color-inverted: var(--ds-alias-text-color-inverted-primary);
|
|
1191
1556
|
--ds-list-marker-success: var(--ds-icon-color-success);
|
|
1192
1557
|
--ds-list-marker-warning: var(--ds-icon-color-warning);
|
|
1193
1558
|
--ds-list-marker-danger: var(--ds-icon-color-danger);
|
|
1559
|
+
--ds-modal-backdrop-opacity: var(--ds-backdrop-opacity);
|
|
1560
|
+
--ds-navbar-base-menu-item-color-selected: var(--ds-alias-text-color-inverted-primary);
|
|
1561
|
+
--ds-navbar-light-focus-color-end: var(--ds-alias-interaction-focus-color-end);
|
|
1194
1562
|
--ds-pagination-disabled-text-color: var(--ds-button-color-disabled-base-text);
|
|
1563
|
+
--ds-file-upload-drop-zone-text-color-disabled: var(--ds-button-color-disabled-base-text);
|
|
1564
|
+
--ds-file-upload-icon-color-disabled: var(--ds-button-color-disabled-base-text);
|
|
1565
|
+
--ds-file-upload-control-font-family: var(--ds-form-control-family);
|
|
1566
|
+
--ds-file-upload-control-font-weight: var(--ds-form-control-weight);
|
|
1567
|
+
--ds-file-upload-control-text-size: var(--ds-form-control-font-size-mobile);
|
|
1568
|
+
--ds-file-upload-control-text-line-height: var(--ds-form-control-line-height);
|
|
1569
|
+
--ds-file-upload-control-text-color-base: var(--ds-form-control-color-value-base);
|
|
1570
|
+
--ds-file-upload-control-placeholder-color-base: var(--ds-form-control-color-placeholder-base);
|
|
1571
|
+
--ds-file-upload-description-font-family: var(--ds-form-description-family);
|
|
1572
|
+
--ds-file-upload-description-font-weight: var(--ds-form-description-weight);
|
|
1573
|
+
--ds-file-upload-description-text-size: var(--ds-form-description-size-mobile);
|
|
1574
|
+
--ds-file-upload-description-text-line-height: var(--ds-form-description-line-height);
|
|
1575
|
+
--ds-file-upload-description-text-color-base: var(--ds-form-description-color-base);
|
|
1576
|
+
--ds-file-upload-description-text-color-danger: var(--ds-form-description-color-danger);
|
|
1577
|
+
--ds-file-upload-description-text-color-success: var(--ds-form-description-color-success);
|
|
1578
|
+
--ds-file-upload-description-text-color-warning: var(--ds-form-description-color-warning);
|
|
1579
|
+
--ds-navbar-light-focus-color-start: var(--ds-alias-interaction-focus-color-start);
|
|
1195
1580
|
|
|
1196
1581
|
/* Base tokens */
|
|
1197
|
-
--ds-pagination-gap: 0.25rem;
|
|
1198
1582
|
--ds-alias-container-space: var(--ds-global-size-space-16);
|
|
1199
1583
|
--ds-alias-space-none: var(--ds-global-size-space-0);
|
|
1200
1584
|
--ds-alias-space-auto: var(--ds-global-size-space-auto);
|
|
@@ -1233,10 +1617,14 @@
|
|
|
1233
1617
|
--ds-card-space-base: var(--ds-alias-space-base-mobile);
|
|
1234
1618
|
--ds-card-space-md: var(--ds-alias-space-base-mobile);
|
|
1235
1619
|
--ds-card-space-lg: var(--ds-alias-space-base-mobile);
|
|
1236
|
-
--ds-
|
|
1237
|
-
--ds-
|
|
1238
|
-
--ds-
|
|
1239
|
-
--ds-
|
|
1620
|
+
--ds-date-calendar-size: var(--ds-alias-text-size-base-mobile);
|
|
1621
|
+
--ds-form-label-size: var(--ds-alias-text-size-sm-mobile);
|
|
1622
|
+
--ds-form-label-size-2: var(--ds-alias-text-size-sm-mobile);
|
|
1623
|
+
--ds-form-control-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1624
|
+
--ds-form-description-size: var(--ds-alias-text-size-xs-mobile);
|
|
1625
|
+
--ds-select-label-size: var(--ds-alias-text-size-sm-mobile);
|
|
1626
|
+
--ds-select-control-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1627
|
+
--ds-select-description-size: var(--ds-alias-text-size-xs-mobile);
|
|
1240
1628
|
--ds-label-size-3xl: var(--ds-alias-text-size-3xl-mobile);
|
|
1241
1629
|
--ds-label-size-2xl: var(--ds-alias-text-size-2xl-mobile);
|
|
1242
1630
|
--ds-label-size-xl: var(--ds-alias-text-size-xl-mobile);
|
|
@@ -1244,10 +1632,10 @@
|
|
|
1244
1632
|
--ds-label-size-md: var(--ds-alias-text-size-md-mobile);
|
|
1245
1633
|
--ds-label-size-base: var(--ds-alias-text-size-base-mobile);
|
|
1246
1634
|
--ds-label-size-sm: var(--ds-alias-text-size-sm-mobile);
|
|
1635
|
+
--ds-modal-heading-size: var(--ds-alias-text-size-2xl-mobile);
|
|
1247
1636
|
--ds-accordion-summary-font-size: var(--ds-alias-text-size-base-mobile);
|
|
1248
1637
|
|
|
1249
1638
|
/* Device tokens */
|
|
1250
|
-
--ds-pagination-gap-device: 0.25rem;
|
|
1251
1639
|
--ds-alias-container-space-device: var(--ds-global-size-space-16);
|
|
1252
1640
|
--ds-alias-space-none-device: var(--ds-global-size-space-0);
|
|
1253
1641
|
--ds-alias-space-auto-device: var(--ds-global-size-space-auto);
|
|
@@ -1286,10 +1674,14 @@
|
|
|
1286
1674
|
--ds-card-space-base-device: var(--ds-alias-space-base-mobile);
|
|
1287
1675
|
--ds-card-space-md-device: var(--ds-alias-space-base-mobile);
|
|
1288
1676
|
--ds-card-space-lg-device: var(--ds-alias-space-base-mobile);
|
|
1289
|
-
--ds-
|
|
1290
|
-
--ds-
|
|
1291
|
-
--ds-
|
|
1292
|
-
--ds-
|
|
1677
|
+
--ds-date-calendar-size-device: var(--ds-alias-text-size-base-mobile);
|
|
1678
|
+
--ds-form-label-size-device: var(--ds-alias-text-size-sm-mobile);
|
|
1679
|
+
--ds-form-label-size-2-device: var(--ds-alias-text-size-sm-mobile);
|
|
1680
|
+
--ds-form-control-font-size-device: var(--ds-alias-text-size-base-mobile);
|
|
1681
|
+
--ds-form-description-size-device: var(--ds-alias-text-size-xs-mobile);
|
|
1682
|
+
--ds-select-label-size-device: var(--ds-alias-text-size-sm-mobile);
|
|
1683
|
+
--ds-select-control-font-size-device: var(--ds-alias-text-size-base-mobile);
|
|
1684
|
+
--ds-select-description-size-device: var(--ds-alias-text-size-xs-mobile);
|
|
1293
1685
|
--ds-label-size-3xl-device: var(--ds-alias-text-size-3xl-mobile);
|
|
1294
1686
|
--ds-label-size-2xl-device: var(--ds-alias-text-size-2xl-mobile);
|
|
1295
1687
|
--ds-label-size-xl-device: var(--ds-alias-text-size-xl-mobile);
|
|
@@ -1297,6 +1689,7 @@
|
|
|
1297
1689
|
--ds-label-size-md-device: var(--ds-alias-text-size-md-mobile);
|
|
1298
1690
|
--ds-label-size-base-device: var(--ds-alias-text-size-base-mobile);
|
|
1299
1691
|
--ds-label-size-sm-device: var(--ds-alias-text-size-sm-mobile);
|
|
1692
|
+
--ds-modal-heading-size-device: var(--ds-alias-text-size-2xl-mobile);
|
|
1300
1693
|
--ds-accordion-summary-font-size-device: var(--ds-alias-text-size-base-mobile);
|
|
1301
1694
|
}
|
|
1302
1695
|
|
|
@@ -1304,7 +1697,6 @@
|
|
|
1304
1697
|
|
|
1305
1698
|
@media (min-width: 769px) {
|
|
1306
1699
|
:root {
|
|
1307
|
-
--ds-pagination-gap-device: 0.5rem;
|
|
1308
1700
|
--ds-alias-breakpoint-device: var(--ds-global-size-breakpoint-1);
|
|
1309
1701
|
--ds-alias-container-space-device: var(--ds-global-size-space-40);
|
|
1310
1702
|
--ds-alias-space-none-device: var(--ds-global-size-space-0);
|
|
@@ -1344,10 +1736,14 @@
|
|
|
1344
1736
|
--ds-card-space-base-device: var(--ds-alias-space-lg-mobile);
|
|
1345
1737
|
--ds-card-space-md-device: var(--ds-alias-space-lg-mobile);
|
|
1346
1738
|
--ds-card-space-lg-device: var(--ds-alias-space-xl-mobile);
|
|
1347
|
-
--ds-
|
|
1348
|
-
--ds-
|
|
1349
|
-
--ds-
|
|
1350
|
-
--ds-
|
|
1739
|
+
--ds-date-calendar-size-device: var(--ds-alias-text-size-base-tablet);
|
|
1740
|
+
--ds-form-label-size-device: var(--ds-alias-text-size-sm-tablet);
|
|
1741
|
+
--ds-form-label-size-2-device: var(--ds-alias-text-size-sm-tablet);
|
|
1742
|
+
--ds-form-control-font-size-device: var(--ds-alias-text-size-base-tablet);
|
|
1743
|
+
--ds-form-description-size-device: var(--ds-alias-text-size-xs-tablet);
|
|
1744
|
+
--ds-select-label-size-device: var(--ds-alias-text-size-sm-tablet);
|
|
1745
|
+
--ds-select-control-font-size-device: var(--ds-alias-text-size-base-tablet);
|
|
1746
|
+
--ds-select-description-size-device: var(--ds-alias-text-size-xs-tablet);
|
|
1351
1747
|
--ds-label-size-3xl-device: var(--ds-alias-text-size-3xl-tablet);
|
|
1352
1748
|
--ds-label-size-2xl-device: var(--ds-alias-text-size-2xl-tablet);
|
|
1353
1749
|
--ds-label-size-xl-device: var(--ds-alias-text-size-xl-tablet);
|
|
@@ -1355,6 +1751,7 @@
|
|
|
1355
1751
|
--ds-label-size-md-device: var(--ds-alias-text-size-md-tablet);
|
|
1356
1752
|
--ds-label-size-base-device: var(--ds-alias-text-size-base-tablet);
|
|
1357
1753
|
--ds-label-size-sm-device: var(--ds-alias-text-size-sm-tablet);
|
|
1754
|
+
--ds-modal-heading-size-device: var(--ds-alias-text-size-2xl-tablet);
|
|
1358
1755
|
--ds-accordion-summary-font-size-device: var(--ds-alias-text-size-base-tablet);
|
|
1359
1756
|
}
|
|
1360
1757
|
}
|
|
@@ -1363,7 +1760,6 @@
|
|
|
1363
1760
|
|
|
1364
1761
|
@media (min-width: 1024px) {
|
|
1365
1762
|
:root {
|
|
1366
|
-
--ds-pagination-gap-device: 0.5rem;
|
|
1367
1763
|
--ds-alias-breakpoint-device: var(--ds-global-size-breakpoint-2);
|
|
1368
1764
|
--ds-alias-container-space-device: var(--ds-global-size-space-48);
|
|
1369
1765
|
--ds-alias-space-none-device: var(--ds-global-size-space-0);
|
|
@@ -1400,10 +1796,14 @@
|
|
|
1400
1796
|
--ds-card-space-base-device: var(--ds-alias-space-lg-mobile);
|
|
1401
1797
|
--ds-card-space-md-device: var(--ds-alias-space-xl-mobile);
|
|
1402
1798
|
--ds-card-space-lg-device: var(--ds-alias-space-2xl-mobile);
|
|
1403
|
-
--ds-
|
|
1404
|
-
--ds-
|
|
1405
|
-
--ds-
|
|
1406
|
-
--ds-
|
|
1799
|
+
--ds-date-calendar-size-device: var(--ds-alias-text-size-base-desktop);
|
|
1800
|
+
--ds-form-label-size-device: var(--ds-alias-text-size-sm-desktop);
|
|
1801
|
+
--ds-form-label-size-2-device: var(--ds-alias-text-size-sm-desktop);
|
|
1802
|
+
--ds-form-control-font-size-device: var(--ds-alias-text-size-base-desktop);
|
|
1803
|
+
--ds-form-description-size-device: var(--ds-alias-text-size-xs-desktop);
|
|
1804
|
+
--ds-select-label-size-device: var(--ds-alias-text-size-sm-desktop);
|
|
1805
|
+
--ds-select-control-font-size-device: var(--ds-alias-text-size-base-desktop);
|
|
1806
|
+
--ds-select-description-size-device: var(--ds-alias-text-size-xs-desktop);
|
|
1407
1807
|
--ds-label-size-3xl-device: var(--ds-alias-text-size-3xl-desktop);
|
|
1408
1808
|
--ds-label-size-2xl-device: var(--ds-alias-text-size-2xl-desktop);
|
|
1409
1809
|
--ds-label-size-xl-device: var(--ds-alias-text-size-xl-desktop);
|
|
@@ -1411,6 +1811,7 @@
|
|
|
1411
1811
|
--ds-label-size-md-device: var(--ds-alias-text-size-md-desktop);
|
|
1412
1812
|
--ds-label-size-base-device: var(--ds-alias-text-size-base-tablet);
|
|
1413
1813
|
--ds-label-size-sm-device: var(--ds-alias-space-sm-desktop);
|
|
1814
|
+
--ds-modal-heading-size-device: var(--ds-alias-text-size-2xl-desktop);
|
|
1414
1815
|
--ds-accordion-summary-font-size-device: var(--ds-alias-text-size-base-desktop);
|
|
1415
1816
|
}
|
|
1416
1817
|
}
|