@baloise/ds-tokens 20.0.0-next.7 → 20.0.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/css/base.tokens.css +244 -244
  2. package/dist/docs/base.tokens.json +41726 -41727
  3. package/dist/js/base.tokens.js +268 -268
  4. package/dist/out-tsc/config.brand.js +1 -1
  5. package/dist/out-tsc/css-naming.js +26 -0
  6. package/dist/out-tsc/css-preview.js +8 -0
  7. package/dist/out-tsc/css-value.js +86 -0
  8. package/dist/out-tsc/formatter.js +3 -3
  9. package/dist/out-tsc/transformers.js +6 -79
  10. package/dist/sass/base.tokens.scss +233 -233
  11. package/dist/web/base.tokens.json +273 -273
  12. package/package.json +6 -1
  13. package/sbom.cdx.json +35379 -17251
package/dist/js/base.tokens.js CHANGED
@@ -2,162 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const DsGlobalColorWhite = "#ffffff";
6
- export const DsGlobalColorBlack = "#000000";
7
- export const DsGlobalColorNeutral = "#ffffff00";
8
- export const DsGlobalColorDanger1 = "#fce8e6";
9
- export const DsGlobalColorDanger2 = "#f7a299";
10
- export const DsGlobalColorDanger3 = "#f05d4d";
11
- export const DsGlobalColorDanger4 = "#ea1800";
12
- export const DsGlobalColorDanger5 = "#cb1501";
13
- export const DsGlobalColorDanger6 = "#a01100";
14
- export const DsGlobalColorWarning1 = "#fff9e8";
15
- export const DsGlobalColorWarning2 = "#ffe5a3";
16
- export const DsGlobalColorWarning3 = "#ffd25e";
17
- export const DsGlobalColorWarning4 = "#ffbe19";
18
- export const DsGlobalColorWarning5 = "#f99319";
19
- export const DsGlobalColorWarning6 = "#c97612";
20
- export const DsGlobalColorSuccess1 = "#e8f3ec";
21
- export const DsGlobalColorSuccess2 = "#a1cfb3";
22
- export const DsGlobalColorSuccess3 = "#5bab7a";
23
- export const DsGlobalColorSuccess4 = "#168741";
24
- export const DsGlobalColorSuccess5 = "#116b34";
25
- export const DsGlobalColorSuccess6 = "#0b5227";
26
- export const DsGlobalColorInfo1 = "#e8f1fb";
27
- export const DsGlobalColorInfo2 = "#a4c9ed";
28
- export const DsGlobalColorInfo3 = "#60a0e0";
29
- export const DsGlobalColorInfo4 = "#1c77d2";
30
- export const DsGlobalColorInfo5 = "#155ba3";
31
- export const DsGlobalColorInfo6 = "#0e457b";
32
- export const DsGlobalColorSky1 = "#e5f1fe";
33
- export const DsGlobalColorSky2 = "#a7d1fa";
34
- export const DsGlobalColorSky3 = "#56a7f5";
35
- export const DsGlobalColorSky4 = "#6672cc";
36
- export const DsGlobalColorSky5 = "#0014aa";
37
- export const DsGlobalColorSky6 = "#000a55";
38
- export const DsGlobalColorGrey0 = "#fafafa";
39
- export const DsGlobalColorGrey1 = "#f0f0f0";
40
- export const DsGlobalColorGrey2 = "#e0e0e0";
41
- export const DsGlobalColorGrey3 = "#d0d0d0";
42
- export const DsGlobalColorGrey4 = "#b6b6b6";
43
- export const DsGlobalColorGrey5 = "#747474";
44
- export const DsGlobalColorGrey6 = "#313131";
45
- export const DsGlobalColorYellow1 = "#fff9e8";
46
- export const DsGlobalColorYellow2 = "#ffecbc";
47
- export const DsGlobalColorYellow3 = "#fae052";
48
- export const DsGlobalColorYellow4 = "#ffbe19";
49
- export const DsGlobalColorYellow5 = "#fa9319";
50
- export const DsGlobalColorYellow6 = "#b24a00";
51
- export const DsGlobalColorRed1 = "#ffeef1";
52
- export const DsGlobalColorRed2 = "#ffd7d7";
53
- export const DsGlobalColorRed3 = "#ffaca6";
54
- export const DsGlobalColorRed4 = "#ff596f";
55
- export const DsGlobalColorRed5 = "#d9304c";
56
- export const DsGlobalColorRed6 = "#99172d";
57
- export const DsGlobalColorGreen1 = "#e9fbf7";
58
- export const DsGlobalColorGreen2 = "#cbf2ec";
59
- export const DsGlobalColorGreen3 = "#94e3d4";
60
- export const DsGlobalColorGreen4 = "#21d9ac";
61
- export const DsGlobalColorGreen5 = "#00b28f";
62
- export const DsGlobalColorGreen6 = "#1b5951";
63
- export const DsGlobalColorPurple1 = "#f9f3ff";
64
- export const DsGlobalColorPurple2 = "#e1d9ff";
65
- export const DsGlobalColorPurple3 = "#b8b2ff";
66
- export const DsGlobalColorPurple4 = "#be82fa";
67
- export const DsGlobalColorPurple5 = "#9f52cc";
68
- export const DsGlobalColorPurple6 = "#6c2273";
69
- export const DsGlobalColorPrimary1 = "#e5e7f0";
70
- export const DsGlobalColorPrimary2 = "#b3b6d4";
71
- export const DsGlobalColorPrimary3 = "#656ea8";
72
- export const DsGlobalColorPrimary4 = "#293485";
73
- export const DsGlobalColorPrimary5 = "#000d6e";
74
- export const DsGlobalColorPrimary6 = "#000739";
75
- export const DsGlobalElevationShadow0 = "none";
76
- export const DsGlobalElevationShadow1 = "0 2px 5px 1px rgba(0, 7, 57, 0.12)";
77
- export const DsGlobalElevationShadow2 = "0 4px 4px 0 rgba(0, 7, 57, 0.15)";
78
- export const DsGlobalElevationShadow3 = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
79
- export const DsGlobalElevationShadow4 = "0 0 30px 0 rgba(0, 7, 57, 0.15)";
80
- export const DsGlobalElevationOpacity0 = 0;
81
- export const DsGlobalElevationOpacity30 = 0.3;
82
- export const DsGlobalElevationOpacity40 = 0.4;
83
- export const DsGlobalElevationOpacity50 = 0.5;
84
- export const DsGlobalElevationOpacity60 = 0.6;
85
- export const DsGlobalElevationOpacity80 = 0.8;
86
- export const DsGlobalElevationOpacity100 = 1;
87
- export const DsGlobalElevationZIndex100 = 100;
88
- export const DsGlobalElevationZIndex200 = 200;
89
- export const DsGlobalElevationZIndex300 = 300;
90
- export const DsGlobalElevationZIndex400 = 400;
91
- export const DsGlobalElevationZIndex1000 = 1000;
92
- export const DsGlobalElevationZIndex1100 = 1100;
93
- export const DsGlobalElevationZIndex1200 = 1200;
94
- export const DsGlobalElevationZIndex1300 = 1300;
95
- export const DsGlobalElevationZIndexBehindAll = -999999;
96
- export const DsGlobalFontShadow0 = "none";
97
- export const DsGlobalFontShadow1 =
98
- "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)";
99
- export const DsGlobalFontSize0 = 0;
100
- export const DsGlobalFontSize12 = 12;
101
- export const DsGlobalFontSize14 = 14;
102
- export const DsGlobalFontSize16 = 16;
103
- export const DsGlobalFontSize18 = 18;
104
- export const DsGlobalFontSize20 = 20;
105
- export const DsGlobalFontSize24 = 24;
106
- export const DsGlobalFontSize28 = 28;
107
- export const DsGlobalFontSize32 = 32;
108
- export const DsGlobalFontSize40 = 40;
109
- export const DsGlobalFontSize48 = 48;
110
- export const DsGlobalFontSize80 = 80;
111
- export const DsGlobalFontSize176 = 176;
112
- export const DsGlobalFontFamilyHeading =
113
- '"BaloiseCreateHeadline", "Arial", "sans-serif"';
114
- export const DsGlobalFontFamilyBody =
115
- '"BaloiseCreateText", "Arial", "sans-serif"';
116
- export const DsGlobalFontWeight300 = "300";
117
- export const DsGlobalFontWeight400 = "400";
118
- export const DsGlobalFontWeight700 = "700";
119
- export const DsGlobalFontLineHeight1 = 1;
120
- export const DsGlobalFontLineHeight2 = 1.3;
121
- export const DsGlobalFontLineHeight3 = 1.5;
122
- export const DsGlobalFontLineHeight4 = 2;
123
- export const DsGlobalSizeBorder0 = 0;
124
- export const DsGlobalSizeBorder1 = 1;
125
- export const DsGlobalSizeBorder2 = 2;
126
- export const DsGlobalSizeBorder3 = 4;
127
- export const DsGlobalSizeRadius0 = 0;
128
- export const DsGlobalSizeRadius1 = 4;
129
- export const DsGlobalSizeRadius2 = 12;
130
- export const DsGlobalSizeRadius3 = 9999;
131
- export const DsGlobalSizeBreakpoint1 = 769;
132
- export const DsGlobalSizeBreakpoint2 = 1024;
133
- export const DsGlobalSizeBreakpoint3 = 1280;
134
- export const DsGlobalSizeBreakpoint4 = 1440;
135
- export const DsGlobalSizeBreakpoint5 = 1920;
136
- export const DsGlobalSizeContainer1 = 320;
137
- export const DsGlobalSizeContainer2 = 480;
138
- export const DsGlobalSizeContainer3 = 640;
139
- export const DsGlobalSizeContainer4 = 896;
140
- export const DsGlobalSizeContainer5 = 1496;
141
- export const DsGlobalSizeContainerFull = "100%";
142
- export const DsGlobalSizeSpace0 = 0;
143
- export const DsGlobalSizeSpace1 = 1;
144
- export const DsGlobalSizeSpace2 = 2;
145
- export const DsGlobalSizeSpace4 = 4;
146
- export const DsGlobalSizeSpace8 = 8;
147
- export const DsGlobalSizeSpace12 = 12;
148
- export const DsGlobalSizeSpace14 = 14;
149
- export const DsGlobalSizeSpace16 = 16;
150
- export const DsGlobalSizeSpace20 = 20;
151
- export const DsGlobalSizeSpace24 = 24;
152
- export const DsGlobalSizeSpace32 = 32;
153
- export const DsGlobalSizeSpace40 = 40;
154
- export const DsGlobalSizeSpace48 = 48;
155
- export const DsGlobalSizeSpace56 = 56;
156
- export const DsGlobalSizeSpace64 = 64;
157
- export const DsGlobalSizeSpace72 = 72;
158
- export const DsGlobalSizeSpace96 = 96;
159
- export const DsGlobalSizeSpace128 = 128;
160
- export const DsGlobalSizeSpaceAuto = "auto";
161
5
  export const DsAliasBackgroundColorWhite = "#ffffff";
162
6
  export const DsAliasBackgroundColorSelected = "#b3b6d4";
163
7
  export const DsAliasBackgroundColorHover = "#fafafa";
@@ -448,19 +292,19 @@ export const DsComponentHeading5Space = 8;
448
292
  export const DsComponentHeading5SizeMobile = 16;
449
293
  export const DsComponentHeading5SizeTablet = 16;
450
294
  export const DsComponentHeading5SizeDesktop = 16;
451
- export const DsComponentHeadingFamily =
295
+ export const DsComponentHeadingFontFamily =
452
296
  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
453
- export const DsComponentHeadingWeight = "700";
297
+ export const DsComponentHeadingFontWeight = "700";
454
298
  export const DsComponentHeadingLineHeight = 1.3;
455
299
  export const DsComponentHeadingShadow =
456
300
  "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)";
457
301
  export const DsComponentHeadingColorBase = "inherit";
458
- export const DsComponentHeadingColorPrimary = "#000d6e";
459
- export const DsComponentHeadingColorWhite = "#ffffff";
460
- export const DsComponentHeadingColorInfo = "#1c77d2";
461
- export const DsComponentHeadingColorSuccess = "#168741";
462
- export const DsComponentHeadingColorWarning = "#b24a00";
463
- export const DsComponentHeadingColorDanger = "#ea1800";
302
+ export const DsComponentHeadingPrimaryColorBase = "#000d6e";
303
+ export const DsComponentHeadingWhiteColorBase = "#ffffff";
304
+ export const DsComponentHeadingInfoColorBase = "#1c77d2";
305
+ export const DsComponentHeadingSuccessColorBase = "#168741";
306
+ export const DsComponentHeadingWarningColorBase = "#b24a00";
307
+ export const DsComponentHeadingDangerColorBase = "#ea1800";
464
308
  export const DsComponentHeadingDisplay1Space = 16;
465
309
  export const DsComponentHeadingDisplay1SizeMobile = 48;
466
310
  export const DsComponentHeadingDisplay1SizeTablet = 80;
@@ -469,39 +313,39 @@ export const DsComponentHeadingDisplay2Space = 16;
469
313
  export const DsComponentHeadingDisplay2SizeMobile = 32;
470
314
  export const DsComponentHeadingDisplay2SizeTablet = 48;
471
315
  export const DsComponentHeadingDisplay2SizeDesktop = 48;
472
- export const DsComponentHeadingSubtitleFamily =
316
+ export const DsComponentHeadingSubtitleFontFamily =
473
317
  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
474
318
  export const DsComponentHeadingSubtitleLineHeight = 1.3;
475
- export const DsComponentHeadingSubtitleWeight = "300";
476
- export const DsComponentBadgeTextFamily =
477
- '"BaloiseCreateHeadline", "Arial", "sans-serif"';
478
- export const DsComponentBadgeTextWeight = "700";
479
- export const DsComponentBadgeTextSizeSm = 0;
480
- export const DsComponentBadgeTextSizeBase = 12;
481
- export const DsComponentBadgeTextSizeLg = 16;
319
+ export const DsComponentHeadingSubtitleFontWeight = "300";
482
320
  export const DsComponentBadgeSizeSm = 12;
483
321
  export const DsComponentBadgeSizeBase = 24;
484
322
  export const DsComponentBadgeSizeLg = 32;
485
- export const DsComponentBadgeColorBaseText = "#000d6e";
486
- export const DsComponentBadgeColorBaseBackground = "#ffaca6";
487
- export const DsComponentBadgeColorInfoText = "#000d6e";
488
- export const DsComponentBadgeColorInfoBackground = "#b8b2ff";
489
- export const DsComponentBadgeColorSuccessText = "#000d6e";
490
- export const DsComponentBadgeColorSuccessBackground = "#94e3d4";
491
- export const DsComponentBadgeColorWarningText = "#000d6e";
492
- export const DsComponentBadgeColorWarningBackground = "#ffecbc";
493
- export const DsComponentBadgeColorDangerText = "#000d6e";
494
- export const DsComponentBadgeColorDangerBackground = "#ffaca6";
495
- export const DsComponentBadgeColorRedText = "#000d6e";
496
- export const DsComponentBadgeColorRedBackground = "#ffd7d7";
497
- export const DsComponentBadgeColorPurpleText = "#000d6e";
498
- export const DsComponentBadgeColorPurpleBackground = "#e1d9ff";
499
- export const DsComponentBadgeColorGreenText = "#000d6e";
500
- export const DsComponentBadgeColorGreenBackground = "#cbf2ec";
501
- export const DsComponentBadgeColorYellowText = "#000d6e";
502
- export const DsComponentBadgeColorYellowBackground = "#fff9e8";
503
- export const DsComponentBadgeColorGreyText = "#747474";
504
- export const DsComponentBadgeColorGreyBackground = "#f0f0f0";
323
+ export const DsComponentBadgeFontFamily =
324
+ '"BaloiseCreateHeadline", "Arial", "sans-serif"';
325
+ export const DsComponentBadgeFontWeight = "700";
326
+ export const DsComponentBadgeFontSizeSm = 0;
327
+ export const DsComponentBadgeFontSizeBase = 12;
328
+ export const DsComponentBadgeFontSizeLg = 16;
329
+ export const DsComponentBadgeBaseColorText = "#000d6e";
330
+ export const DsComponentBadgeBaseColorBackground = "#ffaca6";
331
+ export const DsComponentBadgeInfoColorText = "#000d6e";
332
+ export const DsComponentBadgeInfoColorBackground = "#b8b2ff";
333
+ export const DsComponentBadgeSuccessColorText = "#000d6e";
334
+ export const DsComponentBadgeSuccessColorBackground = "#94e3d4";
335
+ export const DsComponentBadgeWarningColorText = "#000d6e";
336
+ export const DsComponentBadgeWarningColorBackground = "#ffecbc";
337
+ export const DsComponentBadgeDangerColorText = "#000d6e";
338
+ export const DsComponentBadgeDangerColorBackground = "#ffaca6";
339
+ export const DsComponentBadgeRedColorText = "#000d6e";
340
+ export const DsComponentBadgeRedColorBackground = "#ffaca6";
341
+ export const DsComponentBadgePurpleColorText = "#000d6e";
342
+ export const DsComponentBadgePurpleColorBackground = "#b8b2ff";
343
+ export const DsComponentBadgeGreenColorText = "#000d6e";
344
+ export const DsComponentBadgeGreenColorBackground = "#94e3d4";
345
+ export const DsComponentBadgeYellowColorText = "#000d6e";
346
+ export const DsComponentBadgeYellowColorBackground = "#fae052";
347
+ export const DsComponentBadgeGreyColorText = "#747474";
348
+ export const DsComponentBadgeGreyColorBackground = "#f0f0f0";
505
349
  export const DsComponentButtonFamily =
506
350
  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
507
351
  export const DsComponentButtonWeight = "700";
@@ -808,13 +652,13 @@ export const DsComponentCardOutlineWidth = 2;
808
652
  export const DsComponentCloseRadius = 9999;
809
653
  export const DsComponentCloseColorBackgroundBase = "#ffffff00";
810
654
  export const DsComponentCloseColorBackgroundHover = "#0007391a";
811
- export const DsComponentCloseColorBackgroundActive = "#0007394d";
812
- export const DsComponentCloseColorBackgroundInvertedHover = "#ffffff4d";
813
- export const DsComponentCloseColorBackgroundInvertedActive = "#ffffff80";
655
+ export const DsComponentCloseColorBackgroundActive = "#00073933";
814
656
  export const DsComponentCloseColorBackgroundDisabled = "#e0e0e0";
815
- export const DsComponentCloseColorIconBase = "#000d6e";
816
- export const DsComponentCloseColorIconInverted = "#ffffff";
817
- export const DsComponentCloseColorIconDisabled = "#747474";
657
+ export const DsComponentCloseIconColorBase = "#000d6e";
658
+ export const DsComponentCloseIconColorDisabled = "#747474";
659
+ export const DsComponentCloseInvertedColorBackgroundHover = "#ffffff4d";
660
+ export const DsComponentCloseInvertedColorBackgroundActive = "#ffffff80";
661
+ export const DsComponentCloseInvertedIconColorBase = "#ffffff";
818
662
  export const DsComponentDateCalendarFamily =
819
663
  '"BaloiseCreateText", "Arial", "sans-serif"';
820
664
  export const DsComponentDateCalendarWeight = "700";
@@ -1056,55 +900,55 @@ export const DsComponentSelectCheckboxColorBorderBase = "#000d6e";
1056
900
  export const DsComponentSelectCheckboxColorBorderSelected = "#000d6e";
1057
901
  export const DsComponentSelectCheckboxColorBackgroundSelected = "#000d6e";
1058
902
  export const DsComponentNotificationRadius = 12;
1059
- export const DsComponentNotificationColorBaseBackground = "#f0f0f0";
1060
- export const DsComponentNotificationColorBaseBorder = "#f0f0f0";
1061
- export const DsComponentNotificationColorBaseText = "#000d6e";
1062
- export const DsComponentNotificationColorBaseIcon =
903
+ export const DsComponentNotificationBaseColorBackground = "#f0f0f0";
904
+ export const DsComponentNotificationBaseColorBorder = "#f0f0f0";
905
+ export const DsComponentNotificationBaseColorText = "#000d6e";
906
+ export const DsComponentNotificationBaseColorIcon =
1063
907
  '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>\')';
1064
- export const DsComponentNotificationColorInfoBackground = "#a4c9ed";
1065
- export const DsComponentNotificationColorInfoBorder = "#a4c9ed";
1066
- export const DsComponentNotificationColorInfoText = "#000d6e";
1067
- export const DsComponentNotificationColorInfoIcon =
908
+ export const DsComponentNotificationInfoColorBackground = "#a4c9ed";
909
+ export const DsComponentNotificationInfoColorBorder = "#a4c9ed";
910
+ export const DsComponentNotificationInfoColorText = "#000d6e";
911
+ export const DsComponentNotificationInfoColorIcon =
1068
912
  'url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')';
1069
- export const DsComponentNotificationColorSuccessBackground = "#a1cfb3";
1070
- export const DsComponentNotificationColorSuccessBorder = "#a1cfb3";
1071
- export const DsComponentNotificationColorSuccessText = "#000d6e";
1072
- export const DsComponentNotificationColorSuccessIcon =
913
+ export const DsComponentNotificationSuccessColorBackground = "#a1cfb3";
914
+ export const DsComponentNotificationSuccessColorBorder = "#a1cfb3";
915
+ export const DsComponentNotificationSuccessColorText = "#000d6e";
916
+ export const DsComponentNotificationSuccessColorIcon =
1073
917
  'url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')';
1074
- export const DsComponentNotificationColorWarningBackground = "#ffe5a3";
1075
- export const DsComponentNotificationColorWarningBorder = "#ffe5a3";
1076
- export const DsComponentNotificationColorWarningText = "#000d6e";
1077
- export const DsComponentNotificationColorWarningIcon =
918
+ export const DsComponentNotificationWarningColorBackground = "#ffe5a3";
919
+ export const DsComponentNotificationWarningColorBorder = "#ffe5a3";
920
+ export const DsComponentNotificationWarningColorText = "#000d6e";
921
+ export const DsComponentNotificationWarningColorIcon =
1078
922
  '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>\')';
1079
- export const DsComponentNotificationColorDangerBackground = "#f7a299";
1080
- export const DsComponentNotificationColorDangerBorder = "#f7a299";
1081
- export const DsComponentNotificationColorDangerText = "#000d6e";
1082
- export const DsComponentNotificationColorDangerIcon =
923
+ export const DsComponentNotificationDangerColorBackground = "#f7a299";
924
+ export const DsComponentNotificationDangerColorBorder = "#f7a299";
925
+ export const DsComponentNotificationDangerColorText = "#000d6e";
926
+ export const DsComponentNotificationDangerColorIcon =
1083
927
  '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>\')';
1084
- export const DsComponentNotificationColorOutlineBaseBackground = "#ffffff";
1085
- export const DsComponentNotificationColorOutlineBaseBorder = "#b3b6d4";
1086
- export const DsComponentNotificationColorOutlineBaseText = "#000d6e";
1087
- export const DsComponentNotificationColorOutlineBaseIcon =
928
+ export const DsComponentNotificationOutlineBaseColorBackground = "#ffffff";
929
+ export const DsComponentNotificationOutlineBaseColorBorder = "#b3b6d4";
930
+ export const DsComponentNotificationOutlineBaseColorText = "#000d6e";
931
+ export const DsComponentNotificationOutlineBaseColorIcon =
1088
932
  '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>\')';
1089
- export const DsComponentNotificationColorOutlinePurpleBackground = "#f9f3ff";
1090
- export const DsComponentNotificationColorOutlinePurpleBorder = "#be82fa";
1091
- export const DsComponentNotificationColorOutlinePurpleText = "#000d6e";
1092
- export const DsComponentNotificationColorOutlinePurpleIcon =
933
+ export const DsComponentNotificationOutlinePurpleColorBackground = "#f9f3ff";
934
+ export const DsComponentNotificationOutlinePurpleColorBorder = "#be82fa";
935
+ export const DsComponentNotificationOutlinePurpleColorText = "#000d6e";
936
+ export const DsComponentNotificationOutlinePurpleColorIcon =
1093
937
  'url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')';
1094
- export const DsComponentNotificationColorOutlineGreenBackground = "#e9fbf7";
1095
- export const DsComponentNotificationColorOutlineGreenBorder = "#21d9ac";
1096
- export const DsComponentNotificationColorOutlineGreenText = "#000d6e";
1097
- export const DsComponentNotificationColorOutlineGreenIcon =
938
+ export const DsComponentNotificationOutlineGreenColorBackground = "#e9fbf7";
939
+ export const DsComponentNotificationOutlineGreenColorBorder = "#21d9ac";
940
+ export const DsComponentNotificationOutlineGreenColorText = "#000d6e";
941
+ export const DsComponentNotificationOutlineGreenColorIcon =
1098
942
  'url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')';
1099
- export const DsComponentNotificationColorOutlineYellowBackground = "#fff9e8";
1100
- export const DsComponentNotificationColorOutlineYellowBorder = "#ffbe19";
1101
- export const DsComponentNotificationColorOutlineYellowText = "#000d6e";
1102
- export const DsComponentNotificationColorOutlineYellowIcon =
943
+ export const DsComponentNotificationOutlineYellowColorBackground = "#fff9e8";
944
+ export const DsComponentNotificationOutlineYellowColorBorder = "#ffbe19";
945
+ export const DsComponentNotificationOutlineYellowColorText = "#000d6e";
946
+ export const DsComponentNotificationOutlineYellowColorIcon =
1103
947
  '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>\')';
1104
- export const DsComponentNotificationColorOutlineRedBackground = "#ffeef1";
1105
- export const DsComponentNotificationColorOutlineRedBorder = "#ff596f";
1106
- export const DsComponentNotificationColorOutlineRedText = "#000d6e";
1107
- export const DsComponentNotificationColorOutlineRedIcon =
948
+ export const DsComponentNotificationOutlineRedColorBackground = "#ffeef1";
949
+ export const DsComponentNotificationOutlineRedColorBorder = "#ff596f";
950
+ export const DsComponentNotificationOutlineRedColorText = "#000d6e";
951
+ export const DsComponentNotificationOutlineRedColorIcon =
1108
952
  '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>\')';
1109
953
  export const DsComponentLabelFamily =
1110
954
  '"BaloiseCreateText", "Arial", "sans-serif"';
@@ -1262,64 +1106,64 @@ export const DsComponentNavbarLightButtonColorBorderActive = "#e5f1fe";
1262
1106
  export const DsComponentNavbarLightFocusColorStart = "#ffffff";
1263
1107
  export const DsComponentNavbarLightFocusColorEnd = "#6c2273";
1264
1108
  export const DsComponentSnackbarRadius = 4;
1265
- export const DsComponentSnackbarDefaultColorBgBase = "#f0f0f0";
1266
- export const DsComponentSnackbarDefaultColorBorderBase = "#f0f0f0";
1267
- export const DsComponentSnackbarDefaultColorTextBase = "#000d6e";
1268
- export const DsComponentSnackbarDefaultColorProgressBarBase = "#000d6e";
1269
- export const DsComponentSnackbarDefaultColorProgressBgBase = "#b3b6d4";
1270
- export const DsComponentSnackbarSuccessColorBgBase = "#a1cfb3";
1109
+ export const DsComponentSnackbarPrimaryColorBorderBase = "#f0f0f0";
1110
+ export const DsComponentSnackbarPrimaryColorTextBase = "#000d6e";
1111
+ export const DsComponentSnackbarPrimaryColorProgressBarBase = "#000d6e";
1112
+ export const DsComponentSnackbarPrimaryColorBackgroundBase = "#f0f0f0";
1113
+ export const DsComponentSnackbarPrimaryColorProgressBackgroundBase = "#b3b6d4";
1271
1114
  export const DsComponentSnackbarSuccessColorBorderBase = "#a1cfb3";
1272
1115
  export const DsComponentSnackbarSuccessColorTextBase = "#000d6e";
1273
1116
  export const DsComponentSnackbarSuccessColorProgressBarBase = "#0b5227";
1274
- export const DsComponentSnackbarSuccessColorProgressBgBase = "#5bab7a";
1275
- export const DsComponentSnackbarInfoColorBgBase = "#a4c9ed";
1117
+ export const DsComponentSnackbarSuccessColorBackgroundBase = "#a1cfb3";
1118
+ export const DsComponentSnackbarSuccessColorProgressBackgroundBase = "#5bab7a";
1276
1119
  export const DsComponentSnackbarInfoColorBorderBase = "#a4c9ed";
1277
1120
  export const DsComponentSnackbarInfoColorTextBase = "#000d6e";
1278
1121
  export const DsComponentSnackbarInfoColorProgressBarBase = "#0e457b";
1279
- export const DsComponentSnackbarInfoColorProgressBgBase = "#60a0e0";
1280
- export const DsComponentSnackbarWarningColorBgBase = "#ffe5a3";
1122
+ export const DsComponentSnackbarInfoColorBackgroundBase = "#a4c9ed";
1123
+ export const DsComponentSnackbarInfoColorProgressBackgroundBase = "#60a0e0";
1281
1124
  export const DsComponentSnackbarWarningColorBorderBase = "#ffe5a3";
1282
1125
  export const DsComponentSnackbarWarningColorTextBase = "#000d6e";
1283
1126
  export const DsComponentSnackbarWarningColorProgressBarBase = "#c97612";
1284
- export const DsComponentSnackbarWarningColorProgressBgBase = "#ffd25e";
1285
- export const DsComponentSnackbarDangerColorBgBase = "#f7a299";
1127
+ export const DsComponentSnackbarWarningColorBackgroundBase = "#ffe5a3";
1128
+ export const DsComponentSnackbarWarningColorProgressBackgroundBase = "#ffd25e";
1286
1129
  export const DsComponentSnackbarDangerColorBorderBase = "#f7a299";
1287
1130
  export const DsComponentSnackbarDangerColorTextBase = "#000d6e";
1288
1131
  export const DsComponentSnackbarDangerColorProgressBarBase = "#a01100";
1289
- export const DsComponentSnackbarDangerColorProgressBgBase = "#f05d4d";
1132
+ export const DsComponentSnackbarDangerColorBackgroundBase = "#f7a299";
1133
+ export const DsComponentSnackbarDangerColorProgressBackgroundBase = "#f05d4d";
1290
1134
  export const DsComponentSpinnerSize = 48;
1291
1135
  export const DsComponentSpinnerCircleBorderWidth = 4;
1292
1136
  export const DsComponentSpinnerCircleSize = 24;
1293
1137
  export const DsComponentSpinnerCircleColorBackground = "#e0e0e0";
1294
1138
  export const DsComponentSpinnerCircleColorProgress = "#000d6e";
1295
- export const DsComponentSpinnerCircleColorInvertedBackground = "#ffffff";
1296
- export const DsComponentSpinnerCircleColorInvertedProgress = "#000d6e";
1139
+ export const DsComponentSpinnerInvertedCircleColorBackground = "#ffffff";
1140
+ export const DsComponentSpinnerInvertedCircleColorProgress = "#000d6e";
1297
1141
  export const DsComponentToastRadius = 4;
1298
- export const DsComponentToastDefaultColorBgBase = "#f0f0f0";
1299
- export const DsComponentToastDefaultColorBorderBase = "#f0f0f0";
1300
- export const DsComponentToastDefaultColorTextBase = "#000d6e";
1301
- export const DsComponentToastDefaultColorProgressBarBase = "#000d6e";
1302
- export const DsComponentToastDefaultColorProgressBgBase = "#b3b6d4";
1303
- export const DsComponentToastSuccessColorBgBase = "#a1cfb3";
1142
+ export const DsComponentToastPrimaryColorBorderBase = "#f0f0f0";
1143
+ export const DsComponentToastPrimaryColorTextBase = "#000d6e";
1144
+ export const DsComponentToastPrimaryColorProgressBarBase = "#000d6e";
1145
+ export const DsComponentToastPrimaryColorBackgroundBase = "#f0f0f0";
1146
+ export const DsComponentToastPrimaryColorProgressBackgroundBase = "#b3b6d4";
1304
1147
  export const DsComponentToastSuccessColorBorderBase = "#a1cfb3";
1305
1148
  export const DsComponentToastSuccessColorTextBase = "#000d6e";
1306
1149
  export const DsComponentToastSuccessColorProgressBarBase = "#0b5227";
1307
- export const DsComponentToastSuccessColorProgressBgBase = "#5bab7a";
1308
- export const DsComponentToastInfoColorBgBase = "#a4c9ed";
1150
+ export const DsComponentToastSuccessColorBackgroundBase = "#a1cfb3";
1151
+ export const DsComponentToastSuccessColorProgressBackgroundBase = "#5bab7a";
1309
1152
  export const DsComponentToastInfoColorBorderBase = "#a4c9ed";
1310
1153
  export const DsComponentToastInfoColorTextBase = "#000d6e";
1311
1154
  export const DsComponentToastInfoColorProgressBarBase = "#0e457b";
1312
- export const DsComponentToastInfoColorProgressBgBase = "#60a0e0";
1313
- export const DsComponentToastWarningColorBgBase = "#ffe5a3";
1155
+ export const DsComponentToastInfoColorBackgroundBase = "#a4c9ed";
1156
+ export const DsComponentToastInfoColorProgressBackgroundBase = "#60a0e0";
1314
1157
  export const DsComponentToastWarningColorBorderBase = "#ffe5a3";
1315
1158
  export const DsComponentToastWarningColorTextBase = "#000d6e";
1316
1159
  export const DsComponentToastWarningColorProgressBarBase = "#c97612";
1317
- export const DsComponentToastWarningColorProgressBgBase = "#ffd25e";
1318
- export const DsComponentToastDangerColorBgBase = "#f7a299";
1160
+ export const DsComponentToastWarningColorBackgroundBase = "#ffe5a3";
1161
+ export const DsComponentToastWarningColorProgressBackgroundBase = "#ffd25e";
1319
1162
  export const DsComponentToastDangerColorBorderBase = "#f7a299";
1320
1163
  export const DsComponentToastDangerColorTextBase = "#000d6e";
1321
1164
  export const DsComponentToastDangerColorProgressBarBase = "#a01100";
1322
- export const DsComponentToastDangerColorProgressBgBase = "#f05d4d";
1165
+ export const DsComponentToastDangerColorBackgroundBase = "#f7a299";
1166
+ export const DsComponentToastDangerColorProgressBackgroundBase = "#f05d4d";
1323
1167
  export const DsComponentTagFontFamily =
1324
1168
  '"BaloiseCreateText", "Arial", "sans-serif"';
1325
1169
  export const DsComponentTagFontLineHeight = 1.5;
@@ -1378,8 +1222,8 @@ export const DsComponentTagYellowLightColorTextBase = "#000d6e";
1378
1222
  export const DsComponentTagYellowLightColorBgBase = "#ffecbc";
1379
1223
  export const DsComponentTagYellowDarkColorTextBase = "#ffffff";
1380
1224
  export const DsComponentTagYellowDarkColorBgBase = "#b24a00";
1381
- export const DsComponentTagDefaultColorTextBase = "#000d6e";
1382
- export const DsComponentTagDefaultColorBgBase = "#e0e0e0";
1225
+ export const DsComponentTagBaseColorTextBase = "#000d6e";
1226
+ export const DsComponentTagBaseColorBgBase = "#e0e0e0";
1383
1227
  export const DsComponentSegmentRadius = 4;
1384
1228
  export const DsComponentSegmentBackground = "#f0f0f0";
1385
1229
  export const DsComponentSegmentGap = 4;
@@ -1639,3 +1483,159 @@ export const DsComponentFileUploadDescriptionTextColorBase = "#656ea8";
1639
1483
  export const DsComponentFileUploadDescriptionTextColorDanger = "#ea1800";
1640
1484
  export const DsComponentFileUploadDescriptionTextColorSuccess = "#168741";
1641
1485
  export const DsComponentFileUploadDescriptionTextColorWarning = "#b24a00";
1486
+ export const DsGlobalSizeBorder0 = 0;
1487
+ export const DsGlobalSizeBorder1 = 1;
1488
+ export const DsGlobalSizeBorder2 = 2;
1489
+ export const DsGlobalSizeBorder3 = 4;
1490
+ export const DsGlobalSizeRadius0 = 0;
1491
+ export const DsGlobalSizeRadius1 = 4;
1492
+ export const DsGlobalSizeRadius2 = 12;
1493
+ export const DsGlobalSizeRadius3 = 9999;
1494
+ export const DsGlobalSizeBreakpoint1 = 769;
1495
+ export const DsGlobalSizeBreakpoint2 = 1024;
1496
+ export const DsGlobalSizeBreakpoint3 = 1280;
1497
+ export const DsGlobalSizeBreakpoint4 = 1440;
1498
+ export const DsGlobalSizeBreakpoint5 = 1920;
1499
+ export const DsGlobalSizeContainer1 = 320;
1500
+ export const DsGlobalSizeContainer2 = 480;
1501
+ export const DsGlobalSizeContainer3 = 640;
1502
+ export const DsGlobalSizeContainer4 = 896;
1503
+ export const DsGlobalSizeContainer5 = 1496;
1504
+ export const DsGlobalSizeContainerFull = "100%";
1505
+ export const DsGlobalSizeSpace0 = 0;
1506
+ export const DsGlobalSizeSpace1 = 1;
1507
+ export const DsGlobalSizeSpace2 = 2;
1508
+ export const DsGlobalSizeSpace4 = 4;
1509
+ export const DsGlobalSizeSpace8 = 8;
1510
+ export const DsGlobalSizeSpace12 = 12;
1511
+ export const DsGlobalSizeSpace14 = 14;
1512
+ export const DsGlobalSizeSpace16 = 16;
1513
+ export const DsGlobalSizeSpace20 = 20;
1514
+ export const DsGlobalSizeSpace24 = 24;
1515
+ export const DsGlobalSizeSpace32 = 32;
1516
+ export const DsGlobalSizeSpace40 = 40;
1517
+ export const DsGlobalSizeSpace48 = 48;
1518
+ export const DsGlobalSizeSpace56 = 56;
1519
+ export const DsGlobalSizeSpace64 = 64;
1520
+ export const DsGlobalSizeSpace72 = 72;
1521
+ export const DsGlobalSizeSpace96 = 96;
1522
+ export const DsGlobalSizeSpace128 = 128;
1523
+ export const DsGlobalSizeSpaceAuto = "auto";
1524
+ export const DsGlobalColorWhite = "#ffffff";
1525
+ export const DsGlobalColorBlack = "#000000";
1526
+ export const DsGlobalColorNeutral = "#ffffff00";
1527
+ export const DsGlobalColorDanger1 = "#fce8e6";
1528
+ export const DsGlobalColorDanger2 = "#f7a299";
1529
+ export const DsGlobalColorDanger3 = "#f05d4d";
1530
+ export const DsGlobalColorDanger4 = "#ea1800";
1531
+ export const DsGlobalColorDanger5 = "#cb1501";
1532
+ export const DsGlobalColorDanger6 = "#a01100";
1533
+ export const DsGlobalColorWarning1 = "#fff9e8";
1534
+ export const DsGlobalColorWarning2 = "#ffe5a3";
1535
+ export const DsGlobalColorWarning3 = "#ffd25e";
1536
+ export const DsGlobalColorWarning4 = "#ffbe19";
1537
+ export const DsGlobalColorWarning5 = "#f99319";
1538
+ export const DsGlobalColorWarning6 = "#c97612";
1539
+ export const DsGlobalColorSuccess1 = "#e8f3ec";
1540
+ export const DsGlobalColorSuccess2 = "#a1cfb3";
1541
+ export const DsGlobalColorSuccess3 = "#5bab7a";
1542
+ export const DsGlobalColorSuccess4 = "#168741";
1543
+ export const DsGlobalColorSuccess5 = "#116b34";
1544
+ export const DsGlobalColorSuccess6 = "#0b5227";
1545
+ export const DsGlobalColorInfo1 = "#e8f1fb";
1546
+ export const DsGlobalColorInfo2 = "#a4c9ed";
1547
+ export const DsGlobalColorInfo3 = "#60a0e0";
1548
+ export const DsGlobalColorInfo4 = "#1c77d2";
1549
+ export const DsGlobalColorInfo5 = "#155ba3";
1550
+ export const DsGlobalColorInfo6 = "#0e457b";
1551
+ export const DsGlobalColorSky1 = "#e5f1fe";
1552
+ export const DsGlobalColorSky2 = "#a7d1fa";
1553
+ export const DsGlobalColorSky3 = "#56a7f5";
1554
+ export const DsGlobalColorSky4 = "#6672cc";
1555
+ export const DsGlobalColorSky5 = "#0014aa";
1556
+ export const DsGlobalColorSky6 = "#000a55";
1557
+ export const DsGlobalColorGrey0 = "#fafafa";
1558
+ export const DsGlobalColorGrey1 = "#f0f0f0";
1559
+ export const DsGlobalColorGrey2 = "#e0e0e0";
1560
+ export const DsGlobalColorGrey3 = "#d0d0d0";
1561
+ export const DsGlobalColorGrey4 = "#b6b6b6";
1562
+ export const DsGlobalColorGrey5 = "#747474";
1563
+ export const DsGlobalColorGrey6 = "#313131";
1564
+ export const DsGlobalColorYellow1 = "#fff9e8";
1565
+ export const DsGlobalColorYellow2 = "#ffecbc";
1566
+ export const DsGlobalColorYellow3 = "#fae052";
1567
+ export const DsGlobalColorYellow4 = "#ffbe19";
1568
+ export const DsGlobalColorYellow5 = "#fa9319";
1569
+ export const DsGlobalColorYellow6 = "#b24a00";
1570
+ export const DsGlobalColorRed1 = "#ffeef1";
1571
+ export const DsGlobalColorRed2 = "#ffd7d7";
1572
+ export const DsGlobalColorRed3 = "#ffaca6";
1573
+ export const DsGlobalColorRed4 = "#ff596f";
1574
+ export const DsGlobalColorRed5 = "#d9304c";
1575
+ export const DsGlobalColorRed6 = "#99172d";
1576
+ export const DsGlobalColorGreen1 = "#e9fbf7";
1577
+ export const DsGlobalColorGreen2 = "#cbf2ec";
1578
+ export const DsGlobalColorGreen3 = "#94e3d4";
1579
+ export const DsGlobalColorGreen4 = "#21d9ac";
1580
+ export const DsGlobalColorGreen5 = "#00b28f";
1581
+ export const DsGlobalColorGreen6 = "#1b5951";
1582
+ export const DsGlobalColorPurple1 = "#f9f3ff";
1583
+ export const DsGlobalColorPurple2 = "#e1d9ff";
1584
+ export const DsGlobalColorPurple3 = "#b8b2ff";
1585
+ export const DsGlobalColorPurple4 = "#be82fa";
1586
+ export const DsGlobalColorPurple5 = "#9f52cc";
1587
+ export const DsGlobalColorPurple6 = "#6c2273";
1588
+ export const DsGlobalColorPrimary1 = "#e5e7f0";
1589
+ export const DsGlobalColorPrimary2 = "#b3b6d4";
1590
+ export const DsGlobalColorPrimary3 = "#656ea8";
1591
+ export const DsGlobalColorPrimary4 = "#293485";
1592
+ export const DsGlobalColorPrimary5 = "#000d6e";
1593
+ export const DsGlobalColorPrimary6 = "#000739";
1594
+ export const DsGlobalFontShadow0 = "none";
1595
+ export const DsGlobalFontShadow1 =
1596
+ "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)";
1597
+ export const DsGlobalFontSize0 = 0;
1598
+ export const DsGlobalFontSize12 = 12;
1599
+ export const DsGlobalFontSize14 = 14;
1600
+ export const DsGlobalFontSize16 = 16;
1601
+ export const DsGlobalFontSize18 = 18;
1602
+ export const DsGlobalFontSize20 = 20;
1603
+ export const DsGlobalFontSize24 = 24;
1604
+ export const DsGlobalFontSize28 = 28;
1605
+ export const DsGlobalFontSize32 = 32;
1606
+ export const DsGlobalFontSize40 = 40;
1607
+ export const DsGlobalFontSize48 = 48;
1608
+ export const DsGlobalFontSize80 = 80;
1609
+ export const DsGlobalFontSize176 = 176;
1610
+ export const DsGlobalFontFamilyHeading =
1611
+ '"BaloiseCreateHeadline", "Arial", "sans-serif"';
1612
+ export const DsGlobalFontFamilyBody =
1613
+ '"BaloiseCreateText", "Arial", "sans-serif"';
1614
+ export const DsGlobalFontWeight300 = "300";
1615
+ export const DsGlobalFontWeight400 = "400";
1616
+ export const DsGlobalFontWeight700 = "700";
1617
+ export const DsGlobalFontLineHeight1 = 1;
1618
+ export const DsGlobalFontLineHeight2 = 1.3;
1619
+ export const DsGlobalFontLineHeight3 = 1.5;
1620
+ export const DsGlobalFontLineHeight4 = 2;
1621
+ export const DsGlobalElevationShadow0 = "none";
1622
+ export const DsGlobalElevationShadow1 = "0 2px 5px 1px rgba(0, 7, 57, 0.12)";
1623
+ export const DsGlobalElevationShadow2 = "0 4px 4px 0 rgba(0, 7, 57, 0.15)";
1624
+ export const DsGlobalElevationShadow3 = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
1625
+ export const DsGlobalElevationShadow4 = "0 0 30px 0 rgba(0, 7, 57, 0.15)";
1626
+ export const DsGlobalElevationZIndex100 = 100;
1627
+ export const DsGlobalElevationZIndex200 = 200;
1628
+ export const DsGlobalElevationZIndex300 = 300;
1629
+ export const DsGlobalElevationZIndex400 = 400;
1630
+ export const DsGlobalElevationZIndex1000 = 1000;
1631
+ export const DsGlobalElevationZIndex1100 = 1100;
1632
+ export const DsGlobalElevationZIndex1200 = 1200;
1633
+ export const DsGlobalElevationZIndex1300 = 1300;
1634
+ export const DsGlobalElevationZIndexBehindAll = -999999;
1635
+ export const DsGlobalElevationOpacity0 = 0;
1636
+ export const DsGlobalElevationOpacity30 = 0.3;
1637
+ export const DsGlobalElevationOpacity40 = 0.4;
1638
+ export const DsGlobalElevationOpacity50 = 0.5;
1639
+ export const DsGlobalElevationOpacity60 = 0.6;
1640
+ export const DsGlobalElevationOpacity80 = 0.8;
1641
+ export const DsGlobalElevationOpacity100 = 1;