@baloise/ds-tokens 20.0.0-next.4 → 20.0.0-next.6
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 +524 -125
- package/dist/css/tcs.tokens.css +1 -6
- package/dist/docs/base.tokens.json +30855 -18072
- package/dist/js/base.tokens.js +529 -126
- package/dist/out-tsc/index.js +1 -1
- package/dist/out-tsc/transformers.js +2 -0
- package/dist/sass/base.tokens.scss +488 -105
- package/dist/web/base.tokens.json +528 -145
- package/package.json +14 -8
- package/sbom.cdx.json +54391 -0
- package/README.md +0 -33
|
@@ -32,9 +32,10 @@
|
|
|
32
32
|
"ds-global-color-sky-4": "#6672cc",
|
|
33
33
|
"ds-global-color-sky-5": "#0014aa",
|
|
34
34
|
"ds-global-color-sky-6": "#000a55",
|
|
35
|
-
"ds-global-color-grey-
|
|
36
|
-
"ds-global-color-grey-
|
|
37
|
-
"ds-global-color-grey-
|
|
35
|
+
"ds-global-color-grey-0": "#fafafa",
|
|
36
|
+
"ds-global-color-grey-1": "#f0f0f0",
|
|
37
|
+
"ds-global-color-grey-2": "#e0e0e0",
|
|
38
|
+
"ds-global-color-grey-3": "#d0d0d0",
|
|
38
39
|
"ds-global-color-grey-4": "#b6b6b6",
|
|
39
40
|
"ds-global-color-grey-5": "#747474",
|
|
40
41
|
"ds-global-color-grey-6": "#313131",
|
|
@@ -80,15 +81,15 @@
|
|
|
80
81
|
"ds-global-elevation-opacity-60": 0.6,
|
|
81
82
|
"ds-global-elevation-opacity-80": 0.8,
|
|
82
83
|
"ds-global-elevation-opacity-100": 1,
|
|
83
|
-
"ds-global-elevation-z-index-100":
|
|
84
|
-
"ds-global-elevation-z-index-200":
|
|
85
|
-
"ds-global-elevation-z-index-300":
|
|
86
|
-
"ds-global-elevation-z-index-400":
|
|
87
|
-
"ds-global-elevation-z-index-1000":
|
|
88
|
-
"ds-global-elevation-z-index-1100":
|
|
89
|
-
"ds-global-elevation-z-index-1200":
|
|
90
|
-
"ds-global-elevation-z-index-1300":
|
|
91
|
-
"ds-global-elevation-z-index-behind-all":
|
|
84
|
+
"ds-global-elevation-z-index-100": 100,
|
|
85
|
+
"ds-global-elevation-z-index-200": 200,
|
|
86
|
+
"ds-global-elevation-z-index-300": 300,
|
|
87
|
+
"ds-global-elevation-z-index-400": 400,
|
|
88
|
+
"ds-global-elevation-z-index-1000": 1000,
|
|
89
|
+
"ds-global-elevation-z-index-1100": 1100,
|
|
90
|
+
"ds-global-elevation-z-index-1200": 1200,
|
|
91
|
+
"ds-global-elevation-z-index-1300": 1300,
|
|
92
|
+
"ds-global-elevation-z-index-behind-all": -999999,
|
|
92
93
|
"ds-global-font-shadow-0": "none",
|
|
93
94
|
"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)",
|
|
94
95
|
"ds-global-font-size-0": "0rem",
|
|
@@ -152,11 +153,14 @@
|
|
|
152
153
|
"ds-global-size-space-128": "8rem",
|
|
153
154
|
"ds-global-size-space-auto": "auto",
|
|
154
155
|
"ds-alias-background-color-white": "#ffffff",
|
|
156
|
+
"ds-alias-background-color-selected": "#b3b6d4",
|
|
157
|
+
"ds-alias-background-color-hover": "#fafafa",
|
|
158
|
+
"ds-alias-background-color-highlight": "#e5e7f0",
|
|
159
|
+
"ds-alias-background-color-disabled": "#e0e0e0",
|
|
155
160
|
"ds-alias-background-color-transparent": "rgba(255, 255, 255, 0)",
|
|
156
161
|
"ds-alias-background-color-sky-light": "#e5f1fe",
|
|
157
162
|
"ds-alias-background-color-sky": "#a7d1fa",
|
|
158
163
|
"ds-alias-background-color-sky-dark": "#56a7f5",
|
|
159
|
-
"ds-alias-background-color-disabled": "#e8e8e8",
|
|
160
164
|
"ds-alias-background-color-info": "#60a0e0",
|
|
161
165
|
"ds-alias-background-color-info-light": "#a4c9ed",
|
|
162
166
|
"ds-alias-background-color-info-dark": "#1c77d2",
|
|
@@ -180,14 +184,16 @@
|
|
|
180
184
|
"ds-alias-background-color-danger-dark": "#ea1800",
|
|
181
185
|
"ds-alias-background-color-danger-darker": "#cb1501",
|
|
182
186
|
"ds-alias-background-color-danger-darkest": "#a01100",
|
|
183
|
-
"ds-alias-background-color-grey-lighter": "#
|
|
184
|
-
"ds-alias-background-color-grey-light": "#
|
|
185
|
-
"ds-alias-background-color-grey": "#
|
|
187
|
+
"ds-alias-background-color-grey-lighter": "#f0f0f0",
|
|
188
|
+
"ds-alias-background-color-grey-light": "#e0e0e0",
|
|
189
|
+
"ds-alias-background-color-grey": "#d0d0d0",
|
|
186
190
|
"ds-alias-background-color-grey-dark": "#b6b6b6",
|
|
191
|
+
"ds-alias-background-color-primary-lighter": "#e5e7f0",
|
|
187
192
|
"ds-alias-background-color-primary-light": "#656ea8",
|
|
188
193
|
"ds-alias-background-color-primary": "#000d6e",
|
|
189
194
|
"ds-alias-background-color-primary-hover": "#0014aa",
|
|
190
195
|
"ds-alias-background-color-primary-active": "#000739",
|
|
196
|
+
"ds-alias-background-color-primary-dark": "#293485",
|
|
191
197
|
"ds-alias-background-color-green-lighter": "#e9fbf7",
|
|
192
198
|
"ds-alias-background-color-green-light": "#cbf2ec",
|
|
193
199
|
"ds-alias-background-color-green": "#94e3d4",
|
|
@@ -201,12 +207,12 @@
|
|
|
201
207
|
"ds-alias-background-color-yellow-light": "#ffecbc",
|
|
202
208
|
"ds-alias-background-color-yellow": "#fae052",
|
|
203
209
|
"ds-alias-border-color-white": "#ffffff",
|
|
204
|
-
"ds-alias-border-color-base": "#
|
|
210
|
+
"ds-alias-border-color-base": "#d0d0d0",
|
|
205
211
|
"ds-alias-border-color-inverted": "#ffffff",
|
|
206
|
-
"ds-alias-border-color-disabled": "#
|
|
212
|
+
"ds-alias-border-color-disabled": "#d0d0d0",
|
|
207
213
|
"ds-alias-border-color-disabled-inverted": "#656ea8",
|
|
208
|
-
"ds-alias-border-color-grey-light": "#
|
|
209
|
-
"ds-alias-border-color-grey": "#
|
|
214
|
+
"ds-alias-border-color-grey-light": "#f0f0f0",
|
|
215
|
+
"ds-alias-border-color-grey": "#e0e0e0",
|
|
210
216
|
"ds-alias-border-color-grey-dark": "#b6b6b6",
|
|
211
217
|
"ds-alias-border-color-primary-light": "#656ea8",
|
|
212
218
|
"ds-alias-border-color-primary": "#000d6e",
|
|
@@ -374,20 +380,42 @@
|
|
|
374
380
|
"ds-alias-text-color-grey-light": "#b6b6b6",
|
|
375
381
|
"ds-alias-text-color-grey": "#747474",
|
|
376
382
|
"ds-alias-text-color-grey-dark": "#313131",
|
|
383
|
+
"ds-alias-text-color-sky-dark": "#56a7f5",
|
|
377
384
|
"ds-alias-shadow-text": "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)",
|
|
378
385
|
"ds-alias-shadow-box-none": "none",
|
|
379
386
|
"ds-alias-shadow-box-header": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
|
|
380
387
|
"ds-alias-shadow-box-base": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
381
388
|
"ds-alias-shadow-box-elevated": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
|
|
382
|
-
"ds-alias-z-index-deep":
|
|
383
|
-
"ds-alias-z-index-masked":
|
|
384
|
-
"ds-alias-z-index-mask":
|
|
385
|
-
"ds-alias-z-index-sticky":
|
|
386
|
-
"ds-alias-z-index-navigation":
|
|
387
|
-
"ds-alias-z-index-popup":
|
|
388
|
-
"ds-alias-z-index-modal":
|
|
389
|
-
"ds-alias-z-index-toast":
|
|
390
|
-
"ds-alias-z-index-tooltip":
|
|
389
|
+
"ds-alias-z-index-deep": -999999,
|
|
390
|
+
"ds-alias-z-index-masked": 100,
|
|
391
|
+
"ds-alias-z-index-mask": 200,
|
|
392
|
+
"ds-alias-z-index-sticky": 300,
|
|
393
|
+
"ds-alias-z-index-navigation": 400,
|
|
394
|
+
"ds-alias-z-index-popup": 1000,
|
|
395
|
+
"ds-alias-z-index-modal": 1100,
|
|
396
|
+
"ds-alias-z-index-toast": 1200,
|
|
397
|
+
"ds-alias-z-index-tooltip": 1300,
|
|
398
|
+
"ds-backdrop-opacity": 0.8,
|
|
399
|
+
"ds-backdrop-filter": "blur(4px)",
|
|
400
|
+
"ds-footer-color-background": "#000d6e",
|
|
401
|
+
"ds-footer-color-text": "#ffffff",
|
|
402
|
+
"ds-footer-color-link-base": "#ffffff",
|
|
403
|
+
"ds-footer-color-link-hover": "#a7d1fa",
|
|
404
|
+
"ds-footer-space-content-padding-top": "1.25rem",
|
|
405
|
+
"ds-footer-space-gap-row": "1rem",
|
|
406
|
+
"ds-footer-space-gap-column": "0.5rem 1rem",
|
|
407
|
+
"ds-footer-space-language-gap": "0.5rem",
|
|
408
|
+
"ds-footer-space-bottom-gap": "1rem",
|
|
409
|
+
"ds-footer-space-link-gap": "0.5rem 1.5rem",
|
|
410
|
+
"ds-footer-space-social-gap": "0.5rem",
|
|
411
|
+
"ds-footer-space-social-icon-size": "1.5rem",
|
|
412
|
+
"ds-footer-space-social-icon-gap": "0.5rem",
|
|
413
|
+
"ds-footer-space-slotted-margin-right": "1rem",
|
|
414
|
+
"ds-footer-space-content-max-width": "1496px",
|
|
415
|
+
"ds-footer-space-padding-base": "2rem",
|
|
416
|
+
"ds-footer-typography-font-size": "0.875rem",
|
|
417
|
+
"ds-footer-typography-language-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
418
|
+
"ds-footer-typography-language-weight": "700",
|
|
391
419
|
"ds-heading-1-space": "0.5rem",
|
|
392
420
|
"ds-heading-1-size-mobile": "1.75rem",
|
|
393
421
|
"ds-heading-1-size-tablet": "2.5rem",
|
|
@@ -457,7 +485,7 @@
|
|
|
457
485
|
"ds-badge-color-yellow-text": "#000d6e",
|
|
458
486
|
"ds-badge-color-yellow-background": "#fff9e8",
|
|
459
487
|
"ds-badge-color-grey-text": "#313131",
|
|
460
|
-
"ds-badge-color-grey-background": "#
|
|
488
|
+
"ds-badge-color-grey-background": "#d0d0d0",
|
|
461
489
|
"ds-button-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
462
490
|
"ds-button-weight": "700",
|
|
463
491
|
"ds-button-line-height": 1.3,
|
|
@@ -567,14 +595,14 @@
|
|
|
567
595
|
"ds-button-color-danger-active-background": "#fce8e6",
|
|
568
596
|
"ds-button-color-danger-active-border": "#a01100",
|
|
569
597
|
"ds-button-color-disabled-base-text": "#747474",
|
|
570
|
-
"ds-button-color-disabled-base-background": "#
|
|
571
|
-
"ds-button-color-disabled-base-border": "#
|
|
598
|
+
"ds-button-color-disabled-base-background": "#e0e0e0",
|
|
599
|
+
"ds-button-color-disabled-base-border": "#e0e0e0",
|
|
572
600
|
"ds-button-color-disabled-hover-text": "#747474",
|
|
573
|
-
"ds-button-color-disabled-hover-background": "#
|
|
574
|
-
"ds-button-color-disabled-hover-border": "#
|
|
601
|
+
"ds-button-color-disabled-hover-background": "#e0e0e0",
|
|
602
|
+
"ds-button-color-disabled-hover-border": "#e0e0e0",
|
|
575
603
|
"ds-button-color-disabled-active-text": "#747474",
|
|
576
|
-
"ds-button-color-disabled-active-background": "#
|
|
577
|
-
"ds-button-color-disabled-active-border": "#
|
|
604
|
+
"ds-button-color-disabled-active-background": "#e0e0e0",
|
|
605
|
+
"ds-button-color-disabled-active-border": "#e0e0e0",
|
|
578
606
|
"ds-button-color-link-base-text": "#000d6e",
|
|
579
607
|
"ds-button-color-link-base-background": "rgba(255, 255, 255, 0)",
|
|
580
608
|
"ds-button-color-link-base-border": "rgba(255, 255, 255, 0)",
|
|
@@ -603,8 +631,8 @@
|
|
|
603
631
|
"ds-button-color-inverted-secondary-active-background": "#656ea8",
|
|
604
632
|
"ds-button-color-inverted-secondary-active-border": "#0014aa",
|
|
605
633
|
"ds-button-color-inverted-tertiary-base-text": "#000d6e",
|
|
606
|
-
"ds-button-color-inverted-tertiary-base-background": "#
|
|
607
|
-
"ds-button-color-inverted-tertiary-base-border": "#
|
|
634
|
+
"ds-button-color-inverted-tertiary-base-background": "#e0e0e0",
|
|
635
|
+
"ds-button-color-inverted-tertiary-base-border": "#e0e0e0",
|
|
608
636
|
"ds-button-color-inverted-tertiary-hover-text": "#000d6e",
|
|
609
637
|
"ds-button-color-inverted-tertiary-hover-background": "#e5f1fe",
|
|
610
638
|
"ds-button-color-inverted-tertiary-hover-border": "#e5f1fe",
|
|
@@ -678,10 +706,10 @@
|
|
|
678
706
|
"ds-card-shadow-hover": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
|
|
679
707
|
"ds-card-color-base-text": "inherit",
|
|
680
708
|
"ds-card-color-base-background": "#ffffff",
|
|
681
|
-
"ds-card-color-base-outline": "#
|
|
709
|
+
"ds-card-color-base-outline": "#e0e0e0",
|
|
682
710
|
"ds-card-color-white-text": "inherit",
|
|
683
711
|
"ds-card-color-white-background": "#ffffff",
|
|
684
|
-
"ds-card-color-white-outline": "#
|
|
712
|
+
"ds-card-color-white-outline": "#e0e0e0",
|
|
685
713
|
"ds-card-color-primary-text": "#ffffff",
|
|
686
714
|
"ds-card-color-primary-background": "#000d6e",
|
|
687
715
|
"ds-card-color-info-text": "inherit",
|
|
@@ -693,10 +721,10 @@
|
|
|
693
721
|
"ds-card-color-danger-text": "inherit",
|
|
694
722
|
"ds-card-color-danger-background": "#f05d4d",
|
|
695
723
|
"ds-card-color-grey-light-text": "inherit",
|
|
696
|
-
"ds-card-color-grey-light-background": "#
|
|
724
|
+
"ds-card-color-grey-light-background": "#e0e0e0",
|
|
697
725
|
"ds-card-color-grey-light-outline": "#b6b6b6",
|
|
698
726
|
"ds-card-color-grey-text": "inherit",
|
|
699
|
-
"ds-card-color-grey-background": "#
|
|
727
|
+
"ds-card-color-grey-background": "#d0d0d0",
|
|
700
728
|
"ds-card-color-grey-outline": "#b6b6b6",
|
|
701
729
|
"ds-card-color-red-lighter-text": "inherit",
|
|
702
730
|
"ds-card-color-red-lighter-background": "#ffeef1",
|
|
@@ -753,23 +781,51 @@
|
|
|
753
781
|
"ds-close-color-background-active": "rgba(0, 7, 57, 0.3)",
|
|
754
782
|
"ds-close-color-background-inverted-hover": "rgba(255, 255, 255, 0.3)",
|
|
755
783
|
"ds-close-color-background-inverted-active": "rgba(255, 255, 255, 0.5)",
|
|
756
|
-
"ds-close-color-background-disabled": "#
|
|
784
|
+
"ds-close-color-background-disabled": "#d0d0d0",
|
|
757
785
|
"ds-close-color-icon-base": "#000d6e",
|
|
758
786
|
"ds-close-color-icon-inverted": "#ffffff",
|
|
759
787
|
"ds-close-color-icon-disabled": "#747474",
|
|
788
|
+
"ds-date-calendar-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
789
|
+
"ds-date-calendar-weight": "700",
|
|
790
|
+
"ds-date-calendar-radius": "0.25rem",
|
|
791
|
+
"ds-date-calendar-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
792
|
+
"ds-date-calendar-color-inner-border": "#e0e0e0",
|
|
793
|
+
"ds-date-calendar-color-current-date": "#000d6e",
|
|
794
|
+
"ds-date-calendar-color-text": "#000d6e",
|
|
795
|
+
"ds-date-calendar-color-disabled": "#747474",
|
|
796
|
+
"ds-date-calendar-color-day-hover-background": "#fafafa",
|
|
797
|
+
"ds-date-calendar-color-day-active-background": "#a7d1fa",
|
|
798
|
+
"ds-date-calendar-color-day-selected-background": "#293485",
|
|
799
|
+
"ds-date-calendar-color-day-selected-hover-background": "#0014aa",
|
|
800
|
+
"ds-date-calendar-size-mobile": "1rem",
|
|
801
|
+
"ds-date-calendar-size-tablet": "1rem",
|
|
802
|
+
"ds-date-calendar-size-desktop": "1rem",
|
|
803
|
+
"ds-date-calendar-day-weight-base": "400",
|
|
804
|
+
"ds-date-calendar-day-weight-selected": "700",
|
|
805
|
+
"ds-date-calendar-day-name-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
806
|
+
"ds-date-calendar-day-name-weight": "700",
|
|
807
|
+
"ds-date-calendar-nav-radius": "0.25rem",
|
|
808
|
+
"ds-date-calendar-nav-color-base": "#000d6e",
|
|
809
|
+
"ds-date-calendar-nav-color-hover": "#0014aa",
|
|
810
|
+
"ds-date-calendar-nav-color-active": "#000739",
|
|
811
|
+
"ds-date-calendar-nav-color-disabled": "#747474",
|
|
812
|
+
"ds-date-trigger-color-disabled": "#747474",
|
|
813
|
+
"ds-date-trigger-color-hover": "#0014aa",
|
|
814
|
+
"ds-date-trigger-color-active": "#000739",
|
|
815
|
+
"ds-date-popup-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
760
816
|
"ds-description-list-term-color": "#656ea8",
|
|
761
817
|
"ds-description-list-term-weight": "400",
|
|
762
818
|
"ds-description-list-detail-color": "#000d6e",
|
|
763
819
|
"ds-description-list-detail-weight": "400",
|
|
764
820
|
"ds-divider-radius": "9999px",
|
|
765
821
|
"ds-divider-width": "0.125rem",
|
|
766
|
-
"ds-divider-color-base": "#
|
|
822
|
+
"ds-divider-color-base": "#e0e0e0",
|
|
767
823
|
"ds-divider-color-primary-light": "#656ea8",
|
|
768
824
|
"ds-divider-color-primary": "#000d6e",
|
|
769
825
|
"ds-divider-color-light-blue": "#0014aa",
|
|
770
826
|
"ds-divider-color-primary-dark": "#000739",
|
|
771
|
-
"ds-divider-color-grey-light": "#
|
|
772
|
-
"ds-divider-color-grey": "#
|
|
827
|
+
"ds-divider-color-grey-light": "#f0f0f0",
|
|
828
|
+
"ds-divider-color-grey": "#e0e0e0",
|
|
773
829
|
"ds-divider-color-grey-dark": "#b6b6b6",
|
|
774
830
|
"ds-divider-color-warning": "#ffbe19",
|
|
775
831
|
"ds-divider-color-success": "#168741",
|
|
@@ -805,73 +861,163 @@
|
|
|
805
861
|
"ds-icon-size-xl": "2.5rem",
|
|
806
862
|
"ds-icon-size-2xl": "5rem",
|
|
807
863
|
"ds-icon-size-3xl": "11rem",
|
|
808
|
-
"ds-
|
|
809
|
-
"ds-
|
|
810
|
-
"ds-
|
|
811
|
-
"ds-
|
|
812
|
-
"ds-
|
|
813
|
-
"ds-
|
|
814
|
-
"ds-
|
|
815
|
-
"ds-
|
|
816
|
-
"ds-
|
|
817
|
-
"ds-
|
|
818
|
-
"ds-
|
|
819
|
-
"ds-
|
|
820
|
-
"ds-
|
|
821
|
-
"ds-
|
|
822
|
-
"ds-
|
|
823
|
-
"ds-
|
|
824
|
-
"ds-
|
|
825
|
-
"ds-
|
|
826
|
-
"ds-
|
|
827
|
-
"ds-
|
|
828
|
-
"ds-
|
|
829
|
-
"ds-
|
|
830
|
-
"ds-
|
|
831
|
-
"ds-
|
|
832
|
-
"ds-
|
|
833
|
-
"ds-
|
|
834
|
-
"ds-
|
|
835
|
-
"ds-
|
|
836
|
-
"ds-
|
|
837
|
-
"ds-
|
|
838
|
-
"ds-
|
|
839
|
-
"ds-
|
|
840
|
-
"ds-
|
|
841
|
-
"ds-
|
|
842
|
-
"ds-
|
|
843
|
-
"ds-
|
|
844
|
-
"ds-
|
|
845
|
-
"ds-
|
|
846
|
-
"ds-
|
|
847
|
-
"ds-
|
|
848
|
-
"ds-
|
|
849
|
-
"ds-
|
|
850
|
-
"ds-
|
|
851
|
-
"ds-
|
|
852
|
-
"ds-
|
|
853
|
-
"ds-
|
|
854
|
-
"ds-
|
|
855
|
-
"ds-
|
|
856
|
-
"ds-
|
|
857
|
-
"ds-
|
|
858
|
-
"ds-
|
|
859
|
-
"ds-
|
|
860
|
-
"ds-
|
|
861
|
-
"ds-
|
|
862
|
-
"ds-
|
|
863
|
-
"ds-
|
|
864
|
-
"ds-
|
|
865
|
-
"ds-
|
|
866
|
-
"ds-
|
|
867
|
-
"ds-
|
|
868
|
-
"ds-
|
|
869
|
-
"ds-
|
|
870
|
-
"ds-
|
|
871
|
-
"ds-
|
|
864
|
+
"ds-form-container-radius": "0.25rem",
|
|
865
|
+
"ds-form-container-border-width": "0.125rem",
|
|
866
|
+
"ds-form-container-color-base-background": "#ffffff",
|
|
867
|
+
"ds-form-container-color-base-border": "#e0e0e0",
|
|
868
|
+
"ds-form-container-color-hover-background": "#fafafa",
|
|
869
|
+
"ds-form-container-color-hover-border": "#e0e0e0",
|
|
870
|
+
"ds-form-container-color-active-background": "#fafafa",
|
|
871
|
+
"ds-form-container-color-active-border": "#000d6e",
|
|
872
|
+
"ds-form-container-color-focus-background": "#fafafa",
|
|
873
|
+
"ds-form-container-color-focus-border": "#000d6e",
|
|
874
|
+
"ds-form-container-color-success-background": "#e8f3ec",
|
|
875
|
+
"ds-form-container-color-success-border": "#168741",
|
|
876
|
+
"ds-form-container-color-warning-background": "#fff9e8",
|
|
877
|
+
"ds-form-container-color-warning-border": "#b24a00",
|
|
878
|
+
"ds-form-container-color-danger-background": "#fce8e6",
|
|
879
|
+
"ds-form-container-color-danger-border": "#ea1800",
|
|
880
|
+
"ds-form-container-color-disabled-background": "#e0e0e0",
|
|
881
|
+
"ds-form-container-color-disabled-border": "#d0d0d0",
|
|
882
|
+
"ds-form-label-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
883
|
+
"ds-form-label-weight": "700",
|
|
884
|
+
"ds-form-label-line-height": 1.5,
|
|
885
|
+
"ds-form-label-color-base": "#000d6e",
|
|
886
|
+
"ds-form-label-color-success": "#168741",
|
|
887
|
+
"ds-form-label-color-warning": "#b24a00",
|
|
888
|
+
"ds-form-label-color-danger": "#ea1800",
|
|
889
|
+
"ds-form-label-color-disabled": "#747474",
|
|
890
|
+
"ds-form-label-size-mobile": "0.875rem",
|
|
891
|
+
"ds-form-label-size-tablet": "0.875rem",
|
|
892
|
+
"ds-form-label-size-desktop": "0.875rem",
|
|
893
|
+
"ds-form-label-color-2-base": "#000d6e",
|
|
894
|
+
"ds-form-label-color-2-success": "#168741",
|
|
895
|
+
"ds-form-label-color-2-warning": "#b24a00",
|
|
896
|
+
"ds-form-label-color-2-danger": "#ea1800",
|
|
897
|
+
"ds-form-label-color-2-disabled": "#747474",
|
|
898
|
+
"ds-form-label-size-2-mobile": "0.875rem",
|
|
899
|
+
"ds-form-label-size-2-tablet": "0.875rem",
|
|
900
|
+
"ds-form-label-size-2-desktop": "0.875rem",
|
|
901
|
+
"ds-form-control-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
902
|
+
"ds-form-control-weight": "400",
|
|
903
|
+
"ds-form-control-line-height": 1.5,
|
|
904
|
+
"ds-form-control-font-size-mobile": "1rem",
|
|
905
|
+
"ds-form-control-font-size-tablet": "1rem",
|
|
906
|
+
"ds-form-control-font-size-desktop": "1rem",
|
|
907
|
+
"ds-form-control-color-value-base": "#000d6e",
|
|
908
|
+
"ds-form-control-color-value-success": "#168741",
|
|
909
|
+
"ds-form-control-color-value-warning": "#b24a00",
|
|
910
|
+
"ds-form-control-color-value-danger": "#ea1800",
|
|
911
|
+
"ds-form-control-color-value-disabled": "#313131",
|
|
912
|
+
"ds-form-control-color-placeholder-base": "#b3b6d4",
|
|
913
|
+
"ds-form-control-color-placeholder-success": "#a1cfb3",
|
|
914
|
+
"ds-form-control-color-placeholder-warning": "#ffbe19",
|
|
915
|
+
"ds-form-control-color-placeholder-danger": "#f7a299",
|
|
916
|
+
"ds-form-control-color-placeholder-disabled": "#747474",
|
|
917
|
+
"ds-form-description-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
918
|
+
"ds-form-description-weight": "400",
|
|
919
|
+
"ds-form-description-line-height": 1.5,
|
|
920
|
+
"ds-form-description-color-base": "#656ea8",
|
|
921
|
+
"ds-form-description-color-success": "#168741",
|
|
922
|
+
"ds-form-description-color-warning": "#b24a00",
|
|
923
|
+
"ds-form-description-color-danger": "#ea1800",
|
|
924
|
+
"ds-form-description-color-disabled": "#747474",
|
|
925
|
+
"ds-form-description-size-mobile": "0.75rem",
|
|
926
|
+
"ds-form-description-size-tablet": "0.75rem",
|
|
927
|
+
"ds-form-description-size-desktop": "0.75rem",
|
|
928
|
+
"ds-select-radius": "0.25rem",
|
|
929
|
+
"ds-select-container-radius": "0.25rem",
|
|
930
|
+
"ds-select-container-border-width": "0.125rem",
|
|
931
|
+
"ds-select-container-color-base-background": "#ffffff",
|
|
932
|
+
"ds-select-container-color-base-border": "#e0e0e0",
|
|
933
|
+
"ds-select-container-color-hover-background": "#fafafa",
|
|
934
|
+
"ds-select-container-color-hover-border": "#e0e0e0",
|
|
935
|
+
"ds-select-container-color-active-background": "#fafafa",
|
|
936
|
+
"ds-select-container-color-active-border": "#000d6e",
|
|
937
|
+
"ds-select-container-color-focus-background": "#fafafa",
|
|
938
|
+
"ds-select-container-color-focus-border": "#000d6e",
|
|
939
|
+
"ds-select-container-color-success-background": "#e8f3ec",
|
|
940
|
+
"ds-select-container-color-success-border": "#168741",
|
|
941
|
+
"ds-select-container-color-warning-background": "#fff9e8",
|
|
942
|
+
"ds-select-container-color-warning-border": "#b24a00",
|
|
943
|
+
"ds-select-container-color-danger-background": "#fce8e6",
|
|
944
|
+
"ds-select-container-color-danger-border": "#ea1800",
|
|
945
|
+
"ds-select-container-color-disabled-background": "#e0e0e0",
|
|
946
|
+
"ds-select-container-color-disabled-border": "#d0d0d0",
|
|
947
|
+
"ds-select-label-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
948
|
+
"ds-select-label-weight": "700",
|
|
949
|
+
"ds-select-label-line-height": 1.5,
|
|
950
|
+
"ds-select-label-color-base": "#000d6e",
|
|
951
|
+
"ds-select-label-color-success": "#168741",
|
|
952
|
+
"ds-select-label-color-warning": "#b24a00",
|
|
953
|
+
"ds-select-label-color-danger": "#ea1800",
|
|
954
|
+
"ds-select-label-color-disabled": "#747474",
|
|
955
|
+
"ds-select-label-size-mobile": "0.875rem",
|
|
956
|
+
"ds-select-label-size-tablet": "0.875rem",
|
|
957
|
+
"ds-select-label-size-desktop": "0.875rem",
|
|
958
|
+
"ds-select-control-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
959
|
+
"ds-select-control-weight": "400",
|
|
960
|
+
"ds-select-control-line-height": 1.5,
|
|
961
|
+
"ds-select-control-font-size-mobile": "1rem",
|
|
962
|
+
"ds-select-control-font-size-tablet": "1rem",
|
|
963
|
+
"ds-select-control-font-size-desktop": "1rem",
|
|
964
|
+
"ds-select-control-color-value-base": "#000d6e",
|
|
965
|
+
"ds-select-control-color-value-disabled": "#747474",
|
|
966
|
+
"ds-select-control-color-placeholder-base": "#656ea8",
|
|
967
|
+
"ds-select-control-color-placeholder-disabled": "#747474",
|
|
968
|
+
"ds-select-description-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
969
|
+
"ds-select-description-weight": "400",
|
|
970
|
+
"ds-select-description-line-height": 1.5,
|
|
971
|
+
"ds-select-description-color-base": "#656ea8",
|
|
972
|
+
"ds-select-description-color-success": "#168741",
|
|
973
|
+
"ds-select-description-color-warning": "#b24a00",
|
|
974
|
+
"ds-select-description-color-danger": "#ea1800",
|
|
975
|
+
"ds-select-description-color-disabled": "#747474",
|
|
976
|
+
"ds-select-description-size-mobile": "0.75rem",
|
|
977
|
+
"ds-select-description-size-tablet": "0.75rem",
|
|
978
|
+
"ds-select-description-size-desktop": "0.75rem",
|
|
979
|
+
"ds-select-chip-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
980
|
+
"ds-select-chip-color-base-background": "#d0d0d0",
|
|
981
|
+
"ds-select-chip-color-base-text": "#000d6e",
|
|
982
|
+
"ds-select-color-disabled": "#747474",
|
|
983
|
+
"ds-select-color-success": "#168741",
|
|
984
|
+
"ds-select-color-error": "#ea1800",
|
|
985
|
+
"ds-select-color-background-base": "rgba(255, 255, 255, 0)",
|
|
986
|
+
"ds-select-color-text-base": "#000d6e",
|
|
987
|
+
"ds-select-color-primary-base": "#000d6e",
|
|
988
|
+
"ds-select-color-placeholder-base": "#b3b6d4",
|
|
989
|
+
"ds-select-color-border-base": "#f0f0f0",
|
|
990
|
+
"ds-select-color-highlight-base": "#ffecbc",
|
|
991
|
+
"ds-select-color-focus-base": "#fafafa",
|
|
992
|
+
"ds-select-color-focus-ring-base": "#6c2273",
|
|
993
|
+
"ds-select-content-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
994
|
+
"ds-select-content-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
995
|
+
"ds-select-content-color-background-base": "#ffffff",
|
|
996
|
+
"ds-select-search-color-text-base": "#000d6e",
|
|
997
|
+
"ds-select-option-color-text-base": "#000d6e",
|
|
998
|
+
"ds-select-option-color-text-selected": "#000d6e",
|
|
999
|
+
"ds-select-option-color-text-highlight": "#000d6e",
|
|
1000
|
+
"ds-select-option-color-text-disabled": "#747474",
|
|
1001
|
+
"ds-select-option-color-border-base": "#f0f0f0",
|
|
1002
|
+
"ds-select-option-color-icon-selected": "#000d6e",
|
|
1003
|
+
"ds-select-option-color-background-base": "rgba(255, 255, 255, 0)",
|
|
1004
|
+
"ds-select-option-color-background-selected": "#b3b6d4",
|
|
1005
|
+
"ds-select-option-color-background-hover": "#fafafa",
|
|
1006
|
+
"ds-select-option-color-background-highlight": "#e5e7f0",
|
|
1007
|
+
"ds-select-option-color-background-disabled": "#e0e0e0",
|
|
1008
|
+
"ds-select-option-weight-selected": "700",
|
|
1009
|
+
"ds-select-optgroup-weight": "700",
|
|
1010
|
+
"ds-select-optgroup-color-background-base": "#e0e0e0",
|
|
1011
|
+
"ds-select-optgroup-color-text-base": "#000d6e",
|
|
1012
|
+
"ds-select-icon-color-base": "#000d6e",
|
|
1013
|
+
"ds-select-icon-color-hover": "#0014aa",
|
|
1014
|
+
"ds-select-icon-color-active": "#000739",
|
|
1015
|
+
"ds-select-checkbox-color-border-base": "#000d6e",
|
|
1016
|
+
"ds-select-checkbox-color-border-selected": "#000d6e",
|
|
1017
|
+
"ds-select-checkbox-color-background-selected": "#000d6e",
|
|
872
1018
|
"ds-notification-radius": "0.75rem",
|
|
873
|
-
"ds-notification-color-base-background": "#
|
|
874
|
-
"ds-notification-color-base-border": "#
|
|
1019
|
+
"ds-notification-color-base-background": "#e0e0e0",
|
|
1020
|
+
"ds-notification-color-base-border": "#e0e0e0",
|
|
875
1021
|
"ds-notification-color-base-text": "#000d6e",
|
|
876
1022
|
"ds-notification-color-base-icon": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
|
|
877
1023
|
"ds-notification-color-info-background": "#a4c9ed",
|
|
@@ -963,10 +1109,105 @@
|
|
|
963
1109
|
"ds-list-marker-danger": "#ea1800",
|
|
964
1110
|
"ds-list-marker-radius": "9999px",
|
|
965
1111
|
"ds-list-item-disabled": "#747474",
|
|
966
|
-
"ds-list-item-border-color": "#
|
|
1112
|
+
"ds-list-item-border-color": "#e0e0e0",
|
|
1113
|
+
"ds-modal-width": "640px",
|
|
1114
|
+
"ds-modal-color-base-background": "#ffffff",
|
|
1115
|
+
"ds-modal-radius-base": "0.75rem",
|
|
1116
|
+
"ds-modal-backdrop-opacity": 0.8,
|
|
1117
|
+
"ds-modal-backdrop-filter": "blur(4px)",
|
|
1118
|
+
"ds-modal-heading-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1119
|
+
"ds-modal-heading-weight": "700",
|
|
1120
|
+
"ds-modal-heading-line-height": 1.3,
|
|
1121
|
+
"ds-modal-heading-size-mobile": "1.5rem",
|
|
1122
|
+
"ds-modal-heading-size-tablet": "2rem",
|
|
1123
|
+
"ds-modal-heading-size-desktop": "2rem",
|
|
1124
|
+
"ds-navbar-base-layout-background": "#000d6e",
|
|
1125
|
+
"ds-navbar-base-layout-padding": "1rem",
|
|
1126
|
+
"ds-navbar-base-layout-shadow": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
|
|
1127
|
+
"ds-navbar-base-layout-z-index": 400,
|
|
1128
|
+
"ds-navbar-base-layout-height": "5rem",
|
|
1129
|
+
"ds-navbar-base-brand-focus-radius": "0.25rem",
|
|
1130
|
+
"ds-navbar-base-brand-gap": "0.5rem",
|
|
1131
|
+
"ds-navbar-base-title-color": "#ffffff",
|
|
1132
|
+
"ds-navbar-base-title-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1133
|
+
"ds-navbar-base-title-font-weight": "700",
|
|
1134
|
+
"ds-navbar-base-title-font-size": "1.25rem",
|
|
1135
|
+
"ds-navbar-base-hamburger-padding": "0.5rem",
|
|
1136
|
+
"ds-navbar-base-hamburger-transition-duration": "0.2s",
|
|
1137
|
+
"ds-navbar-base-hamburger-width": "3rem",
|
|
1138
|
+
"ds-navbar-base-hamburger-height": "3rem",
|
|
1139
|
+
"ds-navbar-base-hamburger-radius": "0.25rem",
|
|
1140
|
+
"ds-navbar-base-sidebar-max-width": "25rem",
|
|
1141
|
+
"ds-navbar-base-sidebar-slide-duration": "300ms",
|
|
1142
|
+
"ds-navbar-base-sidebar-backdrop-color": "#000000",
|
|
1143
|
+
"ds-navbar-base-sidebar-panel-background": "#ffffff",
|
|
1144
|
+
"ds-navbar-base-sidebar-panel-shadow": "-2px 0 8px rgba(0, 0, 0, 0.15)",
|
|
1145
|
+
"ds-navbar-base-sidebar-panel-border-top": "1px solid #ffffff",
|
|
1146
|
+
"ds-navbar-base-sidebar-content-gap": "1rem",
|
|
1147
|
+
"ds-navbar-base-sidebar-content-padding-inline": "1.5rem",
|
|
1148
|
+
"ds-navbar-base-sidebar-content-padding-block": "1.5rem",
|
|
1149
|
+
"ds-navbar-base-sidebar-item-min-height": "3rem",
|
|
1150
|
+
"ds-navbar-base-sidebar-item-padding-block": "0.75rem",
|
|
1151
|
+
"ds-navbar-base-sidebar-item-padding-inline": "0.5rem",
|
|
1152
|
+
"ds-navbar-base-sidebar-item-font-size": "1rem",
|
|
1153
|
+
"ds-navbar-base-sidebar-item-font-weight": "700",
|
|
1154
|
+
"ds-navbar-base-sidebar-item-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1155
|
+
"ds-navbar-base-sidebar-item-color-base": "#000d6e",
|
|
1156
|
+
"ds-navbar-base-sidebar-item-color-hover": "#000d6e",
|
|
1157
|
+
"ds-navbar-base-sidebar-item-color-active": "#000d6e",
|
|
1158
|
+
"ds-navbar-base-sidebar-item-background-active": "#e5e7f0",
|
|
1159
|
+
"ds-navbar-base-sidebar-item-background-hover": "#e5e7f0",
|
|
1160
|
+
"ds-navbar-base-sidebar-item-divider-color": "#e0e0e0",
|
|
1161
|
+
"ds-navbar-base-sidebar-item-divider-color-active": "#000d6e",
|
|
1162
|
+
"ds-navbar-base-sidebar-item-chevron-color": "#000d6e",
|
|
1163
|
+
"ds-navbar-base-sidebar-item-chevron-size": "1rem",
|
|
1164
|
+
"ds-navbar-base-menu-gap": "2rem",
|
|
1165
|
+
"ds-navbar-base-menu-start-gap": "0.125rem",
|
|
1166
|
+
"ds-navbar-base-menu-end-gap": "0.5rem",
|
|
1167
|
+
"ds-navbar-base-menu-item-font-size": "1rem",
|
|
1168
|
+
"ds-navbar-base-menu-item-padding-block": "0.5rem",
|
|
1169
|
+
"ds-navbar-base-menu-item-padding-inline": "1rem",
|
|
1170
|
+
"ds-navbar-base-menu-item-border-radius": "0.25rem",
|
|
1171
|
+
"ds-navbar-base-menu-item-transition-duration": "0.2s",
|
|
1172
|
+
"ds-navbar-base-menu-item-color-base": "#ffffff",
|
|
1173
|
+
"ds-navbar-base-menu-item-color-hover": "#a7d1fa",
|
|
1174
|
+
"ds-navbar-base-menu-item-color-selected": "#ffffff",
|
|
1175
|
+
"ds-navbar-base-menu-item-color-selected-hover": "#a7d1fa",
|
|
1176
|
+
"ds-navbar-base-menu-item-color-active": "#60a0e0",
|
|
1177
|
+
"ds-navbar-base-container-gap": "2rem",
|
|
1178
|
+
"ds-navbar-base-content-gap": "0.5rem",
|
|
1179
|
+
"ds-navbar-base-button-color-text-base": "#ffffff",
|
|
1180
|
+
"ds-navbar-base-button-color-text-hover": "#000d6e",
|
|
1181
|
+
"ds-navbar-base-button-color-text-active": "#000d6e",
|
|
1182
|
+
"ds-navbar-base-button-color-background-base": "#293485",
|
|
1183
|
+
"ds-navbar-base-button-color-background-hover": "#a7d1fa",
|
|
1184
|
+
"ds-navbar-base-button-color-background-active": "#ffffff",
|
|
1185
|
+
"ds-navbar-base-button-color-border-base": "#293485",
|
|
1186
|
+
"ds-navbar-base-button-color-border-hover": "#a7d1fa",
|
|
1187
|
+
"ds-navbar-base-button-color-border-active": "#ffffff",
|
|
1188
|
+
"ds-navbar-base-focus-color-start": "#fae052",
|
|
1189
|
+
"ds-navbar-base-focus-color-end": "#fae052",
|
|
1190
|
+
"ds-navbar-light-background": "#ffffff",
|
|
1191
|
+
"ds-navbar-light-title-color": "#000d6e",
|
|
1192
|
+
"ds-navbar-light-menu-item-color-base": "#000d6e",
|
|
1193
|
+
"ds-navbar-light-menu-item-color-hover": "#0014aa",
|
|
1194
|
+
"ds-navbar-light-menu-item-color-selected": "#000739",
|
|
1195
|
+
"ds-navbar-light-menu-item-color-active": "#000739",
|
|
1196
|
+
"ds-navbar-light-sidebar-panel-border-top": "1px solid #d0d0d0",
|
|
1197
|
+
"ds-navbar-light-button-color-text-base": "#000d6e",
|
|
1198
|
+
"ds-navbar-light-button-color-text-hover": "#0014aa",
|
|
1199
|
+
"ds-navbar-light-button-color-text-active": "#000739",
|
|
1200
|
+
"ds-navbar-light-button-color-background-base": "#f0f0f0",
|
|
1201
|
+
"ds-navbar-light-button-color-background-hover": "#e5f1fe",
|
|
1202
|
+
"ds-navbar-light-button-color-background-active": "#e5f1fe",
|
|
1203
|
+
"ds-navbar-light-button-color-border-base": "#f0f0f0",
|
|
1204
|
+
"ds-navbar-light-button-color-border-hover": "#e5f1fe",
|
|
1205
|
+
"ds-navbar-light-button-color-border-active": "#e5f1fe",
|
|
1206
|
+
"ds-navbar-light-focus-color-start": "#ffffff",
|
|
1207
|
+
"ds-navbar-light-focus-color-end": "#6c2273",
|
|
967
1208
|
"ds-snackbar-radius": "0.25rem",
|
|
968
|
-
"ds-snackbar-default-color-bg-base": "#
|
|
969
|
-
"ds-snackbar-default-color-border-base": "#
|
|
1209
|
+
"ds-snackbar-default-color-bg-base": "#e0e0e0",
|
|
1210
|
+
"ds-snackbar-default-color-border-base": "#e0e0e0",
|
|
970
1211
|
"ds-snackbar-default-color-text-base": "#000d6e",
|
|
971
1212
|
"ds-snackbar-default-color-progress-bar-base": "#000d6e",
|
|
972
1213
|
"ds-snackbar-default-color-progress-bg-base": "#b3b6d4",
|
|
@@ -993,13 +1234,13 @@
|
|
|
993
1234
|
"ds-spinner-size": "3rem",
|
|
994
1235
|
"ds-spinner-circle-border-width": "0.25rem",
|
|
995
1236
|
"ds-spinner-circle-size": "1.5rem",
|
|
996
|
-
"ds-spinner-circle-color-background": "#
|
|
1237
|
+
"ds-spinner-circle-color-background": "#d0d0d0",
|
|
997
1238
|
"ds-spinner-circle-color-progress": "#000d6e",
|
|
998
1239
|
"ds-spinner-circle-color-inverted-background": "#ffffff",
|
|
999
1240
|
"ds-spinner-circle-color-inverted-progress": "#000d6e",
|
|
1000
1241
|
"ds-toast-radius": "0.25rem",
|
|
1001
|
-
"ds-toast-default-color-bg-base": "#
|
|
1002
|
-
"ds-toast-default-color-border-base": "#
|
|
1242
|
+
"ds-toast-default-color-bg-base": "#e0e0e0",
|
|
1243
|
+
"ds-toast-default-color-border-base": "#e0e0e0",
|
|
1003
1244
|
"ds-toast-default-color-text-base": "#000d6e",
|
|
1004
1245
|
"ds-toast-default-color-progress-bar-base": "#000d6e",
|
|
1005
1246
|
"ds-toast-default-color-progress-bg-base": "#b3b6d4",
|
|
@@ -1081,12 +1322,12 @@
|
|
|
1081
1322
|
"ds-tag-yellow-dark-color-text-base": "#ffffff",
|
|
1082
1323
|
"ds-tag-yellow-dark-color-bg-base": "#b24a00",
|
|
1083
1324
|
"ds-tag-default-color-text-base": "#000d6e",
|
|
1084
|
-
"ds-tag-default-color-bg-base": "#
|
|
1325
|
+
"ds-tag-default-color-bg-base": "#d0d0d0",
|
|
1085
1326
|
"ds-segment-radius": "0.25rem",
|
|
1086
|
-
"ds-segment-background": "#
|
|
1327
|
+
"ds-segment-background": "#e0e0e0",
|
|
1087
1328
|
"ds-segment-gap": "0.25rem",
|
|
1088
1329
|
"ds-segment-padding": "0.25rem",
|
|
1089
|
-
"ds-segment-divider-color": "#
|
|
1330
|
+
"ds-segment-divider-color": "#e0e0e0",
|
|
1090
1331
|
"ds-segment-focus-color": "#6c2273",
|
|
1091
1332
|
"ds-segment-description-font-size": "0.875rem",
|
|
1092
1333
|
"ds-segment-description-font-weight": "400",
|
|
@@ -1097,30 +1338,30 @@
|
|
|
1097
1338
|
"ds-segment-item-unselected-color-base": "#293485",
|
|
1098
1339
|
"ds-segment-item-unselected-color-hover": "#0014aa",
|
|
1099
1340
|
"ds-segment-item-unselected-color-active": "#000739",
|
|
1341
|
+
"ds-segment-item-selected-background": "#e1d9ff",
|
|
1100
1342
|
"ds-segment-item-selected-color-base": "#293485",
|
|
1101
1343
|
"ds-segment-item-selected-color-hover": "#0014aa",
|
|
1102
1344
|
"ds-segment-item-selected-color-active": "#000739",
|
|
1103
|
-
"ds-segment-item-selected-background": "#e1d9ff",
|
|
1104
1345
|
"ds-segment-item-icon-size": "1rem",
|
|
1105
1346
|
"ds-segment-item-icon-gap": "0.375rem",
|
|
1106
|
-
"ds-checkbox-label-color-hover": "#0014aa",
|
|
1107
|
-
"ds-checkbox-label-color-active": "#000739",
|
|
1108
|
-
"ds-checkbox-border-width": "0.125rem",
|
|
1109
1347
|
"ds-checkbox-radius": "0.25rem",
|
|
1110
1348
|
"ds-checkbox-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1111
1349
|
"ds-checkbox-line-height": 1.5,
|
|
1350
|
+
"ds-checkbox-label-color-hover": "#0014aa",
|
|
1351
|
+
"ds-checkbox-label-color-active": "#000739",
|
|
1352
|
+
"ds-checkbox-border-width": "0.125rem",
|
|
1112
1353
|
"ds-checkbox-focus-color": "#6c2273",
|
|
1113
1354
|
"ds-checkbox-tile-radius": "0.25rem",
|
|
1114
1355
|
"ds-checkbox-tile-border-width": "0.125rem",
|
|
1115
|
-
"ds-checkbox-tile-color-base-border": "#
|
|
1116
|
-
"ds-checkbox-tile-color-hover-background": "#
|
|
1356
|
+
"ds-checkbox-tile-color-base-border": "#e0e0e0",
|
|
1357
|
+
"ds-checkbox-tile-color-hover-background": "#fafafa",
|
|
1117
1358
|
"ds-checkbox-tile-color-hover-border": "#0014aa",
|
|
1118
|
-
"ds-checkbox-tile-color-active-background": "#
|
|
1359
|
+
"ds-checkbox-tile-color-active-background": "#fafafa",
|
|
1119
1360
|
"ds-checkbox-tile-color-active-border": "#000739",
|
|
1120
1361
|
"ds-checkbox-unchecked-color-base-border": "#000d6e",
|
|
1121
|
-
"ds-checkbox-unchecked-color-hover-background": "#
|
|
1362
|
+
"ds-checkbox-unchecked-color-hover-background": "#fafafa",
|
|
1122
1363
|
"ds-checkbox-unchecked-color-hover-border": "#0014aa",
|
|
1123
|
-
"ds-checkbox-unchecked-color-active-background": "#
|
|
1364
|
+
"ds-checkbox-unchecked-color-active-background": "#fafafa",
|
|
1124
1365
|
"ds-checkbox-unchecked-color-active-border": "#000739",
|
|
1125
1366
|
"ds-checkbox-checked-color-base-background": "#000d6e",
|
|
1126
1367
|
"ds-checkbox-checked-color-base-border": "#000d6e",
|
|
@@ -1129,24 +1370,24 @@
|
|
|
1129
1370
|
"ds-checkbox-checked-color-hover-border": "#0014aa",
|
|
1130
1371
|
"ds-checkbox-checked-color-active-background": "#000739",
|
|
1131
1372
|
"ds-checkbox-checked-color-active-border": "#000739",
|
|
1132
|
-
"ds-radio-label-color-hover": "#0014aa",
|
|
1133
|
-
"ds-radio-label-color-active": "#000739",
|
|
1134
|
-
"ds-radio-border-width": "0.125rem",
|
|
1135
1373
|
"ds-radio-radius": "9999px",
|
|
1136
1374
|
"ds-radio-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1137
1375
|
"ds-radio-line-height": 1.5,
|
|
1376
|
+
"ds-radio-label-color-hover": "#0014aa",
|
|
1377
|
+
"ds-radio-label-color-active": "#000739",
|
|
1378
|
+
"ds-radio-border-width": "0.125rem",
|
|
1138
1379
|
"ds-radio-focus-color": "#6c2273",
|
|
1139
1380
|
"ds-radio-tile-radius": "0.25rem",
|
|
1140
1381
|
"ds-radio-tile-border-width": "0.125rem",
|
|
1141
|
-
"ds-radio-tile-color-base-border": "#
|
|
1142
|
-
"ds-radio-tile-color-hover-background": "#
|
|
1382
|
+
"ds-radio-tile-color-base-border": "#e0e0e0",
|
|
1383
|
+
"ds-radio-tile-color-hover-background": "#fafafa",
|
|
1143
1384
|
"ds-radio-tile-color-hover-border": "#0014aa",
|
|
1144
|
-
"ds-radio-tile-color-active-background": "#
|
|
1385
|
+
"ds-radio-tile-color-active-background": "#fafafa",
|
|
1145
1386
|
"ds-radio-tile-color-active-border": "#000739",
|
|
1146
1387
|
"ds-radio-unchecked-color-base-border": "#000d6e",
|
|
1147
|
-
"ds-radio-unchecked-color-hover-background": "#
|
|
1388
|
+
"ds-radio-unchecked-color-hover-background": "#fafafa",
|
|
1148
1389
|
"ds-radio-unchecked-color-hover-border": "#0014aa",
|
|
1149
|
-
"ds-radio-unchecked-color-active-background": "#
|
|
1390
|
+
"ds-radio-unchecked-color-active-background": "#fafafa",
|
|
1150
1391
|
"ds-radio-unchecked-color-active-border": "#000739",
|
|
1151
1392
|
"ds-radio-checked-color-base-background": "#000d6e",
|
|
1152
1393
|
"ds-radio-checked-color-base-border": "#000d6e",
|
|
@@ -1155,10 +1396,7 @@
|
|
|
1155
1396
|
"ds-radio-checked-color-hover-border": "#0014aa",
|
|
1156
1397
|
"ds-radio-checked-color-active-background": "#000739",
|
|
1157
1398
|
"ds-radio-checked-color-active-border": "#000739",
|
|
1158
|
-
"ds-pagination-
|
|
1159
|
-
"ds-pagination-gap-tablet": "0.5rem",
|
|
1160
|
-
"ds-pagination-gap-desktop": "0.5rem",
|
|
1161
|
-
"ds-pagination-dots-background": "#f6f6f6",
|
|
1399
|
+
"ds-pagination-dots-background": "#e0e0e0",
|
|
1162
1400
|
"ds-pagination-dots-radius": "0.25rem",
|
|
1163
1401
|
"ds-pagination-dots-active-color": "#000d6e",
|
|
1164
1402
|
"ds-pagination-dots-inactive-color": "#ffffff",
|
|
@@ -1166,7 +1404,7 @@
|
|
|
1166
1404
|
"ds-pagination-text-weight": "700",
|
|
1167
1405
|
"ds-pagination-elevation-sticky": "18.75rem",
|
|
1168
1406
|
"ds-progress-bar-background-light": "#ffffff",
|
|
1169
|
-
"ds-progress-bar-background-dark": "#
|
|
1407
|
+
"ds-progress-bar-background-dark": "#e0e0e0",
|
|
1170
1408
|
"ds-progress-bar-background-purple": "#e1d9ff",
|
|
1171
1409
|
"ds-progress-bar-background-yellow": "#ffecbc",
|
|
1172
1410
|
"ds-progress-bar-background-red": "#ffd7d7",
|
|
@@ -1177,7 +1415,6 @@
|
|
|
1177
1415
|
"ds-progress-bar-line-color-yellow": "#b24a00",
|
|
1178
1416
|
"ds-progress-bar-line-color-red": "#99172d",
|
|
1179
1417
|
"ds-progress-bar-line-color-green": "#1b5951",
|
|
1180
|
-
"ds-progress-bar-height": "0.25rem",
|
|
1181
1418
|
"ds-accordion-summary-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1182
1419
|
"ds-accordion-summary-font-weight": "400",
|
|
1183
1420
|
"ds-accordion-summary-font-line-height": 1.5,
|
|
@@ -1187,5 +1424,151 @@
|
|
|
1187
1424
|
"ds-accordion-summary-color-base": "inherit",
|
|
1188
1425
|
"ds-accordion-summary-color-hover": "#0014aa",
|
|
1189
1426
|
"ds-accordion-summary-color-active": "#000739",
|
|
1190
|
-
"ds-accordion-radius-base": "0.25rem"
|
|
1427
|
+
"ds-accordion-radius-base": "0.25rem",
|
|
1428
|
+
"ds-tabs-gap": "0.125rem",
|
|
1429
|
+
"ds-tabs-border-color": "#e0e0e0",
|
|
1430
|
+
"ds-tabs-indicator-height": "0.125rem",
|
|
1431
|
+
"ds-tabs-panel-padding": "1rem 0",
|
|
1432
|
+
"ds-tabs-vertical-gap": "1.5rem",
|
|
1433
|
+
"ds-tabs-scroll-fade-background": "#ffffff",
|
|
1434
|
+
"ds-tabs-tab-padding": "0.25rem 1rem",
|
|
1435
|
+
"ds-tabs-tab-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1436
|
+
"ds-tabs-tab-font-size": "1rem",
|
|
1437
|
+
"ds-tabs-tab-font-weight": "700",
|
|
1438
|
+
"ds-tabs-tab-font-weight-selected": "700",
|
|
1439
|
+
"ds-tabs-tab-color-focus": "#6c2273",
|
|
1440
|
+
"ds-tabs-tab-color-base": "#656ea8",
|
|
1441
|
+
"ds-tabs-tab-color-hover": "#0014aa",
|
|
1442
|
+
"ds-tabs-tab-color-active": "#000739",
|
|
1443
|
+
"ds-tabs-tab-color-selected": "#000d6e",
|
|
1444
|
+
"ds-tabs-tab-border-color-selected": "#000d6e",
|
|
1445
|
+
"ds-tab-panel-padding": "1rem 0",
|
|
1446
|
+
"ds-tabs-color-purple": "#b8b2ff",
|
|
1447
|
+
"ds-tabs-color-purple-hover": "#9f52cc",
|
|
1448
|
+
"ds-tabs-color-green": "#94e3d4",
|
|
1449
|
+
"ds-tabs-color-green-hover": "#00b28f",
|
|
1450
|
+
"ds-tabs-color-red": "#ffaca6",
|
|
1451
|
+
"ds-tabs-color-red-hover": "#d9304c",
|
|
1452
|
+
"ds-tabs-color-yellow": "#fae052",
|
|
1453
|
+
"ds-tabs-color-yellow-hover": "#fa9319",
|
|
1454
|
+
"ds-steps-connector-color": "#e0e0e0",
|
|
1455
|
+
"ds-steps-connector-color-filled": "#000d6e",
|
|
1456
|
+
"ds-steps-connector-height": "0.125rem",
|
|
1457
|
+
"ds-steps-circle-size": "2rem",
|
|
1458
|
+
"ds-steps-circle-size-sm": "1.5rem",
|
|
1459
|
+
"ds-steps-circle-color-bg": "#d0d0d0",
|
|
1460
|
+
"ds-steps-circle-color-bg-selected": "#000d6e",
|
|
1461
|
+
"ds-steps-circle-color-bg-done": "#000d6e",
|
|
1462
|
+
"ds-steps-circle-color-bg-invalid": "#f05d4d",
|
|
1463
|
+
"ds-steps-circle-color-bg-disabled": "#d0d0d0",
|
|
1464
|
+
"ds-steps-circle-color-text": "#000d6e",
|
|
1465
|
+
"ds-steps-circle-color-text-selected": "#ffffff",
|
|
1466
|
+
"ds-steps-circle-color-text-done": "#ffffff",
|
|
1467
|
+
"ds-steps-circle-color-text-invalid": "#ffffff",
|
|
1468
|
+
"ds-steps-circle-color-text-disabled": "#000d6e",
|
|
1469
|
+
"ds-steps-step-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1470
|
+
"ds-steps-step-font-size": "1rem",
|
|
1471
|
+
"ds-steps-step-font-size-sm": "0.875rem",
|
|
1472
|
+
"ds-steps-step-font-weight": "700",
|
|
1473
|
+
"ds-steps-step-color-base": "#656ea8",
|
|
1474
|
+
"ds-steps-step-color-selected": "#000d6e",
|
|
1475
|
+
"ds-steps-step-color-focus": "#6c2273",
|
|
1476
|
+
"ds-steps-panel-padding": "1rem 0",
|
|
1477
|
+
"ds-steps-color-purple": "#b8b2ff",
|
|
1478
|
+
"ds-steps-color-green": "#94e3d4",
|
|
1479
|
+
"ds-steps-color-red": "#ffaca6",
|
|
1480
|
+
"ds-steps-color-yellow": "#fae052",
|
|
1481
|
+
"ds-step-panel-padding": "1rem 0",
|
|
1482
|
+
"ds-carousel-scroll-fade-bg": "#ffffff",
|
|
1483
|
+
"ds-carousel-dot-size": "8px",
|
|
1484
|
+
"ds-carousel-dot-size-active": "10px",
|
|
1485
|
+
"ds-carousel-dot-color": "#e0e0e0",
|
|
1486
|
+
"ds-carousel-dot-color-active": "#000d6e",
|
|
1487
|
+
"ds-carousel-control-color": "#000d6e",
|
|
1488
|
+
"ds-carousel-scroll-btn-background-active": "#000d6e",
|
|
1489
|
+
"ds-carousel-scroll-btn-background-active-hover": "#0014aa",
|
|
1490
|
+
"ds-carousel-scroll-btn-background-active-pressed": "#000739",
|
|
1491
|
+
"ds-carousel-scroll-btn-color-active": "#ffffff",
|
|
1492
|
+
"ds-tooltip-bg": "#000739",
|
|
1493
|
+
"ds-tooltip-color": "#ffffff",
|
|
1494
|
+
"ds-tooltip-radius": "0.25rem",
|
|
1495
|
+
"ds-tooltip-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
1496
|
+
"ds-tooltip-line-height": 1.5,
|
|
1497
|
+
"ds-tooltip-z-index": 1300,
|
|
1498
|
+
"ds-tooltip-px": "0.75rem",
|
|
1499
|
+
"ds-tooltip-py": "0.5rem",
|
|
1500
|
+
"ds-tooltip-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1501
|
+
"ds-tooltip-font-size": "0.875rem",
|
|
1502
|
+
"ds-table-color": "#000d6e",
|
|
1503
|
+
"ds-table-background-color": "#ffffff",
|
|
1504
|
+
"ds-table-body-background-color": "rgba(255, 255, 255, 0)",
|
|
1505
|
+
"ds-table-cell-padding": "0.5em 0.75em",
|
|
1506
|
+
"ds-table-cell-border-color": "#d0d0d0",
|
|
1507
|
+
"ds-table-cell-border-width": "0 0 2px",
|
|
1508
|
+
"ds-table-cell-heading-color": "#000d6e",
|
|
1509
|
+
"ds-table-head-cell-color": "#000d6e",
|
|
1510
|
+
"ds-table-head-cell-border-width": "0 0 1px",
|
|
1511
|
+
"ds-table-head-cell-border-color": "#000d6e",
|
|
1512
|
+
"ds-table-head-background-color": "rgba(255, 255, 255, 0)",
|
|
1513
|
+
"ds-table-head-font-size": "1rem",
|
|
1514
|
+
"ds-table-head-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
|
|
1515
|
+
"ds-table-foot-cell-color": "#000d6e",
|
|
1516
|
+
"ds-table-foot-cell-border-width": "0 0 0",
|
|
1517
|
+
"ds-table-foot-background-color": "rgba(255, 255, 255, 0)",
|
|
1518
|
+
"ds-table-row-background-color-hover": "#fafafa",
|
|
1519
|
+
"ds-table-row-background-color-active": "#b3b6d4",
|
|
1520
|
+
"ds-table-row-color-active": "#000d6e",
|
|
1521
|
+
"ds-table-striped-row-even-background-color-base": "#e5e7f0",
|
|
1522
|
+
"ds-table-striped-row-even-background-color-hover": "#fafafa",
|
|
1523
|
+
"ds-popup-background": "#ffffff",
|
|
1524
|
+
"ds-popup-radius": "0.25rem",
|
|
1525
|
+
"ds-popup-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
|
|
1526
|
+
"ds-popup-padding": "1.25rem",
|
|
1527
|
+
"ds-popup-min-width": "16rem",
|
|
1528
|
+
"ds-popup-z-index": 1000,
|
|
1529
|
+
"ds-popup-backdrop-background": "#000739",
|
|
1530
|
+
"ds-popup-backdrop-opacity": 0.8,
|
|
1531
|
+
"ds-drawer-background": "#ffffff",
|
|
1532
|
+
"ds-drawer-radius": "0.75rem",
|
|
1533
|
+
"ds-drawer-max-height": "85dvh",
|
|
1534
|
+
"ds-drawer-padding": "1.25rem",
|
|
1535
|
+
"ds-drawer-backdrop-background": "#000739",
|
|
1536
|
+
"ds-drawer-backdrop-opacity": 0.8,
|
|
1537
|
+
"ds-file-upload-label-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1538
|
+
"ds-file-upload-label-font-weight": "700",
|
|
1539
|
+
"ds-file-upload-label-text-size": "1rem",
|
|
1540
|
+
"ds-file-upload-label-text-line-height": 1.5,
|
|
1541
|
+
"ds-file-upload-label-text-color": "#000d6e",
|
|
1542
|
+
"ds-file-upload-drop-zone-border-color-base": "#e0e0e0",
|
|
1543
|
+
"ds-file-upload-drop-zone-border-color-hover": "#000d6e",
|
|
1544
|
+
"ds-file-upload-drop-zone-border-color-active": "#000d6e",
|
|
1545
|
+
"ds-file-upload-drop-zone-border-color-focus": "#000d6e",
|
|
1546
|
+
"ds-file-upload-drop-zone-border-color-danger": "#ea1800",
|
|
1547
|
+
"ds-file-upload-drop-zone-border-color-success": "#168741",
|
|
1548
|
+
"ds-file-upload-drop-zone-border-color-warning": "#b24a00",
|
|
1549
|
+
"ds-file-upload-drop-zone-background-color-base": "rgba(255, 255, 255, 0)",
|
|
1550
|
+
"ds-file-upload-drop-zone-background-color-hover": "#fafafa",
|
|
1551
|
+
"ds-file-upload-drop-zone-background-color-active": "#fafafa",
|
|
1552
|
+
"ds-file-upload-drop-zone-background-color-disabled": "#e0e0e0",
|
|
1553
|
+
"ds-file-upload-drop-zone-text-color-hover": "#0014aa",
|
|
1554
|
+
"ds-file-upload-drop-zone-text-color-active": "#000739",
|
|
1555
|
+
"ds-file-upload-drop-zone-text-color-disabled": "#747474",
|
|
1556
|
+
"ds-file-upload-file-list-background-color": "#e0e0e0",
|
|
1557
|
+
"ds-file-upload-file-name-text-color": "#000d6e",
|
|
1558
|
+
"ds-file-upload-file-size-text-color": "#656ea8",
|
|
1559
|
+
"ds-file-upload-icon-color-disabled": "#747474",
|
|
1560
|
+
"ds-file-upload-control-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1561
|
+
"ds-file-upload-control-font-weight": "400",
|
|
1562
|
+
"ds-file-upload-control-text-size": "1rem",
|
|
1563
|
+
"ds-file-upload-control-text-line-height": 1.5,
|
|
1564
|
+
"ds-file-upload-control-text-color-base": "#000d6e",
|
|
1565
|
+
"ds-file-upload-control-placeholder-color-base": "#b3b6d4",
|
|
1566
|
+
"ds-file-upload-description-font-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
|
|
1567
|
+
"ds-file-upload-description-font-weight": "400",
|
|
1568
|
+
"ds-file-upload-description-text-size": "0.75rem",
|
|
1569
|
+
"ds-file-upload-description-text-line-height": 1.5,
|
|
1570
|
+
"ds-file-upload-description-text-color-base": "#656ea8",
|
|
1571
|
+
"ds-file-upload-description-text-color-danger": "#ea1800",
|
|
1572
|
+
"ds-file-upload-description-text-color-success": "#168741",
|
|
1573
|
+
"ds-file-upload-description-text-color-warning": "#b24a00"
|
|
1191
1574
|
}
|