@mozaic-ds/vue 0.23.0-beta.0 → 0.24.0-beta.0
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/dist/mozaic-vue.adeo.css +41 -40
- package/dist/mozaic-vue.adeo.umd.js +2894 -1265
- package/dist/mozaic-vue.common.js +2894 -1265
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +2894 -1265
- package/dist/mozaic-vue.umd.js.map +1 -1
- package/dist/mozaic-vue.umd.min.js +2 -2
- package/dist/mozaic-vue.umd.min.js.map +1 -1
- package/package.json +16 -16
- package/src/components/autocomplete/MAutocomplete.vue +28 -12
- package/src/components/dropdown/MDropdown.vue +245 -0
- package/src/components/dropdown/index.js +7 -0
- package/src/components/icon/MIcon.vue +18 -2
- package/src/components/index.js +1 -0
- package/src/components/phonenumber/MPhoneNumber.vue +4 -2
- package/src/components/quantityselector/MQuantitySelector.vue +5 -0
- package/src/components/tabs/MTab.vue +4 -11
- package/src/index.js +1 -0
- package/src/tokens/adeo/android/colors.xml +209 -166
- package/src/tokens/adeo/css/_variables.scss +209 -166
- package/src/tokens/adeo/css/root.scss +89 -46
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +48 -5
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +214 -171
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +209 -166
- package/src/tokens/adeo/js/tokens.js +209 -166
- package/src/tokens/adeo/js/tokensObject.js +1279 -304
- package/src/tokens/adeo/scss/_tokens.scss +344 -174
- package/types/index.d.ts +2 -0
|
@@ -13,9 +13,9 @@ export const ColorBadgeWarningText = "#8c3500";
|
|
|
13
13
|
export const ColorBadgeDangerBackground = "#fdeaea";
|
|
14
14
|
export const ColorBadgeDangerBorder = "#ea302d";
|
|
15
15
|
export const ColorBadgeDangerText = "#8c0003";
|
|
16
|
-
export const ColorBadgeNeutralBackground = "#
|
|
17
|
-
export const ColorBadgeNeutralBorder = "#
|
|
18
|
-
export const ColorBadgeNeutralText = "#
|
|
16
|
+
export const ColorBadgeNeutralBackground = "#e6e6e6";
|
|
17
|
+
export const ColorBadgeNeutralBorder = "#808080";
|
|
18
|
+
export const ColorBadgeNeutralText = "#4d4d4d";
|
|
19
19
|
export const ColorPrimary01100 = "#d9f0f3";
|
|
20
20
|
export const ColorPrimary01200 = "#91d5db";
|
|
21
21
|
export const ColorPrimary01300 = "#48bac4";
|
|
@@ -25,24 +25,24 @@ export const ColorPrimary01600 = "#007f8c";
|
|
|
25
25
|
export const ColorPrimary01700 = "#006974";
|
|
26
26
|
export const ColorPrimary01800 = "#004e57";
|
|
27
27
|
export const ColorPrimary01900 = "#002e33";
|
|
28
|
-
export const ColorPrimary02100 = "#
|
|
29
|
-
export const ColorPrimary02200 = "#
|
|
30
|
-
export const ColorPrimary02300 = "#
|
|
31
|
-
export const ColorPrimary02400 = "#
|
|
32
|
-
export const ColorPrimary02500 = "#
|
|
33
|
-
export const ColorPrimary02600 = "#
|
|
34
|
-
export const ColorPrimary02700 = "#
|
|
35
|
-
export const ColorPrimary02800 = "#
|
|
36
|
-
export const ColorPrimary02900 = "#
|
|
37
|
-
export const ColorGrey100 = "#
|
|
38
|
-
export const ColorGrey200 = "#
|
|
39
|
-
export const ColorGrey300 = "#
|
|
40
|
-
export const ColorGrey400 = "#
|
|
41
|
-
export const ColorGrey500 = "#
|
|
42
|
-
export const ColorGrey600 = "#
|
|
43
|
-
export const ColorGrey700 = "#
|
|
44
|
-
export const ColorGrey800 = "#
|
|
45
|
-
export const ColorGrey900 = "#
|
|
28
|
+
export const ColorPrimary02100 = "#eeeff1";
|
|
29
|
+
export const ColorPrimary02200 = "#cfd2d8";
|
|
30
|
+
export const ColorPrimary02300 = "#b3b7c1";
|
|
31
|
+
export const ColorPrimary02400 = "#8f94a3";
|
|
32
|
+
export const ColorPrimary02500 = "#6a7081";
|
|
33
|
+
export const ColorPrimary02600 = "#494f60";
|
|
34
|
+
export const ColorPrimary02700 = "#343b4c";
|
|
35
|
+
export const ColorPrimary02800 = "#242938";
|
|
36
|
+
export const ColorPrimary02900 = "#171b26";
|
|
37
|
+
export const ColorGrey100 = "#e6e6e6";
|
|
38
|
+
export const ColorGrey200 = "#cccccc";
|
|
39
|
+
export const ColorGrey300 = "#b3b3b3";
|
|
40
|
+
export const ColorGrey400 = "#999999";
|
|
41
|
+
export const ColorGrey500 = "#808080";
|
|
42
|
+
export const ColorGrey600 = "#666666";
|
|
43
|
+
export const ColorGrey700 = "#4d4d4d";
|
|
44
|
+
export const ColorGrey800 = "#333333";
|
|
45
|
+
export const ColorGrey900 = "#191919";
|
|
46
46
|
export const ColorGrey999 = "#000000";
|
|
47
47
|
export const ColorGrey000 = "#ffffff";
|
|
48
48
|
export const ColorSecondaryBlue100 = "#eaedef";
|
|
@@ -72,24 +72,24 @@ export const ColorSecondaryPurple600 = "#4b4a8c";
|
|
|
72
72
|
export const ColorSecondaryPurple700 = "#393879";
|
|
73
73
|
export const ColorSecondaryPurple800 = "#282863";
|
|
74
74
|
export const ColorSecondaryPurple900 = "#1a1a4b";
|
|
75
|
-
export const ColorSecondaryRed100 = "#
|
|
76
|
-
export const ColorSecondaryRed200 = "#
|
|
77
|
-
export const ColorSecondaryRed300 = "#
|
|
78
|
-
export const ColorSecondaryRed400 = "#
|
|
79
|
-
export const ColorSecondaryRed500 = "#
|
|
80
|
-
export const ColorSecondaryRed600 = "#
|
|
81
|
-
export const ColorSecondaryRed700 = "#
|
|
82
|
-
export const ColorSecondaryRed800 = "#
|
|
83
|
-
export const ColorSecondaryRed900 = "#
|
|
84
|
-
export const ColorSecondaryOrange100 = "#
|
|
85
|
-
export const ColorSecondaryOrange200 = "#
|
|
86
|
-
export const ColorSecondaryOrange300 = "#
|
|
87
|
-
export const ColorSecondaryOrange400 = "#
|
|
88
|
-
export const ColorSecondaryOrange500 = "#
|
|
89
|
-
export const ColorSecondaryOrange600 = "#
|
|
90
|
-
export const ColorSecondaryOrange700 = "#
|
|
91
|
-
export const ColorSecondaryOrange800 = "#
|
|
92
|
-
export const ColorSecondaryOrange900 = "#
|
|
75
|
+
export const ColorSecondaryRed100 = "#feedee";
|
|
76
|
+
export const ColorSecondaryRed200 = "#fab9bc";
|
|
77
|
+
export const ColorSecondaryRed300 = "#f38789";
|
|
78
|
+
export const ColorSecondaryRed400 = "#ea5d58";
|
|
79
|
+
export const ColorSecondaryRed500 = "#df382b";
|
|
80
|
+
export const ColorSecondaryRed600 = "#b42a27";
|
|
81
|
+
export const ColorSecondaryRed700 = "#8b2226";
|
|
82
|
+
export const ColorSecondaryRed800 = "#641b21";
|
|
83
|
+
export const ColorSecondaryRed900 = "#3e1219";
|
|
84
|
+
export const ColorSecondaryOrange100 = "#fff5eb";
|
|
85
|
+
export const ColorSecondaryOrange200 = "#ffdab2";
|
|
86
|
+
export const ColorSecondaryOrange300 = "#ffc17d";
|
|
87
|
+
export const ColorSecondaryOrange400 = "#ffab4b";
|
|
88
|
+
export const ColorSecondaryOrange500 = "#fc961e";
|
|
89
|
+
export const ColorSecondaryOrange600 = "#c86f21";
|
|
90
|
+
export const ColorSecondaryOrange700 = "#974f20";
|
|
91
|
+
export const ColorSecondaryOrange800 = "#6a351c";
|
|
92
|
+
export const ColorSecondaryOrange900 = "#401f15";
|
|
93
93
|
export const ColorSecondaryYellow100 = "#fff8e2";
|
|
94
94
|
export const ColorSecondaryYellow200 = "#ffebaf";
|
|
95
95
|
export const ColorSecondaryYellow300 = "#fee07d";
|
|
@@ -135,35 +135,37 @@ export const ColorSuccess600 = "#188803";
|
|
|
135
135
|
export const ColorSuccess700 = "#006902";
|
|
136
136
|
export const ColorSuccess800 = "#035010";
|
|
137
137
|
export const ColorSuccess900 = "#023618";
|
|
138
|
+
export const ColorBreadcrumbArrow = "#333333";
|
|
139
|
+
export const ColorBreadcrumbArrowInvert = "#ffffff";
|
|
138
140
|
export const ColorButtonSolidBackground = "#007f8c";
|
|
139
141
|
export const ColorButtonSolidFont = "#ffffff";
|
|
140
142
|
export const ColorButtonSolidFocusBorder = "#006974";
|
|
141
|
-
export const ColorButtonSolidDisabledBackground = "#
|
|
142
|
-
export const ColorButtonSolidDisabledFont = "#
|
|
143
|
+
export const ColorButtonSolidDisabledBackground = "#cccccc";
|
|
144
|
+
export const ColorButtonSolidDisabledFont = "#666666";
|
|
143
145
|
export const ColorButtonSolidActiveBackground = "#006974";
|
|
144
146
|
export const ColorButtonSolidHoverBackground = "#006974";
|
|
145
147
|
export const ColorButtonSolidHoverFont = "#ffffff";
|
|
146
|
-
export const ColorButtonSolidPrimary02Background = "#
|
|
148
|
+
export const ColorButtonSolidPrimary02Background = "#6a7081";
|
|
147
149
|
export const ColorButtonSolidPrimary02Font = "#ffffff";
|
|
148
|
-
export const ColorButtonSolidPrimary02FocusBorder = "#
|
|
149
|
-
export const ColorButtonSolidPrimary02DisabledBackground = "#
|
|
150
|
-
export const ColorButtonSolidPrimary02DisabledFont = "#
|
|
151
|
-
export const ColorButtonSolidPrimary02ActiveBackground = "#
|
|
152
|
-
export const ColorButtonSolidPrimary02HoverBackground = "#
|
|
150
|
+
export const ColorButtonSolidPrimary02FocusBorder = "#171b26";
|
|
151
|
+
export const ColorButtonSolidPrimary02DisabledBackground = "#cccccc";
|
|
152
|
+
export const ColorButtonSolidPrimary02DisabledFont = "#666666";
|
|
153
|
+
export const ColorButtonSolidPrimary02ActiveBackground = "#171b26";
|
|
154
|
+
export const ColorButtonSolidPrimary02HoverBackground = "#242938";
|
|
153
155
|
export const ColorButtonSolidPrimary02HoverFont = "#ffffff";
|
|
154
|
-
export const ColorButtonSolidNeutralBackground = "#
|
|
156
|
+
export const ColorButtonSolidNeutralBackground = "#333333";
|
|
155
157
|
export const ColorButtonSolidNeutralFont = "#ffffff";
|
|
156
|
-
export const ColorButtonSolidNeutralFocusBorder = "#
|
|
157
|
-
export const ColorButtonSolidNeutralDisabledBackground = "#
|
|
158
|
-
export const ColorButtonSolidNeutralDisabledFont = "#
|
|
159
|
-
export const ColorButtonSolidNeutralActiveBackground = "#
|
|
160
|
-
export const ColorButtonSolidNeutralHoverBackground = "#
|
|
158
|
+
export const ColorButtonSolidNeutralFocusBorder = "#191919";
|
|
159
|
+
export const ColorButtonSolidNeutralDisabledBackground = "#cccccc";
|
|
160
|
+
export const ColorButtonSolidNeutralDisabledFont = "#666666";
|
|
161
|
+
export const ColorButtonSolidNeutralActiveBackground = "#333333";
|
|
162
|
+
export const ColorButtonSolidNeutralHoverBackground = "#191919";
|
|
161
163
|
export const ColorButtonSolidNeutralHoverFont = "#ffffff";
|
|
162
|
-
export const ColorButtonSolidDangerBackground = "#
|
|
164
|
+
export const ColorButtonSolidDangerBackground = "#b42a27";
|
|
163
165
|
export const ColorButtonSolidDangerFont = "#ffffff";
|
|
164
166
|
export const ColorButtonSolidDangerFocusBorder = "#8c0003";
|
|
165
|
-
export const ColorButtonSolidDangerDisabledBackground = "#
|
|
166
|
-
export const ColorButtonSolidDangerDisabledFont = "#
|
|
167
|
+
export const ColorButtonSolidDangerDisabledBackground = "#cccccc";
|
|
168
|
+
export const ColorButtonSolidDangerDisabledFont = "#666666";
|
|
167
169
|
export const ColorButtonSolidDangerActiveBackground = "#8c0003";
|
|
168
170
|
export const ColorButtonSolidDangerHoverBackground = "#8c0003";
|
|
169
171
|
export const ColorButtonSolidDangerHoverFont = "#ffffff";
|
|
@@ -171,45 +173,51 @@ export const ColorButtonBorderedBackground = "#ffffff";
|
|
|
171
173
|
export const ColorButtonBorderedBorder = "#007f8c";
|
|
172
174
|
export const ColorButtonBorderedFont = "#007f8c";
|
|
173
175
|
export const ColorButtonBorderedFocusBorder = "#006974";
|
|
174
|
-
export const ColorButtonBorderedDisabledBackground = "#
|
|
175
|
-
export const ColorButtonBorderedDisabledFont = "#
|
|
176
|
+
export const ColorButtonBorderedDisabledBackground = "#cccccc";
|
|
177
|
+
export const ColorButtonBorderedDisabledFont = "#666666";
|
|
176
178
|
export const ColorButtonBorderedActiveBackground = "#91d5db";
|
|
177
179
|
export const ColorButtonBorderedHoverBackground = "#d9f0f3";
|
|
178
180
|
export const ColorButtonBorderedPrimary02Background = "#ffffff";
|
|
179
|
-
export const ColorButtonBorderedPrimary02Border = "#
|
|
180
|
-
export const ColorButtonBorderedPrimary02Font = "#
|
|
181
|
-
export const ColorButtonBorderedPrimary02FocusBorder = "#
|
|
182
|
-
export const ColorButtonBorderedPrimary02DisabledBackground = "#
|
|
183
|
-
export const ColorButtonBorderedPrimary02DisabledFont = "#
|
|
184
|
-
export const ColorButtonBorderedPrimary02ActiveBackground = "#
|
|
185
|
-
export const ColorButtonBorderedPrimary02HoverBackground = "#
|
|
181
|
+
export const ColorButtonBorderedPrimary02Border = "#6a7081";
|
|
182
|
+
export const ColorButtonBorderedPrimary02Font = "#6a7081";
|
|
183
|
+
export const ColorButtonBorderedPrimary02FocusBorder = "#171b26";
|
|
184
|
+
export const ColorButtonBorderedPrimary02DisabledBackground = "#cccccc";
|
|
185
|
+
export const ColorButtonBorderedPrimary02DisabledFont = "#666666";
|
|
186
|
+
export const ColorButtonBorderedPrimary02ActiveBackground = "#cfd2d8";
|
|
187
|
+
export const ColorButtonBorderedPrimary02HoverBackground = "#eeeff1";
|
|
186
188
|
export const ColorButtonBorderedNeutralBackground = "#ffffff";
|
|
187
|
-
export const ColorButtonBorderedNeutralBorder = "#
|
|
188
|
-
export const ColorButtonBorderedNeutralFont = "#
|
|
189
|
-
export const ColorButtonBorderedNeutralFocusBorder = "#
|
|
190
|
-
export const ColorButtonBorderedNeutralDisabledBackground = "#
|
|
191
|
-
export const ColorButtonBorderedNeutralDisabledFont = "#
|
|
192
|
-
export const ColorButtonBorderedNeutralActiveBackground = "#
|
|
193
|
-
export const ColorButtonBorderedNeutralHoverBackground = "#
|
|
189
|
+
export const ColorButtonBorderedNeutralBorder = "#333333";
|
|
190
|
+
export const ColorButtonBorderedNeutralFont = "#333333";
|
|
191
|
+
export const ColorButtonBorderedNeutralFocusBorder = "#191919";
|
|
192
|
+
export const ColorButtonBorderedNeutralDisabledBackground = "#cccccc";
|
|
193
|
+
export const ColorButtonBorderedNeutralDisabledFont = "#666666";
|
|
194
|
+
export const ColorButtonBorderedNeutralActiveBackground = "#cccccc";
|
|
195
|
+
export const ColorButtonBorderedNeutralHoverBackground = "#e6e6e6";
|
|
194
196
|
export const ColorButtonBorderedDangerBackground = "#ffffff";
|
|
195
|
-
export const ColorButtonBorderedDangerBorder = "#
|
|
196
|
-
export const ColorButtonBorderedDangerFont = "#
|
|
197
|
-
export const ColorButtonBorderedDangerFocusBorder = "#
|
|
198
|
-
export const ColorButtonBorderedDangerDisabledBackground = "#
|
|
199
|
-
export const ColorButtonBorderedDangerDisabledFont = "#
|
|
200
|
-
export const ColorButtonBorderedDangerActiveBackground = "#
|
|
201
|
-
export const ColorButtonBorderedDangerHoverBackground = "#
|
|
197
|
+
export const ColorButtonBorderedDangerBorder = "#b42a27";
|
|
198
|
+
export const ColorButtonBorderedDangerFont = "#b42a27";
|
|
199
|
+
export const ColorButtonBorderedDangerFocusBorder = "#8b2226";
|
|
200
|
+
export const ColorButtonBorderedDangerDisabledBackground = "#cccccc";
|
|
201
|
+
export const ColorButtonBorderedDangerDisabledFont = "#666666";
|
|
202
|
+
export const ColorButtonBorderedDangerActiveBackground = "#fab9bc";
|
|
203
|
+
export const ColorButtonBorderedDangerHoverBackground = "#feedee";
|
|
204
|
+
export const ColorCardBorderedBackground = "#ffffff";
|
|
205
|
+
export const ColorCardBorderedBorder = "#808080";
|
|
206
|
+
export const ColorDialogBackground = "#ffffff";
|
|
207
|
+
export const ColorDialogIcon = "#666666";
|
|
208
|
+
export const ColorDialogClose = "#808080";
|
|
209
|
+
export const ColorDialogFooterShadow = "#191919";
|
|
202
210
|
export const ColorDividerLightest = "#ffffff";
|
|
203
|
-
export const ColorDividerLight = "#
|
|
204
|
-
export const ColorDividerDefault = "#
|
|
211
|
+
export const ColorDividerLight = "#b3b3b3";
|
|
212
|
+
export const ColorDividerDefault = "#666666";
|
|
205
213
|
export const ColorDividerDark = "#000000";
|
|
206
214
|
export const ColorFieldsError = "#c61112";
|
|
207
|
-
export const ColorFieldsLabel = "#
|
|
208
|
-
export const ColorFieldsRequirement = "#
|
|
209
|
-
export const ColorFieldsHelp = "#
|
|
215
|
+
export const ColorFieldsLabel = "#333333";
|
|
216
|
+
export const ColorFieldsRequirement = "#666666";
|
|
217
|
+
export const ColorFieldsHelp = "#666666";
|
|
210
218
|
export const ColorFileuploaderFont = "#000000";
|
|
211
|
-
export const ColorFileuploaderFilesList = "#
|
|
212
|
-
export const ColorFileuploaderFilesDelete = "#
|
|
219
|
+
export const ColorFileuploaderFilesList = "#e6e6e6";
|
|
220
|
+
export const ColorFileuploaderFilesDelete = "#cccccc";
|
|
213
221
|
export const ColorFileuploaderValid = "#00919f";
|
|
214
222
|
export const ColorFileuploaderAlert = "#c61112";
|
|
215
223
|
export const ColorFlagSolidBackground = "#007f8c";
|
|
@@ -224,8 +232,8 @@ export const ColorFlagSolidDarkText = "#ffffff";
|
|
|
224
232
|
export const ColorFlagSolidLightBackground = "#ffffff";
|
|
225
233
|
export const ColorFlagSolidLightBorder = "#ffffff";
|
|
226
234
|
export const ColorFlagSolidLightText = "#000000";
|
|
227
|
-
export const ColorFlagSolidDangerBackground = "#
|
|
228
|
-
export const ColorFlagSolidDangerBorder = "#
|
|
235
|
+
export const ColorFlagSolidDangerBackground = "#b42a27";
|
|
236
|
+
export const ColorFlagSolidDangerBorder = "#b42a27";
|
|
229
237
|
export const ColorFlagSolidDangerText = "#ffffff";
|
|
230
238
|
export const ColorFlagBorderedBackground = "#ffffff";
|
|
231
239
|
export const ColorFlagBorderedBorder = "#007f8c";
|
|
@@ -240,29 +248,32 @@ export const ColorFlagBorderedLightBackground = "#000000";
|
|
|
240
248
|
export const ColorFlagBorderedLightBorder = "#ffffff";
|
|
241
249
|
export const ColorFlagBorderedLightText = "#ffffff";
|
|
242
250
|
export const ColorFlagBorderedDangerBackground = "#ffffff";
|
|
243
|
-
export const ColorFlagBorderedDangerBorder = "#
|
|
244
|
-
export const ColorFlagBorderedDangerText = "#
|
|
251
|
+
export const ColorFlagBorderedDangerBorder = "#b42a27";
|
|
252
|
+
export const ColorFlagBorderedDangerText = "#b42a27";
|
|
245
253
|
export const ColorFocusGap = "#ffffff";
|
|
246
254
|
export const ColorFocusBorder = "#758992";
|
|
247
|
-
export const ColorFontPrimary01 = "#
|
|
248
|
-
export const ColorFontPrimary02 = "#
|
|
255
|
+
export const ColorFontPrimary01 = "#00919f";
|
|
256
|
+
export const ColorFontPrimary02 = "#6a7081";
|
|
249
257
|
export const ColorFontDarkest = "#000000";
|
|
250
|
-
export const ColorFontDarker = "#
|
|
251
|
-
export const ColorFontDark = "#
|
|
252
|
-
export const ColorFontLight = "#
|
|
258
|
+
export const ColorFontDarker = "#191919";
|
|
259
|
+
export const ColorFontDark = "#333333";
|
|
260
|
+
export const ColorFontLight = "#666666";
|
|
253
261
|
export const ColorFontLightest = "#ffffff";
|
|
254
262
|
export const ColorFontInfo = "#007bb4";
|
|
255
263
|
export const ColorFontSuccess = "#188803";
|
|
256
264
|
export const ColorFontWarning = "#c65200";
|
|
257
265
|
export const ColorFontDanger = "#c61112";
|
|
258
|
-
export const
|
|
259
|
-
export const
|
|
260
|
-
export const
|
|
266
|
+
export const ColorHeadingUnderlineDefault = "#00919f";
|
|
267
|
+
export const ColorHeadingUnderlineLightest = "#91d5db";
|
|
268
|
+
export const ColorHeroCoverBackground = "#191919";
|
|
269
|
+
export const ColorInputText = "#191919";
|
|
270
|
+
export const ColorInputBorder = "#666666";
|
|
271
|
+
export const ColorInputPlaceholder = "#808080";
|
|
261
272
|
export const ColorInputBackground = "#ffffff";
|
|
262
|
-
export const ColorInputDisabledBorder = "#
|
|
263
|
-
export const ColorInputDisabledBackground = "#
|
|
264
|
-
export const ColorInputDisabledIcon = "#
|
|
265
|
-
export const ColorInputHoverBorder = "#
|
|
273
|
+
export const ColorInputDisabledBorder = "#e6e6e6";
|
|
274
|
+
export const ColorInputDisabledBackground = "#e6e6e6";
|
|
275
|
+
export const ColorInputDisabledIcon = "#999999";
|
|
276
|
+
export const ColorInputHoverBorder = "#191919";
|
|
266
277
|
export const ColorInputFocusBorder = "#758992";
|
|
267
278
|
export const ColorInputValidBorder = "#46a610";
|
|
268
279
|
export const ColorInputValidHoverBorder = "#035010";
|
|
@@ -273,119 +284,151 @@ export const ColorInputCheckedBackground = "#00919f";
|
|
|
273
284
|
export const ColorInputCheckedIcon = "#ffffff";
|
|
274
285
|
export const ColorInputCheckedHoverBorder = "#004e57";
|
|
275
286
|
export const ColorLinkDarkBase = "#000000";
|
|
276
|
-
export const ColorLinkDarkVisited = "#
|
|
277
|
-
export const ColorLinkDarkActive = "#
|
|
278
|
-
export const ColorLinkDarkDisabled = "#
|
|
279
|
-
export const ColorLinkDarkHover = "#
|
|
287
|
+
export const ColorLinkDarkVisited = "#333333";
|
|
288
|
+
export const ColorLinkDarkActive = "#333333";
|
|
289
|
+
export const ColorLinkDarkDisabled = "#e6e6e6";
|
|
290
|
+
export const ColorLinkDarkHover = "#666666";
|
|
280
291
|
export const ColorLinkLightBase = "#ffffff";
|
|
281
|
-
export const ColorLinkLightVisited = "#
|
|
282
|
-
export const ColorLinkLightActive = "#
|
|
283
|
-
export const ColorLinkLightDisabled = "#
|
|
284
|
-
export const ColorLinkLightHover = "#
|
|
292
|
+
export const ColorLinkLightVisited = "#cccccc";
|
|
293
|
+
export const ColorLinkLightActive = "#cccccc";
|
|
294
|
+
export const ColorLinkLightDisabled = "#e6e6e6";
|
|
295
|
+
export const ColorLinkLightHover = "#999999";
|
|
285
296
|
export const ColorLinkPrimaryBase = "#007f8c";
|
|
286
297
|
export const ColorLinkPrimaryVisited = "#006974";
|
|
287
298
|
export const ColorLinkPrimaryActive = "#006974";
|
|
288
|
-
export const ColorLinkPrimaryDisabled = "#
|
|
289
|
-
export const ColorLinkPrimaryHover = "#
|
|
290
|
-
export const ColorLinkPrimary02Base = "#
|
|
291
|
-
export const ColorLinkPrimary02Visited = "#
|
|
292
|
-
export const ColorLinkPrimary02Active = "#
|
|
293
|
-
export const ColorLinkPrimary02Disabled = "#
|
|
294
|
-
export const ColorLinkPrimary02Hover = "#
|
|
295
|
-
export const ColorLinkDangerBase = "#
|
|
296
|
-
export const ColorLinkDangerVisited = "#
|
|
297
|
-
export const ColorLinkDangerActive = "#
|
|
298
|
-
export const ColorLinkDangerDisabled = "#
|
|
299
|
-
export const ColorLinkDangerHover = "#
|
|
299
|
+
export const ColorLinkPrimaryDisabled = "#e6e6e6";
|
|
300
|
+
export const ColorLinkPrimaryHover = "#002e33";
|
|
301
|
+
export const ColorLinkPrimary02Base = "#494f60";
|
|
302
|
+
export const ColorLinkPrimary02Visited = "#343b4c";
|
|
303
|
+
export const ColorLinkPrimary02Active = "#343b4c";
|
|
304
|
+
export const ColorLinkPrimary02Disabled = "#e6e6e6";
|
|
305
|
+
export const ColorLinkPrimary02Hover = "#171b26";
|
|
306
|
+
export const ColorLinkDangerBase = "#b42a27";
|
|
307
|
+
export const ColorLinkDangerVisited = "#8b2226";
|
|
308
|
+
export const ColorLinkDangerActive = "#8b2226";
|
|
309
|
+
export const ColorLinkDangerDisabled = "#e6e6e6";
|
|
310
|
+
export const ColorLinkDangerHover = "#3e1219";
|
|
300
311
|
export const ColorNotificationFont = "#000000";
|
|
301
312
|
export const ColorNotificationInformationBackground = "#daeff7";
|
|
302
313
|
export const ColorNotificationInformationBorder = "#0b96cc";
|
|
303
|
-
export const ColorNotificationInformationIcon = "#007bb4";
|
|
304
314
|
export const ColorNotificationSuccessBackground = "#ebf5de";
|
|
305
315
|
export const ColorNotificationSuccessBorder = "#46a610";
|
|
306
|
-
export const ColorNotificationSuccessIcon = "#188803";
|
|
307
316
|
export const ColorNotificationWarningBackground = "#fdf1e8";
|
|
308
317
|
export const ColorNotificationWarningBorder = "#ea7315";
|
|
309
|
-
export const ColorNotificationWarningIcon = "#c65200";
|
|
310
318
|
export const ColorNotificationDangerBackground = "#fdeaea";
|
|
311
319
|
export const ColorNotificationDangerBorder = "#ea302d";
|
|
312
|
-
export const
|
|
313
|
-
export const
|
|
320
|
+
export const ColorOptionButtonLabelShadow = "#b3b3b3";
|
|
321
|
+
export const ColorOptionButtonHoverLabelShadow = "#333333";
|
|
322
|
+
export const ColorOptionButtonCheckedLabelBorder = "#00919f";
|
|
323
|
+
export const ColorOptionButtonCheckedLabelShadow = "#d9f0f3";
|
|
324
|
+
export const ColorOptionButtonDisabledLabelBackground = "#cccccc";
|
|
325
|
+
export const ColorOptionCardLabelShadow = "#b3b3b3";
|
|
326
|
+
export const ColorOptionCardHoverLabelShadow = "#333333";
|
|
327
|
+
export const ColorOptionCardCheckedLabelBorder = "#00919f";
|
|
328
|
+
export const ColorOptionCardCheckedLabelShadow = "#d9f0f3";
|
|
329
|
+
export const ColorOverlayBackground = "#191919";
|
|
330
|
+
export const ColorOverlayLoaderBackground = "#082435";
|
|
331
|
+
export const ColorPasswordInputButtonHoverBackground = "#e6e6e6";
|
|
332
|
+
export const ColorPhoneNumberButtonBorder = "#666666";
|
|
333
|
+
export const ColorPhoneNumberListBackground = "#ffffff";
|
|
334
|
+
export const ColorPhoneNumberItemBorder = "#b3b3b3";
|
|
335
|
+
export const ColorPhoneNumberItemFocusBackground = "#e6e6e6";
|
|
336
|
+
export const ColorProgressBackground = "#cccccc";
|
|
314
337
|
export const ColorProgressIndicator = "#007bb4";
|
|
315
|
-
export const ColorProgressPercentageDefault = "#
|
|
338
|
+
export const ColorProgressPercentageDefault = "#191919";
|
|
316
339
|
export const ColorProgressPercentageHalf = "#ffffff";
|
|
317
340
|
export const ColorProgressBrandedIndicator = "#00919f";
|
|
318
|
-
export const ColorStarEmpty = "#
|
|
341
|
+
export const ColorStarEmpty = "#ffffff";
|
|
319
342
|
export const ColorStarFocus = "#758992";
|
|
320
343
|
export const ColorStarFull = "#ea7315";
|
|
321
|
-
export const ColorStarHover = "#
|
|
344
|
+
export const ColorStarHover = "#ffc17d";
|
|
345
|
+
export const ColorStepperItemBackground = "#999999";
|
|
346
|
+
export const ColorStepperItemCurrentBackground = "#009eac";
|
|
347
|
+
export const ColorStepperLinkHoverText = "#009eac";
|
|
348
|
+
export const ColorStepperIndicatorBackground = "#ffffff";
|
|
349
|
+
export const ColorStepperIndicatorBorder = "#999999";
|
|
350
|
+
export const ColorStepperIndicatorCurrentBackground = "#009eac";
|
|
351
|
+
export const ColorStepperIndicatorCurrentBorder = "#009eac";
|
|
352
|
+
export const ColorStepperIcon = "#009eac";
|
|
353
|
+
export const ColorStepperTitle = "#009eac";
|
|
322
354
|
export const ColorTabsBackground = "#ffffff";
|
|
323
355
|
export const ColorTabsShadow = "#000000";
|
|
324
|
-
export const ColorTabsDefault = "#
|
|
325
|
-
export const ColorTabsHover = "#
|
|
326
|
-
export const ColorTabsDisabled = "#
|
|
327
|
-
export const ColorTabsActive = "#
|
|
356
|
+
export const ColorTabsDefault = "#191919";
|
|
357
|
+
export const ColorTabsHover = "#007f8c";
|
|
358
|
+
export const ColorTabsDisabled = "#666666";
|
|
359
|
+
export const ColorTabsActive = "#00919f";
|
|
328
360
|
export const ColorTabsActiveDisabled = "#91d5db";
|
|
329
361
|
export const ColorTagTextLightBackground = "#ffffff";
|
|
330
|
-
export const ColorTagTextLightBorder = "#
|
|
331
|
-
export const ColorTagTextLightText = "#
|
|
332
|
-
export const ColorTagTextDarkBackground = "#
|
|
362
|
+
export const ColorTagTextLightBorder = "#808080";
|
|
363
|
+
export const ColorTagTextLightText = "#191919";
|
|
364
|
+
export const ColorTagTextDarkBackground = "#191919";
|
|
333
365
|
export const ColorTagTextDarkBorder = "#ffffff";
|
|
334
366
|
export const ColorTagTextDarkText = "#ffffff";
|
|
335
367
|
export const ColorTagLinkLightBackground = "#ffffff";
|
|
336
|
-
export const ColorTagLinkLightBorder = "#
|
|
337
|
-
export const ColorTagLinkLightText = "#
|
|
338
|
-
export const ColorTagLinkLightHoverBackground = "#
|
|
339
|
-
export const ColorTagLinkLightActiveBackground = "#
|
|
340
|
-
export const ColorTagLinkDarkBackground = "#
|
|
368
|
+
export const ColorTagLinkLightBorder = "#808080";
|
|
369
|
+
export const ColorTagLinkLightText = "#191919";
|
|
370
|
+
export const ColorTagLinkLightHoverBackground = "#e6e6e6";
|
|
371
|
+
export const ColorTagLinkLightActiveBackground = "#cccccc";
|
|
372
|
+
export const ColorTagLinkDarkBackground = "#191919";
|
|
341
373
|
export const ColorTagLinkDarkBorder = "#ffffff";
|
|
342
374
|
export const ColorTagLinkDarkText = "#ffffff";
|
|
343
|
-
export const ColorTagLinkDarkHoverBackground = "#
|
|
344
|
-
export const ColorTagLinkDarkActiveBackground = "#
|
|
375
|
+
export const ColorTagLinkDarkHoverBackground = "#333333";
|
|
376
|
+
export const ColorTagLinkDarkActiveBackground = "#4d4d4d";
|
|
345
377
|
export const ColorTagSelectableLightBackground = "#ffffff";
|
|
346
|
-
export const ColorTagSelectableLightBorder = "#
|
|
347
|
-
export const ColorTagSelectableLightText = "#
|
|
378
|
+
export const ColorTagSelectableLightBorder = "#808080";
|
|
379
|
+
export const ColorTagSelectableLightText = "#191919";
|
|
348
380
|
export const ColorTagSelectableLightHoverBackground = "#48bac4";
|
|
349
381
|
export const ColorTagSelectableLightActiveBackground = "#004e57";
|
|
350
382
|
export const ColorTagSelectableLightActiveBorder = "#004e57";
|
|
351
383
|
export const ColorTagSelectableLightActiveText = "#ffffff";
|
|
352
|
-
export const ColorTagSelectableLightDisabledBackground = "#
|
|
353
|
-
export const ColorTagSelectableLightDisabledText = "#
|
|
384
|
+
export const ColorTagSelectableLightDisabledBackground = "#e6e6e6";
|
|
385
|
+
export const ColorTagSelectableLightDisabledText = "#808080";
|
|
354
386
|
export const ColorTagSelectableLightSelectedBackground = "#007f8c";
|
|
355
387
|
export const ColorTagSelectableLightSelectedText = "#ffffff";
|
|
356
388
|
export const ColorTagSelectableLightSelectedHoverBackground = "#006974";
|
|
357
|
-
export const ColorTagSelectableDarkBackground = "#
|
|
389
|
+
export const ColorTagSelectableDarkBackground = "#191919";
|
|
358
390
|
export const ColorTagSelectableDarkBorder = "#ffffff";
|
|
359
391
|
export const ColorTagSelectableDarkText = "#ffffff";
|
|
360
392
|
export const ColorTagSelectableDarkHoverBackground = "#006974";
|
|
361
393
|
export const ColorTagSelectableDarkActiveBackground = "#91d5db";
|
|
362
394
|
export const ColorTagSelectableDarkActiveBorder = "#91d5db";
|
|
363
|
-
export const ColorTagSelectableDarkActiveText = "#
|
|
395
|
+
export const ColorTagSelectableDarkActiveText = "#191919";
|
|
364
396
|
export const ColorTagSelectableDarkSelectedBackground = "#009eac";
|
|
365
397
|
export const ColorTagSelectableDarkSelectedBorder = "#009eac";
|
|
366
|
-
export const ColorTagSelectableDarkSelectedText = "#
|
|
398
|
+
export const ColorTagSelectableDarkSelectedText = "#191919";
|
|
367
399
|
export const ColorTagSelectableDarkSelectedHoverBackground = "#48bac4";
|
|
368
|
-
export const ColorTagSelectableDarkDisabledBackground = "#
|
|
369
|
-
export const ColorTagSelectableDarkDisabledText = "#
|
|
370
|
-
export const ColorTagRemovableLightBackground = "#
|
|
400
|
+
export const ColorTagSelectableDarkDisabledBackground = "#4d4d4d";
|
|
401
|
+
export const ColorTagSelectableDarkDisabledText = "#808080";
|
|
402
|
+
export const ColorTagRemovableLightBackground = "#333333";
|
|
371
403
|
export const ColorTagRemovableLightText = "#ffffff";
|
|
372
|
-
export const ColorTagRemovableLightIcon = "#
|
|
373
|
-
export const ColorTagRemovableLightHoverBackground = "#
|
|
374
|
-
export const ColorTagRemovableLightActiveBackground = "#
|
|
375
|
-
export const ColorTagRemovableDarkBackground = "#
|
|
376
|
-
export const ColorTagRemovableDarkText = "#
|
|
377
|
-
export const ColorTagRemovableDarkIcon = "#
|
|
378
|
-
export const ColorTagRemovableDarkHoverBackground = "#
|
|
379
|
-
export const ColorTagRemovableDarkActiveBackground = "#
|
|
380
|
-
export const ColorToggleOffBackground = "#
|
|
404
|
+
export const ColorTagRemovableLightIcon = "#cccccc";
|
|
405
|
+
export const ColorTagRemovableLightHoverBackground = "#4d4d4d";
|
|
406
|
+
export const ColorTagRemovableLightActiveBackground = "#666666";
|
|
407
|
+
export const ColorTagRemovableDarkBackground = "#cccccc";
|
|
408
|
+
export const ColorTagRemovableDarkText = "#191919";
|
|
409
|
+
export const ColorTagRemovableDarkIcon = "#191919";
|
|
410
|
+
export const ColorTagRemovableDarkHoverBackground = "#b3b3b3";
|
|
411
|
+
export const ColorTagRemovableDarkActiveBackground = "#999999";
|
|
412
|
+
export const ColorToggleOffBackground = "#666666";
|
|
381
413
|
export const ColorToggleOffCircle = "#ffffff";
|
|
382
414
|
export const ColorToggleOnBackground = "#00919f";
|
|
383
415
|
export const ColorToggleOnCircle = "#ffffff";
|
|
384
|
-
export const ColorToggleHoverCircle = "#
|
|
385
|
-
export const ColorToggleDisabledBackground = "#
|
|
386
|
-
export const ColorToggleDisabledCircle = "#
|
|
416
|
+
export const ColorToggleHoverCircle = "#e6e6e6";
|
|
417
|
+
export const ColorToggleDisabledBackground = "#e6e6e6";
|
|
418
|
+
export const ColorToggleDisabledCircle = "#b3b3b3";
|
|
387
419
|
export const ColorToggleDisabledCheckedBackground = "#91d5db";
|
|
388
420
|
export const ColorToggleDisabledCheckedCircle = "#ffffff";
|
|
421
|
+
export const ColorTooltipBackground = "#4d4d4d";
|
|
422
|
+
export const ColorTooltipBorder = "#ffffff";
|
|
423
|
+
export const ColorSecondarySandgrey100 = "#eeedea";
|
|
424
|
+
export const ColorSecondarySandgrey200 = "#dddcd5";
|
|
425
|
+
export const ColorSecondarySandgrey300 = "#c2c1ba";
|
|
426
|
+
export const ColorSecondarySandgrey400 = "#a7a6a0";
|
|
427
|
+
export const ColorSecondarySandgrey500 = "#8c8b85";
|
|
428
|
+
export const ColorSecondarySandgrey600 = "#71706b";
|
|
429
|
+
export const ColorSecondarySandgrey700 = "#555550";
|
|
430
|
+
export const ColorSecondarySandgrey800 = "#3a3936";
|
|
431
|
+
export const ColorSecondarySandgrey900 = "#1e1e1c";
|
|
389
432
|
export const Preset = "adeo";
|
|
390
433
|
export const RadiusS = 2;
|
|
391
434
|
export const RadiusM = 4;
|