@baloise/ds-tokens 19.10.2 → 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 +11 -2
- package/dist/css/base.tokens.css +1816 -0
- package/dist/css/tcs.tokens.css +30 -0
- package/dist/docs/base.tokens.json +62668 -0
- package/dist/js/base.tokens.js +1639 -0
- package/dist/out-tsc/config.base.js +85 -0
- package/dist/out-tsc/config.brand.js +82 -0
- package/dist/out-tsc/formatter.js +236 -0
- package/dist/out-tsc/index.js +43 -0
- package/dist/out-tsc/transformers.js +152 -0
- package/dist/sass/base.tokens.scss +1575 -0
- package/dist/web/base.tokens.json +1574 -0
- package/package.json +20 -9
- package/sbom.cdx.json +54391 -0
- package/README.md +0 -37
- package/dist/deprecated/tokens.css +0 -119
- package/dist/deprecated/tokens.css.scss +0 -119
- package/dist/deprecated/tokens.docs.json +0 -2764
- package/dist/deprecated/tokens.json +0 -114
- package/dist/deprecated/tokens.less +0 -116
- package/dist/deprecated/tokens.scss +0 -116
- package/dist/figma/color.json +0 -606
- package/dist/figma/size.json +0 -232
- package/dist/tokens.css +0 -270
- package/dist/tokens.css.scss +0 -270
- package/dist/tokens.docs.json +0 -5853
- package/dist/tokens.esm.js +0 -268
- package/dist/tokens.js +0 -270
- package/dist/tokens.json +0 -265
- package/dist/tokens.less +0 -267
- package/dist/tokens.scss +0 -267
- package/dist/types/tokens.d.ts +0 -350
|
@@ -0,0 +1,1639 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
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
|
+
export const DsAliasBackgroundColorWhite = "#ffffff";
|
|
162
|
+
export const DsAliasBackgroundColorSelected = "#b3b6d4";
|
|
163
|
+
export const DsAliasBackgroundColorHover = "#fafafa";
|
|
164
|
+
export const DsAliasBackgroundColorHighlight = "#e5e7f0";
|
|
165
|
+
export const DsAliasBackgroundColorDisabled = "#e0e0e0";
|
|
166
|
+
export const DsAliasBackgroundColorTransparent = "#ffffff00";
|
|
167
|
+
export const DsAliasBackgroundColorSkyLight = "#e5f1fe";
|
|
168
|
+
export const DsAliasBackgroundColorSky = "#a7d1fa";
|
|
169
|
+
export const DsAliasBackgroundColorSkyDark = "#56a7f5";
|
|
170
|
+
export const DsAliasBackgroundColorInfo = "#60a0e0";
|
|
171
|
+
export const DsAliasBackgroundColorInfoLight = "#a4c9ed";
|
|
172
|
+
export const DsAliasBackgroundColorInfoDark = "#1c77d2";
|
|
173
|
+
export const DsAliasBackgroundColorInfoDarker = "#155ba3";
|
|
174
|
+
export const DsAliasBackgroundColorInfoDarkest = "#0e457b";
|
|
175
|
+
export const DsAliasBackgroundColorSuccess = "#5bab7a";
|
|
176
|
+
export const DsAliasBackgroundColorSuccessLighter = "#e8f3ec";
|
|
177
|
+
export const DsAliasBackgroundColorSuccessLight = "#a1cfb3";
|
|
178
|
+
export const DsAliasBackgroundColorSuccessDark = "#168741";
|
|
179
|
+
export const DsAliasBackgroundColorSuccessDarker = "#116b34";
|
|
180
|
+
export const DsAliasBackgroundColorSuccessDarkest = "#0b5227";
|
|
181
|
+
export const DsAliasBackgroundColorWarningLighter = "#fff9e8";
|
|
182
|
+
export const DsAliasBackgroundColorWarningLight = "#ffe5a3";
|
|
183
|
+
export const DsAliasBackgroundColorWarning = "#ffd25e";
|
|
184
|
+
export const DsAliasBackgroundColorWarningDark = "#ffbe19";
|
|
185
|
+
export const DsAliasBackgroundColorWarningDarker = "#f99319";
|
|
186
|
+
export const DsAliasBackgroundColorWarningDarkest = "#c97612";
|
|
187
|
+
export const DsAliasBackgroundColorDangerLighter = "#fce8e6";
|
|
188
|
+
export const DsAliasBackgroundColorDangerLight = "#f7a299";
|
|
189
|
+
export const DsAliasBackgroundColorDanger = "#f05d4d";
|
|
190
|
+
export const DsAliasBackgroundColorDangerDark = "#ea1800";
|
|
191
|
+
export const DsAliasBackgroundColorDangerDarker = "#cb1501";
|
|
192
|
+
export const DsAliasBackgroundColorDangerDarkest = "#a01100";
|
|
193
|
+
export const DsAliasBackgroundColorGreyLighter = "#f0f0f0";
|
|
194
|
+
export const DsAliasBackgroundColorGreyLight = "#e0e0e0";
|
|
195
|
+
export const DsAliasBackgroundColorGrey = "#d0d0d0";
|
|
196
|
+
export const DsAliasBackgroundColorGreyDark = "#b6b6b6";
|
|
197
|
+
export const DsAliasBackgroundColorPrimaryLighter = "#e5e7f0";
|
|
198
|
+
export const DsAliasBackgroundColorPrimaryLight = "#656ea8";
|
|
199
|
+
export const DsAliasBackgroundColorPrimary = "#000d6e";
|
|
200
|
+
export const DsAliasBackgroundColorPrimaryHover = "#0014aa";
|
|
201
|
+
export const DsAliasBackgroundColorPrimaryActive = "#000739";
|
|
202
|
+
export const DsAliasBackgroundColorPrimaryDark = "#293485";
|
|
203
|
+
export const DsAliasBackgroundColorGreenLighter = "#e9fbf7";
|
|
204
|
+
export const DsAliasBackgroundColorGreenLight = "#cbf2ec";
|
|
205
|
+
export const DsAliasBackgroundColorGreen = "#94e3d4";
|
|
206
|
+
export const DsAliasBackgroundColorPurpleLighter = "#f9f3ff";
|
|
207
|
+
export const DsAliasBackgroundColorPurpleLight = "#e1d9ff";
|
|
208
|
+
export const DsAliasBackgroundColorPurple = "#b8b2ff";
|
|
209
|
+
export const DsAliasBackgroundColorRedLighter = "#ffeef1";
|
|
210
|
+
export const DsAliasBackgroundColorRedLight = "#ffd7d7";
|
|
211
|
+
export const DsAliasBackgroundColorRed = "#ffaca6";
|
|
212
|
+
export const DsAliasBackgroundColorYellowLighter = "#fff9e8";
|
|
213
|
+
export const DsAliasBackgroundColorYellowLight = "#ffecbc";
|
|
214
|
+
export const DsAliasBackgroundColorYellow = "#fae052";
|
|
215
|
+
export const DsAliasBorderColorWhite = "#ffffff";
|
|
216
|
+
export const DsAliasBorderColorBase = "#d0d0d0";
|
|
217
|
+
export const DsAliasBorderColorInverted = "#ffffff";
|
|
218
|
+
export const DsAliasBorderColorDisabled = "#d0d0d0";
|
|
219
|
+
export const DsAliasBorderColorDisabledInverted = "#656ea8";
|
|
220
|
+
export const DsAliasBorderColorGreyLight = "#f0f0f0";
|
|
221
|
+
export const DsAliasBorderColorGrey = "#e0e0e0";
|
|
222
|
+
export const DsAliasBorderColorGreyDark = "#b6b6b6";
|
|
223
|
+
export const DsAliasBorderColorPrimaryLight = "#656ea8";
|
|
224
|
+
export const DsAliasBorderColorPrimary = "#000d6e";
|
|
225
|
+
export const DsAliasBorderColorPrimaryHover = "#0014aa";
|
|
226
|
+
export const DsAliasBorderColorPrimaryActive = "#000739";
|
|
227
|
+
export const DsAliasBorderColorInvertedPrimary = "#293485";
|
|
228
|
+
export const DsAliasBorderColorInvertedPrimaryHover = "#a7d1fa";
|
|
229
|
+
export const DsAliasBorderColorInvertedPrimaryActive = "#6672cc";
|
|
230
|
+
export const DsAliasBorderColorInfo = "#1c77d2";
|
|
231
|
+
export const DsAliasBorderColorInfoHover = "#155ba3";
|
|
232
|
+
export const DsAliasBorderColorInfoActive = "#0e457b";
|
|
233
|
+
export const DsAliasBorderColorSuccess = "#168741";
|
|
234
|
+
export const DsAliasBorderColorSuccessHover = "#116b34";
|
|
235
|
+
export const DsAliasBorderColorSuccessActive = "#0b5227";
|
|
236
|
+
export const DsAliasBorderColorWarning = "#ffbe19";
|
|
237
|
+
export const DsAliasBorderColorWarningHover = "#f99319";
|
|
238
|
+
export const DsAliasBorderColorWarningActive = "#c97612";
|
|
239
|
+
export const DsAliasBorderColorDanger = "#ea1800";
|
|
240
|
+
export const DsAliasBorderColorDangerHover = "#cb1501";
|
|
241
|
+
export const DsAliasBorderColorDangerActive = "#a01100";
|
|
242
|
+
export const DsAliasBorderColorGreen = "#21d9ac";
|
|
243
|
+
export const DsAliasBorderColorGreenHover = "#00b28f";
|
|
244
|
+
export const DsAliasBorderColorGreenActive = "#1b5951";
|
|
245
|
+
export const DsAliasBorderColorPurple = "#be82fa";
|
|
246
|
+
export const DsAliasBorderColorPurpleHover = "#9f52cc";
|
|
247
|
+
export const DsAliasBorderColorPurpleActive = "#6c2273";
|
|
248
|
+
export const DsAliasBorderColorRed = "#ff596f";
|
|
249
|
+
export const DsAliasBorderColorRedHover = "#d9304c";
|
|
250
|
+
export const DsAliasBorderColorRedActive = "#99172d";
|
|
251
|
+
export const DsAliasBorderColorYellow = "#ffbe19";
|
|
252
|
+
export const DsAliasBorderColorYellowHover = "#fa9319";
|
|
253
|
+
export const DsAliasBorderColorYellowActive = "#b24a00";
|
|
254
|
+
export const DsAliasBorderWidthNone = 0;
|
|
255
|
+
export const DsAliasBorderWidthBase = 2;
|
|
256
|
+
export const DsAliasBorderWidthMd = 4;
|
|
257
|
+
export const DsAliasBreakpointTablet = 769;
|
|
258
|
+
export const DsAliasBreakpointDesktop = 1024;
|
|
259
|
+
export const DsAliasBreakpointDesktopLg = 1280; // HighDefinition
|
|
260
|
+
export const DsAliasBreakpointDesktopXl = 1440; // Widescreen
|
|
261
|
+
export const DsAliasBreakpointDesktop2Xl = 1920; // FullHD
|
|
262
|
+
export const DsAliasContainerSpaceMobile = 16;
|
|
263
|
+
export const DsAliasContainerSpaceTablet = 40;
|
|
264
|
+
export const DsAliasContainerSpaceDesktop = 48;
|
|
265
|
+
export const DsAliasContainerWidthModal = 640;
|
|
266
|
+
export const DsAliasContainerWidthCompact = 896;
|
|
267
|
+
export const DsAliasContainerWidthBase = 1496;
|
|
268
|
+
export const DsAliasContainerWidthFluid = "100%";
|
|
269
|
+
export const DsAliasInteractionFocusSizeInner = 2;
|
|
270
|
+
export const DsAliasInteractionFocusSizeOuter = 5;
|
|
271
|
+
export const DsAliasInteractionFocusSizeInnerInset = 3;
|
|
272
|
+
export const DsAliasInteractionFocusSizeOuterInset = 5;
|
|
273
|
+
export const DsAliasInteractionFocusColorBase = "#6c2273";
|
|
274
|
+
export const DsAliasInteractionFocusColorInverted = "#fae052";
|
|
275
|
+
export const DsAliasInteractionFocusColorBorder = "#ffffff";
|
|
276
|
+
export const DsAliasInteractionFocusColorStart = "#ffffff";
|
|
277
|
+
export const DsAliasInteractionFocusColorEnd = "#6c2273";
|
|
278
|
+
export const DsAliasInteractionFocusColorInvertedStart = "#ffffff";
|
|
279
|
+
export const DsAliasInteractionFocusColorInvertedEnd = "#fae052";
|
|
280
|
+
export const DsAliasOpacityHidden = 0;
|
|
281
|
+
export const DsAliasOpacityHalf = 0.5;
|
|
282
|
+
export const DsAliasOpacityDisabled = 0.6;
|
|
283
|
+
export const DsAliasOpacityBackdrop = 0.8;
|
|
284
|
+
export const DsAliasOpacityFull = 1;
|
|
285
|
+
export const DsAliasRadiusNone = 0;
|
|
286
|
+
export const DsAliasRadiusBase = 4;
|
|
287
|
+
export const DsAliasRadiusLg = 12;
|
|
288
|
+
export const DsAliasRadiusRounded = 9999;
|
|
289
|
+
export const DsAliasSpaceNoneMobile = 0;
|
|
290
|
+
export const DsAliasSpaceNoneTablet = 0;
|
|
291
|
+
export const DsAliasSpaceNoneDesktop = 0;
|
|
292
|
+
export const DsAliasSpaceAutoMobile = "auto";
|
|
293
|
+
export const DsAliasSpaceAutoTablet = "auto";
|
|
294
|
+
export const DsAliasSpaceAutoDesktop = "auto";
|
|
295
|
+
export const DsAliasSpace2XsMobile = 4;
|
|
296
|
+
export const DsAliasSpace2XsTablet = 4;
|
|
297
|
+
export const DsAliasSpace2XsDesktop = 4;
|
|
298
|
+
export const DsAliasSpaceXsMobile = 8;
|
|
299
|
+
export const DsAliasSpaceXsTablet = 8;
|
|
300
|
+
export const DsAliasSpaceXsDesktop = 8;
|
|
301
|
+
export const DsAliasSpaceSmMobile = 12;
|
|
302
|
+
export const DsAliasSpaceSmTablet = 12;
|
|
303
|
+
export const DsAliasSpaceSmDesktop = 12;
|
|
304
|
+
export const DsAliasSpaceBaseMobile = 16;
|
|
305
|
+
export const DsAliasSpaceBaseTablet = 16;
|
|
306
|
+
export const DsAliasSpaceBaseDesktop = 16;
|
|
307
|
+
export const DsAliasSpaceMdMobile = 20;
|
|
308
|
+
export const DsAliasSpaceMdTablet = 20;
|
|
309
|
+
export const DsAliasSpaceMdDesktop = 24;
|
|
310
|
+
export const DsAliasSpaceLgMobile = 24;
|
|
311
|
+
export const DsAliasSpaceLgTablet = 24;
|
|
312
|
+
export const DsAliasSpaceLgDesktop = 32;
|
|
313
|
+
export const DsAliasSpaceXlMobile = 32;
|
|
314
|
+
export const DsAliasSpaceXlTablet = 40;
|
|
315
|
+
export const DsAliasSpaceXlDesktop = 48;
|
|
316
|
+
export const DsAliasSpace2XlMobile = 48;
|
|
317
|
+
export const DsAliasSpace2XlTablet = 56;
|
|
318
|
+
export const DsAliasSpace2XlDesktop = 64;
|
|
319
|
+
export const DsAliasSpace3XlMobile = 56;
|
|
320
|
+
export const DsAliasSpace3XlTablet = 72;
|
|
321
|
+
export const DsAliasSpace3XlDesktop = 96;
|
|
322
|
+
export const DsAliasSpace4XlMobile = 64;
|
|
323
|
+
export const DsAliasSpace4XlTablet = 96;
|
|
324
|
+
export const DsAliasSpace4XlDesktop = 128;
|
|
325
|
+
export const DsAliasTextShadow =
|
|
326
|
+
"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)";
|
|
327
|
+
export const DsAliasTextSizeNoneMobile = 0;
|
|
328
|
+
export const DsAliasTextSizeNoneTablet = 0;
|
|
329
|
+
export const DsAliasTextSizeNoneDesktop = 0;
|
|
330
|
+
export const DsAliasTextSizeXsMobile = 12;
|
|
331
|
+
export const DsAliasTextSizeXsTablet = 12;
|
|
332
|
+
export const DsAliasTextSizeXsDesktop = 12;
|
|
333
|
+
export const DsAliasTextSizeSmMobile = 14;
|
|
334
|
+
export const DsAliasTextSizeSmTablet = 14;
|
|
335
|
+
export const DsAliasTextSizeSmDesktop = 14;
|
|
336
|
+
export const DsAliasTextSizeBaseMobile = 16;
|
|
337
|
+
export const DsAliasTextSizeBaseTablet = 16;
|
|
338
|
+
export const DsAliasTextSizeBaseDesktop = 16;
|
|
339
|
+
export const DsAliasTextSizeMdMobile = 16;
|
|
340
|
+
export const DsAliasTextSizeMdTablet = 18;
|
|
341
|
+
export const DsAliasTextSizeMdDesktop = 18;
|
|
342
|
+
export const DsAliasTextSizeLgMobile = 18;
|
|
343
|
+
export const DsAliasTextSizeLgTablet = 18;
|
|
344
|
+
export const DsAliasTextSizeLgDesktop = 18;
|
|
345
|
+
export const DsAliasTextSizeXlMobile = 20;
|
|
346
|
+
export const DsAliasTextSizeXlTablet = 24;
|
|
347
|
+
export const DsAliasTextSizeXlDesktop = 24;
|
|
348
|
+
export const DsAliasTextSize2XlMobile = 24;
|
|
349
|
+
export const DsAliasTextSize2XlTablet = 32;
|
|
350
|
+
export const DsAliasTextSize2XlDesktop = 32;
|
|
351
|
+
export const DsAliasTextSize3XlMobile = 28;
|
|
352
|
+
export const DsAliasTextSize3XlTablet = 40;
|
|
353
|
+
export const DsAliasTextSize3XlDesktop = 40;
|
|
354
|
+
export const DsAliasTextSize4XlMobile = 32;
|
|
355
|
+
export const DsAliasTextSize4XlTablet = 48;
|
|
356
|
+
export const DsAliasTextSize4XlDesktop = 48;
|
|
357
|
+
export const DsAliasTextSize5XlMobile = 48;
|
|
358
|
+
export const DsAliasTextSize5XlTablet = 80;
|
|
359
|
+
export const DsAliasTextSize5XlDesktop = 80;
|
|
360
|
+
export const DsAliasTextFamilyHeading =
|
|
361
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
362
|
+
export const DsAliasTextFamilyBody =
|
|
363
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
364
|
+
export const DsAliasTextLineHeightSingle = 1;
|
|
365
|
+
export const DsAliasTextLineHeightHeading = 1.3;
|
|
366
|
+
export const DsAliasTextLineHeightBody = 1.5;
|
|
367
|
+
export const DsAliasTextLineHeightDouble = 2;
|
|
368
|
+
export const DsAliasTextWeightLight = "300";
|
|
369
|
+
export const DsAliasTextWeightRegular = "400";
|
|
370
|
+
export const DsAliasTextWeightBold = "700";
|
|
371
|
+
export const DsAliasTextColorWhite = "#ffffff";
|
|
372
|
+
export const DsAliasTextColorPrimaryLight = "#656ea8";
|
|
373
|
+
export const DsAliasTextColorHint = "#656ea8";
|
|
374
|
+
export const DsAliasTextColorPlaceholder = "#b3b6d4";
|
|
375
|
+
export const DsAliasTextColorDisabled = "#747474";
|
|
376
|
+
export const DsAliasTextColorInvertedDisabled = "#656ea8";
|
|
377
|
+
export const DsAliasTextColorInfo = "#1c77d2";
|
|
378
|
+
export const DsAliasTextColorWarning = "#b24a00";
|
|
379
|
+
export const DsAliasTextColorSuccess = "#168741";
|
|
380
|
+
export const DsAliasTextColorDanger = "#ea1800";
|
|
381
|
+
export const DsAliasTextColorDangerHover = "#cb1501";
|
|
382
|
+
export const DsAliasTextColorDangerActive = "#a01100";
|
|
383
|
+
export const DsAliasTextColorPrimary = "#000d6e";
|
|
384
|
+
export const DsAliasTextColorPrimaryHover = "#0014aa";
|
|
385
|
+
export const DsAliasTextColorPrimaryActive = "#000739";
|
|
386
|
+
export const DsAliasTextColorInvertedPrimary = "#ffffff";
|
|
387
|
+
export const DsAliasTextColorInvertedPrimaryHover = "#a7d1fa";
|
|
388
|
+
export const DsAliasTextColorInvertedPrimaryActive = "#60a0e0";
|
|
389
|
+
export const DsAliasTextColorGreyLight = "#b6b6b6";
|
|
390
|
+
export const DsAliasTextColorGrey = "#747474";
|
|
391
|
+
export const DsAliasTextColorGreyDark = "#313131";
|
|
392
|
+
export const DsAliasTextColorSkyDark = "#56a7f5";
|
|
393
|
+
export const DsAliasShadowText =
|
|
394
|
+
"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)";
|
|
395
|
+
export const DsAliasShadowBoxNone = "none";
|
|
396
|
+
export const DsAliasShadowBoxHeader = "0 4px 4px 0 rgba(0, 7, 57, 0.15)";
|
|
397
|
+
export const DsAliasShadowBoxBase = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
398
|
+
export const DsAliasShadowBoxElevated = "0 0 30px 0 rgba(0, 7, 57, 0.15)";
|
|
399
|
+
export const DsAliasZIndexDeep = -999999;
|
|
400
|
+
export const DsAliasZIndexMasked = 100;
|
|
401
|
+
export const DsAliasZIndexMask = 200;
|
|
402
|
+
export const DsAliasZIndexSticky = 300;
|
|
403
|
+
export const DsAliasZIndexNavigation = 400;
|
|
404
|
+
export const DsAliasZIndexPopup = 1000;
|
|
405
|
+
export const DsAliasZIndexModal = 1100;
|
|
406
|
+
export const DsAliasZIndexToast = 1200;
|
|
407
|
+
export const DsAliasZIndexTooltip = 1300;
|
|
408
|
+
export const DsComponentBackdropOpacity = 0.8;
|
|
409
|
+
export const DsComponentBackdropFilter = "blur(4px)";
|
|
410
|
+
export const DsComponentFooterColorBackground = "#000d6e";
|
|
411
|
+
export const DsComponentFooterColorText = "#ffffff";
|
|
412
|
+
export const DsComponentFooterColorLinkBase = "#ffffff";
|
|
413
|
+
export const DsComponentFooterColorLinkHover = "#a7d1fa";
|
|
414
|
+
export const DsComponentFooterSpaceContentPaddingTop = 20;
|
|
415
|
+
export const DsComponentFooterSpaceGapRow = 16;
|
|
416
|
+
export const DsComponentFooterSpaceGapColumn = "0.5rem 1rem";
|
|
417
|
+
export const DsComponentFooterSpaceLanguageGap = 8;
|
|
418
|
+
export const DsComponentFooterSpaceBottomGap = 16;
|
|
419
|
+
export const DsComponentFooterSpaceLinkGap = "0.5rem 1.5rem";
|
|
420
|
+
export const DsComponentFooterSpaceSocialGap = 8;
|
|
421
|
+
export const DsComponentFooterSpaceSocialIconSize = 24;
|
|
422
|
+
export const DsComponentFooterSpaceSocialIconGap = 8;
|
|
423
|
+
export const DsComponentFooterSpaceSlottedMarginRight = 16;
|
|
424
|
+
export const DsComponentFooterSpaceContentMaxWidth = 1496;
|
|
425
|
+
export const DsComponentFooterSpacePaddingBase = "2rem";
|
|
426
|
+
export const DsComponentFooterTypographyFontSize = 14;
|
|
427
|
+
export const DsComponentFooterTypographyLanguageFamily =
|
|
428
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
429
|
+
export const DsComponentFooterTypographyLanguageWeight = "700";
|
|
430
|
+
export const DsComponentHeading1Space = 8;
|
|
431
|
+
export const DsComponentHeading1SizeMobile = 28;
|
|
432
|
+
export const DsComponentHeading1SizeTablet = 40;
|
|
433
|
+
export const DsComponentHeading1SizeDesktop = 40;
|
|
434
|
+
export const DsComponentHeading2Space = 8;
|
|
435
|
+
export const DsComponentHeading2SizeMobile = 24;
|
|
436
|
+
export const DsComponentHeading2SizeTablet = 32;
|
|
437
|
+
export const DsComponentHeading2SizeDesktop = 32;
|
|
438
|
+
export const DsComponentHeading3Space = 8;
|
|
439
|
+
export const DsComponentHeading3SizeMobile = 20;
|
|
440
|
+
export const DsComponentHeading3SizeTablet = 24;
|
|
441
|
+
export const DsComponentHeading3SizeDesktop = 24;
|
|
442
|
+
export const DsComponentHeading4Space = 8;
|
|
443
|
+
export const DsComponentHeading4SizeMobile = 18;
|
|
444
|
+
export const DsComponentHeading4SizeTablet = 18;
|
|
445
|
+
export const DsComponentHeading4SizeDesktop = 18;
|
|
446
|
+
export const DsComponentHeading5Space = 8;
|
|
447
|
+
export const DsComponentHeading5SizeMobile = 16;
|
|
448
|
+
export const DsComponentHeading5SizeTablet = 16;
|
|
449
|
+
export const DsComponentHeading5SizeDesktop = 16;
|
|
450
|
+
export const DsComponentHeadingFamily =
|
|
451
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
452
|
+
export const DsComponentHeadingWeight = "700";
|
|
453
|
+
export const DsComponentHeadingLineHeight = 1.3;
|
|
454
|
+
export const DsComponentHeadingShadow =
|
|
455
|
+
"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)";
|
|
456
|
+
export const DsComponentHeadingColorBase = "inherit";
|
|
457
|
+
export const DsComponentHeadingColorPrimary = "#000d6e";
|
|
458
|
+
export const DsComponentHeadingColorWhite = "#ffffff";
|
|
459
|
+
export const DsComponentHeadingColorInfo = "#1c77d2";
|
|
460
|
+
export const DsComponentHeadingColorSuccess = "#168741";
|
|
461
|
+
export const DsComponentHeadingColorWarning = "#b24a00";
|
|
462
|
+
export const DsComponentHeadingColorDanger = "#ea1800";
|
|
463
|
+
export const DsComponentHeadingDisplay1Space = 16;
|
|
464
|
+
export const DsComponentHeadingDisplay1SizeMobile = 48;
|
|
465
|
+
export const DsComponentHeadingDisplay1SizeTablet = 80;
|
|
466
|
+
export const DsComponentHeadingDisplay1SizeDesktop = 80;
|
|
467
|
+
export const DsComponentHeadingDisplay2Space = 16;
|
|
468
|
+
export const DsComponentHeadingDisplay2SizeMobile = 32;
|
|
469
|
+
export const DsComponentHeadingDisplay2SizeTablet = 48;
|
|
470
|
+
export const DsComponentHeadingDisplay2SizeDesktop = 48;
|
|
471
|
+
export const DsComponentHeadingSubtitleFamily =
|
|
472
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
473
|
+
export const DsComponentHeadingSubtitleLineHeight = 1.3;
|
|
474
|
+
export const DsComponentHeadingSubtitleWeight = "300";
|
|
475
|
+
export const DsComponentBadgeTextFamily =
|
|
476
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
477
|
+
export const DsComponentBadgeTextWeight = "700";
|
|
478
|
+
export const DsComponentBadgeTextSizeSm = 0;
|
|
479
|
+
export const DsComponentBadgeTextSizeBase = 12;
|
|
480
|
+
export const DsComponentBadgeTextSizeLg = 16;
|
|
481
|
+
export const DsComponentBadgeSizeSm = 12;
|
|
482
|
+
export const DsComponentBadgeSizeBase = 24;
|
|
483
|
+
export const DsComponentBadgeSizeLg = 32;
|
|
484
|
+
export const DsComponentBadgeColorBaseText = "#000d6e";
|
|
485
|
+
export const DsComponentBadgeColorBaseBackground = "#ffaca6";
|
|
486
|
+
export const DsComponentBadgeColorInfoText = "#000d6e";
|
|
487
|
+
export const DsComponentBadgeColorInfoBackground = "#b8b2ff";
|
|
488
|
+
export const DsComponentBadgeColorSuccessText = "#000d6e";
|
|
489
|
+
export const DsComponentBadgeColorSuccessBackground = "#94e3d4";
|
|
490
|
+
export const DsComponentBadgeColorWarningText = "#000d6e";
|
|
491
|
+
export const DsComponentBadgeColorWarningBackground = "#ffecbc";
|
|
492
|
+
export const DsComponentBadgeColorDangerText = "#000d6e";
|
|
493
|
+
export const DsComponentBadgeColorDangerBackground = "#ffaca6";
|
|
494
|
+
export const DsComponentBadgeColorRedText = "#000d6e";
|
|
495
|
+
export const DsComponentBadgeColorRedBackground = "#ffd7d7";
|
|
496
|
+
export const DsComponentBadgeColorPurpleText = "#000d6e";
|
|
497
|
+
export const DsComponentBadgeColorPurpleBackground = "#e1d9ff";
|
|
498
|
+
export const DsComponentBadgeColorGreenText = "#000d6e";
|
|
499
|
+
export const DsComponentBadgeColorGreenBackground = "#cbf2ec";
|
|
500
|
+
export const DsComponentBadgeColorYellowText = "#000d6e";
|
|
501
|
+
export const DsComponentBadgeColorYellowBackground = "#fff9e8";
|
|
502
|
+
export const DsComponentBadgeColorGreyText = "#313131";
|
|
503
|
+
export const DsComponentBadgeColorGreyBackground = "#d0d0d0";
|
|
504
|
+
export const DsComponentButtonFamily =
|
|
505
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
506
|
+
export const DsComponentButtonWeight = "700";
|
|
507
|
+
export const DsComponentButtonLineHeight = 1.3;
|
|
508
|
+
export const DsComponentButtonSizeSm = 14;
|
|
509
|
+
export const DsComponentButtonSizeBase = 16;
|
|
510
|
+
export const DsComponentButtonSizeLg = 18;
|
|
511
|
+
export const DsComponentButtonSizeXl = 24;
|
|
512
|
+
export const DsComponentButtonRadiusBase = 4;
|
|
513
|
+
export const DsComponentButtonRadiusRounded = 9999;
|
|
514
|
+
export const DsComponentButtonColorPrimaryBaseText = "#ffffff";
|
|
515
|
+
export const DsComponentButtonColorPrimaryBaseBackground = "#000d6e";
|
|
516
|
+
export const DsComponentButtonColorPrimaryBaseBorder = "#000d6e";
|
|
517
|
+
export const DsComponentButtonColorPrimaryHoverText = "#ffffff";
|
|
518
|
+
export const DsComponentButtonColorPrimaryHoverBackground = "#0014aa";
|
|
519
|
+
export const DsComponentButtonColorPrimaryHoverBorder = "#0014aa";
|
|
520
|
+
export const DsComponentButtonColorPrimaryActiveText = "#ffffff";
|
|
521
|
+
export const DsComponentButtonColorPrimaryActiveBackground = "#000739";
|
|
522
|
+
export const DsComponentButtonColorPrimaryActiveBorder = "#000739";
|
|
523
|
+
export const DsComponentButtonColorSecondaryBaseText = "#000d6e";
|
|
524
|
+
export const DsComponentButtonColorSecondaryBaseBackground = "#ffffff00";
|
|
525
|
+
export const DsComponentButtonColorSecondaryBaseBorder = "#000d6e";
|
|
526
|
+
export const DsComponentButtonColorSecondaryHoverText = "#0014aa";
|
|
527
|
+
export const DsComponentButtonColorSecondaryHoverBackground = "#e5f1fe";
|
|
528
|
+
export const DsComponentButtonColorSecondaryHoverBorder = "#0014aa";
|
|
529
|
+
export const DsComponentButtonColorSecondaryActiveText = "#000739";
|
|
530
|
+
export const DsComponentButtonColorSecondaryActiveBackground = "#e5f1fe";
|
|
531
|
+
export const DsComponentButtonColorSecondaryActiveBorder = "#000739";
|
|
532
|
+
export const DsComponentButtonColorTertiaryBaseText = "#000d6e";
|
|
533
|
+
export const DsComponentButtonColorTertiaryBaseBackground = "#ffffff00";
|
|
534
|
+
export const DsComponentButtonColorTertiaryBaseBorder = "#ffffff00";
|
|
535
|
+
export const DsComponentButtonColorTertiaryHoverText = "#0014aa";
|
|
536
|
+
export const DsComponentButtonColorTertiaryHoverBackground = "#e5f1fe";
|
|
537
|
+
export const DsComponentButtonColorTertiaryHoverBorder = "#e5f1fe";
|
|
538
|
+
export const DsComponentButtonColorTertiaryActiveText = "#000739";
|
|
539
|
+
export const DsComponentButtonColorTertiaryActiveBackground = "#e5f1fe";
|
|
540
|
+
export const DsComponentButtonColorTertiaryActiveBorder = "#e5f1fe";
|
|
541
|
+
export const DsComponentButtonColorTertiaryPurpleBaseText = "#000d6e";
|
|
542
|
+
export const DsComponentButtonColorTertiaryPurpleBaseBackground = "#f9f3ff";
|
|
543
|
+
export const DsComponentButtonColorTertiaryPurpleBaseBorder = "#f9f3ff";
|
|
544
|
+
export const DsComponentButtonColorTertiaryPurpleHoverText = "#000d6e";
|
|
545
|
+
export const DsComponentButtonColorTertiaryPurpleHoverBackground = "#f9f3ff";
|
|
546
|
+
export const DsComponentButtonColorTertiaryPurpleHoverBorder = "#9f52cc";
|
|
547
|
+
export const DsComponentButtonColorTertiaryPurpleActiveText = "#000739";
|
|
548
|
+
export const DsComponentButtonColorTertiaryPurpleActiveBackground = "#f9f3ff";
|
|
549
|
+
export const DsComponentButtonColorTertiaryPurpleActiveBorder = "#6c2273";
|
|
550
|
+
export const DsComponentButtonColorTertiaryGreenBaseText = "#000d6e";
|
|
551
|
+
export const DsComponentButtonColorTertiaryGreenBaseBackground = "#e9fbf7";
|
|
552
|
+
export const DsComponentButtonColorTertiaryGreenBaseBorder = "#e9fbf7";
|
|
553
|
+
export const DsComponentButtonColorTertiaryGreenHoverText = "#000d6e";
|
|
554
|
+
export const DsComponentButtonColorTertiaryGreenHoverBackground = "#e9fbf7";
|
|
555
|
+
export const DsComponentButtonColorTertiaryGreenHoverBorder = "#00b28f";
|
|
556
|
+
export const DsComponentButtonColorTertiaryGreenActiveText = "#000739";
|
|
557
|
+
export const DsComponentButtonColorTertiaryGreenActiveBackground = "#e9fbf7";
|
|
558
|
+
export const DsComponentButtonColorTertiaryGreenActiveBorder = "#1b5951";
|
|
559
|
+
export const DsComponentButtonColorTertiaryRedBaseText = "#000d6e";
|
|
560
|
+
export const DsComponentButtonColorTertiaryRedBaseBackground = "#ffeef1";
|
|
561
|
+
export const DsComponentButtonColorTertiaryRedBaseBorder = "#ffeef1";
|
|
562
|
+
export const DsComponentButtonColorTertiaryRedHoverText = "#000d6e";
|
|
563
|
+
export const DsComponentButtonColorTertiaryRedHoverBackground = "#ffeef1";
|
|
564
|
+
export const DsComponentButtonColorTertiaryRedHoverBorder = "#d9304c";
|
|
565
|
+
export const DsComponentButtonColorTertiaryRedActiveText = "#000739";
|
|
566
|
+
export const DsComponentButtonColorTertiaryRedActiveBackground = "#ffeef1";
|
|
567
|
+
export const DsComponentButtonColorTertiaryRedActiveBorder = "#99172d";
|
|
568
|
+
export const DsComponentButtonColorTertiaryYellowBaseText = "#000d6e";
|
|
569
|
+
export const DsComponentButtonColorTertiaryYellowBaseBackground = "#fff9e8";
|
|
570
|
+
export const DsComponentButtonColorTertiaryYellowBaseBorder = "#fff9e8";
|
|
571
|
+
export const DsComponentButtonColorTertiaryYellowHoverText = "#000d6e";
|
|
572
|
+
export const DsComponentButtonColorTertiaryYellowHoverBackground = "#fff9e8";
|
|
573
|
+
export const DsComponentButtonColorTertiaryYellowHoverBorder = "#fa9319";
|
|
574
|
+
export const DsComponentButtonColorTertiaryYellowActiveText = "#000739";
|
|
575
|
+
export const DsComponentButtonColorTertiaryYellowActiveBackground = "#fff9e8";
|
|
576
|
+
export const DsComponentButtonColorTertiaryYellowActiveBorder = "#b24a00";
|
|
577
|
+
export const DsComponentButtonColorInfoBaseText = "#000d6e";
|
|
578
|
+
export const DsComponentButtonColorInfoBaseBackground = "#e5f1fe";
|
|
579
|
+
export const DsComponentButtonColorInfoBaseBorder = "#e5f1fe";
|
|
580
|
+
export const DsComponentButtonColorInfoHoverText = "#0014aa";
|
|
581
|
+
export const DsComponentButtonColorInfoHoverBackground = "#e5f1fe";
|
|
582
|
+
export const DsComponentButtonColorInfoHoverBorder = "#1c77d2";
|
|
583
|
+
export const DsComponentButtonColorInfoActiveText = "#000739";
|
|
584
|
+
export const DsComponentButtonColorInfoActiveBackground = "#e5f1fe";
|
|
585
|
+
export const DsComponentButtonColorInfoActiveBorder = "#0e457b";
|
|
586
|
+
export const DsComponentButtonColorSuccessBaseText = "#000d6e";
|
|
587
|
+
export const DsComponentButtonColorSuccessBaseBackground = "#e8f3ec";
|
|
588
|
+
export const DsComponentButtonColorSuccessBaseBorder = "#e8f3ec";
|
|
589
|
+
export const DsComponentButtonColorSuccessHoverText = "#0014aa";
|
|
590
|
+
export const DsComponentButtonColorSuccessHoverBackground = "#e8f3ec";
|
|
591
|
+
export const DsComponentButtonColorSuccessHoverBorder = "#116b34";
|
|
592
|
+
export const DsComponentButtonColorSuccessActiveText = "#000739";
|
|
593
|
+
export const DsComponentButtonColorSuccessActiveBackground = "#e8f3ec";
|
|
594
|
+
export const DsComponentButtonColorSuccessActiveBorder = "#0b5227";
|
|
595
|
+
export const DsComponentButtonColorWarningBaseText = "#000d6e";
|
|
596
|
+
export const DsComponentButtonColorWarningBaseBackground = "#fff9e8";
|
|
597
|
+
export const DsComponentButtonColorWarningBaseBorder = "#fff9e8";
|
|
598
|
+
export const DsComponentButtonColorWarningHoverText = "#000d6e";
|
|
599
|
+
export const DsComponentButtonColorWarningHoverBackground = "#fff9e8";
|
|
600
|
+
export const DsComponentButtonColorWarningHoverBorder = "#f99319";
|
|
601
|
+
export const DsComponentButtonColorWarningActiveText = "#000d6e";
|
|
602
|
+
export const DsComponentButtonColorWarningActiveBackground = "#fff9e8";
|
|
603
|
+
export const DsComponentButtonColorWarningActiveBorder = "#c97612";
|
|
604
|
+
export const DsComponentButtonColorDangerBaseText = "#000d6e";
|
|
605
|
+
export const DsComponentButtonColorDangerBaseBackground = "#fce8e6";
|
|
606
|
+
export const DsComponentButtonColorDangerBaseBorder = "#fce8e6";
|
|
607
|
+
export const DsComponentButtonColorDangerHoverText = "#0014aa";
|
|
608
|
+
export const DsComponentButtonColorDangerHoverBackground = "#fce8e6";
|
|
609
|
+
export const DsComponentButtonColorDangerHoverBorder = "#cb1501";
|
|
610
|
+
export const DsComponentButtonColorDangerActiveText = "#000739";
|
|
611
|
+
export const DsComponentButtonColorDangerActiveBackground = "#fce8e6";
|
|
612
|
+
export const DsComponentButtonColorDangerActiveBorder = "#a01100";
|
|
613
|
+
export const DsComponentButtonColorDisabledBaseText = "#747474";
|
|
614
|
+
export const DsComponentButtonColorDisabledBaseBackground = "#e0e0e0";
|
|
615
|
+
export const DsComponentButtonColorDisabledBaseBorder = "#e0e0e0";
|
|
616
|
+
export const DsComponentButtonColorDisabledHoverText = "#747474";
|
|
617
|
+
export const DsComponentButtonColorDisabledHoverBackground = "#e0e0e0";
|
|
618
|
+
export const DsComponentButtonColorDisabledHoverBorder = "#e0e0e0";
|
|
619
|
+
export const DsComponentButtonColorDisabledActiveText = "#747474";
|
|
620
|
+
export const DsComponentButtonColorDisabledActiveBackground = "#e0e0e0";
|
|
621
|
+
export const DsComponentButtonColorDisabledActiveBorder = "#e0e0e0";
|
|
622
|
+
export const DsComponentButtonColorLinkBaseText = "#000d6e";
|
|
623
|
+
export const DsComponentButtonColorLinkBaseBackground = "#ffffff00";
|
|
624
|
+
export const DsComponentButtonColorLinkBaseBorder = "#ffffff00";
|
|
625
|
+
export const DsComponentButtonColorLinkHoverText = "#0014aa";
|
|
626
|
+
export const DsComponentButtonColorLinkHoverBackground = "#ffffff00";
|
|
627
|
+
export const DsComponentButtonColorLinkHoverBorder = "#ffffff00";
|
|
628
|
+
export const DsComponentButtonColorLinkActiveText = "#000739";
|
|
629
|
+
export const DsComponentButtonColorLinkActiveBackground = "#ffffff00";
|
|
630
|
+
export const DsComponentButtonColorLinkActiveBorder = "#ffffff00";
|
|
631
|
+
export const DsComponentButtonColorInvertedBaseText = "#000d6e";
|
|
632
|
+
export const DsComponentButtonColorInvertedBaseBackground = "#ffffff";
|
|
633
|
+
export const DsComponentButtonColorInvertedBaseBorder = "#ffffff";
|
|
634
|
+
export const DsComponentButtonColorInvertedHoverText = "#000d6e";
|
|
635
|
+
export const DsComponentButtonColorInvertedHoverBackground = "#a7d1fa";
|
|
636
|
+
export const DsComponentButtonColorInvertedHoverBorder = "#a7d1fa";
|
|
637
|
+
export const DsComponentButtonColorInvertedActiveText = "#ffffff";
|
|
638
|
+
export const DsComponentButtonColorInvertedActiveBackground = "#0014aa";
|
|
639
|
+
export const DsComponentButtonColorInvertedActiveBorder = "#0014aa";
|
|
640
|
+
export const DsComponentButtonColorInvertedSecondaryBaseText = "#ffffff";
|
|
641
|
+
export const DsComponentButtonColorInvertedSecondaryBaseBackground =
|
|
642
|
+
"#ffffff00";
|
|
643
|
+
export const DsComponentButtonColorInvertedSecondaryBaseBorder = "#ffffff";
|
|
644
|
+
export const DsComponentButtonColorInvertedSecondaryHoverText = "#ffffff";
|
|
645
|
+
export const DsComponentButtonColorInvertedSecondaryHoverBackground = "#656ea8";
|
|
646
|
+
export const DsComponentButtonColorInvertedSecondaryHoverBorder = "#56a7f5";
|
|
647
|
+
export const DsComponentButtonColorInvertedSecondaryActiveText = "#ffffff";
|
|
648
|
+
export const DsComponentButtonColorInvertedSecondaryActiveBackground =
|
|
649
|
+
"#656ea8";
|
|
650
|
+
export const DsComponentButtonColorInvertedSecondaryActiveBorder = "#0014aa";
|
|
651
|
+
export const DsComponentButtonColorInvertedTertiaryBaseText = "#000d6e";
|
|
652
|
+
export const DsComponentButtonColorInvertedTertiaryBaseBackground = "#e0e0e0";
|
|
653
|
+
export const DsComponentButtonColorInvertedTertiaryBaseBorder = "#e0e0e0";
|
|
654
|
+
export const DsComponentButtonColorInvertedTertiaryHoverText = "#000d6e";
|
|
655
|
+
export const DsComponentButtonColorInvertedTertiaryHoverBackground = "#e5f1fe";
|
|
656
|
+
export const DsComponentButtonColorInvertedTertiaryHoverBorder = "#e5f1fe";
|
|
657
|
+
export const DsComponentButtonColorInvertedTertiaryActiveText = "#000739";
|
|
658
|
+
export const DsComponentButtonColorInvertedTertiaryActiveBackground = "#a7d1fa";
|
|
659
|
+
export const DsComponentButtonColorInvertedTertiaryActiveBorder = "#a7d1fa";
|
|
660
|
+
export const DsComponentButtonColorInvertedLinkBaseText = "#ffffff";
|
|
661
|
+
export const DsComponentButtonColorInvertedLinkBaseBackground = "#ffffff00";
|
|
662
|
+
export const DsComponentButtonColorInvertedLinkBaseBorder = "#ffffff00";
|
|
663
|
+
export const DsComponentButtonColorInvertedLinkHoverText = "#a7d1fa";
|
|
664
|
+
export const DsComponentButtonColorInvertedLinkHoverBackground = "#ffffff00";
|
|
665
|
+
export const DsComponentButtonColorInvertedLinkHoverBorder = "#ffffff00";
|
|
666
|
+
export const DsComponentButtonColorInvertedLinkActiveText = "#60a0e0";
|
|
667
|
+
export const DsComponentButtonColorInvertedLinkActiveBackground = "#ffffff00";
|
|
668
|
+
export const DsComponentButtonColorInvertedLinkActiveBorder = "#ffffff00";
|
|
669
|
+
export const DsComponentButtonColorTertiaryPurpleDashedBaseText = "#000d6e";
|
|
670
|
+
export const DsComponentButtonColorTertiaryPurpleDashedBaseBackground =
|
|
671
|
+
"#f9f3ff";
|
|
672
|
+
export const DsComponentButtonColorTertiaryPurpleDashedBaseBorder = "#b8b2ff";
|
|
673
|
+
export const DsComponentButtonColorTertiaryPurpleDashedHoverText = "#000d6e";
|
|
674
|
+
export const DsComponentButtonColorTertiaryPurpleDashedHoverBackground =
|
|
675
|
+
"#f9f3ff";
|
|
676
|
+
export const DsComponentButtonColorTertiaryPurpleDashedHoverBorder = "#9f52cc";
|
|
677
|
+
export const DsComponentButtonColorTertiaryPurpleDashedActiveText = "#000739";
|
|
678
|
+
export const DsComponentButtonColorTertiaryPurpleDashedActiveBackground =
|
|
679
|
+
"#f9f3ff";
|
|
680
|
+
export const DsComponentButtonColorTertiaryPurpleDashedActiveBorder = "#6c2273";
|
|
681
|
+
export const DsComponentButtonColorTertiaryGreenDashedBaseText = "#000d6e";
|
|
682
|
+
export const DsComponentButtonColorTertiaryGreenDashedBaseBackground =
|
|
683
|
+
"#e9fbf7";
|
|
684
|
+
export const DsComponentButtonColorTertiaryGreenDashedBaseBorder = "#94e3d4";
|
|
685
|
+
export const DsComponentButtonColorTertiaryGreenDashedHoverText = "#000d6e";
|
|
686
|
+
export const DsComponentButtonColorTertiaryGreenDashedHoverBackground =
|
|
687
|
+
"#e9fbf7";
|
|
688
|
+
export const DsComponentButtonColorTertiaryGreenDashedHoverBorder = "#00b28f";
|
|
689
|
+
export const DsComponentButtonColorTertiaryGreenDashedActiveText = "#000739";
|
|
690
|
+
export const DsComponentButtonColorTertiaryGreenDashedActiveBackground =
|
|
691
|
+
"#e9fbf7";
|
|
692
|
+
export const DsComponentButtonColorTertiaryGreenDashedActiveBorder = "#1b5951";
|
|
693
|
+
export const DsComponentButtonColorTertiaryRedDashedBaseText = "#000d6e";
|
|
694
|
+
export const DsComponentButtonColorTertiaryRedDashedBaseBackground = "#ffeef1";
|
|
695
|
+
export const DsComponentButtonColorTertiaryRedDashedBaseBorder = "#ffaca6";
|
|
696
|
+
export const DsComponentButtonColorTertiaryRedDashedHoverText = "#000d6e";
|
|
697
|
+
export const DsComponentButtonColorTertiaryRedDashedHoverBackground = "#ffeef1";
|
|
698
|
+
export const DsComponentButtonColorTertiaryRedDashedHoverBorder = "#d9304c";
|
|
699
|
+
export const DsComponentButtonColorTertiaryRedDashedActiveText = "#000739";
|
|
700
|
+
export const DsComponentButtonColorTertiaryRedDashedActiveBackground =
|
|
701
|
+
"#ffeef1";
|
|
702
|
+
export const DsComponentButtonColorTertiaryRedDashedActiveBorder = "#99172d";
|
|
703
|
+
export const DsComponentButtonColorTertiaryYellowDashedBaseText = "#000d6e";
|
|
704
|
+
export const DsComponentButtonColorTertiaryYellowDashedBaseBackground =
|
|
705
|
+
"#fff9e8";
|
|
706
|
+
export const DsComponentButtonColorTertiaryYellowDashedBaseBorder = "#fae052";
|
|
707
|
+
export const DsComponentButtonColorTertiaryYellowDashedHoverText = "#000d6e";
|
|
708
|
+
export const DsComponentButtonColorTertiaryYellowDashedHoverBackground =
|
|
709
|
+
"#fff9e8";
|
|
710
|
+
export const DsComponentButtonColorTertiaryYellowDashedHoverBorder = "#fa9319";
|
|
711
|
+
export const DsComponentButtonColorTertiaryYellowDashedActiveText = "#000739";
|
|
712
|
+
export const DsComponentButtonColorTertiaryYellowDashedActiveBackground =
|
|
713
|
+
"#fff9e8";
|
|
714
|
+
export const DsComponentButtonColorTertiaryYellowDashedActiveBorder = "#b24a00";
|
|
715
|
+
export const DsComponentButtonColorTextBaseText = "#000d6e";
|
|
716
|
+
export const DsComponentButtonColorTextBaseBackground = "#ffffff00";
|
|
717
|
+
export const DsComponentButtonColorTextBaseBorder = "#ffffff00";
|
|
718
|
+
export const DsComponentButtonColorTextHoverText = "#0014aa";
|
|
719
|
+
export const DsComponentButtonColorTextHoverBackground = "#ffffff00";
|
|
720
|
+
export const DsComponentButtonColorTextHoverBorder = "#ffffff00";
|
|
721
|
+
export const DsComponentButtonColorTextActiveText = "#000739";
|
|
722
|
+
export const DsComponentButtonColorTextActiveBackground = "#ffffff00";
|
|
723
|
+
export const DsComponentButtonColorTextActiveBorder = "#ffffff00";
|
|
724
|
+
export const DsComponentBodyColor = "#000d6e";
|
|
725
|
+
export const DsComponentBodyFamily =
|
|
726
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
727
|
+
export const DsComponentBodyLineHeight = 1.5;
|
|
728
|
+
export const DsComponentBodySize = 16;
|
|
729
|
+
export const DsComponentBodySpace = 16;
|
|
730
|
+
export const DsComponentBodyWeight = "400";
|
|
731
|
+
export const DsComponentCardRadiusBase = 12;
|
|
732
|
+
export const DsComponentCardRadiusSquare = 4;
|
|
733
|
+
export const DsComponentCardShadowFlat = "none";
|
|
734
|
+
export const DsComponentCardShadowBase = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
735
|
+
export const DsComponentCardShadowHover = "0 0 30px 0 rgba(0, 7, 57, 0.15)";
|
|
736
|
+
export const DsComponentCardColorBaseText = "inherit";
|
|
737
|
+
export const DsComponentCardColorBaseBackground = "#ffffff";
|
|
738
|
+
export const DsComponentCardColorBaseOutline = "#e0e0e0";
|
|
739
|
+
export const DsComponentCardColorWhiteText = "inherit";
|
|
740
|
+
export const DsComponentCardColorWhiteBackground = "#ffffff";
|
|
741
|
+
export const DsComponentCardColorWhiteOutline = "#e0e0e0";
|
|
742
|
+
export const DsComponentCardColorPrimaryText = "#ffffff";
|
|
743
|
+
export const DsComponentCardColorPrimaryBackground = "#000d6e";
|
|
744
|
+
export const DsComponentCardColorInfoText = "inherit";
|
|
745
|
+
export const DsComponentCardColorInfoBackground = "#60a0e0";
|
|
746
|
+
export const DsComponentCardColorSuccessText = "inherit";
|
|
747
|
+
export const DsComponentCardColorSuccessBackground = "#5bab7a";
|
|
748
|
+
export const DsComponentCardColorWarningText = "inherit";
|
|
749
|
+
export const DsComponentCardColorWarningBackground = "#ffd25e";
|
|
750
|
+
export const DsComponentCardColorDangerText = "inherit";
|
|
751
|
+
export const DsComponentCardColorDangerBackground = "#f05d4d";
|
|
752
|
+
export const DsComponentCardColorGreyLightText = "inherit";
|
|
753
|
+
export const DsComponentCardColorGreyLightBackground = "#e0e0e0";
|
|
754
|
+
export const DsComponentCardColorGreyLightOutline = "#b6b6b6";
|
|
755
|
+
export const DsComponentCardColorGreyText = "inherit";
|
|
756
|
+
export const DsComponentCardColorGreyBackground = "#d0d0d0";
|
|
757
|
+
export const DsComponentCardColorGreyOutline = "#b6b6b6";
|
|
758
|
+
export const DsComponentCardColorRedLighterText = "inherit";
|
|
759
|
+
export const DsComponentCardColorRedLighterBackground = "#ffeef1";
|
|
760
|
+
export const DsComponentCardColorRedLighterOutline = "#ffaca6";
|
|
761
|
+
export const DsComponentCardColorRedLightText = "inherit";
|
|
762
|
+
export const DsComponentCardColorRedLightBackground = "#ffd7d7";
|
|
763
|
+
export const DsComponentCardColorRedLightOutline = "#ffaca6";
|
|
764
|
+
export const DsComponentCardColorRedText = "inherit";
|
|
765
|
+
export const DsComponentCardColorRedBackground = "#ffaca6";
|
|
766
|
+
export const DsComponentCardColorRedOutline = "#ffaca6";
|
|
767
|
+
export const DsComponentCardColorPurpleLighterText = "inherit";
|
|
768
|
+
export const DsComponentCardColorPurpleLighterBackground = "#f9f3ff";
|
|
769
|
+
export const DsComponentCardColorPurpleLighterOutline = "#b8b2ff";
|
|
770
|
+
export const DsComponentCardColorPurpleLightText = "inherit";
|
|
771
|
+
export const DsComponentCardColorPurpleLightBackground = "#e1d9ff";
|
|
772
|
+
export const DsComponentCardColorPurpleLightOutline = "#b8b2ff";
|
|
773
|
+
export const DsComponentCardColorPurpleText = "inherit";
|
|
774
|
+
export const DsComponentCardColorPurpleBackground = "#b8b2ff";
|
|
775
|
+
export const DsComponentCardColorPurpleOutline = "#b8b2ff";
|
|
776
|
+
export const DsComponentCardColorGreenLighterText = "inherit";
|
|
777
|
+
export const DsComponentCardColorGreenLighterBackground = "#e9fbf7";
|
|
778
|
+
export const DsComponentCardColorGreenLighterOutline = "#94e3d4";
|
|
779
|
+
export const DsComponentCardColorGreenLightText = "inherit";
|
|
780
|
+
export const DsComponentCardColorGreenLightBackground = "#cbf2ec";
|
|
781
|
+
export const DsComponentCardColorGreenLightOutline = "#94e3d4";
|
|
782
|
+
export const DsComponentCardColorGreenText = "inherit";
|
|
783
|
+
export const DsComponentCardColorGreenBackground = "#94e3d4";
|
|
784
|
+
export const DsComponentCardColorGreenOutline = "#94e3d4";
|
|
785
|
+
export const DsComponentCardColorYellowLighterText = "inherit";
|
|
786
|
+
export const DsComponentCardColorYellowLighterBackground = "#fff9e8";
|
|
787
|
+
export const DsComponentCardColorYellowLighterOutline = "#fae052";
|
|
788
|
+
export const DsComponentCardColorYellowLightText = "inherit";
|
|
789
|
+
export const DsComponentCardColorYellowLightBackground = "#ffecbc";
|
|
790
|
+
export const DsComponentCardColorYellowLightOutline = "#fae052";
|
|
791
|
+
export const DsComponentCardColorYellowText = "inherit";
|
|
792
|
+
export const DsComponentCardColorYellowBackground = "#fae052";
|
|
793
|
+
export const DsComponentCardColorYellowOutline = "#fae052";
|
|
794
|
+
export const DsComponentCardSpaceSmMobile = 16;
|
|
795
|
+
export const DsComponentCardSpaceSmTablet = 16;
|
|
796
|
+
export const DsComponentCardSpaceSmDesktop = 16;
|
|
797
|
+
export const DsComponentCardSpaceBaseMobile = 16;
|
|
798
|
+
export const DsComponentCardSpaceBaseTablet = 24;
|
|
799
|
+
export const DsComponentCardSpaceBaseDesktop = 24;
|
|
800
|
+
export const DsComponentCardSpaceMdMobile = 16;
|
|
801
|
+
export const DsComponentCardSpaceMdTablet = 24;
|
|
802
|
+
export const DsComponentCardSpaceMdDesktop = 32;
|
|
803
|
+
export const DsComponentCardSpaceLgMobile = 16;
|
|
804
|
+
export const DsComponentCardSpaceLgTablet = 32;
|
|
805
|
+
export const DsComponentCardSpaceLgDesktop = 48;
|
|
806
|
+
export const DsComponentCardOutlineWidth = 2;
|
|
807
|
+
export const DsComponentCloseRadius = 9999;
|
|
808
|
+
export const DsComponentCloseColorBackgroundBase = "#ffffff00";
|
|
809
|
+
export const DsComponentCloseColorBackgroundHover = "#0007391a";
|
|
810
|
+
export const DsComponentCloseColorBackgroundActive = "#0007394d";
|
|
811
|
+
export const DsComponentCloseColorBackgroundInvertedHover = "#ffffff4d";
|
|
812
|
+
export const DsComponentCloseColorBackgroundInvertedActive = "#ffffff80";
|
|
813
|
+
export const DsComponentCloseColorBackgroundDisabled = "#d0d0d0";
|
|
814
|
+
export const DsComponentCloseColorIconBase = "#000d6e";
|
|
815
|
+
export const DsComponentCloseColorIconInverted = "#ffffff";
|
|
816
|
+
export const DsComponentCloseColorIconDisabled = "#747474";
|
|
817
|
+
export const DsComponentDateCalendarFamily =
|
|
818
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
819
|
+
export const DsComponentDateCalendarWeight = "700";
|
|
820
|
+
export const DsComponentDateCalendarRadius = 4;
|
|
821
|
+
export const DsComponentDateCalendarShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
822
|
+
export const DsComponentDateCalendarColorInnerBorder = "#e0e0e0";
|
|
823
|
+
export const DsComponentDateCalendarColorCurrentDate = "#000d6e";
|
|
824
|
+
export const DsComponentDateCalendarColorText = "#000d6e";
|
|
825
|
+
export const DsComponentDateCalendarColorDisabled = "#747474";
|
|
826
|
+
export const DsComponentDateCalendarColorDayHoverBackground = "#fafafa";
|
|
827
|
+
export const DsComponentDateCalendarColorDayActiveBackground = "#a7d1fa";
|
|
828
|
+
export const DsComponentDateCalendarColorDaySelectedBackground = "#293485";
|
|
829
|
+
export const DsComponentDateCalendarColorDaySelectedHoverBackground = "#0014aa";
|
|
830
|
+
export const DsComponentDateCalendarSizeMobile = 16;
|
|
831
|
+
export const DsComponentDateCalendarSizeTablet = 16;
|
|
832
|
+
export const DsComponentDateCalendarSizeDesktop = 16;
|
|
833
|
+
export const DsComponentDateCalendarDayWeightBase = "400";
|
|
834
|
+
export const DsComponentDateCalendarDayWeightSelected = "700";
|
|
835
|
+
export const DsComponentDateCalendarDayNameFamily =
|
|
836
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
837
|
+
export const DsComponentDateCalendarDayNameWeight = "700";
|
|
838
|
+
export const DsComponentDateCalendarNavRadius = 4;
|
|
839
|
+
export const DsComponentDateCalendarNavColorBase = "#000d6e";
|
|
840
|
+
export const DsComponentDateCalendarNavColorHover = "#0014aa";
|
|
841
|
+
export const DsComponentDateCalendarNavColorActive = "#000739";
|
|
842
|
+
export const DsComponentDateCalendarNavColorDisabled = "#747474";
|
|
843
|
+
export const DsComponentDateTriggerColorDisabled = "#747474";
|
|
844
|
+
export const DsComponentDateTriggerColorHover = "#0014aa";
|
|
845
|
+
export const DsComponentDateTriggerColorActive = "#000739";
|
|
846
|
+
export const DsComponentDatePopupShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
847
|
+
export const DsComponentDescriptionListTermColor = "#656ea8";
|
|
848
|
+
export const DsComponentDescriptionListTermWeight = "400";
|
|
849
|
+
export const DsComponentDescriptionListDetailColor = "#000d6e";
|
|
850
|
+
export const DsComponentDescriptionListDetailWeight = "400";
|
|
851
|
+
export const DsComponentDividerRadius = 9999;
|
|
852
|
+
export const DsComponentDividerWidth = 2;
|
|
853
|
+
export const DsComponentDividerColorBase = "#e0e0e0";
|
|
854
|
+
export const DsComponentDividerColorPrimaryLight = "#656ea8";
|
|
855
|
+
export const DsComponentDividerColorPrimary = "#000d6e";
|
|
856
|
+
export const DsComponentDividerColorLightBlue = "#0014aa";
|
|
857
|
+
export const DsComponentDividerColorPrimaryDark = "#000739";
|
|
858
|
+
export const DsComponentDividerColorGreyLight = "#f0f0f0";
|
|
859
|
+
export const DsComponentDividerColorGrey = "#e0e0e0";
|
|
860
|
+
export const DsComponentDividerColorGreyDark = "#b6b6b6";
|
|
861
|
+
export const DsComponentDividerColorWarning = "#ffbe19";
|
|
862
|
+
export const DsComponentDividerColorSuccess = "#168741";
|
|
863
|
+
export const DsComponentDividerColorDanger = "#ea1800";
|
|
864
|
+
export const DsComponentDividerColorDangerDark = "#cb1501";
|
|
865
|
+
export const DsComponentDividerColorDangerDarker = "#a01100";
|
|
866
|
+
export const DsComponentDividerColorWhite = "#ffffff";
|
|
867
|
+
export const DsComponentIconColorPrimary = "#000d6e";
|
|
868
|
+
export const DsComponentIconColorPrimaryLight = "#656ea8";
|
|
869
|
+
export const DsComponentIconColorSuccess = "#168741";
|
|
870
|
+
export const DsComponentIconColorInfo = "#1c77d2";
|
|
871
|
+
export const DsComponentIconColorWarning = "#b24a00";
|
|
872
|
+
export const DsComponentIconColorDanger = "#ea1800";
|
|
873
|
+
export const DsComponentIconColorWhite = "#ffffff";
|
|
874
|
+
export const DsComponentIconColorGrey = "#747474";
|
|
875
|
+
export const DsComponentIconColorDisabled = "#313131";
|
|
876
|
+
export const DsComponentIconTileRadius = 4;
|
|
877
|
+
export const DsComponentIconTileColorPurple = "#f9f3ff";
|
|
878
|
+
export const DsComponentIconTileColorRed = "#ffeef1";
|
|
879
|
+
export const DsComponentIconTileColorGreen = "#e9fbf7";
|
|
880
|
+
export const DsComponentIconTileColorYellow = "#fff9e8";
|
|
881
|
+
export const DsComponentIconTileSizeBaseMobile = 32;
|
|
882
|
+
export const DsComponentIconTileSizeBaseTablet = 48;
|
|
883
|
+
export const DsComponentIconTileSizeLgMobile = 48;
|
|
884
|
+
export const DsComponentIconTileSizeLgTablet = 64;
|
|
885
|
+
export const DsComponentIconTileSizeXlMobile = 64;
|
|
886
|
+
export const DsComponentIconTileSizeXlTablet = 96;
|
|
887
|
+
export const DsComponentIconSizeXs = 12;
|
|
888
|
+
export const DsComponentIconSizeSm = 14;
|
|
889
|
+
export const DsComponentIconSizeBase = 16;
|
|
890
|
+
export const DsComponentIconSizeMd = 24;
|
|
891
|
+
export const DsComponentIconSizeLg = 32;
|
|
892
|
+
export const DsComponentIconSizeXl = 40;
|
|
893
|
+
export const DsComponentIconSize2Xl = 80;
|
|
894
|
+
export const DsComponentIconSize3Xl = 176;
|
|
895
|
+
export const DsComponentFormContainerRadius = 4;
|
|
896
|
+
export const DsComponentFormContainerBorderWidth = 2;
|
|
897
|
+
export const DsComponentFormContainerColorBaseBackground = "#ffffff";
|
|
898
|
+
export const DsComponentFormContainerColorBaseBorder = "#e0e0e0";
|
|
899
|
+
export const DsComponentFormContainerColorHoverBackground = "#fafafa";
|
|
900
|
+
export const DsComponentFormContainerColorHoverBorder = "#e0e0e0";
|
|
901
|
+
export const DsComponentFormContainerColorActiveBackground = "#fafafa";
|
|
902
|
+
export const DsComponentFormContainerColorActiveBorder = "#000d6e";
|
|
903
|
+
export const DsComponentFormContainerColorFocusBackground = "#fafafa";
|
|
904
|
+
export const DsComponentFormContainerColorFocusBorder = "#000d6e";
|
|
905
|
+
export const DsComponentFormContainerColorSuccessBackground = "#e8f3ec";
|
|
906
|
+
export const DsComponentFormContainerColorSuccessBorder = "#168741";
|
|
907
|
+
export const DsComponentFormContainerColorWarningBackground = "#fff9e8";
|
|
908
|
+
export const DsComponentFormContainerColorWarningBorder = "#b24a00";
|
|
909
|
+
export const DsComponentFormContainerColorDangerBackground = "#fce8e6";
|
|
910
|
+
export const DsComponentFormContainerColorDangerBorder = "#ea1800";
|
|
911
|
+
export const DsComponentFormContainerColorDisabledBackground = "#e0e0e0";
|
|
912
|
+
export const DsComponentFormContainerColorDisabledBorder = "#d0d0d0";
|
|
913
|
+
export const DsComponentFormLabelFamily =
|
|
914
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
915
|
+
export const DsComponentFormLabelWeight = "700";
|
|
916
|
+
export const DsComponentFormLabelLineHeight = 1.5;
|
|
917
|
+
export const DsComponentFormLabelColorBase = "#000d6e";
|
|
918
|
+
export const DsComponentFormLabelColorSuccess = "#168741";
|
|
919
|
+
export const DsComponentFormLabelColorWarning = "#b24a00";
|
|
920
|
+
export const DsComponentFormLabelColorDanger = "#ea1800";
|
|
921
|
+
export const DsComponentFormLabelColorDisabled = "#747474";
|
|
922
|
+
export const DsComponentFormLabelSizeMobile = 14;
|
|
923
|
+
export const DsComponentFormLabelSizeTablet = 14;
|
|
924
|
+
export const DsComponentFormLabelSizeDesktop = 14;
|
|
925
|
+
export const DsComponentFormLabelColor2Base = "#000d6e";
|
|
926
|
+
export const DsComponentFormLabelColor2Success = "#168741";
|
|
927
|
+
export const DsComponentFormLabelColor2Warning = "#b24a00";
|
|
928
|
+
export const DsComponentFormLabelColor2Danger = "#ea1800";
|
|
929
|
+
export const DsComponentFormLabelColor2Disabled = "#747474";
|
|
930
|
+
export const DsComponentFormLabelSize2Mobile = 14;
|
|
931
|
+
export const DsComponentFormLabelSize2Tablet = 14;
|
|
932
|
+
export const DsComponentFormLabelSize2Desktop = 14;
|
|
933
|
+
export const DsComponentFormControlFamily =
|
|
934
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
935
|
+
export const DsComponentFormControlWeight = "400";
|
|
936
|
+
export const DsComponentFormControlLineHeight = 1.5;
|
|
937
|
+
export const DsComponentFormControlFontSizeMobile = 16;
|
|
938
|
+
export const DsComponentFormControlFontSizeTablet = 16;
|
|
939
|
+
export const DsComponentFormControlFontSizeDesktop = 16;
|
|
940
|
+
export const DsComponentFormControlColorValueBase = "#000d6e";
|
|
941
|
+
export const DsComponentFormControlColorValueSuccess = "#168741";
|
|
942
|
+
export const DsComponentFormControlColorValueWarning = "#b24a00";
|
|
943
|
+
export const DsComponentFormControlColorValueDanger = "#ea1800";
|
|
944
|
+
export const DsComponentFormControlColorValueDisabled = "#313131";
|
|
945
|
+
export const DsComponentFormControlColorPlaceholderBase = "#b3b6d4";
|
|
946
|
+
export const DsComponentFormControlColorPlaceholderSuccess = "#a1cfb3";
|
|
947
|
+
export const DsComponentFormControlColorPlaceholderWarning = "#ffbe19";
|
|
948
|
+
export const DsComponentFormControlColorPlaceholderDanger = "#f7a299";
|
|
949
|
+
export const DsComponentFormControlColorPlaceholderDisabled = "#747474";
|
|
950
|
+
export const DsComponentFormDescriptionFamily =
|
|
951
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
952
|
+
export const DsComponentFormDescriptionWeight = "400";
|
|
953
|
+
export const DsComponentFormDescriptionLineHeight = 1.5;
|
|
954
|
+
export const DsComponentFormDescriptionColorBase = "#656ea8";
|
|
955
|
+
export const DsComponentFormDescriptionColorSuccess = "#168741";
|
|
956
|
+
export const DsComponentFormDescriptionColorWarning = "#b24a00";
|
|
957
|
+
export const DsComponentFormDescriptionColorDanger = "#ea1800";
|
|
958
|
+
export const DsComponentFormDescriptionColorDisabled = "#747474";
|
|
959
|
+
export const DsComponentFormDescriptionSizeMobile = 12;
|
|
960
|
+
export const DsComponentFormDescriptionSizeTablet = 12;
|
|
961
|
+
export const DsComponentFormDescriptionSizeDesktop = 12;
|
|
962
|
+
export const DsComponentSelectRadius = 4;
|
|
963
|
+
export const DsComponentSelectContainerRadius = 4;
|
|
964
|
+
export const DsComponentSelectContainerBorderWidth = 2;
|
|
965
|
+
export const DsComponentSelectContainerColorBaseBackground = "#ffffff";
|
|
966
|
+
export const DsComponentSelectContainerColorBaseBorder = "#e0e0e0";
|
|
967
|
+
export const DsComponentSelectContainerColorHoverBackground = "#fafafa";
|
|
968
|
+
export const DsComponentSelectContainerColorHoverBorder = "#e0e0e0";
|
|
969
|
+
export const DsComponentSelectContainerColorActiveBackground = "#fafafa";
|
|
970
|
+
export const DsComponentSelectContainerColorActiveBorder = "#000d6e";
|
|
971
|
+
export const DsComponentSelectContainerColorFocusBackground = "#fafafa";
|
|
972
|
+
export const DsComponentSelectContainerColorFocusBorder = "#000d6e";
|
|
973
|
+
export const DsComponentSelectContainerColorSuccessBackground = "#e8f3ec";
|
|
974
|
+
export const DsComponentSelectContainerColorSuccessBorder = "#168741";
|
|
975
|
+
export const DsComponentSelectContainerColorWarningBackground = "#fff9e8";
|
|
976
|
+
export const DsComponentSelectContainerColorWarningBorder = "#b24a00";
|
|
977
|
+
export const DsComponentSelectContainerColorDangerBackground = "#fce8e6";
|
|
978
|
+
export const DsComponentSelectContainerColorDangerBorder = "#ea1800";
|
|
979
|
+
export const DsComponentSelectContainerColorDisabledBackground = "#e0e0e0";
|
|
980
|
+
export const DsComponentSelectContainerColorDisabledBorder = "#d0d0d0";
|
|
981
|
+
export const DsComponentSelectLabelFamily =
|
|
982
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
983
|
+
export const DsComponentSelectLabelWeight = "700";
|
|
984
|
+
export const DsComponentSelectLabelLineHeight = 1.5;
|
|
985
|
+
export const DsComponentSelectLabelColorBase = "#000d6e";
|
|
986
|
+
export const DsComponentSelectLabelColorSuccess = "#168741";
|
|
987
|
+
export const DsComponentSelectLabelColorWarning = "#b24a00";
|
|
988
|
+
export const DsComponentSelectLabelColorDanger = "#ea1800";
|
|
989
|
+
export const DsComponentSelectLabelColorDisabled = "#747474";
|
|
990
|
+
export const DsComponentSelectLabelSizeMobile = 14;
|
|
991
|
+
export const DsComponentSelectLabelSizeTablet = 14;
|
|
992
|
+
export const DsComponentSelectLabelSizeDesktop = 14;
|
|
993
|
+
export const DsComponentSelectControlFamily =
|
|
994
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
995
|
+
export const DsComponentSelectControlWeight = "400";
|
|
996
|
+
export const DsComponentSelectControlLineHeight = 1.5;
|
|
997
|
+
export const DsComponentSelectControlFontSizeMobile = 16;
|
|
998
|
+
export const DsComponentSelectControlFontSizeTablet = 16;
|
|
999
|
+
export const DsComponentSelectControlFontSizeDesktop = 16;
|
|
1000
|
+
export const DsComponentSelectControlColorValueBase = "#000d6e";
|
|
1001
|
+
export const DsComponentSelectControlColorValueDisabled = "#747474";
|
|
1002
|
+
export const DsComponentSelectControlColorPlaceholderBase = "#656ea8";
|
|
1003
|
+
export const DsComponentSelectControlColorPlaceholderDisabled = "#747474";
|
|
1004
|
+
export const DsComponentSelectDescriptionFamily =
|
|
1005
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1006
|
+
export const DsComponentSelectDescriptionWeight = "400";
|
|
1007
|
+
export const DsComponentSelectDescriptionLineHeight = 1.5;
|
|
1008
|
+
export const DsComponentSelectDescriptionColorBase = "#656ea8";
|
|
1009
|
+
export const DsComponentSelectDescriptionColorSuccess = "#168741";
|
|
1010
|
+
export const DsComponentSelectDescriptionColorWarning = "#b24a00";
|
|
1011
|
+
export const DsComponentSelectDescriptionColorDanger = "#ea1800";
|
|
1012
|
+
export const DsComponentSelectDescriptionColorDisabled = "#747474";
|
|
1013
|
+
export const DsComponentSelectDescriptionSizeMobile = 12;
|
|
1014
|
+
export const DsComponentSelectDescriptionSizeTablet = 12;
|
|
1015
|
+
export const DsComponentSelectDescriptionSizeDesktop = 12;
|
|
1016
|
+
export const DsComponentSelectChipFamily =
|
|
1017
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1018
|
+
export const DsComponentSelectChipColorBaseBackground = "#d0d0d0";
|
|
1019
|
+
export const DsComponentSelectChipColorBaseText = "#000d6e";
|
|
1020
|
+
export const DsComponentSelectColorDisabled = "#747474";
|
|
1021
|
+
export const DsComponentSelectColorSuccess = "#168741";
|
|
1022
|
+
export const DsComponentSelectColorError = "#ea1800";
|
|
1023
|
+
export const DsComponentSelectColorBackgroundBase = "#ffffff00";
|
|
1024
|
+
export const DsComponentSelectColorTextBase = "#000d6e";
|
|
1025
|
+
export const DsComponentSelectColorPrimaryBase = "#000d6e";
|
|
1026
|
+
export const DsComponentSelectColorPlaceholderBase = "#b3b6d4";
|
|
1027
|
+
export const DsComponentSelectColorBorderBase = "#f0f0f0";
|
|
1028
|
+
export const DsComponentSelectColorHighlightBase = "#ffecbc";
|
|
1029
|
+
export const DsComponentSelectColorFocusBase = "#fafafa";
|
|
1030
|
+
export const DsComponentSelectColorFocusRingBase = "#6c2273";
|
|
1031
|
+
export const DsComponentSelectContentFamily =
|
|
1032
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1033
|
+
export const DsComponentSelectContentShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
1034
|
+
export const DsComponentSelectContentColorBackgroundBase = "#ffffff";
|
|
1035
|
+
export const DsComponentSelectSearchColorTextBase = "#000d6e";
|
|
1036
|
+
export const DsComponentSelectOptionColorTextBase = "#000d6e";
|
|
1037
|
+
export const DsComponentSelectOptionColorTextSelected = "#000d6e";
|
|
1038
|
+
export const DsComponentSelectOptionColorTextHighlight = "#000d6e";
|
|
1039
|
+
export const DsComponentSelectOptionColorTextDisabled = "#747474";
|
|
1040
|
+
export const DsComponentSelectOptionColorBorderBase = "#f0f0f0";
|
|
1041
|
+
export const DsComponentSelectOptionColorIconSelected = "#000d6e";
|
|
1042
|
+
export const DsComponentSelectOptionColorBackgroundBase = "#ffffff00";
|
|
1043
|
+
export const DsComponentSelectOptionColorBackgroundSelected = "#b3b6d4";
|
|
1044
|
+
export const DsComponentSelectOptionColorBackgroundHover = "#fafafa";
|
|
1045
|
+
export const DsComponentSelectOptionColorBackgroundHighlight = "#e5e7f0";
|
|
1046
|
+
export const DsComponentSelectOptionColorBackgroundDisabled = "#e0e0e0";
|
|
1047
|
+
export const DsComponentSelectOptionWeightSelected = "700";
|
|
1048
|
+
export const DsComponentSelectOptgroupWeight = "700";
|
|
1049
|
+
export const DsComponentSelectOptgroupColorBackgroundBase = "#e0e0e0";
|
|
1050
|
+
export const DsComponentSelectOptgroupColorTextBase = "#000d6e";
|
|
1051
|
+
export const DsComponentSelectIconColorBase = "#000d6e";
|
|
1052
|
+
export const DsComponentSelectIconColorHover = "#0014aa";
|
|
1053
|
+
export const DsComponentSelectIconColorActive = "#000739";
|
|
1054
|
+
export const DsComponentSelectCheckboxColorBorderBase = "#000d6e";
|
|
1055
|
+
export const DsComponentSelectCheckboxColorBorderSelected = "#000d6e";
|
|
1056
|
+
export const DsComponentSelectCheckboxColorBackgroundSelected = "#000d6e";
|
|
1057
|
+
export const DsComponentNotificationRadius = 12;
|
|
1058
|
+
export const DsComponentNotificationColorBaseBackground = "#e0e0e0";
|
|
1059
|
+
export const DsComponentNotificationColorBaseBorder = "#e0e0e0";
|
|
1060
|
+
export const DsComponentNotificationColorBaseText = "#000d6e";
|
|
1061
|
+
export const DsComponentNotificationColorBaseIcon =
|
|
1062
|
+
'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>\')';
|
|
1063
|
+
export const DsComponentNotificationColorInfoBackground = "#a4c9ed";
|
|
1064
|
+
export const DsComponentNotificationColorInfoBorder = "#a4c9ed";
|
|
1065
|
+
export const DsComponentNotificationColorInfoText = "#000d6e";
|
|
1066
|
+
export const DsComponentNotificationColorInfoIcon =
|
|
1067
|
+
'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>\')';
|
|
1068
|
+
export const DsComponentNotificationColorSuccessBackground = "#a1cfb3";
|
|
1069
|
+
export const DsComponentNotificationColorSuccessBorder = "#a1cfb3";
|
|
1070
|
+
export const DsComponentNotificationColorSuccessText = "#000d6e";
|
|
1071
|
+
export const DsComponentNotificationColorSuccessIcon =
|
|
1072
|
+
'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>\')';
|
|
1073
|
+
export const DsComponentNotificationColorWarningBackground = "#ffe5a3";
|
|
1074
|
+
export const DsComponentNotificationColorWarningBorder = "#ffe5a3";
|
|
1075
|
+
export const DsComponentNotificationColorWarningText = "#000d6e";
|
|
1076
|
+
export const DsComponentNotificationColorWarningIcon =
|
|
1077
|
+
'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>\')';
|
|
1078
|
+
export const DsComponentNotificationColorDangerBackground = "#f7a299";
|
|
1079
|
+
export const DsComponentNotificationColorDangerBorder = "#f7a299";
|
|
1080
|
+
export const DsComponentNotificationColorDangerText = "#000d6e";
|
|
1081
|
+
export const DsComponentNotificationColorDangerIcon =
|
|
1082
|
+
'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>\')';
|
|
1083
|
+
export const DsComponentNotificationColorOutlineBaseBackground = "#ffffff";
|
|
1084
|
+
export const DsComponentNotificationColorOutlineBaseBorder = "#b3b6d4";
|
|
1085
|
+
export const DsComponentNotificationColorOutlineBaseText = "#000d6e";
|
|
1086
|
+
export const DsComponentNotificationColorOutlineBaseIcon =
|
|
1087
|
+
'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>\')';
|
|
1088
|
+
export const DsComponentNotificationColorOutlinePurpleBackground = "#f9f3ff";
|
|
1089
|
+
export const DsComponentNotificationColorOutlinePurpleBorder = "#be82fa";
|
|
1090
|
+
export const DsComponentNotificationColorOutlinePurpleText = "#000d6e";
|
|
1091
|
+
export const DsComponentNotificationColorOutlinePurpleIcon =
|
|
1092
|
+
'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>\')';
|
|
1093
|
+
export const DsComponentNotificationColorOutlineGreenBackground = "#e9fbf7";
|
|
1094
|
+
export const DsComponentNotificationColorOutlineGreenBorder = "#21d9ac";
|
|
1095
|
+
export const DsComponentNotificationColorOutlineGreenText = "#000d6e";
|
|
1096
|
+
export const DsComponentNotificationColorOutlineGreenIcon =
|
|
1097
|
+
'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>\')';
|
|
1098
|
+
export const DsComponentNotificationColorOutlineYellowBackground = "#fff9e8";
|
|
1099
|
+
export const DsComponentNotificationColorOutlineYellowBorder = "#ffbe19";
|
|
1100
|
+
export const DsComponentNotificationColorOutlineYellowText = "#000d6e";
|
|
1101
|
+
export const DsComponentNotificationColorOutlineYellowIcon =
|
|
1102
|
+
'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>\')';
|
|
1103
|
+
export const DsComponentNotificationColorOutlineRedBackground = "#ffeef1";
|
|
1104
|
+
export const DsComponentNotificationColorOutlineRedBorder = "#ff596f";
|
|
1105
|
+
export const DsComponentNotificationColorOutlineRedText = "#000d6e";
|
|
1106
|
+
export const DsComponentNotificationColorOutlineRedIcon =
|
|
1107
|
+
'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>\')';
|
|
1108
|
+
export const DsComponentLabelFamily =
|
|
1109
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1110
|
+
export const DsComponentLabelWeight = "700";
|
|
1111
|
+
export const DsComponentLabelLineHeight = 1.5;
|
|
1112
|
+
export const DsComponentLabelColorBase = "#000d6e";
|
|
1113
|
+
export const DsComponentLabelColorBaseHover = "#0014aa";
|
|
1114
|
+
export const DsComponentLabelColorBaseActive = "#000739";
|
|
1115
|
+
export const DsComponentLabelColorDisabled = "#747474";
|
|
1116
|
+
export const DsComponentLabelColorSuccess = "#168741";
|
|
1117
|
+
export const DsComponentLabelColorWarning = "#b24a00";
|
|
1118
|
+
export const DsComponentLabelColorDanger = "#ea1800";
|
|
1119
|
+
export const DsComponentLabelColorDangerHover = "#cb1501";
|
|
1120
|
+
export const DsComponentLabelColorDangerActive = "#a01100";
|
|
1121
|
+
export const DsComponentLabelSize3XlMobile = 28;
|
|
1122
|
+
export const DsComponentLabelSize3XlTablet = 40;
|
|
1123
|
+
export const DsComponentLabelSize3XlDesktop = 40;
|
|
1124
|
+
export const DsComponentLabelSize2XlMobile = 24;
|
|
1125
|
+
export const DsComponentLabelSize2XlTablet = 32;
|
|
1126
|
+
export const DsComponentLabelSize2XlDesktop = 32;
|
|
1127
|
+
export const DsComponentLabelSizeXlMobile = 20;
|
|
1128
|
+
export const DsComponentLabelSizeXlTablet = 24;
|
|
1129
|
+
export const DsComponentLabelSizeXlDesktop = 24;
|
|
1130
|
+
export const DsComponentLabelSizeLgMobile = 18;
|
|
1131
|
+
export const DsComponentLabelSizeLgTablet = 18;
|
|
1132
|
+
export const DsComponentLabelSizeLgDesktop = 18;
|
|
1133
|
+
export const DsComponentLabelSizeMdMobile = 16;
|
|
1134
|
+
export const DsComponentLabelSizeMdTablet = 18;
|
|
1135
|
+
export const DsComponentLabelSizeMdDesktop = 18;
|
|
1136
|
+
export const DsComponentLabelSizeBaseMobile = 16;
|
|
1137
|
+
export const DsComponentLabelSizeBaseTablet = 16;
|
|
1138
|
+
export const DsComponentLabelSizeBaseDesktop = 16;
|
|
1139
|
+
export const DsComponentLabelSizeSmMobile = 14;
|
|
1140
|
+
export const DsComponentLabelSizeSmTablet = 14;
|
|
1141
|
+
export const DsComponentLabelSizeSmDesktop = 12;
|
|
1142
|
+
export const DsComponentLinkFamily = "inherit";
|
|
1143
|
+
export const DsComponentLinkWeight = "700";
|
|
1144
|
+
export const DsComponentLinkBorderWidth = 2;
|
|
1145
|
+
export const DsComponentLinkColorBase = "#000d6e";
|
|
1146
|
+
export const DsComponentLinkColorBaseHover = "#0014aa";
|
|
1147
|
+
export const DsComponentLinkColorBaseActive = "#000739";
|
|
1148
|
+
export const DsComponentLinkColorInverted = "#ffffff";
|
|
1149
|
+
export const DsComponentLinkColorInvertedHover = "#a7d1fa";
|
|
1150
|
+
export const DsComponentLinkColorInvertedActive = "#60a0e0";
|
|
1151
|
+
export const DsComponentListMarkerBase = "#000d6e";
|
|
1152
|
+
export const DsComponentListMarkerInverted = "#ffffff";
|
|
1153
|
+
export const DsComponentListMarkerGreen = "#94e3d4";
|
|
1154
|
+
export const DsComponentListMarkerPurple = "#b8b2ff";
|
|
1155
|
+
export const DsComponentListMarkerRed = "#ffaca6";
|
|
1156
|
+
export const DsComponentListMarkerYellow = "#fae052";
|
|
1157
|
+
export const DsComponentListMarkerSuccess = "#168741";
|
|
1158
|
+
export const DsComponentListMarkerWarning = "#b24a00";
|
|
1159
|
+
export const DsComponentListMarkerDanger = "#ea1800";
|
|
1160
|
+
export const DsComponentListMarkerRadius = 9999;
|
|
1161
|
+
export const DsComponentListItemDisabled = "#747474";
|
|
1162
|
+
export const DsComponentListItemBorderColor = "#e0e0e0";
|
|
1163
|
+
export const DsComponentModalWidth = 640;
|
|
1164
|
+
export const DsComponentModalColorBaseBackground = "#ffffff";
|
|
1165
|
+
export const DsComponentModalRadiusBase = 12;
|
|
1166
|
+
export const DsComponentModalBackdropOpacity = 0.8;
|
|
1167
|
+
export const DsComponentModalBackdropFilter = "blur(4px)";
|
|
1168
|
+
export const DsComponentModalHeadingFamily =
|
|
1169
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1170
|
+
export const DsComponentModalHeadingWeight = "700";
|
|
1171
|
+
export const DsComponentModalHeadingLineHeight = 1.3;
|
|
1172
|
+
export const DsComponentModalHeadingSizeMobile = 24;
|
|
1173
|
+
export const DsComponentModalHeadingSizeTablet = 32;
|
|
1174
|
+
export const DsComponentModalHeadingSizeDesktop = 32;
|
|
1175
|
+
export const DsComponentNavbarBaseLayoutBackground = "#000d6e";
|
|
1176
|
+
export const DsComponentNavbarBaseLayoutPadding = 16;
|
|
1177
|
+
export const DsComponentNavbarBaseLayoutShadow =
|
|
1178
|
+
"0 4px 4px 0 rgba(0, 7, 57, 0.15)";
|
|
1179
|
+
export const DsComponentNavbarBaseLayoutZIndex = 400;
|
|
1180
|
+
export const DsComponentNavbarBaseLayoutHeight = 80;
|
|
1181
|
+
export const DsComponentNavbarBaseBrandFocusRadius = 4;
|
|
1182
|
+
export const DsComponentNavbarBaseBrandGap = 8;
|
|
1183
|
+
export const DsComponentNavbarBaseTitleColor = "#ffffff";
|
|
1184
|
+
export const DsComponentNavbarBaseTitleFontFamily =
|
|
1185
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1186
|
+
export const DsComponentNavbarBaseTitleFontWeight = "700";
|
|
1187
|
+
export const DsComponentNavbarBaseTitleFontSize = 20;
|
|
1188
|
+
export const DsComponentNavbarBaseHamburgerPadding = 8;
|
|
1189
|
+
export const DsComponentNavbarBaseHamburgerTransitionDuration = "0.2s";
|
|
1190
|
+
export const DsComponentNavbarBaseHamburgerWidth = 48;
|
|
1191
|
+
export const DsComponentNavbarBaseHamburgerHeight = 48;
|
|
1192
|
+
export const DsComponentNavbarBaseHamburgerRadius = 4;
|
|
1193
|
+
export const DsComponentNavbarBaseSidebarMaxWidth = "25rem";
|
|
1194
|
+
export const DsComponentNavbarBaseSidebarSlideDuration = "300ms";
|
|
1195
|
+
export const DsComponentNavbarBaseSidebarBackdropColor = "#000000";
|
|
1196
|
+
export const DsComponentNavbarBaseSidebarPanelBackground = "#ffffff";
|
|
1197
|
+
export const DsComponentNavbarBaseSidebarPanelShadow =
|
|
1198
|
+
"-2px 0 8px rgba(0, 0, 0, 0.15)";
|
|
1199
|
+
export const DsComponentNavbarBaseSidebarPanelBorderTop = "1px solid #ffffff";
|
|
1200
|
+
export const DsComponentNavbarBaseSidebarContentGap = 16;
|
|
1201
|
+
export const DsComponentNavbarBaseSidebarContentPaddingInline = 24;
|
|
1202
|
+
export const DsComponentNavbarBaseSidebarContentPaddingBlock = 24;
|
|
1203
|
+
export const DsComponentNavbarBaseSidebarItemMinHeight = 48;
|
|
1204
|
+
export const DsComponentNavbarBaseSidebarItemPaddingBlock = 12;
|
|
1205
|
+
export const DsComponentNavbarBaseSidebarItemPaddingInline = 8;
|
|
1206
|
+
export const DsComponentNavbarBaseSidebarItemFontSize = 16;
|
|
1207
|
+
export const DsComponentNavbarBaseSidebarItemFontWeight = "700";
|
|
1208
|
+
export const DsComponentNavbarBaseSidebarItemFontFamily =
|
|
1209
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1210
|
+
export const DsComponentNavbarBaseSidebarItemColorBase = "#000d6e";
|
|
1211
|
+
export const DsComponentNavbarBaseSidebarItemColorHover = "#000d6e";
|
|
1212
|
+
export const DsComponentNavbarBaseSidebarItemColorActive = "#000d6e";
|
|
1213
|
+
export const DsComponentNavbarBaseSidebarItemBackgroundActive = "#e5e7f0";
|
|
1214
|
+
export const DsComponentNavbarBaseSidebarItemBackgroundHover = "#e5e7f0";
|
|
1215
|
+
export const DsComponentNavbarBaseSidebarItemDividerColor = "#e0e0e0";
|
|
1216
|
+
export const DsComponentNavbarBaseSidebarItemDividerColorActive = "#000d6e";
|
|
1217
|
+
export const DsComponentNavbarBaseSidebarItemChevronColor = "#000d6e";
|
|
1218
|
+
export const DsComponentNavbarBaseSidebarItemChevronSize = 16;
|
|
1219
|
+
export const DsComponentNavbarBaseMenuGap = 32;
|
|
1220
|
+
export const DsComponentNavbarBaseMenuStartGap = 2;
|
|
1221
|
+
export const DsComponentNavbarBaseMenuEndGap = 8;
|
|
1222
|
+
export const DsComponentNavbarBaseMenuItemFontSize = 16;
|
|
1223
|
+
export const DsComponentNavbarBaseMenuItemPaddingBlock = 8;
|
|
1224
|
+
export const DsComponentNavbarBaseMenuItemPaddingInline = 16;
|
|
1225
|
+
export const DsComponentNavbarBaseMenuItemBorderRadius = 4;
|
|
1226
|
+
export const DsComponentNavbarBaseMenuItemTransitionDuration = "0.2s";
|
|
1227
|
+
export const DsComponentNavbarBaseMenuItemColorBase = "#ffffff";
|
|
1228
|
+
export const DsComponentNavbarBaseMenuItemColorHover = "#a7d1fa";
|
|
1229
|
+
export const DsComponentNavbarBaseMenuItemColorSelected = "#ffffff";
|
|
1230
|
+
export const DsComponentNavbarBaseMenuItemColorSelectedHover = "#a7d1fa";
|
|
1231
|
+
export const DsComponentNavbarBaseMenuItemColorActive = "#60a0e0";
|
|
1232
|
+
export const DsComponentNavbarBaseContainerGap = 32;
|
|
1233
|
+
export const DsComponentNavbarBaseContentGap = 8;
|
|
1234
|
+
export const DsComponentNavbarBaseButtonColorTextBase = "#ffffff";
|
|
1235
|
+
export const DsComponentNavbarBaseButtonColorTextHover = "#000d6e";
|
|
1236
|
+
export const DsComponentNavbarBaseButtonColorTextActive = "#000d6e";
|
|
1237
|
+
export const DsComponentNavbarBaseButtonColorBackgroundBase = "#293485";
|
|
1238
|
+
export const DsComponentNavbarBaseButtonColorBackgroundHover = "#a7d1fa";
|
|
1239
|
+
export const DsComponentNavbarBaseButtonColorBackgroundActive = "#ffffff";
|
|
1240
|
+
export const DsComponentNavbarBaseButtonColorBorderBase = "#293485";
|
|
1241
|
+
export const DsComponentNavbarBaseButtonColorBorderHover = "#a7d1fa";
|
|
1242
|
+
export const DsComponentNavbarBaseButtonColorBorderActive = "#ffffff";
|
|
1243
|
+
export const DsComponentNavbarBaseFocusColorStart = "#fae052";
|
|
1244
|
+
export const DsComponentNavbarBaseFocusColorEnd = "#fae052";
|
|
1245
|
+
export const DsComponentNavbarLightBackground = "#ffffff";
|
|
1246
|
+
export const DsComponentNavbarLightTitleColor = "#000d6e";
|
|
1247
|
+
export const DsComponentNavbarLightMenuItemColorBase = "#000d6e";
|
|
1248
|
+
export const DsComponentNavbarLightMenuItemColorHover = "#0014aa";
|
|
1249
|
+
export const DsComponentNavbarLightMenuItemColorSelected = "#000739";
|
|
1250
|
+
export const DsComponentNavbarLightMenuItemColorActive = "#000739";
|
|
1251
|
+
export const DsComponentNavbarLightSidebarPanelBorderTop = "1px solid #d0d0d0";
|
|
1252
|
+
export const DsComponentNavbarLightButtonColorTextBase = "#000d6e";
|
|
1253
|
+
export const DsComponentNavbarLightButtonColorTextHover = "#0014aa";
|
|
1254
|
+
export const DsComponentNavbarLightButtonColorTextActive = "#000739";
|
|
1255
|
+
export const DsComponentNavbarLightButtonColorBackgroundBase = "#f0f0f0";
|
|
1256
|
+
export const DsComponentNavbarLightButtonColorBackgroundHover = "#e5f1fe";
|
|
1257
|
+
export const DsComponentNavbarLightButtonColorBackgroundActive = "#e5f1fe";
|
|
1258
|
+
export const DsComponentNavbarLightButtonColorBorderBase = "#f0f0f0";
|
|
1259
|
+
export const DsComponentNavbarLightButtonColorBorderHover = "#e5f1fe";
|
|
1260
|
+
export const DsComponentNavbarLightButtonColorBorderActive = "#e5f1fe";
|
|
1261
|
+
export const DsComponentNavbarLightFocusColorStart = "#ffffff";
|
|
1262
|
+
export const DsComponentNavbarLightFocusColorEnd = "#6c2273";
|
|
1263
|
+
export const DsComponentSnackbarRadius = 4;
|
|
1264
|
+
export const DsComponentSnackbarDefaultColorBgBase = "#e0e0e0";
|
|
1265
|
+
export const DsComponentSnackbarDefaultColorBorderBase = "#e0e0e0";
|
|
1266
|
+
export const DsComponentSnackbarDefaultColorTextBase = "#000d6e";
|
|
1267
|
+
export const DsComponentSnackbarDefaultColorProgressBarBase = "#000d6e";
|
|
1268
|
+
export const DsComponentSnackbarDefaultColorProgressBgBase = "#b3b6d4";
|
|
1269
|
+
export const DsComponentSnackbarSuccessColorBgBase = "#a1cfb3";
|
|
1270
|
+
export const DsComponentSnackbarSuccessColorBorderBase = "#a1cfb3";
|
|
1271
|
+
export const DsComponentSnackbarSuccessColorTextBase = "#000d6e";
|
|
1272
|
+
export const DsComponentSnackbarSuccessColorProgressBarBase = "#0b5227";
|
|
1273
|
+
export const DsComponentSnackbarSuccessColorProgressBgBase = "#5bab7a";
|
|
1274
|
+
export const DsComponentSnackbarInfoColorBgBase = "#a4c9ed";
|
|
1275
|
+
export const DsComponentSnackbarInfoColorBorderBase = "#a4c9ed";
|
|
1276
|
+
export const DsComponentSnackbarInfoColorTextBase = "#000d6e";
|
|
1277
|
+
export const DsComponentSnackbarInfoColorProgressBarBase = "#0e457b";
|
|
1278
|
+
export const DsComponentSnackbarInfoColorProgressBgBase = "#60a0e0";
|
|
1279
|
+
export const DsComponentSnackbarWarningColorBgBase = "#ffe5a3";
|
|
1280
|
+
export const DsComponentSnackbarWarningColorBorderBase = "#ffe5a3";
|
|
1281
|
+
export const DsComponentSnackbarWarningColorTextBase = "#000d6e";
|
|
1282
|
+
export const DsComponentSnackbarWarningColorProgressBarBase = "#c97612";
|
|
1283
|
+
export const DsComponentSnackbarWarningColorProgressBgBase = "#ffd25e";
|
|
1284
|
+
export const DsComponentSnackbarDangerColorBgBase = "#f7a299";
|
|
1285
|
+
export const DsComponentSnackbarDangerColorBorderBase = "#f7a299";
|
|
1286
|
+
export const DsComponentSnackbarDangerColorTextBase = "#000d6e";
|
|
1287
|
+
export const DsComponentSnackbarDangerColorProgressBarBase = "#a01100";
|
|
1288
|
+
export const DsComponentSnackbarDangerColorProgressBgBase = "#f05d4d";
|
|
1289
|
+
export const DsComponentSpinnerSize = 48;
|
|
1290
|
+
export const DsComponentSpinnerCircleBorderWidth = 4;
|
|
1291
|
+
export const DsComponentSpinnerCircleSize = 24;
|
|
1292
|
+
export const DsComponentSpinnerCircleColorBackground = "#d0d0d0";
|
|
1293
|
+
export const DsComponentSpinnerCircleColorProgress = "#000d6e";
|
|
1294
|
+
export const DsComponentSpinnerCircleColorInvertedBackground = "#ffffff";
|
|
1295
|
+
export const DsComponentSpinnerCircleColorInvertedProgress = "#000d6e";
|
|
1296
|
+
export const DsComponentToastRadius = 4;
|
|
1297
|
+
export const DsComponentToastDefaultColorBgBase = "#e0e0e0";
|
|
1298
|
+
export const DsComponentToastDefaultColorBorderBase = "#e0e0e0";
|
|
1299
|
+
export const DsComponentToastDefaultColorTextBase = "#000d6e";
|
|
1300
|
+
export const DsComponentToastDefaultColorProgressBarBase = "#000d6e";
|
|
1301
|
+
export const DsComponentToastDefaultColorProgressBgBase = "#b3b6d4";
|
|
1302
|
+
export const DsComponentToastSuccessColorBgBase = "#a1cfb3";
|
|
1303
|
+
export const DsComponentToastSuccessColorBorderBase = "#a1cfb3";
|
|
1304
|
+
export const DsComponentToastSuccessColorTextBase = "#000d6e";
|
|
1305
|
+
export const DsComponentToastSuccessColorProgressBarBase = "#0b5227";
|
|
1306
|
+
export const DsComponentToastSuccessColorProgressBgBase = "#5bab7a";
|
|
1307
|
+
export const DsComponentToastInfoColorBgBase = "#a4c9ed";
|
|
1308
|
+
export const DsComponentToastInfoColorBorderBase = "#a4c9ed";
|
|
1309
|
+
export const DsComponentToastInfoColorTextBase = "#000d6e";
|
|
1310
|
+
export const DsComponentToastInfoColorProgressBarBase = "#0e457b";
|
|
1311
|
+
export const DsComponentToastInfoColorProgressBgBase = "#60a0e0";
|
|
1312
|
+
export const DsComponentToastWarningColorBgBase = "#ffe5a3";
|
|
1313
|
+
export const DsComponentToastWarningColorBorderBase = "#ffe5a3";
|
|
1314
|
+
export const DsComponentToastWarningColorTextBase = "#000d6e";
|
|
1315
|
+
export const DsComponentToastWarningColorProgressBarBase = "#c97612";
|
|
1316
|
+
export const DsComponentToastWarningColorProgressBgBase = "#ffd25e";
|
|
1317
|
+
export const DsComponentToastDangerColorBgBase = "#f7a299";
|
|
1318
|
+
export const DsComponentToastDangerColorBorderBase = "#f7a299";
|
|
1319
|
+
export const DsComponentToastDangerColorTextBase = "#000d6e";
|
|
1320
|
+
export const DsComponentToastDangerColorProgressBarBase = "#a01100";
|
|
1321
|
+
export const DsComponentToastDangerColorProgressBgBase = "#f05d4d";
|
|
1322
|
+
export const DsComponentTagFontFamily =
|
|
1323
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1324
|
+
export const DsComponentTagFontLineHeight = 1.5;
|
|
1325
|
+
export const DsComponentTagFontSizeBase = 16;
|
|
1326
|
+
export const DsComponentTagFontSizeSm = 14;
|
|
1327
|
+
export const DsComponentTagFontSizeMd = 16;
|
|
1328
|
+
export const DsComponentTagFontSizeLg = 16;
|
|
1329
|
+
export const DsComponentTagFontWeightBase = "700";
|
|
1330
|
+
export const DsComponentTagFontWeightSm = "400";
|
|
1331
|
+
export const DsComponentTagFontWeightMd = "700";
|
|
1332
|
+
export const DsComponentTagFontWeightLg = "700";
|
|
1333
|
+
export const DsComponentTagSpacePaddingYBase = 4;
|
|
1334
|
+
export const DsComponentTagSpacePaddingYSm = 0;
|
|
1335
|
+
export const DsComponentTagSpacePaddingYMd = 8;
|
|
1336
|
+
export const DsComponentTagSpacePaddingYLg = 12;
|
|
1337
|
+
export const DsComponentTagSpacePaddingXBase = 12;
|
|
1338
|
+
export const DsComponentTagSpacePaddingXSm = 12;
|
|
1339
|
+
export const DsComponentTagSpacePaddingXMd = 16;
|
|
1340
|
+
export const DsComponentTagSpacePaddingXLg = 24;
|
|
1341
|
+
export const DsComponentTagRadiusBase = 12;
|
|
1342
|
+
export const DsComponentTagRadiusSquare = 4;
|
|
1343
|
+
export const DsComponentTagRadiusPill = 9999;
|
|
1344
|
+
export const DsComponentTagPrimaryColorTextBase = "#ffffff";
|
|
1345
|
+
export const DsComponentTagPrimaryColorBgBase = "#000d6e";
|
|
1346
|
+
export const DsComponentTagGreyColorTextBase = "#000d6e";
|
|
1347
|
+
export const DsComponentTagGreyColorBgBase = "#b6b6b6";
|
|
1348
|
+
export const DsComponentTagInfoColorTextBase = "#ffffff";
|
|
1349
|
+
export const DsComponentTagInfoColorBgBase = "#1c77d2";
|
|
1350
|
+
export const DsComponentTagSuccessColorTextBase = "#ffffff";
|
|
1351
|
+
export const DsComponentTagSuccessColorBgBase = "#168741";
|
|
1352
|
+
export const DsComponentTagWarningColorTextBase = "#000d6e";
|
|
1353
|
+
export const DsComponentTagWarningColorBgBase = "#ffbe19";
|
|
1354
|
+
export const DsComponentTagDangerColorTextBase = "#ffffff";
|
|
1355
|
+
export const DsComponentTagDangerColorBgBase = "#ea1800";
|
|
1356
|
+
export const DsComponentTagPurpleColorTextBase = "#000d6e";
|
|
1357
|
+
export const DsComponentTagPurpleColorBgBase = "#b8b2ff";
|
|
1358
|
+
export const DsComponentTagPurpleLightColorTextBase = "#000d6e";
|
|
1359
|
+
export const DsComponentTagPurpleLightColorBgBase = "#e1d9ff";
|
|
1360
|
+
export const DsComponentTagPurpleDarkColorTextBase = "#ffffff";
|
|
1361
|
+
export const DsComponentTagPurpleDarkColorBgBase = "#6c2273";
|
|
1362
|
+
export const DsComponentTagRedColorTextBase = "#000d6e";
|
|
1363
|
+
export const DsComponentTagRedColorBgBase = "#ffaca6";
|
|
1364
|
+
export const DsComponentTagRedLightColorTextBase = "#000d6e";
|
|
1365
|
+
export const DsComponentTagRedLightColorBgBase = "#ffd7d7";
|
|
1366
|
+
export const DsComponentTagRedDarkColorTextBase = "#ffffff";
|
|
1367
|
+
export const DsComponentTagRedDarkColorBgBase = "#99172d";
|
|
1368
|
+
export const DsComponentTagGreenColorTextBase = "#000d6e";
|
|
1369
|
+
export const DsComponentTagGreenColorBgBase = "#94e3d4";
|
|
1370
|
+
export const DsComponentTagGreenLightColorTextBase = "#000d6e";
|
|
1371
|
+
export const DsComponentTagGreenLightColorBgBase = "#cbf2ec";
|
|
1372
|
+
export const DsComponentTagGreenDarkColorTextBase = "#ffffff";
|
|
1373
|
+
export const DsComponentTagGreenDarkColorBgBase = "#1b5951";
|
|
1374
|
+
export const DsComponentTagYellowColorTextBase = "#000d6e";
|
|
1375
|
+
export const DsComponentTagYellowColorBgBase = "#fae052";
|
|
1376
|
+
export const DsComponentTagYellowLightColorTextBase = "#000d6e";
|
|
1377
|
+
export const DsComponentTagYellowLightColorBgBase = "#ffecbc";
|
|
1378
|
+
export const DsComponentTagYellowDarkColorTextBase = "#ffffff";
|
|
1379
|
+
export const DsComponentTagYellowDarkColorBgBase = "#b24a00";
|
|
1380
|
+
export const DsComponentTagDefaultColorTextBase = "#000d6e";
|
|
1381
|
+
export const DsComponentTagDefaultColorBgBase = "#d0d0d0";
|
|
1382
|
+
export const DsComponentSegmentRadius = 4;
|
|
1383
|
+
export const DsComponentSegmentBackground = "#e0e0e0";
|
|
1384
|
+
export const DsComponentSegmentGap = 4;
|
|
1385
|
+
export const DsComponentSegmentPadding = 4;
|
|
1386
|
+
export const DsComponentSegmentDividerColor = "#e0e0e0";
|
|
1387
|
+
export const DsComponentSegmentFocusColor = "#6c2273";
|
|
1388
|
+
export const DsComponentSegmentDescriptionFontSize = 14;
|
|
1389
|
+
export const DsComponentSegmentDescriptionFontWeight = "400";
|
|
1390
|
+
export const DsComponentSegmentItemHeight = 40;
|
|
1391
|
+
export const DsComponentSegmentItemPaddingInline = 16;
|
|
1392
|
+
export const DsComponentSegmentItemPaddingBlock = 4;
|
|
1393
|
+
export const DsComponentSegmentItemFontWeight = "700";
|
|
1394
|
+
export const DsComponentSegmentItemUnselectedColorBase = "#293485";
|
|
1395
|
+
export const DsComponentSegmentItemUnselectedColorHover = "#0014aa";
|
|
1396
|
+
export const DsComponentSegmentItemUnselectedColorActive = "#000739";
|
|
1397
|
+
export const DsComponentSegmentItemSelectedBackground = "#e1d9ff";
|
|
1398
|
+
export const DsComponentSegmentItemSelectedColorBase = "#293485";
|
|
1399
|
+
export const DsComponentSegmentItemSelectedColorHover = "#0014aa";
|
|
1400
|
+
export const DsComponentSegmentItemSelectedColorActive = "#000739";
|
|
1401
|
+
export const DsComponentSegmentItemIconSize = 16;
|
|
1402
|
+
export const DsComponentSegmentItemIconGap = 6;
|
|
1403
|
+
export const DsComponentCheckboxRadius = 4;
|
|
1404
|
+
export const DsComponentCheckboxFontFamily =
|
|
1405
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1406
|
+
export const DsComponentCheckboxLineHeight = 1.5;
|
|
1407
|
+
export const DsComponentCheckboxLabelColorHover = "#0014aa";
|
|
1408
|
+
export const DsComponentCheckboxLabelColorActive = "#000739";
|
|
1409
|
+
export const DsComponentCheckboxBorderWidth = 2;
|
|
1410
|
+
export const DsComponentCheckboxFocusColor = "#6c2273";
|
|
1411
|
+
export const DsComponentCheckboxTileRadius = 4;
|
|
1412
|
+
export const DsComponentCheckboxTileBorderWidth = 2;
|
|
1413
|
+
export const DsComponentCheckboxTileColorBaseBorder = "#e0e0e0";
|
|
1414
|
+
export const DsComponentCheckboxTileColorHoverBackground = "#fafafa";
|
|
1415
|
+
export const DsComponentCheckboxTileColorHoverBorder = "#0014aa";
|
|
1416
|
+
export const DsComponentCheckboxTileColorActiveBackground = "#fafafa";
|
|
1417
|
+
export const DsComponentCheckboxTileColorActiveBorder = "#000739";
|
|
1418
|
+
export const DsComponentCheckboxUncheckedColorBaseBorder = "#000d6e";
|
|
1419
|
+
export const DsComponentCheckboxUncheckedColorHoverBackground = "#fafafa";
|
|
1420
|
+
export const DsComponentCheckboxUncheckedColorHoverBorder = "#0014aa";
|
|
1421
|
+
export const DsComponentCheckboxUncheckedColorActiveBackground = "#fafafa";
|
|
1422
|
+
export const DsComponentCheckboxUncheckedColorActiveBorder = "#000739";
|
|
1423
|
+
export const DsComponentCheckboxCheckedColorBaseBackground = "#000d6e";
|
|
1424
|
+
export const DsComponentCheckboxCheckedColorBaseBorder = "#000d6e";
|
|
1425
|
+
export const DsComponentCheckboxCheckedColorBaseIcon = "#ffffff";
|
|
1426
|
+
export const DsComponentCheckboxCheckedColorHoverBackground = "#0014aa";
|
|
1427
|
+
export const DsComponentCheckboxCheckedColorHoverBorder = "#0014aa";
|
|
1428
|
+
export const DsComponentCheckboxCheckedColorActiveBackground = "#000739";
|
|
1429
|
+
export const DsComponentCheckboxCheckedColorActiveBorder = "#000739";
|
|
1430
|
+
export const DsComponentRadioRadius = 9999;
|
|
1431
|
+
export const DsComponentRadioFontFamily =
|
|
1432
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1433
|
+
export const DsComponentRadioLineHeight = 1.5;
|
|
1434
|
+
export const DsComponentRadioLabelColorHover = "#0014aa";
|
|
1435
|
+
export const DsComponentRadioLabelColorActive = "#000739";
|
|
1436
|
+
export const DsComponentRadioBorderWidth = 2;
|
|
1437
|
+
export const DsComponentRadioFocusColor = "#6c2273";
|
|
1438
|
+
export const DsComponentRadioTileRadius = 4;
|
|
1439
|
+
export const DsComponentRadioTileBorderWidth = 2;
|
|
1440
|
+
export const DsComponentRadioTileColorBaseBorder = "#e0e0e0";
|
|
1441
|
+
export const DsComponentRadioTileColorHoverBackground = "#fafafa";
|
|
1442
|
+
export const DsComponentRadioTileColorHoverBorder = "#0014aa";
|
|
1443
|
+
export const DsComponentRadioTileColorActiveBackground = "#fafafa";
|
|
1444
|
+
export const DsComponentRadioTileColorActiveBorder = "#000739";
|
|
1445
|
+
export const DsComponentRadioUncheckedColorBaseBorder = "#000d6e";
|
|
1446
|
+
export const DsComponentRadioUncheckedColorHoverBackground = "#fafafa";
|
|
1447
|
+
export const DsComponentRadioUncheckedColorHoverBorder = "#0014aa";
|
|
1448
|
+
export const DsComponentRadioUncheckedColorActiveBackground = "#fafafa";
|
|
1449
|
+
export const DsComponentRadioUncheckedColorActiveBorder = "#000739";
|
|
1450
|
+
export const DsComponentRadioCheckedColorBaseBackground = "#000d6e";
|
|
1451
|
+
export const DsComponentRadioCheckedColorBaseBorder = "#000d6e";
|
|
1452
|
+
export const DsComponentRadioCheckedColorBaseIcon = "#ffffff";
|
|
1453
|
+
export const DsComponentRadioCheckedColorHoverBackground = "#0014aa";
|
|
1454
|
+
export const DsComponentRadioCheckedColorHoverBorder = "#0014aa";
|
|
1455
|
+
export const DsComponentRadioCheckedColorActiveBackground = "#000739";
|
|
1456
|
+
export const DsComponentRadioCheckedColorActiveBorder = "#000739";
|
|
1457
|
+
export const DsComponentPaginationDotsBackground = "#e0e0e0";
|
|
1458
|
+
export const DsComponentPaginationDotsRadius = 4;
|
|
1459
|
+
export const DsComponentPaginationDotsActiveColor = "#000d6e";
|
|
1460
|
+
export const DsComponentPaginationDotsInactiveColor = "#ffffff";
|
|
1461
|
+
export const DsComponentPaginationDisabledTextColor = "#747474";
|
|
1462
|
+
export const DsComponentPaginationTextWeight = "700";
|
|
1463
|
+
export const DsComponentPaginationElevationSticky = 300;
|
|
1464
|
+
export const DsComponentProgressBarBackgroundLight = "#ffffff";
|
|
1465
|
+
export const DsComponentProgressBarBackgroundDark = "#e0e0e0";
|
|
1466
|
+
export const DsComponentProgressBarBackgroundPurple = "#e1d9ff";
|
|
1467
|
+
export const DsComponentProgressBarBackgroundYellow = "#ffecbc";
|
|
1468
|
+
export const DsComponentProgressBarBackgroundRed = "#ffd7d7";
|
|
1469
|
+
export const DsComponentProgressBarBackgroundGreen = "#cbf2ec";
|
|
1470
|
+
export const DsComponentProgressBarLineRadius = 9999;
|
|
1471
|
+
export const DsComponentProgressBarLineColorPrimary = "#000d6e";
|
|
1472
|
+
export const DsComponentProgressBarLineColorPurple = "#6c2273";
|
|
1473
|
+
export const DsComponentProgressBarLineColorYellow = "#b24a00";
|
|
1474
|
+
export const DsComponentProgressBarLineColorRed = "#99172d";
|
|
1475
|
+
export const DsComponentProgressBarLineColorGreen = "#1b5951";
|
|
1476
|
+
export const DsComponentAccordionSummaryFontFamily =
|
|
1477
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1478
|
+
export const DsComponentAccordionSummaryFontWeight = "400";
|
|
1479
|
+
export const DsComponentAccordionSummaryFontLineHeight = 1.5;
|
|
1480
|
+
export const DsComponentAccordionSummaryFontSizeMobile = 16;
|
|
1481
|
+
export const DsComponentAccordionSummaryFontSizeTablet = 16;
|
|
1482
|
+
export const DsComponentAccordionSummaryFontSizeDesktop = 16;
|
|
1483
|
+
export const DsComponentAccordionSummaryColorBase = "inherit";
|
|
1484
|
+
export const DsComponentAccordionSummaryColorHover = "#0014aa";
|
|
1485
|
+
export const DsComponentAccordionSummaryColorActive = "#000739";
|
|
1486
|
+
export const DsComponentAccordionRadiusBase = 4;
|
|
1487
|
+
export const DsComponentTabsGap = 2;
|
|
1488
|
+
export const DsComponentTabsBorderColor = "#e0e0e0";
|
|
1489
|
+
export const DsComponentTabsIndicatorHeight = 2;
|
|
1490
|
+
export const DsComponentTabsPanelPadding = "1rem 0";
|
|
1491
|
+
export const DsComponentTabsVerticalGap = 24;
|
|
1492
|
+
export const DsComponentTabsScrollFadeBackground = "#ffffff";
|
|
1493
|
+
export const DsComponentTabsTabPadding = "0.25rem 1rem";
|
|
1494
|
+
export const DsComponentTabsTabFontFamily =
|
|
1495
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1496
|
+
export const DsComponentTabsTabFontSize = 16;
|
|
1497
|
+
export const DsComponentTabsTabFontWeight = "700";
|
|
1498
|
+
export const DsComponentTabsTabFontWeightSelected = "700";
|
|
1499
|
+
export const DsComponentTabsTabColorFocus = "#6c2273";
|
|
1500
|
+
export const DsComponentTabsTabColorBase = "#656ea8";
|
|
1501
|
+
export const DsComponentTabsTabColorHover = "#0014aa";
|
|
1502
|
+
export const DsComponentTabsTabColorActive = "#000739";
|
|
1503
|
+
export const DsComponentTabsTabColorSelected = "#000d6e";
|
|
1504
|
+
export const DsComponentTabsTabBorderColorSelected = "#000d6e";
|
|
1505
|
+
export const DsComponentTabPanelPadding = "1rem 0";
|
|
1506
|
+
export const DsComponentTabsColorPurple = "#b8b2ff";
|
|
1507
|
+
export const DsComponentTabsColorPurpleHover = "#9f52cc";
|
|
1508
|
+
export const DsComponentTabsColorGreen = "#94e3d4";
|
|
1509
|
+
export const DsComponentTabsColorGreenHover = "#00b28f";
|
|
1510
|
+
export const DsComponentTabsColorRed = "#ffaca6";
|
|
1511
|
+
export const DsComponentTabsColorRedHover = "#d9304c";
|
|
1512
|
+
export const DsComponentTabsColorYellow = "#fae052";
|
|
1513
|
+
export const DsComponentTabsColorYellowHover = "#fa9319";
|
|
1514
|
+
export const DsComponentStepsConnectorColor = "#e0e0e0";
|
|
1515
|
+
export const DsComponentStepsConnectorColorFilled = "#000d6e";
|
|
1516
|
+
export const DsComponentStepsConnectorHeight = 2;
|
|
1517
|
+
export const DsComponentStepsCircleSize = "2rem";
|
|
1518
|
+
export const DsComponentStepsCircleSizeSm = "1.5rem";
|
|
1519
|
+
export const DsComponentStepsCircleColorBg = "#d0d0d0";
|
|
1520
|
+
export const DsComponentStepsCircleColorBgSelected = "#000d6e";
|
|
1521
|
+
export const DsComponentStepsCircleColorBgDone = "#000d6e";
|
|
1522
|
+
export const DsComponentStepsCircleColorBgInvalid = "#f05d4d";
|
|
1523
|
+
export const DsComponentStepsCircleColorBgDisabled = "#d0d0d0";
|
|
1524
|
+
export const DsComponentStepsCircleColorText = "#000d6e";
|
|
1525
|
+
export const DsComponentStepsCircleColorTextSelected = "#ffffff";
|
|
1526
|
+
export const DsComponentStepsCircleColorTextDone = "#ffffff";
|
|
1527
|
+
export const DsComponentStepsCircleColorTextInvalid = "#ffffff";
|
|
1528
|
+
export const DsComponentStepsCircleColorTextDisabled = "#000d6e";
|
|
1529
|
+
export const DsComponentStepsStepFontFamily =
|
|
1530
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1531
|
+
export const DsComponentStepsStepFontSize = 16;
|
|
1532
|
+
export const DsComponentStepsStepFontSizeSm = 14;
|
|
1533
|
+
export const DsComponentStepsStepFontWeight = "700";
|
|
1534
|
+
export const DsComponentStepsStepColorBase = "#656ea8";
|
|
1535
|
+
export const DsComponentStepsStepColorSelected = "#000d6e";
|
|
1536
|
+
export const DsComponentStepsStepColorFocus = "#6c2273";
|
|
1537
|
+
export const DsComponentStepsPanelPadding = "1rem 0";
|
|
1538
|
+
export const DsComponentStepsColorPurple = "#b8b2ff";
|
|
1539
|
+
export const DsComponentStepsColorGreen = "#94e3d4";
|
|
1540
|
+
export const DsComponentStepsColorRed = "#ffaca6";
|
|
1541
|
+
export const DsComponentStepsColorYellow = "#fae052";
|
|
1542
|
+
export const DsComponentStepPanelPadding = "1rem 0";
|
|
1543
|
+
export const DsComponentCarouselScrollFadeBg = "#ffffff";
|
|
1544
|
+
export const DsComponentCarouselDotSize = "8px";
|
|
1545
|
+
export const DsComponentCarouselDotSizeActive = "10px";
|
|
1546
|
+
export const DsComponentCarouselDotColor = "#e0e0e0";
|
|
1547
|
+
export const DsComponentCarouselDotColorActive = "#000d6e";
|
|
1548
|
+
export const DsComponentCarouselControlColor = "#000d6e";
|
|
1549
|
+
export const DsComponentCarouselScrollBtnBackgroundActive = "#000d6e";
|
|
1550
|
+
export const DsComponentCarouselScrollBtnBackgroundActiveHover = "#0014aa";
|
|
1551
|
+
export const DsComponentCarouselScrollBtnBackgroundActivePressed = "#000739";
|
|
1552
|
+
export const DsComponentCarouselScrollBtnColorActive = "#ffffff";
|
|
1553
|
+
export const DsComponentTooltipBg = "#000739";
|
|
1554
|
+
export const DsComponentTooltipColor = "#ffffff";
|
|
1555
|
+
export const DsComponentTooltipRadius = 4;
|
|
1556
|
+
export const DsComponentTooltipShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
1557
|
+
export const DsComponentTooltipLineHeight = 1.5;
|
|
1558
|
+
export const DsComponentTooltipZIndex = 1300;
|
|
1559
|
+
export const DsComponentTooltipPx = 12;
|
|
1560
|
+
export const DsComponentTooltipPy = 8;
|
|
1561
|
+
export const DsComponentTooltipFontFamily =
|
|
1562
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1563
|
+
export const DsComponentTooltipFontSize = 14;
|
|
1564
|
+
export const DsComponentTableColor = "#000d6e";
|
|
1565
|
+
export const DsComponentTableBackgroundColor = "#ffffff";
|
|
1566
|
+
export const DsComponentTableBodyBackgroundColor = "#ffffff00";
|
|
1567
|
+
export const DsComponentTableCellPadding = "0.5em 0.75em";
|
|
1568
|
+
export const DsComponentTableCellBorderColor = "#d0d0d0";
|
|
1569
|
+
export const DsComponentTableCellBorderWidth = "0 0 2px";
|
|
1570
|
+
export const DsComponentTableCellHeadingColor = "#000d6e";
|
|
1571
|
+
export const DsComponentTableHeadCellColor = "#000d6e";
|
|
1572
|
+
export const DsComponentTableHeadCellBorderWidth = "0 0 1px";
|
|
1573
|
+
export const DsComponentTableHeadCellBorderColor = "#000d6e";
|
|
1574
|
+
export const DsComponentTableHeadBackgroundColor = "#ffffff00";
|
|
1575
|
+
export const DsComponentTableHeadFontSize = 16;
|
|
1576
|
+
export const DsComponentTableHeadFontFamily =
|
|
1577
|
+
'"BaloiseCreateHeadline", "Arial", "sans-serif"';
|
|
1578
|
+
export const DsComponentTableFootCellColor = "#000d6e";
|
|
1579
|
+
export const DsComponentTableFootCellBorderWidth = "0 0 0";
|
|
1580
|
+
export const DsComponentTableFootBackgroundColor = "#ffffff00";
|
|
1581
|
+
export const DsComponentTableRowBackgroundColorHover = "#fafafa";
|
|
1582
|
+
export const DsComponentTableRowBackgroundColorActive = "#b3b6d4";
|
|
1583
|
+
export const DsComponentTableRowColorActive = "#000d6e";
|
|
1584
|
+
export const DsComponentTableStripedRowEvenBackgroundColorBase = "#e5e7f0";
|
|
1585
|
+
export const DsComponentTableStripedRowEvenBackgroundColorHover = "#fafafa";
|
|
1586
|
+
export const DsComponentPopupBackground = "#ffffff";
|
|
1587
|
+
export const DsComponentPopupRadius = 4;
|
|
1588
|
+
export const DsComponentPopupShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
|
|
1589
|
+
export const DsComponentPopupPadding = 20;
|
|
1590
|
+
export const DsComponentPopupMinWidth = "16rem";
|
|
1591
|
+
export const DsComponentPopupZIndex = 1000;
|
|
1592
|
+
export const DsComponentPopupBackdropBackground = "#000739";
|
|
1593
|
+
export const DsComponentPopupBackdropOpacity = 0.8;
|
|
1594
|
+
export const DsComponentDrawerBackground = "#ffffff";
|
|
1595
|
+
export const DsComponentDrawerRadius = 12;
|
|
1596
|
+
export const DsComponentDrawerMaxHeight = "85dvh";
|
|
1597
|
+
export const DsComponentDrawerPadding = 20;
|
|
1598
|
+
export const DsComponentDrawerBackdropBackground = "#000739";
|
|
1599
|
+
export const DsComponentDrawerBackdropOpacity = 0.8;
|
|
1600
|
+
export const DsComponentFileUploadLabelFontFamily =
|
|
1601
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1602
|
+
export const DsComponentFileUploadLabelFontWeight = "700";
|
|
1603
|
+
export const DsComponentFileUploadLabelTextSize = 16;
|
|
1604
|
+
export const DsComponentFileUploadLabelTextLineHeight = 1.5;
|
|
1605
|
+
export const DsComponentFileUploadLabelTextColor = "#000d6e";
|
|
1606
|
+
export const DsComponentFileUploadDropZoneBorderColorBase = "#e0e0e0";
|
|
1607
|
+
export const DsComponentFileUploadDropZoneBorderColorHover = "#000d6e";
|
|
1608
|
+
export const DsComponentFileUploadDropZoneBorderColorActive = "#000d6e";
|
|
1609
|
+
export const DsComponentFileUploadDropZoneBorderColorFocus = "#000d6e";
|
|
1610
|
+
export const DsComponentFileUploadDropZoneBorderColorDanger = "#ea1800";
|
|
1611
|
+
export const DsComponentFileUploadDropZoneBorderColorSuccess = "#168741";
|
|
1612
|
+
export const DsComponentFileUploadDropZoneBorderColorWarning = "#b24a00";
|
|
1613
|
+
export const DsComponentFileUploadDropZoneBackgroundColorBase = "#ffffff00";
|
|
1614
|
+
export const DsComponentFileUploadDropZoneBackgroundColorHover = "#fafafa";
|
|
1615
|
+
export const DsComponentFileUploadDropZoneBackgroundColorActive = "#fafafa";
|
|
1616
|
+
export const DsComponentFileUploadDropZoneBackgroundColorDisabled = "#e0e0e0";
|
|
1617
|
+
export const DsComponentFileUploadDropZoneTextColorHover = "#0014aa";
|
|
1618
|
+
export const DsComponentFileUploadDropZoneTextColorActive = "#000739";
|
|
1619
|
+
export const DsComponentFileUploadDropZoneTextColorDisabled = "#747474";
|
|
1620
|
+
export const DsComponentFileUploadFileListBackgroundColor = "#e0e0e0";
|
|
1621
|
+
export const DsComponentFileUploadFileNameTextColor = "#000d6e";
|
|
1622
|
+
export const DsComponentFileUploadFileSizeTextColor = "#656ea8";
|
|
1623
|
+
export const DsComponentFileUploadIconColorDisabled = "#747474";
|
|
1624
|
+
export const DsComponentFileUploadControlFontFamily =
|
|
1625
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1626
|
+
export const DsComponentFileUploadControlFontWeight = "400";
|
|
1627
|
+
export const DsComponentFileUploadControlTextSize = 16;
|
|
1628
|
+
export const DsComponentFileUploadControlTextLineHeight = 1.5;
|
|
1629
|
+
export const DsComponentFileUploadControlTextColorBase = "#000d6e";
|
|
1630
|
+
export const DsComponentFileUploadControlPlaceholderColorBase = "#b3b6d4";
|
|
1631
|
+
export const DsComponentFileUploadDescriptionFontFamily =
|
|
1632
|
+
'"BaloiseCreateText", "Arial", "sans-serif"';
|
|
1633
|
+
export const DsComponentFileUploadDescriptionFontWeight = "400";
|
|
1634
|
+
export const DsComponentFileUploadDescriptionTextSize = 12;
|
|
1635
|
+
export const DsComponentFileUploadDescriptionTextLineHeight = 1.5;
|
|
1636
|
+
export const DsComponentFileUploadDescriptionTextColorBase = "#656ea8";
|
|
1637
|
+
export const DsComponentFileUploadDescriptionTextColorDanger = "#ea1800";
|
|
1638
|
+
export const DsComponentFileUploadDescriptionTextColorSuccess = "#168741";
|
|
1639
|
+
export const DsComponentFileUploadDescriptionTextColorWarning = "#b24a00";
|