@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
|
@@ -34,9 +34,10 @@ $ds-global-color-sky-3: #56a7f5;
|
|
|
34
34
|
$ds-global-color-sky-4: #6672cc;
|
|
35
35
|
$ds-global-color-sky-5: #0014aa;
|
|
36
36
|
$ds-global-color-sky-6: #000a55;
|
|
37
|
-
$ds-global-color-grey-
|
|
38
|
-
$ds-global-color-grey-
|
|
39
|
-
$ds-global-color-grey-
|
|
37
|
+
$ds-global-color-grey-0: #fafafa;
|
|
38
|
+
$ds-global-color-grey-1: #f0f0f0;
|
|
39
|
+
$ds-global-color-grey-2: #e0e0e0;
|
|
40
|
+
$ds-global-color-grey-3: #d0d0d0;
|
|
40
41
|
$ds-global-color-grey-4: #b6b6b6;
|
|
41
42
|
$ds-global-color-grey-5: #747474;
|
|
42
43
|
$ds-global-color-grey-6: #313131;
|
|
@@ -82,15 +83,15 @@ $ds-global-elevation-opacity-50: 0.5;
|
|
|
82
83
|
$ds-global-elevation-opacity-60: 0.6;
|
|
83
84
|
$ds-global-elevation-opacity-80: 0.8;
|
|
84
85
|
$ds-global-elevation-opacity-100: 1;
|
|
85
|
-
$ds-global-elevation-z-index-100:
|
|
86
|
-
$ds-global-elevation-z-index-200:
|
|
87
|
-
$ds-global-elevation-z-index-300:
|
|
88
|
-
$ds-global-elevation-z-index-400:
|
|
89
|
-
$ds-global-elevation-z-index-1000:
|
|
90
|
-
$ds-global-elevation-z-index-1100:
|
|
91
|
-
$ds-global-elevation-z-index-1200:
|
|
92
|
-
$ds-global-elevation-z-index-1300:
|
|
93
|
-
$ds-global-elevation-z-index-behind-all: -
|
|
86
|
+
$ds-global-elevation-z-index-100: 100;
|
|
87
|
+
$ds-global-elevation-z-index-200: 200;
|
|
88
|
+
$ds-global-elevation-z-index-300: 300;
|
|
89
|
+
$ds-global-elevation-z-index-400: 400;
|
|
90
|
+
$ds-global-elevation-z-index-1000: 1000;
|
|
91
|
+
$ds-global-elevation-z-index-1100: 1100;
|
|
92
|
+
$ds-global-elevation-z-index-1200: 1200;
|
|
93
|
+
$ds-global-elevation-z-index-1300: 1300;
|
|
94
|
+
$ds-global-elevation-z-index-behind-all: -999999;
|
|
94
95
|
$ds-global-font-shadow-0: none;
|
|
95
96
|
$ds-global-font-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5);
|
|
96
97
|
$ds-global-font-size-0: 0rem;
|
|
@@ -157,6 +158,10 @@ $ds-alias-interaction-focus-size-inner: 2;
|
|
|
157
158
|
$ds-alias-interaction-focus-size-outer: 5;
|
|
158
159
|
$ds-alias-interaction-focus-size-inner-inset: 3;
|
|
159
160
|
$ds-alias-interaction-focus-size-outer-inset: 5;
|
|
161
|
+
$ds-backdrop-filter: blur(4px);
|
|
162
|
+
$ds-footer-space-gap-column: 0.5rem 1rem;
|
|
163
|
+
$ds-footer-space-link-gap: 0.5rem 1.5rem;
|
|
164
|
+
$ds-footer-space-padding-base: 2rem;
|
|
160
165
|
$ds-heading-color-base: inherit;
|
|
161
166
|
$ds-card-color-base-text: inherit;
|
|
162
167
|
$ds-card-color-white-text: inherit;
|
|
@@ -193,18 +198,39 @@ $ds-notification-color-outline-green-icon: url('data:image/svg+xml;charset=UTF-8
|
|
|
193
198
|
$ds-notification-color-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
|
|
194
199
|
$ds-notification-color-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
|
|
195
200
|
$ds-link-family: inherit;
|
|
201
|
+
$ds-navbar-base-layout-height: 5rem;
|
|
202
|
+
$ds-navbar-base-hamburger-transition-duration: 0.2s;
|
|
203
|
+
$ds-navbar-base-sidebar-max-width: 25rem;
|
|
204
|
+
$ds-navbar-base-sidebar-slide-duration: 300ms;
|
|
205
|
+
$ds-navbar-base-sidebar-backdrop-color: #000000;
|
|
206
|
+
$ds-navbar-base-sidebar-panel-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
|
|
207
|
+
$ds-navbar-base-menu-item-transition-duration: 0.2s;
|
|
196
208
|
$ds-segment-item-icon-gap: 0.375rem;
|
|
197
|
-
$ds-pagination-gap-mobile: 0.25rem;
|
|
198
|
-
$ds-pagination-gap-tablet: 0.5rem;
|
|
199
|
-
$ds-pagination-gap-desktop: 0.5rem;
|
|
200
|
-
$ds-progress-bar-height: 0.25rem;
|
|
201
209
|
$ds-accordion-summary-color-base: inherit;
|
|
210
|
+
$ds-tabs-panel-padding: 1rem 0;
|
|
211
|
+
$ds-tabs-tab-padding: 0.25rem 1rem;
|
|
212
|
+
$ds-tab-panel-padding: 1rem 0;
|
|
213
|
+
$ds-steps-circle-size: 2rem;
|
|
214
|
+
$ds-steps-circle-size-sm: 1.5rem;
|
|
215
|
+
$ds-steps-panel-padding: 1rem 0;
|
|
216
|
+
$ds-step-panel-padding: 1rem 0;
|
|
217
|
+
$ds-carousel-dot-size: 8px;
|
|
218
|
+
$ds-carousel-dot-size-active: 10px;
|
|
219
|
+
$ds-table-cell-padding: 0.5em 0.75em;
|
|
220
|
+
$ds-table-cell-border-width: 0 0 2px;
|
|
221
|
+
$ds-table-head-cell-border-width: 0 0 1px;
|
|
222
|
+
$ds-table-foot-cell-border-width: 0 0 0;
|
|
223
|
+
$ds-popup-min-width: 16rem;
|
|
224
|
+
$ds-drawer-max-height: 85dvh;
|
|
202
225
|
$ds-alias-background-color-white: $ds-global-color-white;
|
|
226
|
+
$ds-alias-background-color-selected: $ds-global-color-primary-2;
|
|
227
|
+
$ds-alias-background-color-hover: $ds-global-color-grey-0;
|
|
228
|
+
$ds-alias-background-color-highlight: $ds-global-color-primary-1;
|
|
229
|
+
$ds-alias-background-color-disabled: $ds-global-color-grey-2;
|
|
203
230
|
$ds-alias-background-color-transparent: $ds-global-color-neutral;
|
|
204
231
|
$ds-alias-background-color-sky-light: $ds-global-color-sky-1;
|
|
205
232
|
$ds-alias-background-color-sky: $ds-global-color-sky-2;
|
|
206
233
|
$ds-alias-background-color-sky-dark: $ds-global-color-sky-3;
|
|
207
|
-
$ds-alias-background-color-disabled: $ds-global-color-grey-3;
|
|
208
234
|
$ds-alias-background-color-info: $ds-global-color-info-3;
|
|
209
235
|
$ds-alias-background-color-info-light: $ds-global-color-info-2;
|
|
210
236
|
$ds-alias-background-color-info-dark: $ds-global-color-info-4;
|
|
@@ -228,14 +254,17 @@ $ds-alias-background-color-danger: $ds-global-color-danger-3;
|
|
|
228
254
|
$ds-alias-background-color-danger-dark: $ds-global-color-danger-4;
|
|
229
255
|
$ds-alias-background-color-danger-darker: $ds-global-color-danger-5;
|
|
230
256
|
$ds-alias-background-color-danger-darkest: $ds-global-color-danger-6;
|
|
231
|
-
$ds-alias-background-color-grey-lighter: $ds-global-color-grey-
|
|
232
|
-
$ds-alias-background-color-grey-light: $ds-global-color-grey-
|
|
233
|
-
$ds-alias-background-color-grey: $ds-global-color-grey-
|
|
234
|
-
$ds-alias-background-color-grey-dark: $ds-global-color-grey-
|
|
257
|
+
$ds-alias-background-color-grey-lighter: $ds-global-color-grey-0;
|
|
258
|
+
$ds-alias-background-color-grey-light: $ds-global-color-grey-1;
|
|
259
|
+
$ds-alias-background-color-grey: $ds-global-color-grey-2;
|
|
260
|
+
$ds-alias-background-color-grey-dark: $ds-global-color-grey-3;
|
|
261
|
+
$ds-alias-background-color-grey-darker: $ds-global-color-grey-4;
|
|
262
|
+
$ds-alias-background-color-primary-lighter: $ds-global-color-primary-1;
|
|
235
263
|
$ds-alias-background-color-primary-light: $ds-global-color-primary-3;
|
|
236
264
|
$ds-alias-background-color-primary: $ds-global-color-primary-5;
|
|
237
265
|
$ds-alias-background-color-primary-hover: $ds-global-color-sky-5;
|
|
238
266
|
$ds-alias-background-color-primary-active: $ds-global-color-primary-6;
|
|
267
|
+
$ds-alias-background-color-primary-dark: $ds-global-color-primary-4;
|
|
239
268
|
$ds-alias-background-color-green-lighter: $ds-global-color-green-1;
|
|
240
269
|
$ds-alias-background-color-green-light: $ds-global-color-green-2;
|
|
241
270
|
$ds-alias-background-color-green: $ds-global-color-green-3;
|
|
@@ -251,7 +280,7 @@ $ds-alias-background-color-yellow: $ds-global-color-yellow-3;
|
|
|
251
280
|
$ds-alias-border-color-white: $ds-global-color-white;
|
|
252
281
|
$ds-alias-border-color-base: $ds-global-color-grey-3;
|
|
253
282
|
$ds-alias-border-color-inverted: $ds-global-color-white;
|
|
254
|
-
$ds-alias-border-color-disabled: $ds-global-color-grey-
|
|
283
|
+
$ds-alias-border-color-disabled: $ds-global-color-grey-3;
|
|
255
284
|
$ds-alias-border-color-disabled-inverted: $ds-global-color-primary-3;
|
|
256
285
|
$ds-alias-border-color-grey-light: $ds-global-color-grey-2;
|
|
257
286
|
$ds-alias-border-color-grey: $ds-global-color-grey-3;
|
|
@@ -410,6 +439,7 @@ $ds-alias-text-color-inverted-primary-active: $ds-global-color-info-3;
|
|
|
410
439
|
$ds-alias-text-color-grey-light: $ds-global-color-grey-4;
|
|
411
440
|
$ds-alias-text-color-grey: $ds-global-color-grey-5;
|
|
412
441
|
$ds-alias-text-color-grey-dark: $ds-global-color-grey-6;
|
|
442
|
+
$ds-alias-text-color-sky-dark: $ds-global-color-sky-3;
|
|
413
443
|
$ds-alias-shadow-text: $ds-global-font-shadow-1;
|
|
414
444
|
$ds-alias-shadow-box-none: $ds-global-elevation-shadow-0;
|
|
415
445
|
$ds-alias-shadow-box-header: $ds-global-elevation-shadow-2;
|
|
@@ -439,10 +469,49 @@ $ds-icon-size-lg: $ds-global-font-size-32;
|
|
|
439
469
|
$ds-icon-size-xl: $ds-global-font-size-40;
|
|
440
470
|
$ds-icon-size-2xl: $ds-global-font-size-80;
|
|
441
471
|
$ds-icon-size-3xl: $ds-global-font-size-176;
|
|
442
|
-
$ds-
|
|
443
|
-
$ds-
|
|
444
|
-
$ds-
|
|
472
|
+
$ds-form-control-color-placeholder-success: $ds-global-color-success-2;
|
|
473
|
+
$ds-form-control-color-placeholder-warning: $ds-global-color-warning-4;
|
|
474
|
+
$ds-form-control-color-placeholder-danger: $ds-global-color-danger-2;
|
|
445
475
|
$ds-notification-color-outline-base-border: $ds-global-color-primary-2;
|
|
476
|
+
$ds-modal-backdrop-filter: $ds-backdrop-filter;
|
|
477
|
+
$ds-navbar-base-layout-padding: $ds-global-size-space-16;
|
|
478
|
+
$ds-navbar-base-brand-gap: $ds-global-size-space-8;
|
|
479
|
+
$ds-navbar-base-hamburger-padding: $ds-global-size-space-8;
|
|
480
|
+
$ds-navbar-base-hamburger-width: $ds-global-size-space-48;
|
|
481
|
+
$ds-navbar-base-hamburger-height: $ds-global-size-space-48;
|
|
482
|
+
$ds-navbar-base-sidebar-panel-border-top: 1px solid $ds-global-color-white;
|
|
483
|
+
$ds-navbar-base-sidebar-content-gap: $ds-global-size-space-16;
|
|
484
|
+
$ds-navbar-base-sidebar-content-padding-inline: $ds-global-size-space-24;
|
|
485
|
+
$ds-navbar-base-sidebar-content-padding-block: $ds-global-size-space-24;
|
|
486
|
+
$ds-navbar-base-sidebar-item-min-height: $ds-global-size-space-48;
|
|
487
|
+
$ds-navbar-base-sidebar-item-padding-block: $ds-global-size-space-12;
|
|
488
|
+
$ds-navbar-base-sidebar-item-padding-inline: $ds-global-size-space-8;
|
|
489
|
+
$ds-navbar-base-sidebar-item-chevron-color: $ds-global-color-primary-5;
|
|
490
|
+
$ds-navbar-base-sidebar-item-chevron-size: $ds-global-size-space-16;
|
|
491
|
+
$ds-navbar-base-menu-gap: $ds-global-size-space-32;
|
|
492
|
+
$ds-navbar-base-menu-start-gap: $ds-global-size-space-2;
|
|
493
|
+
$ds-navbar-base-menu-end-gap: $ds-global-size-space-8;
|
|
494
|
+
$ds-navbar-base-menu-item-padding-block: $ds-global-size-space-8;
|
|
495
|
+
$ds-navbar-base-menu-item-padding-inline: $ds-global-size-space-16;
|
|
496
|
+
$ds-navbar-base-container-gap: $ds-global-size-space-32;
|
|
497
|
+
$ds-navbar-base-content-gap: $ds-global-size-space-8;
|
|
498
|
+
$ds-navbar-base-button-color-text-base: $ds-global-color-white;
|
|
499
|
+
$ds-navbar-base-button-color-text-hover: $ds-global-color-primary-5;
|
|
500
|
+
$ds-navbar-base-button-color-text-active: $ds-global-color-primary-5;
|
|
501
|
+
$ds-navbar-base-button-color-background-base: $ds-global-color-primary-4;
|
|
502
|
+
$ds-navbar-base-button-color-background-hover: $ds-global-color-sky-2;
|
|
503
|
+
$ds-navbar-base-button-color-background-active: $ds-global-color-white;
|
|
504
|
+
$ds-navbar-base-button-color-border-base: $ds-global-color-primary-4;
|
|
505
|
+
$ds-navbar-base-button-color-border-hover: $ds-global-color-sky-2;
|
|
506
|
+
$ds-navbar-base-button-color-border-active: $ds-global-color-white;
|
|
507
|
+
$ds-navbar-light-background: $ds-global-color-white;
|
|
508
|
+
$ds-navbar-light-sidebar-panel-border-top: 1px solid $ds-global-color-grey-3;
|
|
509
|
+
$ds-navbar-light-button-color-background-base: $ds-global-color-grey-1;
|
|
510
|
+
$ds-navbar-light-button-color-background-hover: $ds-global-color-sky-1;
|
|
511
|
+
$ds-navbar-light-button-color-background-active: $ds-global-color-sky-1;
|
|
512
|
+
$ds-navbar-light-button-color-border-base: $ds-global-color-grey-1;
|
|
513
|
+
$ds-navbar-light-button-color-border-hover: $ds-global-color-sky-1;
|
|
514
|
+
$ds-navbar-light-button-color-border-active: $ds-global-color-sky-1;
|
|
446
515
|
$ds-snackbar-default-color-progress-bar-base: $ds-global-color-primary-5;
|
|
447
516
|
$ds-snackbar-default-color-progress-bg-base: $ds-global-color-primary-2;
|
|
448
517
|
$ds-snackbar-success-color-progress-bar-base: $ds-global-color-success-6;
|
|
@@ -479,12 +548,32 @@ $ds-progress-bar-line-color-purple: $ds-global-color-purple-6;
|
|
|
479
548
|
$ds-progress-bar-line-color-yellow: $ds-global-color-yellow-6;
|
|
480
549
|
$ds-progress-bar-line-color-red: $ds-global-color-red-6;
|
|
481
550
|
$ds-progress-bar-line-color-green: $ds-global-color-green-6;
|
|
551
|
+
$ds-tabs-color-purple-hover: $ds-global-color-purple-5;
|
|
552
|
+
$ds-tabs-color-green-hover: $ds-global-color-green-5;
|
|
553
|
+
$ds-tabs-color-red-hover: $ds-global-color-red-5;
|
|
554
|
+
$ds-tabs-color-yellow-hover: $ds-global-color-yellow-5;
|
|
482
555
|
$ds-alias-interaction-focus-color-border: $ds-alias-background-color-white;
|
|
483
556
|
$ds-alias-interaction-focus-color-end: $ds-alias-interaction-focus-color-base;
|
|
484
557
|
$ds-alias-interaction-focus-color-inverted-end: $ds-alias-interaction-focus-color-inverted;
|
|
485
558
|
$ds-alias-text-color-hint: $ds-alias-text-color-primary-light;
|
|
486
559
|
$ds-alias-text-color-inverted-disabled: $ds-alias-text-color-primary-light;
|
|
487
560
|
$ds-alias-text-color-inverted-primary: $ds-alias-text-color-white;
|
|
561
|
+
$ds-backdrop-opacity: $ds-alias-opacity-backdrop;
|
|
562
|
+
$ds-footer-color-background: $ds-alias-background-color-primary;
|
|
563
|
+
$ds-footer-color-text: $ds-alias-text-color-white;
|
|
564
|
+
$ds-footer-color-link-base: $ds-alias-text-color-white;
|
|
565
|
+
$ds-footer-space-content-padding-top: $ds-alias-space-md-mobile;
|
|
566
|
+
$ds-footer-space-gap-row: $ds-alias-space-base-mobile;
|
|
567
|
+
$ds-footer-space-language-gap: $ds-alias-space-xs-mobile;
|
|
568
|
+
$ds-footer-space-bottom-gap: $ds-alias-space-base-mobile;
|
|
569
|
+
$ds-footer-space-social-gap: $ds-alias-space-xs-mobile;
|
|
570
|
+
$ds-footer-space-social-icon-size: $ds-alias-space-lg-mobile;
|
|
571
|
+
$ds-footer-space-social-icon-gap: $ds-alias-space-xs-mobile;
|
|
572
|
+
$ds-footer-space-slotted-margin-right: $ds-alias-space-base-mobile;
|
|
573
|
+
$ds-footer-space-content-max-width: $ds-alias-container-width-base;
|
|
574
|
+
$ds-footer-typography-font-size: $ds-alias-text-size-sm-mobile;
|
|
575
|
+
$ds-footer-typography-language-family: $ds-alias-text-family-heading;
|
|
576
|
+
$ds-footer-typography-language-weight: $ds-alias-text-weight-bold;
|
|
488
577
|
$ds-heading-1-space: $ds-alias-space-xs-mobile;
|
|
489
578
|
$ds-heading-1-size-mobile: $ds-alias-text-size-3xl-mobile;
|
|
490
579
|
$ds-heading-1-size-tablet: $ds-alias-text-size-3xl-tablet;
|
|
@@ -551,8 +640,8 @@ $ds-badge-color-green-text: $ds-alias-text-color-primary;
|
|
|
551
640
|
$ds-badge-color-green-background: $ds-alias-background-color-green-light;
|
|
552
641
|
$ds-badge-color-yellow-text: $ds-alias-text-color-primary;
|
|
553
642
|
$ds-badge-color-yellow-background: $ds-alias-background-color-yellow-lighter;
|
|
554
|
-
$ds-badge-color-grey-text: $ds-alias-text-color-grey
|
|
555
|
-
$ds-badge-color-grey-background: $ds-alias-background-color-grey;
|
|
643
|
+
$ds-badge-color-grey-text: $ds-alias-text-color-grey;
|
|
644
|
+
$ds-badge-color-grey-background: $ds-alias-background-color-grey-light;
|
|
556
645
|
$ds-button-family: $ds-alias-text-family-heading;
|
|
557
646
|
$ds-button-weight: $ds-alias-text-weight-bold;
|
|
558
647
|
$ds-button-line-height: $ds-alias-text-line-height-heading;
|
|
@@ -662,14 +751,14 @@ $ds-button-color-danger-active-text: $ds-alias-text-color-primary-active;
|
|
|
662
751
|
$ds-button-color-danger-active-background: $ds-alias-background-color-danger-lighter;
|
|
663
752
|
$ds-button-color-danger-active-border: $ds-alias-border-color-danger-active;
|
|
664
753
|
$ds-button-color-disabled-base-text: $ds-alias-text-color-disabled;
|
|
665
|
-
$ds-button-color-disabled-base-background: $ds-alias-background-color-
|
|
666
|
-
$ds-button-color-disabled-base-border: $ds-alias-
|
|
754
|
+
$ds-button-color-disabled-base-background: $ds-alias-background-color-disabled;
|
|
755
|
+
$ds-button-color-disabled-base-border: $ds-alias-background-color-disabled;
|
|
667
756
|
$ds-button-color-disabled-hover-text: $ds-alias-text-color-disabled;
|
|
668
|
-
$ds-button-color-disabled-hover-background: $ds-alias-background-color-
|
|
669
|
-
$ds-button-color-disabled-hover-border: $ds-alias-
|
|
757
|
+
$ds-button-color-disabled-hover-background: $ds-alias-background-color-disabled;
|
|
758
|
+
$ds-button-color-disabled-hover-border: $ds-alias-background-color-disabled;
|
|
670
759
|
$ds-button-color-disabled-active-text: $ds-alias-text-color-disabled;
|
|
671
|
-
$ds-button-color-disabled-active-background: $ds-alias-background-color-
|
|
672
|
-
$ds-button-color-disabled-active-border: $ds-alias-
|
|
760
|
+
$ds-button-color-disabled-active-background: $ds-alias-background-color-disabled;
|
|
761
|
+
$ds-button-color-disabled-active-border: $ds-alias-background-color-disabled;
|
|
673
762
|
$ds-button-color-link-base-text: $ds-alias-background-color-primary;
|
|
674
763
|
$ds-button-color-link-base-background: $ds-alias-background-color-transparent;
|
|
675
764
|
$ds-button-color-link-base-border: $ds-alias-background-color-transparent;
|
|
@@ -827,6 +916,34 @@ $ds-close-color-background-disabled: $ds-alias-background-color-grey;
|
|
|
827
916
|
$ds-close-color-icon-base: $ds-alias-text-color-primary;
|
|
828
917
|
$ds-close-color-icon-inverted: $ds-alias-text-color-white;
|
|
829
918
|
$ds-close-color-icon-disabled: $ds-alias-text-color-disabled;
|
|
919
|
+
$ds-date-calendar-family: $ds-alias-text-family-body;
|
|
920
|
+
$ds-date-calendar-weight: $ds-alias-text-weight-bold;
|
|
921
|
+
$ds-date-calendar-radius: $ds-alias-radius-base;
|
|
922
|
+
$ds-date-calendar-shadow: $ds-alias-shadow-box-base;
|
|
923
|
+
$ds-date-calendar-color-inner-border: $ds-alias-border-color-grey;
|
|
924
|
+
$ds-date-calendar-color-current-date: $ds-alias-text-color-primary;
|
|
925
|
+
$ds-date-calendar-color-text: $ds-alias-text-color-primary;
|
|
926
|
+
$ds-date-calendar-color-disabled: $ds-alias-text-color-disabled;
|
|
927
|
+
$ds-date-calendar-color-day-hover-background: $ds-alias-background-color-hover;
|
|
928
|
+
$ds-date-calendar-color-day-active-background: $ds-alias-background-color-sky;
|
|
929
|
+
$ds-date-calendar-color-day-selected-background: $ds-alias-background-color-primary-dark;
|
|
930
|
+
$ds-date-calendar-color-day-selected-hover-background: $ds-alias-background-color-primary-hover;
|
|
931
|
+
$ds-date-calendar-size-mobile: $ds-alias-text-size-base-mobile;
|
|
932
|
+
$ds-date-calendar-size-tablet: $ds-alias-text-size-base-tablet;
|
|
933
|
+
$ds-date-calendar-size-desktop: $ds-alias-text-size-base-desktop;
|
|
934
|
+
$ds-date-calendar-day-weight-base: $ds-alias-text-weight-regular;
|
|
935
|
+
$ds-date-calendar-day-weight-selected: $ds-alias-text-weight-bold;
|
|
936
|
+
$ds-date-calendar-day-name-family: $ds-alias-text-family-heading;
|
|
937
|
+
$ds-date-calendar-day-name-weight: $ds-alias-text-weight-bold;
|
|
938
|
+
$ds-date-calendar-nav-radius: $ds-alias-radius-base;
|
|
939
|
+
$ds-date-calendar-nav-color-base: $ds-alias-text-color-primary;
|
|
940
|
+
$ds-date-calendar-nav-color-hover: $ds-alias-text-color-primary-hover;
|
|
941
|
+
$ds-date-calendar-nav-color-active: $ds-alias-text-color-primary-active;
|
|
942
|
+
$ds-date-calendar-nav-color-disabled: $ds-alias-text-color-disabled;
|
|
943
|
+
$ds-date-trigger-color-disabled: $ds-alias-text-color-disabled;
|
|
944
|
+
$ds-date-trigger-color-hover: $ds-alias-text-color-primary-hover;
|
|
945
|
+
$ds-date-trigger-color-active: $ds-alias-text-color-primary-active;
|
|
946
|
+
$ds-date-popup-shadow: $ds-alias-shadow-box-base;
|
|
830
947
|
$ds-description-list-term-color: $ds-alias-text-color-primary-light;
|
|
831
948
|
$ds-description-list-term-weight: $ds-alias-text-weight-regular;
|
|
832
949
|
$ds-description-list-detail-color: $ds-alias-text-color-primary;
|
|
@@ -861,67 +978,157 @@ $ds-icon-tile-color-purple: $ds-alias-background-color-purple-lighter;
|
|
|
861
978
|
$ds-icon-tile-color-red: $ds-alias-background-color-red-lighter;
|
|
862
979
|
$ds-icon-tile-color-green: $ds-alias-background-color-green-lighter;
|
|
863
980
|
$ds-icon-tile-color-yellow: $ds-alias-background-color-yellow-lighter;
|
|
864
|
-
$ds-
|
|
865
|
-
$ds-
|
|
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-
|
|
981
|
+
$ds-form-container-radius: $ds-alias-radius-base;
|
|
982
|
+
$ds-form-container-border-width: $ds-alias-border-width-base;
|
|
983
|
+
$ds-form-container-color-base-background: $ds-alias-background-color-white;
|
|
984
|
+
$ds-form-container-color-base-border: $ds-alias-border-color-grey;
|
|
985
|
+
$ds-form-container-color-hover-background: $ds-alias-background-color-hover;
|
|
986
|
+
$ds-form-container-color-hover-border: $ds-alias-border-color-grey;
|
|
987
|
+
$ds-form-container-color-active-background: $ds-alias-background-color-hover;
|
|
988
|
+
$ds-form-container-color-active-border: $ds-alias-border-color-primary;
|
|
989
|
+
$ds-form-container-color-focus-background: $ds-alias-background-color-hover;
|
|
990
|
+
$ds-form-container-color-focus-border: $ds-alias-border-color-primary;
|
|
991
|
+
$ds-form-container-color-success-background: $ds-alias-background-color-success-lighter;
|
|
992
|
+
$ds-form-container-color-success-border: $ds-alias-text-color-success;
|
|
993
|
+
$ds-form-container-color-warning-background: $ds-alias-background-color-warning-lighter;
|
|
994
|
+
$ds-form-container-color-warning-border: $ds-alias-text-color-warning;
|
|
995
|
+
$ds-form-container-color-danger-background: $ds-alias-background-color-danger-lighter;
|
|
996
|
+
$ds-form-container-color-danger-border: $ds-alias-text-color-danger;
|
|
997
|
+
$ds-form-container-color-disabled-background: $ds-alias-background-color-disabled;
|
|
998
|
+
$ds-form-container-color-disabled-border: $ds-alias-border-color-disabled;
|
|
999
|
+
$ds-form-label-family: $ds-alias-text-family-body;
|
|
1000
|
+
$ds-form-label-weight: $ds-alias-text-weight-bold;
|
|
1001
|
+
$ds-form-label-line-height: $ds-alias-text-line-height-body;
|
|
1002
|
+
$ds-form-label-color-base: $ds-alias-text-color-primary;
|
|
1003
|
+
$ds-form-label-color-success: $ds-alias-text-color-success;
|
|
1004
|
+
$ds-form-label-color-warning: $ds-alias-text-color-warning;
|
|
1005
|
+
$ds-form-label-color-danger: $ds-alias-text-color-danger;
|
|
1006
|
+
$ds-form-label-color-disabled: $ds-alias-text-color-disabled;
|
|
1007
|
+
$ds-form-label-size-mobile: $ds-alias-text-size-sm-mobile;
|
|
1008
|
+
$ds-form-label-size-tablet: $ds-alias-text-size-sm-tablet;
|
|
1009
|
+
$ds-form-label-size-desktop: $ds-alias-text-size-sm-desktop;
|
|
1010
|
+
$ds-form-label-color-2-base: $ds-alias-text-color-primary;
|
|
1011
|
+
$ds-form-label-color-2-success: $ds-alias-text-color-success;
|
|
1012
|
+
$ds-form-label-color-2-warning: $ds-alias-text-color-warning;
|
|
1013
|
+
$ds-form-label-color-2-danger: $ds-alias-text-color-danger;
|
|
1014
|
+
$ds-form-label-color-2-disabled: $ds-alias-text-color-disabled;
|
|
1015
|
+
$ds-form-label-size-2-mobile: $ds-alias-text-size-sm-mobile;
|
|
1016
|
+
$ds-form-label-size-2-tablet: $ds-alias-text-size-sm-tablet;
|
|
1017
|
+
$ds-form-label-size-2-desktop: $ds-alias-text-size-sm-desktop;
|
|
1018
|
+
$ds-form-control-family: $ds-alias-text-family-body;
|
|
1019
|
+
$ds-form-control-weight: $ds-alias-text-weight-regular;
|
|
1020
|
+
$ds-form-control-line-height: $ds-alias-text-line-height-body;
|
|
1021
|
+
$ds-form-control-font-size-mobile: $ds-alias-text-size-base-mobile;
|
|
1022
|
+
$ds-form-control-font-size-tablet: $ds-alias-text-size-base-tablet;
|
|
1023
|
+
$ds-form-control-font-size-desktop: $ds-alias-text-size-base-desktop;
|
|
1024
|
+
$ds-form-control-color-value-base: $ds-alias-text-color-primary;
|
|
1025
|
+
$ds-form-control-color-value-success: $ds-alias-text-color-success;
|
|
1026
|
+
$ds-form-control-color-value-warning: $ds-alias-text-color-warning;
|
|
1027
|
+
$ds-form-control-color-value-danger: $ds-alias-text-color-danger;
|
|
1028
|
+
$ds-form-control-color-value-disabled: $ds-alias-text-color-grey-dark;
|
|
1029
|
+
$ds-form-control-color-placeholder-base: $ds-alias-text-color-placeholder;
|
|
1030
|
+
$ds-form-control-color-placeholder-disabled: $ds-alias-text-color-disabled;
|
|
1031
|
+
$ds-form-description-family: $ds-alias-text-family-body;
|
|
1032
|
+
$ds-form-description-weight: $ds-alias-text-weight-regular;
|
|
1033
|
+
$ds-form-description-line-height: $ds-alias-text-line-height-body;
|
|
1034
|
+
$ds-form-description-color-base: $ds-alias-text-color-primary-light;
|
|
1035
|
+
$ds-form-description-color-success: $ds-alias-text-color-success;
|
|
1036
|
+
$ds-form-description-color-warning: $ds-alias-text-color-warning;
|
|
1037
|
+
$ds-form-description-color-danger: $ds-alias-text-color-danger;
|
|
1038
|
+
$ds-form-description-color-disabled: $ds-alias-text-color-disabled;
|
|
1039
|
+
$ds-form-description-size-mobile: $ds-alias-text-size-xs-mobile;
|
|
1040
|
+
$ds-form-description-size-tablet: $ds-alias-text-size-xs-tablet;
|
|
1041
|
+
$ds-form-description-size-desktop: $ds-alias-text-size-xs-desktop;
|
|
1042
|
+
$ds-select-radius: $ds-alias-radius-base;
|
|
1043
|
+
$ds-select-container-radius: $ds-alias-radius-base;
|
|
1044
|
+
$ds-select-container-border-width: $ds-alias-border-width-base;
|
|
1045
|
+
$ds-select-container-color-base-background: $ds-alias-background-color-white;
|
|
1046
|
+
$ds-select-container-color-base-border: $ds-alias-border-color-grey;
|
|
1047
|
+
$ds-select-container-color-hover-background: $ds-alias-background-color-hover;
|
|
1048
|
+
$ds-select-container-color-hover-border: $ds-alias-border-color-grey;
|
|
1049
|
+
$ds-select-container-color-active-background: $ds-alias-background-color-hover;
|
|
1050
|
+
$ds-select-container-color-active-border: $ds-alias-border-color-primary;
|
|
1051
|
+
$ds-select-container-color-focus-background: $ds-alias-background-color-hover;
|
|
1052
|
+
$ds-select-container-color-focus-border: $ds-alias-border-color-primary;
|
|
1053
|
+
$ds-select-container-color-success-background: $ds-alias-background-color-success-lighter;
|
|
1054
|
+
$ds-select-container-color-success-border: $ds-alias-text-color-success;
|
|
1055
|
+
$ds-select-container-color-warning-background: $ds-alias-background-color-warning-lighter;
|
|
1056
|
+
$ds-select-container-color-warning-border: $ds-alias-text-color-warning;
|
|
1057
|
+
$ds-select-container-color-danger-background: $ds-alias-background-color-danger-lighter;
|
|
1058
|
+
$ds-select-container-color-danger-border: $ds-alias-text-color-danger;
|
|
1059
|
+
$ds-select-container-color-disabled-background: $ds-alias-background-color-disabled;
|
|
1060
|
+
$ds-select-container-color-disabled-border: $ds-alias-border-color-disabled;
|
|
1061
|
+
$ds-select-label-family: $ds-alias-text-family-body;
|
|
1062
|
+
$ds-select-label-weight: $ds-alias-text-weight-bold;
|
|
1063
|
+
$ds-select-label-line-height: $ds-alias-text-line-height-body;
|
|
1064
|
+
$ds-select-label-color-base: $ds-alias-text-color-primary;
|
|
1065
|
+
$ds-select-label-color-success: $ds-alias-text-color-success;
|
|
1066
|
+
$ds-select-label-color-warning: $ds-alias-text-color-warning;
|
|
1067
|
+
$ds-select-label-color-danger: $ds-alias-text-color-danger;
|
|
1068
|
+
$ds-select-label-color-disabled: $ds-alias-text-color-disabled;
|
|
1069
|
+
$ds-select-label-size-mobile: $ds-alias-text-size-sm-mobile;
|
|
1070
|
+
$ds-select-label-size-tablet: $ds-alias-text-size-sm-tablet;
|
|
1071
|
+
$ds-select-label-size-desktop: $ds-alias-text-size-sm-desktop;
|
|
1072
|
+
$ds-select-control-family: $ds-alias-text-family-body;
|
|
1073
|
+
$ds-select-control-weight: $ds-alias-text-weight-regular;
|
|
1074
|
+
$ds-select-control-line-height: $ds-alias-text-line-height-body;
|
|
1075
|
+
$ds-select-control-font-size-mobile: $ds-alias-text-size-base-mobile;
|
|
1076
|
+
$ds-select-control-font-size-tablet: $ds-alias-text-size-base-tablet;
|
|
1077
|
+
$ds-select-control-font-size-desktop: $ds-alias-text-size-base-desktop;
|
|
1078
|
+
$ds-select-control-color-value-base: $ds-alias-text-color-primary;
|
|
1079
|
+
$ds-select-control-color-value-disabled: $ds-alias-text-color-disabled;
|
|
1080
|
+
$ds-select-control-color-placeholder-base: $ds-alias-text-color-primary-light;
|
|
1081
|
+
$ds-select-control-color-placeholder-disabled: $ds-alias-text-color-disabled;
|
|
1082
|
+
$ds-select-description-family: $ds-alias-text-family-body;
|
|
1083
|
+
$ds-select-description-weight: $ds-alias-text-weight-regular;
|
|
1084
|
+
$ds-select-description-line-height: $ds-alias-text-line-height-body;
|
|
1085
|
+
$ds-select-description-color-base: $ds-alias-text-color-primary-light;
|
|
1086
|
+
$ds-select-description-color-success: $ds-alias-text-color-success;
|
|
1087
|
+
$ds-select-description-color-warning: $ds-alias-text-color-warning;
|
|
1088
|
+
$ds-select-description-color-danger: $ds-alias-text-color-danger;
|
|
1089
|
+
$ds-select-description-color-disabled: $ds-alias-text-color-disabled;
|
|
1090
|
+
$ds-select-description-size-mobile: $ds-alias-text-size-xs-mobile;
|
|
1091
|
+
$ds-select-description-size-tablet: $ds-alias-text-size-xs-tablet;
|
|
1092
|
+
$ds-select-description-size-desktop: $ds-alias-text-size-xs-desktop;
|
|
1093
|
+
$ds-select-chip-family: $ds-alias-text-family-body;
|
|
1094
|
+
$ds-select-chip-color-base-background: $ds-alias-background-color-grey;
|
|
1095
|
+
$ds-select-chip-color-base-text: $ds-alias-text-color-primary;
|
|
1096
|
+
$ds-select-color-disabled: $ds-alias-text-color-disabled;
|
|
1097
|
+
$ds-select-color-success: $ds-alias-text-color-success;
|
|
1098
|
+
$ds-select-color-error: $ds-alias-text-color-danger;
|
|
1099
|
+
$ds-select-color-background-base: $ds-alias-background-color-transparent;
|
|
1100
|
+
$ds-select-color-text-base: $ds-alias-text-color-primary;
|
|
1101
|
+
$ds-select-color-primary-base: $ds-alias-text-color-primary;
|
|
1102
|
+
$ds-select-color-placeholder-base: $ds-alias-text-color-placeholder;
|
|
1103
|
+
$ds-select-color-border-base: $ds-alias-border-color-grey-light;
|
|
1104
|
+
$ds-select-color-highlight-base: $ds-alias-background-color-yellow-light;
|
|
1105
|
+
$ds-select-color-focus-base: $ds-alias-background-color-hover;
|
|
1106
|
+
$ds-select-color-focus-ring-base: $ds-alias-interaction-focus-color-base;
|
|
1107
|
+
$ds-select-content-family: $ds-alias-text-family-body;
|
|
1108
|
+
$ds-select-content-shadow: $ds-alias-shadow-box-base;
|
|
1109
|
+
$ds-select-content-color-background-base: $ds-alias-background-color-white;
|
|
1110
|
+
$ds-select-search-color-text-base: $ds-alias-text-color-primary;
|
|
1111
|
+
$ds-select-option-color-text-base: $ds-alias-text-color-primary;
|
|
1112
|
+
$ds-select-option-color-text-selected: $ds-alias-text-color-primary;
|
|
1113
|
+
$ds-select-option-color-text-highlight: $ds-alias-text-color-primary;
|
|
1114
|
+
$ds-select-option-color-text-disabled: $ds-alias-text-color-disabled;
|
|
1115
|
+
$ds-select-option-color-border-base: $ds-alias-border-color-grey-light;
|
|
1116
|
+
$ds-select-option-color-icon-selected: $ds-alias-text-color-primary;
|
|
1117
|
+
$ds-select-option-color-background-base: $ds-alias-background-color-transparent;
|
|
1118
|
+
$ds-select-option-color-background-selected: $ds-alias-background-color-selected;
|
|
1119
|
+
$ds-select-option-color-background-hover: $ds-alias-background-color-hover;
|
|
1120
|
+
$ds-select-option-color-background-highlight: $ds-alias-background-color-highlight;
|
|
1121
|
+
$ds-select-option-color-background-disabled: $ds-alias-background-color-disabled;
|
|
1122
|
+
$ds-select-option-weight-selected: $ds-alias-text-weight-bold;
|
|
1123
|
+
$ds-select-optgroup-weight: $ds-alias-text-weight-bold;
|
|
1124
|
+
$ds-select-optgroup-color-background-base: $ds-alias-background-color-grey-light;
|
|
1125
|
+
$ds-select-optgroup-color-text-base: $ds-alias-text-color-primary;
|
|
1126
|
+
$ds-select-icon-color-base: $ds-alias-text-color-primary;
|
|
1127
|
+
$ds-select-icon-color-hover: $ds-alias-text-color-primary-hover;
|
|
1128
|
+
$ds-select-icon-color-active: $ds-alias-text-color-primary-active;
|
|
1129
|
+
$ds-select-checkbox-color-border-base: $ds-alias-border-color-primary;
|
|
1130
|
+
$ds-select-checkbox-color-border-selected: $ds-alias-border-color-primary;
|
|
1131
|
+
$ds-select-checkbox-color-background-selected: $ds-alias-background-color-primary;
|
|
925
1132
|
$ds-notification-radius: $ds-alias-radius-lg;
|
|
926
1133
|
$ds-notification-color-base-background: $ds-alias-background-color-grey-light;
|
|
927
1134
|
$ds-notification-color-base-border: $ds-alias-background-color-grey-light;
|
|
@@ -1001,6 +1208,51 @@ $ds-list-marker-yellow: $ds-alias-background-color-yellow;
|
|
|
1001
1208
|
$ds-list-marker-radius: $ds-alias-radius-rounded;
|
|
1002
1209
|
$ds-list-item-disabled: $ds-alias-text-color-disabled;
|
|
1003
1210
|
$ds-list-item-border-color: $ds-alias-border-color-grey;
|
|
1211
|
+
$ds-modal-width: $ds-alias-container-width-modal;
|
|
1212
|
+
$ds-modal-color-base-background: $ds-alias-background-color-white;
|
|
1213
|
+
$ds-modal-radius-base: $ds-alias-radius-lg;
|
|
1214
|
+
$ds-modal-heading-family: $ds-alias-text-family-heading;
|
|
1215
|
+
$ds-modal-heading-weight: $ds-alias-text-weight-bold;
|
|
1216
|
+
$ds-modal-heading-line-height: $ds-alias-text-line-height-heading;
|
|
1217
|
+
$ds-modal-heading-size-mobile: $ds-alias-text-size-2xl-mobile;
|
|
1218
|
+
$ds-modal-heading-size-tablet: $ds-alias-text-size-2xl-tablet;
|
|
1219
|
+
$ds-modal-heading-size-desktop: $ds-alias-text-size-2xl-desktop;
|
|
1220
|
+
$ds-navbar-base-layout-background: $ds-alias-background-color-primary;
|
|
1221
|
+
$ds-navbar-base-layout-shadow: $ds-alias-shadow-box-header;
|
|
1222
|
+
$ds-navbar-base-layout-z-index: $ds-alias-z-index-navigation;
|
|
1223
|
+
$ds-navbar-base-brand-focus-radius: $ds-alias-radius-base;
|
|
1224
|
+
$ds-navbar-base-title-color: $ds-alias-text-color-white;
|
|
1225
|
+
$ds-navbar-base-title-font-family: $ds-alias-text-family-heading;
|
|
1226
|
+
$ds-navbar-base-title-font-weight: $ds-alias-text-weight-bold;
|
|
1227
|
+
$ds-navbar-base-title-font-size: $ds-alias-text-size-xl-mobile;
|
|
1228
|
+
$ds-navbar-base-hamburger-radius: $ds-alias-radius-base;
|
|
1229
|
+
$ds-navbar-base-sidebar-panel-background: $ds-alias-background-color-white;
|
|
1230
|
+
$ds-navbar-base-sidebar-item-font-size: $ds-alias-text-size-base-mobile;
|
|
1231
|
+
$ds-navbar-base-sidebar-item-font-weight: $ds-alias-text-weight-bold;
|
|
1232
|
+
$ds-navbar-base-sidebar-item-font-family: $ds-alias-text-family-heading;
|
|
1233
|
+
$ds-navbar-base-sidebar-item-color-base: $ds-alias-text-color-primary;
|
|
1234
|
+
$ds-navbar-base-sidebar-item-color-hover: $ds-alias-text-color-primary;
|
|
1235
|
+
$ds-navbar-base-sidebar-item-color-active: $ds-alias-text-color-primary;
|
|
1236
|
+
$ds-navbar-base-sidebar-item-background-active: $ds-alias-background-color-primary-lighter;
|
|
1237
|
+
$ds-navbar-base-sidebar-item-background-hover: $ds-alias-background-color-primary-lighter;
|
|
1238
|
+
$ds-navbar-base-sidebar-item-divider-color: $ds-alias-border-color-grey;
|
|
1239
|
+
$ds-navbar-base-sidebar-item-divider-color-active: $ds-alias-border-color-primary;
|
|
1240
|
+
$ds-navbar-base-menu-item-font-size: $ds-alias-text-size-base-mobile;
|
|
1241
|
+
$ds-navbar-base-menu-item-border-radius: $ds-alias-radius-base;
|
|
1242
|
+
$ds-navbar-base-menu-item-color-base: $ds-alias-text-color-white;
|
|
1243
|
+
$ds-navbar-base-menu-item-color-hover: $ds-alias-text-color-inverted-primary-hover;
|
|
1244
|
+
$ds-navbar-base-menu-item-color-selected-hover: $ds-alias-text-color-inverted-primary-hover;
|
|
1245
|
+
$ds-navbar-base-menu-item-color-active: $ds-alias-text-color-inverted-primary-active;
|
|
1246
|
+
$ds-navbar-base-focus-color-start: $ds-alias-interaction-focus-color-inverted;
|
|
1247
|
+
$ds-navbar-base-focus-color-end: $ds-alias-interaction-focus-color-inverted;
|
|
1248
|
+
$ds-navbar-light-title-color: $ds-alias-text-color-primary;
|
|
1249
|
+
$ds-navbar-light-menu-item-color-base: $ds-alias-text-color-primary;
|
|
1250
|
+
$ds-navbar-light-menu-item-color-hover: $ds-alias-text-color-primary-hover;
|
|
1251
|
+
$ds-navbar-light-menu-item-color-selected: $ds-alias-text-color-primary-active;
|
|
1252
|
+
$ds-navbar-light-menu-item-color-active: $ds-alias-text-color-primary-active;
|
|
1253
|
+
$ds-navbar-light-button-color-text-base: $ds-alias-text-color-primary;
|
|
1254
|
+
$ds-navbar-light-button-color-text-hover: $ds-alias-text-color-primary-hover;
|
|
1255
|
+
$ds-navbar-light-button-color-text-active: $ds-alias-text-color-primary-active;
|
|
1004
1256
|
$ds-snackbar-radius: $ds-alias-radius-base;
|
|
1005
1257
|
$ds-snackbar-default-color-bg-base: $ds-alias-background-color-grey-light;
|
|
1006
1258
|
$ds-snackbar-default-color-border-base: $ds-alias-background-color-grey-light;
|
|
@@ -1108,28 +1360,28 @@ $ds-segment-item-padding-block: $ds-alias-space-2xs-mobile;
|
|
|
1108
1360
|
$ds-segment-item-font-weight: $ds-alias-text-weight-bold;
|
|
1109
1361
|
$ds-segment-item-unselected-color-hover: $ds-alias-text-color-primary-hover;
|
|
1110
1362
|
$ds-segment-item-unselected-color-active: $ds-alias-text-color-primary-active;
|
|
1363
|
+
$ds-segment-item-selected-background: $ds-alias-background-color-purple-light;
|
|
1111
1364
|
$ds-segment-item-selected-color-hover: $ds-alias-text-color-primary-hover;
|
|
1112
1365
|
$ds-segment-item-selected-color-active: $ds-alias-text-color-primary-active;
|
|
1113
|
-
$ds-segment-item-selected-background: $ds-alias-background-color-purple-light;
|
|
1114
1366
|
$ds-segment-item-icon-size: $ds-alias-space-base-mobile;
|
|
1115
|
-
$ds-checkbox-label-color-hover: $ds-alias-text-color-primary-hover;
|
|
1116
|
-
$ds-checkbox-label-color-active: $ds-alias-text-color-primary-active;
|
|
1117
|
-
$ds-checkbox-border-width: $ds-alias-border-width-base;
|
|
1118
1367
|
$ds-checkbox-radius: $ds-alias-radius-base;
|
|
1119
1368
|
$ds-checkbox-font-family: $ds-alias-text-family-body;
|
|
1120
1369
|
$ds-checkbox-line-height: $ds-alias-text-line-height-body;
|
|
1370
|
+
$ds-checkbox-label-color-hover: $ds-alias-text-color-primary-hover;
|
|
1371
|
+
$ds-checkbox-label-color-active: $ds-alias-text-color-primary-active;
|
|
1372
|
+
$ds-checkbox-border-width: $ds-alias-border-width-base;
|
|
1121
1373
|
$ds-checkbox-focus-color: $ds-alias-interaction-focus-color-base;
|
|
1122
1374
|
$ds-checkbox-tile-radius: $ds-alias-radius-base;
|
|
1123
1375
|
$ds-checkbox-tile-border-width: $ds-alias-border-width-base;
|
|
1124
1376
|
$ds-checkbox-tile-color-base-border: $ds-alias-border-color-grey;
|
|
1125
|
-
$ds-checkbox-tile-color-hover-background: $ds-alias-background-color-
|
|
1377
|
+
$ds-checkbox-tile-color-hover-background: $ds-alias-background-color-hover;
|
|
1126
1378
|
$ds-checkbox-tile-color-hover-border: $ds-alias-border-color-primary-hover;
|
|
1127
|
-
$ds-checkbox-tile-color-active-background: $ds-alias-background-color-
|
|
1379
|
+
$ds-checkbox-tile-color-active-background: $ds-alias-background-color-hover;
|
|
1128
1380
|
$ds-checkbox-tile-color-active-border: $ds-alias-border-color-primary-active;
|
|
1129
1381
|
$ds-checkbox-unchecked-color-base-border: $ds-alias-border-color-primary;
|
|
1130
|
-
$ds-checkbox-unchecked-color-hover-background: $ds-alias-background-color-
|
|
1382
|
+
$ds-checkbox-unchecked-color-hover-background: $ds-alias-background-color-hover;
|
|
1131
1383
|
$ds-checkbox-unchecked-color-hover-border: $ds-alias-border-color-primary-hover;
|
|
1132
|
-
$ds-checkbox-unchecked-color-active-background: $ds-alias-background-color-
|
|
1384
|
+
$ds-checkbox-unchecked-color-active-background: $ds-alias-background-color-hover;
|
|
1133
1385
|
$ds-checkbox-unchecked-color-active-border: $ds-alias-border-color-primary-active;
|
|
1134
1386
|
$ds-checkbox-checked-color-base-background: $ds-alias-background-color-primary;
|
|
1135
1387
|
$ds-checkbox-checked-color-base-border: $ds-alias-border-color-primary;
|
|
@@ -1138,24 +1390,24 @@ $ds-checkbox-checked-color-hover-background: $ds-alias-background-color-primary-
|
|
|
1138
1390
|
$ds-checkbox-checked-color-hover-border: $ds-alias-border-color-primary-hover;
|
|
1139
1391
|
$ds-checkbox-checked-color-active-background: $ds-alias-background-color-primary-active;
|
|
1140
1392
|
$ds-checkbox-checked-color-active-border: $ds-alias-border-color-primary-active;
|
|
1141
|
-
$ds-radio-label-color-hover: $ds-alias-text-color-primary-hover;
|
|
1142
|
-
$ds-radio-label-color-active: $ds-alias-text-color-primary-active;
|
|
1143
|
-
$ds-radio-border-width: $ds-alias-border-width-base;
|
|
1144
1393
|
$ds-radio-radius: $ds-alias-radius-rounded;
|
|
1145
1394
|
$ds-radio-font-family: $ds-alias-text-family-body;
|
|
1146
1395
|
$ds-radio-line-height: $ds-alias-text-line-height-body;
|
|
1396
|
+
$ds-radio-label-color-hover: $ds-alias-text-color-primary-hover;
|
|
1397
|
+
$ds-radio-label-color-active: $ds-alias-text-color-primary-active;
|
|
1398
|
+
$ds-radio-border-width: $ds-alias-border-width-base;
|
|
1147
1399
|
$ds-radio-focus-color: $ds-alias-interaction-focus-color-base;
|
|
1148
1400
|
$ds-radio-tile-radius: $ds-alias-radius-base;
|
|
1149
1401
|
$ds-radio-tile-border-width: $ds-alias-border-width-base;
|
|
1150
1402
|
$ds-radio-tile-color-base-border: $ds-alias-border-color-grey;
|
|
1151
|
-
$ds-radio-tile-color-hover-background: $ds-alias-background-color-
|
|
1403
|
+
$ds-radio-tile-color-hover-background: $ds-alias-background-color-hover;
|
|
1152
1404
|
$ds-radio-tile-color-hover-border: $ds-alias-border-color-primary-hover;
|
|
1153
|
-
$ds-radio-tile-color-active-background: $ds-alias-background-color-
|
|
1405
|
+
$ds-radio-tile-color-active-background: $ds-alias-background-color-hover;
|
|
1154
1406
|
$ds-radio-tile-color-active-border: $ds-alias-border-color-primary-active;
|
|
1155
1407
|
$ds-radio-unchecked-color-base-border: $ds-alias-border-color-primary;
|
|
1156
|
-
$ds-radio-unchecked-color-hover-background: $ds-alias-background-color-
|
|
1408
|
+
$ds-radio-unchecked-color-hover-background: $ds-alias-background-color-hover;
|
|
1157
1409
|
$ds-radio-unchecked-color-hover-border: $ds-alias-border-color-primary-hover;
|
|
1158
|
-
$ds-radio-unchecked-color-active-background: $ds-alias-background-color-
|
|
1410
|
+
$ds-radio-unchecked-color-active-background: $ds-alias-background-color-hover;
|
|
1159
1411
|
$ds-radio-unchecked-color-active-border: $ds-alias-border-color-primary-active;
|
|
1160
1412
|
$ds-radio-checked-color-base-background: $ds-alias-background-color-primary;
|
|
1161
1413
|
$ds-radio-checked-color-base-border: $ds-alias-border-color-primary;
|
|
@@ -1182,11 +1434,144 @@ $ds-accordion-summary-font-size-desktop: $ds-alias-text-size-base-desktop;
|
|
|
1182
1434
|
$ds-accordion-summary-color-hover: $ds-alias-text-color-primary-hover;
|
|
1183
1435
|
$ds-accordion-summary-color-active: $ds-alias-text-color-primary-active;
|
|
1184
1436
|
$ds-accordion-radius-base: $ds-alias-radius-base;
|
|
1437
|
+
$ds-tabs-gap: $ds-alias-border-width-base;
|
|
1438
|
+
$ds-tabs-border-color: $ds-alias-border-color-grey;
|
|
1439
|
+
$ds-tabs-indicator-height: $ds-alias-border-width-base;
|
|
1440
|
+
$ds-tabs-vertical-gap: $ds-alias-space-lg-mobile;
|
|
1441
|
+
$ds-tabs-scroll-fade-background: $ds-alias-background-color-white;
|
|
1442
|
+
$ds-tabs-tab-font-family: $ds-alias-text-family-heading;
|
|
1443
|
+
$ds-tabs-tab-font-size: $ds-alias-text-size-base-mobile;
|
|
1444
|
+
$ds-tabs-tab-font-weight: $ds-alias-text-weight-bold;
|
|
1445
|
+
$ds-tabs-tab-font-weight-selected: $ds-alias-text-weight-bold;
|
|
1446
|
+
$ds-tabs-tab-color-focus: $ds-alias-interaction-focus-color-base;
|
|
1447
|
+
$ds-tabs-tab-color-base: $ds-alias-text-color-primary-light;
|
|
1448
|
+
$ds-tabs-tab-color-hover: $ds-alias-text-color-primary-hover;
|
|
1449
|
+
$ds-tabs-tab-color-active: $ds-alias-text-color-primary-active;
|
|
1450
|
+
$ds-tabs-tab-color-selected: $ds-alias-text-color-primary;
|
|
1451
|
+
$ds-tabs-tab-border-color-selected: $ds-alias-border-color-primary;
|
|
1452
|
+
$ds-tabs-color-purple: $ds-alias-background-color-purple;
|
|
1453
|
+
$ds-tabs-color-green: $ds-alias-background-color-green;
|
|
1454
|
+
$ds-tabs-color-red: $ds-alias-background-color-red;
|
|
1455
|
+
$ds-tabs-color-yellow: $ds-alias-background-color-yellow;
|
|
1456
|
+
$ds-steps-connector-color: $ds-alias-border-color-grey;
|
|
1457
|
+
$ds-steps-connector-color-filled: $ds-alias-background-color-primary;
|
|
1458
|
+
$ds-steps-connector-height: $ds-alias-border-width-base;
|
|
1459
|
+
$ds-steps-circle-color-bg: $ds-alias-background-color-grey;
|
|
1460
|
+
$ds-steps-circle-color-bg-selected: $ds-alias-background-color-primary;
|
|
1461
|
+
$ds-steps-circle-color-bg-done: $ds-alias-background-color-primary;
|
|
1462
|
+
$ds-steps-circle-color-bg-invalid: $ds-alias-background-color-danger;
|
|
1463
|
+
$ds-steps-circle-color-bg-disabled: $ds-alias-background-color-grey;
|
|
1464
|
+
$ds-steps-circle-color-text: $ds-alias-text-color-primary;
|
|
1465
|
+
$ds-steps-circle-color-text-selected: $ds-alias-text-color-white;
|
|
1466
|
+
$ds-steps-circle-color-text-done: $ds-alias-text-color-white;
|
|
1467
|
+
$ds-steps-circle-color-text-invalid: $ds-alias-text-color-white;
|
|
1468
|
+
$ds-steps-circle-color-text-disabled: $ds-alias-text-color-primary;
|
|
1469
|
+
$ds-steps-step-font-family: $ds-alias-text-family-heading;
|
|
1470
|
+
$ds-steps-step-font-size: $ds-alias-text-size-base-mobile;
|
|
1471
|
+
$ds-steps-step-font-size-sm: $ds-alias-text-size-sm-mobile;
|
|
1472
|
+
$ds-steps-step-font-weight: $ds-alias-text-weight-bold;
|
|
1473
|
+
$ds-steps-step-color-base: $ds-alias-text-color-primary-light;
|
|
1474
|
+
$ds-steps-step-color-selected: $ds-alias-text-color-primary;
|
|
1475
|
+
$ds-steps-step-color-focus: $ds-alias-interaction-focus-color-base;
|
|
1476
|
+
$ds-steps-color-purple: $ds-alias-background-color-purple;
|
|
1477
|
+
$ds-steps-color-green: $ds-alias-background-color-green;
|
|
1478
|
+
$ds-steps-color-red: $ds-alias-background-color-red;
|
|
1479
|
+
$ds-steps-color-yellow: $ds-alias-background-color-yellow;
|
|
1480
|
+
$ds-carousel-gap: $ds-alias-space-base-mobile;
|
|
1481
|
+
$ds-carousel-scroll-fade-bg: $ds-alias-background-color-white;
|
|
1482
|
+
$ds-carousel-dot-color: $ds-alias-border-color-grey;
|
|
1483
|
+
$ds-carousel-dot-color-active: $ds-alias-border-color-primary;
|
|
1484
|
+
$ds-carousel-control-color: $ds-alias-text-color-primary;
|
|
1485
|
+
$ds-carousel-scroll-btn-background-active: $ds-alias-background-color-primary;
|
|
1486
|
+
$ds-carousel-scroll-btn-background-active-hover: $ds-alias-background-color-primary-hover;
|
|
1487
|
+
$ds-carousel-scroll-btn-background-active-pressed: $ds-alias-background-color-primary-active;
|
|
1488
|
+
$ds-carousel-scroll-btn-color-active: $ds-alias-text-color-white;
|
|
1489
|
+
$ds-tooltip-bg: $ds-alias-background-color-primary-active;
|
|
1490
|
+
$ds-tooltip-color: $ds-alias-text-color-white;
|
|
1491
|
+
$ds-tooltip-radius: $ds-alias-radius-base;
|
|
1492
|
+
$ds-tooltip-shadow: $ds-alias-shadow-box-base;
|
|
1493
|
+
$ds-tooltip-line-height: $ds-alias-text-line-height-body;
|
|
1494
|
+
$ds-tooltip-z-index: $ds-alias-z-index-tooltip;
|
|
1495
|
+
$ds-tooltip-px: $ds-alias-space-sm-mobile;
|
|
1496
|
+
$ds-tooltip-py: $ds-alias-space-xs-mobile;
|
|
1497
|
+
$ds-tooltip-font-family: $ds-alias-text-family-body;
|
|
1498
|
+
$ds-tooltip-font-size: $ds-alias-text-size-sm-desktop;
|
|
1499
|
+
$ds-table-color: $ds-alias-text-color-primary;
|
|
1500
|
+
$ds-table-background-color: $ds-alias-background-color-white;
|
|
1501
|
+
$ds-table-body-background-color: $ds-alias-background-color-transparent;
|
|
1502
|
+
$ds-table-cell-border-color: $ds-alias-border-color-grey-light;
|
|
1503
|
+
$ds-table-cell-heading-color: $ds-alias-text-color-primary;
|
|
1504
|
+
$ds-table-head-cell-color: $ds-alias-text-color-primary;
|
|
1505
|
+
$ds-table-head-cell-border-color: $ds-alias-border-color-primary;
|
|
1506
|
+
$ds-table-head-background-color: $ds-alias-background-color-transparent;
|
|
1507
|
+
$ds-table-head-font-size: $ds-alias-text-size-base-mobile;
|
|
1508
|
+
$ds-table-head-font-family: $ds-alias-text-family-heading;
|
|
1509
|
+
$ds-table-foot-cell-color: $ds-alias-text-color-primary;
|
|
1510
|
+
$ds-table-foot-background-color: $ds-alias-background-color-transparent;
|
|
1511
|
+
$ds-table-row-background-color-hover: $ds-alias-background-color-grey-light;
|
|
1512
|
+
$ds-table-row-background-color-active: $ds-alias-background-color-grey-light;
|
|
1513
|
+
$ds-table-row-color-active: $ds-alias-text-color-primary;
|
|
1514
|
+
$ds-table-striped-row-even-background-color-base: $ds-alias-background-color-grey-lighter;
|
|
1515
|
+
$ds-table-striped-row-even-background-color-hover: $ds-alias-background-color-grey-light;
|
|
1516
|
+
$ds-popup-background: $ds-alias-background-color-white;
|
|
1517
|
+
$ds-popup-radius: $ds-alias-radius-base;
|
|
1518
|
+
$ds-popup-shadow: $ds-alias-shadow-box-base;
|
|
1519
|
+
$ds-popup-padding: $ds-alias-space-md-mobile;
|
|
1520
|
+
$ds-popup-z-index: $ds-alias-z-index-popup;
|
|
1521
|
+
$ds-popup-backdrop-background: $ds-alias-background-color-primary-active;
|
|
1522
|
+
$ds-popup-backdrop-opacity: $ds-alias-opacity-backdrop;
|
|
1523
|
+
$ds-drawer-background: $ds-alias-background-color-white;
|
|
1524
|
+
$ds-drawer-radius: $ds-alias-radius-lg;
|
|
1525
|
+
$ds-drawer-padding: $ds-alias-space-md-mobile;
|
|
1526
|
+
$ds-drawer-backdrop-background: $ds-alias-background-color-primary-active;
|
|
1527
|
+
$ds-drawer-backdrop-opacity: $ds-alias-opacity-backdrop;
|
|
1528
|
+
$ds-file-upload-label-font-family: $ds-alias-text-family-body;
|
|
1529
|
+
$ds-file-upload-label-font-weight: $ds-alias-text-weight-bold;
|
|
1530
|
+
$ds-file-upload-label-text-size: $ds-alias-text-size-base-mobile;
|
|
1531
|
+
$ds-file-upload-label-text-line-height: $ds-alias-text-line-height-body;
|
|
1532
|
+
$ds-file-upload-label-text-color: $ds-alias-text-color-primary;
|
|
1533
|
+
$ds-file-upload-drop-zone-border-color-base: $ds-alias-border-color-grey;
|
|
1534
|
+
$ds-file-upload-drop-zone-border-color-hover: $ds-alias-border-color-primary;
|
|
1535
|
+
$ds-file-upload-drop-zone-border-color-active: $ds-alias-border-color-primary;
|
|
1536
|
+
$ds-file-upload-drop-zone-border-color-focus: $ds-alias-border-color-primary;
|
|
1537
|
+
$ds-file-upload-drop-zone-border-color-danger: $ds-alias-text-color-danger;
|
|
1538
|
+
$ds-file-upload-drop-zone-border-color-success: $ds-alias-text-color-success;
|
|
1539
|
+
$ds-file-upload-drop-zone-border-color-warning: $ds-alias-text-color-warning;
|
|
1540
|
+
$ds-file-upload-drop-zone-background-color-base: $ds-alias-background-color-transparent;
|
|
1541
|
+
$ds-file-upload-drop-zone-background-color-hover: $ds-alias-background-color-hover;
|
|
1542
|
+
$ds-file-upload-drop-zone-background-color-active: $ds-alias-background-color-hover;
|
|
1543
|
+
$ds-file-upload-drop-zone-background-color-disabled: $ds-alias-background-color-disabled;
|
|
1544
|
+
$ds-file-upload-drop-zone-text-color-hover: $ds-alias-text-color-primary-hover;
|
|
1545
|
+
$ds-file-upload-drop-zone-text-color-active: $ds-alias-text-color-primary-active;
|
|
1546
|
+
$ds-file-upload-file-list-background-color: $ds-alias-background-color-grey-light;
|
|
1547
|
+
$ds-file-upload-file-name-text-color: $ds-alias-text-color-primary;
|
|
1548
|
+
$ds-file-upload-file-size-text-color: $ds-alias-text-color-primary-light;
|
|
1185
1549
|
$ds-alias-interaction-focus-color-start: $ds-alias-interaction-focus-color-border;
|
|
1186
1550
|
$ds-alias-interaction-focus-color-inverted-start: $ds-alias-interaction-focus-color-border;
|
|
1551
|
+
$ds-footer-color-link-hover: $ds-button-color-inverted-link-hover-text;
|
|
1187
1552
|
$ds-button-color-inverted-link-base-text: $ds-alias-text-color-inverted-primary;
|
|
1188
1553
|
$ds-link-color-inverted: $ds-alias-text-color-inverted-primary;
|
|
1189
1554
|
$ds-list-marker-success: $ds-icon-color-success;
|
|
1190
1555
|
$ds-list-marker-warning: $ds-icon-color-warning;
|
|
1191
1556
|
$ds-list-marker-danger: $ds-icon-color-danger;
|
|
1557
|
+
$ds-modal-backdrop-opacity: $ds-backdrop-opacity;
|
|
1558
|
+
$ds-navbar-base-menu-item-color-selected: $ds-alias-text-color-inverted-primary;
|
|
1559
|
+
$ds-navbar-light-focus-color-end: $ds-alias-interaction-focus-color-end;
|
|
1192
1560
|
$ds-pagination-disabled-text-color: $ds-button-color-disabled-base-text;
|
|
1561
|
+
$ds-file-upload-drop-zone-text-color-disabled: $ds-button-color-disabled-base-text;
|
|
1562
|
+
$ds-file-upload-icon-color-disabled: $ds-button-color-disabled-base-text;
|
|
1563
|
+
$ds-file-upload-control-font-family: $ds-form-control-family;
|
|
1564
|
+
$ds-file-upload-control-font-weight: $ds-form-control-weight;
|
|
1565
|
+
$ds-file-upload-control-text-size: $ds-form-control-font-size-mobile;
|
|
1566
|
+
$ds-file-upload-control-text-line-height: $ds-form-control-line-height;
|
|
1567
|
+
$ds-file-upload-control-text-color-base: $ds-form-control-color-value-base;
|
|
1568
|
+
$ds-file-upload-control-placeholder-color-base: $ds-form-control-color-placeholder-base;
|
|
1569
|
+
$ds-file-upload-description-font-family: $ds-form-description-family;
|
|
1570
|
+
$ds-file-upload-description-font-weight: $ds-form-description-weight;
|
|
1571
|
+
$ds-file-upload-description-text-size: $ds-form-description-size-mobile;
|
|
1572
|
+
$ds-file-upload-description-text-line-height: $ds-form-description-line-height;
|
|
1573
|
+
$ds-file-upload-description-text-color-base: $ds-form-description-color-base;
|
|
1574
|
+
$ds-file-upload-description-text-color-danger: $ds-form-description-color-danger;
|
|
1575
|
+
$ds-file-upload-description-text-color-success: $ds-form-description-color-success;
|
|
1576
|
+
$ds-file-upload-description-text-color-warning: $ds-form-description-color-warning;
|
|
1577
|
+
$ds-navbar-light-focus-color-start: $ds-alias-interaction-focus-color-start;
|