@mozaic-ds/vue 0.23.0 → 1.0.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 +43 -43
- package/dist/mozaic-vue.adeo.umd.js +1319 -3718
- package/dist/mozaic-vue.common.js +1319 -3718
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +1321 -3720
- 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 +4 -4
- package/src/components/autocomplete/MAutocomplete.vue +93 -151
- package/src/components/checkbox/MCheckboxGroup.vue +0 -8
- package/src/components/datatable/MDataTable.vue +162 -290
- package/src/components/datatable/MDataTableTop.vue +35 -0
- package/src/components/icon/MIcon.vue +2 -18
- package/src/components/index.js +1 -1
- package/src/components/listbox/MListBox.vue +41 -213
- package/src/components/listbox/index.js +1 -6
- package/src/components/phonenumber/MPhoneNumber.vue +2 -5
- package/src/components/quantityselector/MQuantitySelector.vue +2 -10
- package/src/components/ratingstars/MStarsInput.vue +0 -1
- package/src/components/stepper/MStepper.vue +27 -68
- package/src/components/tabs/MTab.vue +55 -65
- package/src/components/textinput/MTextInputField.vue +1 -0
- package/src/index.js +1 -1
- package/src/tokens/adeo/android/colors.xml +166 -209
- package/src/tokens/adeo/css/_variables.scss +166 -209
- package/src/tokens/adeo/css/root.scss +46 -89
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +5 -48
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +171 -214
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +166 -209
- package/src/tokens/adeo/js/tokens.js +166 -209
- package/src/tokens/adeo/js/tokensObject.js +310 -1285
- package/src/tokens/adeo/scss/_tokens.scss +174 -344
- package/types/index.d.ts +0 -2
- package/src/components/listbox/MListBoxActions.vue +0 -251
|
@@ -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 = "#eeedea";
|
|
17
|
+
export const ColorBadgeNeutralBorder = "#8c8b85";
|
|
18
|
+
export const ColorBadgeNeutralText = "#555550";
|
|
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 = "#dbedea";
|
|
29
|
+
export const ColorPrimary02200 = "#a5d1cb";
|
|
30
|
+
export const ColorPrimary02300 = "#6eb4ad";
|
|
31
|
+
export const ColorPrimary02400 = "#379590";
|
|
32
|
+
export const ColorPrimary02500 = "#007574";
|
|
33
|
+
export const ColorPrimary02600 = "#035f64";
|
|
34
|
+
export const ColorPrimary02700 = "#044c53";
|
|
35
|
+
export const ColorPrimary02800 = "#063a44";
|
|
36
|
+
export const ColorPrimary02900 = "#062b35";
|
|
37
|
+
export const ColorGrey100 = "#eeedea";
|
|
38
|
+
export const ColorGrey200 = "#dddcd5";
|
|
39
|
+
export const ColorGrey300 = "#c2c1ba";
|
|
40
|
+
export const ColorGrey400 = "#a7a6a0";
|
|
41
|
+
export const ColorGrey500 = "#8c8b85";
|
|
42
|
+
export const ColorGrey600 = "#71706b";
|
|
43
|
+
export const ColorGrey700 = "#555550";
|
|
44
|
+
export const ColorGrey800 = "#3a3936";
|
|
45
|
+
export const ColorGrey900 = "#1e1e1c";
|
|
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 = "#fdeaea";
|
|
76
|
+
export const ColorSecondaryRed200 = "#f8bcbb";
|
|
77
|
+
export const ColorSecondaryRed300 = "#f38d8c";
|
|
78
|
+
export const ColorSecondaryRed400 = "#ef5f5c";
|
|
79
|
+
export const ColorSecondaryRed500 = "#ea302d";
|
|
80
|
+
export const ColorSecondaryRed600 = "#c61112";
|
|
81
|
+
export const ColorSecondaryRed700 = "#8c0003";
|
|
82
|
+
export const ColorSecondaryRed800 = "#530000";
|
|
83
|
+
export const ColorSecondaryRed900 = "#2d0000";
|
|
84
|
+
export const ColorSecondaryOrange100 = "#fdf1e8";
|
|
85
|
+
export const ColorSecondaryOrange200 = "#f8d2b3";
|
|
86
|
+
export const ColorSecondaryOrange300 = "#f4b27e";
|
|
87
|
+
export const ColorSecondaryOrange400 = "#ef934a";
|
|
88
|
+
export const ColorSecondaryOrange500 = "#ea7315";
|
|
89
|
+
export const ColorSecondaryOrange600 = "#c65200";
|
|
90
|
+
export const ColorSecondaryOrange700 = "#8c3500";
|
|
91
|
+
export const ColorSecondaryOrange800 = "#531b00";
|
|
92
|
+
export const ColorSecondaryOrange900 = "#360e00";
|
|
93
93
|
export const ColorSecondaryYellow100 = "#fff8e2";
|
|
94
94
|
export const ColorSecondaryYellow200 = "#ffebaf";
|
|
95
95
|
export const ColorSecondaryYellow300 = "#fee07d";
|
|
@@ -135,37 +135,35 @@ 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";
|
|
140
138
|
export const ColorButtonSolidBackground = "#007f8c";
|
|
141
139
|
export const ColorButtonSolidFont = "#ffffff";
|
|
142
140
|
export const ColorButtonSolidFocusBorder = "#006974";
|
|
143
|
-
export const ColorButtonSolidDisabledBackground = "#
|
|
144
|
-
export const ColorButtonSolidDisabledFont = "#
|
|
141
|
+
export const ColorButtonSolidDisabledBackground = "#dddcd5";
|
|
142
|
+
export const ColorButtonSolidDisabledFont = "#71706b";
|
|
145
143
|
export const ColorButtonSolidActiveBackground = "#006974";
|
|
146
144
|
export const ColorButtonSolidHoverBackground = "#006974";
|
|
147
145
|
export const ColorButtonSolidHoverFont = "#ffffff";
|
|
148
|
-
export const ColorButtonSolidPrimary02Background = "#
|
|
146
|
+
export const ColorButtonSolidPrimary02Background = "#007574";
|
|
149
147
|
export const ColorButtonSolidPrimary02Font = "#ffffff";
|
|
150
|
-
export const ColorButtonSolidPrimary02FocusBorder = "#
|
|
151
|
-
export const ColorButtonSolidPrimary02DisabledBackground = "#
|
|
152
|
-
export const ColorButtonSolidPrimary02DisabledFont = "#
|
|
153
|
-
export const ColorButtonSolidPrimary02ActiveBackground = "#
|
|
154
|
-
export const ColorButtonSolidPrimary02HoverBackground = "#
|
|
148
|
+
export const ColorButtonSolidPrimary02FocusBorder = "#062b35";
|
|
149
|
+
export const ColorButtonSolidPrimary02DisabledBackground = "#dddcd5";
|
|
150
|
+
export const ColorButtonSolidPrimary02DisabledFont = "#71706b";
|
|
151
|
+
export const ColorButtonSolidPrimary02ActiveBackground = "#062b35";
|
|
152
|
+
export const ColorButtonSolidPrimary02HoverBackground = "#063a44";
|
|
155
153
|
export const ColorButtonSolidPrimary02HoverFont = "#ffffff";
|
|
156
|
-
export const ColorButtonSolidNeutralBackground = "#
|
|
154
|
+
export const ColorButtonSolidNeutralBackground = "#3a3936";
|
|
157
155
|
export const ColorButtonSolidNeutralFont = "#ffffff";
|
|
158
|
-
export const ColorButtonSolidNeutralFocusBorder = "#
|
|
159
|
-
export const ColorButtonSolidNeutralDisabledBackground = "#
|
|
160
|
-
export const ColorButtonSolidNeutralDisabledFont = "#
|
|
161
|
-
export const ColorButtonSolidNeutralActiveBackground = "#
|
|
162
|
-
export const ColorButtonSolidNeutralHoverBackground = "#
|
|
156
|
+
export const ColorButtonSolidNeutralFocusBorder = "#1e1e1c";
|
|
157
|
+
export const ColorButtonSolidNeutralDisabledBackground = "#dddcd5";
|
|
158
|
+
export const ColorButtonSolidNeutralDisabledFont = "#71706b";
|
|
159
|
+
export const ColorButtonSolidNeutralActiveBackground = "#3a3936";
|
|
160
|
+
export const ColorButtonSolidNeutralHoverBackground = "#1e1e1c";
|
|
163
161
|
export const ColorButtonSolidNeutralHoverFont = "#ffffff";
|
|
164
|
-
export const ColorButtonSolidDangerBackground = "#
|
|
162
|
+
export const ColorButtonSolidDangerBackground = "#c61112";
|
|
165
163
|
export const ColorButtonSolidDangerFont = "#ffffff";
|
|
166
164
|
export const ColorButtonSolidDangerFocusBorder = "#8c0003";
|
|
167
|
-
export const ColorButtonSolidDangerDisabledBackground = "#
|
|
168
|
-
export const ColorButtonSolidDangerDisabledFont = "#
|
|
165
|
+
export const ColorButtonSolidDangerDisabledBackground = "#dddcd5";
|
|
166
|
+
export const ColorButtonSolidDangerDisabledFont = "#71706b";
|
|
169
167
|
export const ColorButtonSolidDangerActiveBackground = "#8c0003";
|
|
170
168
|
export const ColorButtonSolidDangerHoverBackground = "#8c0003";
|
|
171
169
|
export const ColorButtonSolidDangerHoverFont = "#ffffff";
|
|
@@ -173,51 +171,45 @@ export const ColorButtonBorderedBackground = "#ffffff";
|
|
|
173
171
|
export const ColorButtonBorderedBorder = "#007f8c";
|
|
174
172
|
export const ColorButtonBorderedFont = "#007f8c";
|
|
175
173
|
export const ColorButtonBorderedFocusBorder = "#006974";
|
|
176
|
-
export const ColorButtonBorderedDisabledBackground = "#
|
|
177
|
-
export const ColorButtonBorderedDisabledFont = "#
|
|
174
|
+
export const ColorButtonBorderedDisabledBackground = "#dddcd5";
|
|
175
|
+
export const ColorButtonBorderedDisabledFont = "#71706b";
|
|
178
176
|
export const ColorButtonBorderedActiveBackground = "#91d5db";
|
|
179
177
|
export const ColorButtonBorderedHoverBackground = "#d9f0f3";
|
|
180
178
|
export const ColorButtonBorderedPrimary02Background = "#ffffff";
|
|
181
|
-
export const ColorButtonBorderedPrimary02Border = "#
|
|
182
|
-
export const ColorButtonBorderedPrimary02Font = "#
|
|
183
|
-
export const ColorButtonBorderedPrimary02FocusBorder = "#
|
|
184
|
-
export const ColorButtonBorderedPrimary02DisabledBackground = "#
|
|
185
|
-
export const ColorButtonBorderedPrimary02DisabledFont = "#
|
|
186
|
-
export const ColorButtonBorderedPrimary02ActiveBackground = "#
|
|
187
|
-
export const ColorButtonBorderedPrimary02HoverBackground = "#
|
|
179
|
+
export const ColorButtonBorderedPrimary02Border = "#007574";
|
|
180
|
+
export const ColorButtonBorderedPrimary02Font = "#007574";
|
|
181
|
+
export const ColorButtonBorderedPrimary02FocusBorder = "#062b35";
|
|
182
|
+
export const ColorButtonBorderedPrimary02DisabledBackground = "#dddcd5";
|
|
183
|
+
export const ColorButtonBorderedPrimary02DisabledFont = "#71706b";
|
|
184
|
+
export const ColorButtonBorderedPrimary02ActiveBackground = "#a5d1cb";
|
|
185
|
+
export const ColorButtonBorderedPrimary02HoverBackground = "#dbedea";
|
|
188
186
|
export const ColorButtonBorderedNeutralBackground = "#ffffff";
|
|
189
|
-
export const ColorButtonBorderedNeutralBorder = "#
|
|
190
|
-
export const ColorButtonBorderedNeutralFont = "#
|
|
191
|
-
export const ColorButtonBorderedNeutralFocusBorder = "#
|
|
192
|
-
export const ColorButtonBorderedNeutralDisabledBackground = "#
|
|
193
|
-
export const ColorButtonBorderedNeutralDisabledFont = "#
|
|
194
|
-
export const ColorButtonBorderedNeutralActiveBackground = "#
|
|
195
|
-
export const ColorButtonBorderedNeutralHoverBackground = "#
|
|
187
|
+
export const ColorButtonBorderedNeutralBorder = "#3a3936";
|
|
188
|
+
export const ColorButtonBorderedNeutralFont = "#3a3936";
|
|
189
|
+
export const ColorButtonBorderedNeutralFocusBorder = "#1e1e1c";
|
|
190
|
+
export const ColorButtonBorderedNeutralDisabledBackground = "#dddcd5";
|
|
191
|
+
export const ColorButtonBorderedNeutralDisabledFont = "#71706b";
|
|
192
|
+
export const ColorButtonBorderedNeutralActiveBackground = "#dddcd5";
|
|
193
|
+
export const ColorButtonBorderedNeutralHoverBackground = "#eeedea";
|
|
196
194
|
export const ColorButtonBorderedDangerBackground = "#ffffff";
|
|
197
|
-
export const ColorButtonBorderedDangerBorder = "#
|
|
198
|
-
export const ColorButtonBorderedDangerFont = "#
|
|
199
|
-
export const ColorButtonBorderedDangerFocusBorder = "#
|
|
200
|
-
export const ColorButtonBorderedDangerDisabledBackground = "#
|
|
201
|
-
export const ColorButtonBorderedDangerDisabledFont = "#
|
|
202
|
-
export const ColorButtonBorderedDangerActiveBackground = "#
|
|
203
|
-
export const ColorButtonBorderedDangerHoverBackground = "#
|
|
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";
|
|
195
|
+
export const ColorButtonBorderedDangerBorder = "#c61112";
|
|
196
|
+
export const ColorButtonBorderedDangerFont = "#c61112";
|
|
197
|
+
export const ColorButtonBorderedDangerFocusBorder = "#8c0003";
|
|
198
|
+
export const ColorButtonBorderedDangerDisabledBackground = "#dddcd5";
|
|
199
|
+
export const ColorButtonBorderedDangerDisabledFont = "#71706b";
|
|
200
|
+
export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
|
|
201
|
+
export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
|
|
210
202
|
export const ColorDividerLightest = "#ffffff";
|
|
211
|
-
export const ColorDividerLight = "#
|
|
212
|
-
export const ColorDividerDefault = "#
|
|
203
|
+
export const ColorDividerLight = "#c2c1ba";
|
|
204
|
+
export const ColorDividerDefault = "#71706b";
|
|
213
205
|
export const ColorDividerDark = "#000000";
|
|
214
206
|
export const ColorFieldsError = "#c61112";
|
|
215
|
-
export const ColorFieldsLabel = "#
|
|
216
|
-
export const ColorFieldsRequirement = "#
|
|
217
|
-
export const ColorFieldsHelp = "#
|
|
207
|
+
export const ColorFieldsLabel = "#3a3936";
|
|
208
|
+
export const ColorFieldsRequirement = "#71706b";
|
|
209
|
+
export const ColorFieldsHelp = "#71706b";
|
|
218
210
|
export const ColorFileuploaderFont = "#000000";
|
|
219
|
-
export const ColorFileuploaderFilesList = "#
|
|
220
|
-
export const ColorFileuploaderFilesDelete = "#
|
|
211
|
+
export const ColorFileuploaderFilesList = "#eeedea";
|
|
212
|
+
export const ColorFileuploaderFilesDelete = "#dddcd5";
|
|
221
213
|
export const ColorFileuploaderValid = "#00919f";
|
|
222
214
|
export const ColorFileuploaderAlert = "#c61112";
|
|
223
215
|
export const ColorFlagSolidBackground = "#007f8c";
|
|
@@ -232,8 +224,8 @@ export const ColorFlagSolidDarkText = "#ffffff";
|
|
|
232
224
|
export const ColorFlagSolidLightBackground = "#ffffff";
|
|
233
225
|
export const ColorFlagSolidLightBorder = "#ffffff";
|
|
234
226
|
export const ColorFlagSolidLightText = "#000000";
|
|
235
|
-
export const ColorFlagSolidDangerBackground = "#
|
|
236
|
-
export const ColorFlagSolidDangerBorder = "#
|
|
227
|
+
export const ColorFlagSolidDangerBackground = "#c61112";
|
|
228
|
+
export const ColorFlagSolidDangerBorder = "#c61112";
|
|
237
229
|
export const ColorFlagSolidDangerText = "#ffffff";
|
|
238
230
|
export const ColorFlagBorderedBackground = "#ffffff";
|
|
239
231
|
export const ColorFlagBorderedBorder = "#007f8c";
|
|
@@ -248,32 +240,29 @@ export const ColorFlagBorderedLightBackground = "#000000";
|
|
|
248
240
|
export const ColorFlagBorderedLightBorder = "#ffffff";
|
|
249
241
|
export const ColorFlagBorderedLightText = "#ffffff";
|
|
250
242
|
export const ColorFlagBorderedDangerBackground = "#ffffff";
|
|
251
|
-
export const ColorFlagBorderedDangerBorder = "#
|
|
252
|
-
export const ColorFlagBorderedDangerText = "#
|
|
243
|
+
export const ColorFlagBorderedDangerBorder = "#c61112";
|
|
244
|
+
export const ColorFlagBorderedDangerText = "#c61112";
|
|
253
245
|
export const ColorFocusGap = "#ffffff";
|
|
254
246
|
export const ColorFocusBorder = "#758992";
|
|
255
|
-
export const ColorFontPrimary01 = "#
|
|
256
|
-
export const ColorFontPrimary02 = "#
|
|
247
|
+
export const ColorFontPrimary01 = "#007f8c";
|
|
248
|
+
export const ColorFontPrimary02 = "#007574";
|
|
257
249
|
export const ColorFontDarkest = "#000000";
|
|
258
|
-
export const ColorFontDarker = "#
|
|
259
|
-
export const ColorFontDark = "#
|
|
260
|
-
export const ColorFontLight = "#
|
|
250
|
+
export const ColorFontDarker = "#1e1e1c";
|
|
251
|
+
export const ColorFontDark = "#3a3936";
|
|
252
|
+
export const ColorFontLight = "#71706b";
|
|
261
253
|
export const ColorFontLightest = "#ffffff";
|
|
262
254
|
export const ColorFontInfo = "#007bb4";
|
|
263
255
|
export const ColorFontSuccess = "#188803";
|
|
264
256
|
export const ColorFontWarning = "#c65200";
|
|
265
257
|
export const ColorFontDanger = "#c61112";
|
|
266
|
-
export const
|
|
267
|
-
export const
|
|
268
|
-
export const
|
|
269
|
-
export const ColorInputText = "#191919";
|
|
270
|
-
export const ColorInputBorder = "#666666";
|
|
271
|
-
export const ColorInputPlaceholder = "#808080";
|
|
258
|
+
export const ColorInputText = "#1e1e1c";
|
|
259
|
+
export const ColorInputBorder = "#71706b";
|
|
260
|
+
export const ColorInputPlaceholder = "#8c8b85";
|
|
272
261
|
export const ColorInputBackground = "#ffffff";
|
|
273
|
-
export const ColorInputDisabledBorder = "#
|
|
274
|
-
export const ColorInputDisabledBackground = "#
|
|
275
|
-
export const ColorInputDisabledIcon = "#
|
|
276
|
-
export const ColorInputHoverBorder = "#
|
|
262
|
+
export const ColorInputDisabledBorder = "#eeedea";
|
|
263
|
+
export const ColorInputDisabledBackground = "#eeedea";
|
|
264
|
+
export const ColorInputDisabledIcon = "#a7a6a0";
|
|
265
|
+
export const ColorInputHoverBorder = "#1e1e1c";
|
|
277
266
|
export const ColorInputFocusBorder = "#758992";
|
|
278
267
|
export const ColorInputValidBorder = "#46a610";
|
|
279
268
|
export const ColorInputValidHoverBorder = "#035010";
|
|
@@ -284,151 +273,119 @@ export const ColorInputCheckedBackground = "#00919f";
|
|
|
284
273
|
export const ColorInputCheckedIcon = "#ffffff";
|
|
285
274
|
export const ColorInputCheckedHoverBorder = "#004e57";
|
|
286
275
|
export const ColorLinkDarkBase = "#000000";
|
|
287
|
-
export const ColorLinkDarkVisited = "#
|
|
288
|
-
export const ColorLinkDarkActive = "#
|
|
289
|
-
export const ColorLinkDarkDisabled = "#
|
|
290
|
-
export const ColorLinkDarkHover = "#
|
|
276
|
+
export const ColorLinkDarkVisited = "#3a3936";
|
|
277
|
+
export const ColorLinkDarkActive = "#3a3936";
|
|
278
|
+
export const ColorLinkDarkDisabled = "#eeedea";
|
|
279
|
+
export const ColorLinkDarkHover = "#71706b";
|
|
291
280
|
export const ColorLinkLightBase = "#ffffff";
|
|
292
|
-
export const ColorLinkLightVisited = "#
|
|
293
|
-
export const ColorLinkLightActive = "#
|
|
294
|
-
export const ColorLinkLightDisabled = "#
|
|
295
|
-
export const ColorLinkLightHover = "#
|
|
281
|
+
export const ColorLinkLightVisited = "#dddcd5";
|
|
282
|
+
export const ColorLinkLightActive = "#dddcd5";
|
|
283
|
+
export const ColorLinkLightDisabled = "#eeedea";
|
|
284
|
+
export const ColorLinkLightHover = "#a7a6a0";
|
|
296
285
|
export const ColorLinkPrimaryBase = "#007f8c";
|
|
297
286
|
export const ColorLinkPrimaryVisited = "#006974";
|
|
298
287
|
export const ColorLinkPrimaryActive = "#006974";
|
|
299
|
-
export const ColorLinkPrimaryDisabled = "#
|
|
300
|
-
export const ColorLinkPrimaryHover = "#
|
|
301
|
-
export const ColorLinkPrimary02Base = "#
|
|
302
|
-
export const ColorLinkPrimary02Visited = "#
|
|
303
|
-
export const ColorLinkPrimary02Active = "#
|
|
304
|
-
export const ColorLinkPrimary02Disabled = "#
|
|
305
|
-
export const ColorLinkPrimary02Hover = "#
|
|
306
|
-
export const ColorLinkDangerBase = "#
|
|
307
|
-
export const ColorLinkDangerVisited = "#
|
|
308
|
-
export const ColorLinkDangerActive = "#
|
|
309
|
-
export const ColorLinkDangerDisabled = "#
|
|
310
|
-
export const ColorLinkDangerHover = "#
|
|
288
|
+
export const ColorLinkPrimaryDisabled = "#eeedea";
|
|
289
|
+
export const ColorLinkPrimaryHover = "#004e57";
|
|
290
|
+
export const ColorLinkPrimary02Base = "#035f64";
|
|
291
|
+
export const ColorLinkPrimary02Visited = "#044c53";
|
|
292
|
+
export const ColorLinkPrimary02Active = "#044c53";
|
|
293
|
+
export const ColorLinkPrimary02Disabled = "#eeedea";
|
|
294
|
+
export const ColorLinkPrimary02Hover = "#062b35";
|
|
295
|
+
export const ColorLinkDangerBase = "#c61112";
|
|
296
|
+
export const ColorLinkDangerVisited = "#8c0003";
|
|
297
|
+
export const ColorLinkDangerActive = "#8c0003";
|
|
298
|
+
export const ColorLinkDangerDisabled = "#eeedea";
|
|
299
|
+
export const ColorLinkDangerHover = "#530000";
|
|
311
300
|
export const ColorNotificationFont = "#000000";
|
|
312
301
|
export const ColorNotificationInformationBackground = "#daeff7";
|
|
313
302
|
export const ColorNotificationInformationBorder = "#0b96cc";
|
|
303
|
+
export const ColorNotificationInformationIcon = "#007bb4";
|
|
314
304
|
export const ColorNotificationSuccessBackground = "#ebf5de";
|
|
315
305
|
export const ColorNotificationSuccessBorder = "#46a610";
|
|
306
|
+
export const ColorNotificationSuccessIcon = "#188803";
|
|
316
307
|
export const ColorNotificationWarningBackground = "#fdf1e8";
|
|
317
308
|
export const ColorNotificationWarningBorder = "#ea7315";
|
|
309
|
+
export const ColorNotificationWarningIcon = "#c65200";
|
|
318
310
|
export const ColorNotificationDangerBackground = "#fdeaea";
|
|
319
311
|
export const ColorNotificationDangerBorder = "#ea302d";
|
|
320
|
-
export const
|
|
321
|
-
export const
|
|
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";
|
|
312
|
+
export const ColorNotificationDangerIcon = "#c61112";
|
|
313
|
+
export const ColorProgressBackground = "#dddcd5";
|
|
337
314
|
export const ColorProgressIndicator = "#007bb4";
|
|
338
|
-
export const ColorProgressPercentageDefault = "#
|
|
315
|
+
export const ColorProgressPercentageDefault = "#1e1e1c";
|
|
339
316
|
export const ColorProgressPercentageHalf = "#ffffff";
|
|
340
317
|
export const ColorProgressBrandedIndicator = "#00919f";
|
|
341
|
-
export const ColorStarEmpty = "#
|
|
318
|
+
export const ColorStarEmpty = "#dddcd5";
|
|
342
319
|
export const ColorStarFocus = "#758992";
|
|
343
320
|
export const ColorStarFull = "#ea7315";
|
|
344
|
-
export const ColorStarHover = "#
|
|
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";
|
|
321
|
+
export const ColorStarHover = "#f4b27e";
|
|
354
322
|
export const ColorTabsBackground = "#ffffff";
|
|
355
323
|
export const ColorTabsShadow = "#000000";
|
|
356
|
-
export const ColorTabsDefault = "#
|
|
357
|
-
export const ColorTabsHover = "#
|
|
358
|
-
export const ColorTabsDisabled = "#
|
|
359
|
-
export const ColorTabsActive = "#
|
|
324
|
+
export const ColorTabsDefault = "#1e1e1c";
|
|
325
|
+
export const ColorTabsHover = "#004e57";
|
|
326
|
+
export const ColorTabsDisabled = "#71706b";
|
|
327
|
+
export const ColorTabsActive = "#007f8c";
|
|
360
328
|
export const ColorTabsActiveDisabled = "#91d5db";
|
|
361
329
|
export const ColorTagTextLightBackground = "#ffffff";
|
|
362
|
-
export const ColorTagTextLightBorder = "#
|
|
363
|
-
export const ColorTagTextLightText = "#
|
|
364
|
-
export const ColorTagTextDarkBackground = "#
|
|
330
|
+
export const ColorTagTextLightBorder = "#8c8b85";
|
|
331
|
+
export const ColorTagTextLightText = "#1e1e1c";
|
|
332
|
+
export const ColorTagTextDarkBackground = "#1e1e1c";
|
|
365
333
|
export const ColorTagTextDarkBorder = "#ffffff";
|
|
366
334
|
export const ColorTagTextDarkText = "#ffffff";
|
|
367
335
|
export const ColorTagLinkLightBackground = "#ffffff";
|
|
368
|
-
export const ColorTagLinkLightBorder = "#
|
|
369
|
-
export const ColorTagLinkLightText = "#
|
|
370
|
-
export const ColorTagLinkLightHoverBackground = "#
|
|
371
|
-
export const ColorTagLinkLightActiveBackground = "#
|
|
372
|
-
export const ColorTagLinkDarkBackground = "#
|
|
336
|
+
export const ColorTagLinkLightBorder = "#8c8b85";
|
|
337
|
+
export const ColorTagLinkLightText = "#1e1e1c";
|
|
338
|
+
export const ColorTagLinkLightHoverBackground = "#eeedea";
|
|
339
|
+
export const ColorTagLinkLightActiveBackground = "#dddcd5";
|
|
340
|
+
export const ColorTagLinkDarkBackground = "#1e1e1c";
|
|
373
341
|
export const ColorTagLinkDarkBorder = "#ffffff";
|
|
374
342
|
export const ColorTagLinkDarkText = "#ffffff";
|
|
375
|
-
export const ColorTagLinkDarkHoverBackground = "#
|
|
376
|
-
export const ColorTagLinkDarkActiveBackground = "#
|
|
343
|
+
export const ColorTagLinkDarkHoverBackground = "#3a3936";
|
|
344
|
+
export const ColorTagLinkDarkActiveBackground = "#555550";
|
|
377
345
|
export const ColorTagSelectableLightBackground = "#ffffff";
|
|
378
|
-
export const ColorTagSelectableLightBorder = "#
|
|
379
|
-
export const ColorTagSelectableLightText = "#
|
|
346
|
+
export const ColorTagSelectableLightBorder = "#8c8b85";
|
|
347
|
+
export const ColorTagSelectableLightText = "#1e1e1c";
|
|
380
348
|
export const ColorTagSelectableLightHoverBackground = "#48bac4";
|
|
381
349
|
export const ColorTagSelectableLightActiveBackground = "#004e57";
|
|
382
350
|
export const ColorTagSelectableLightActiveBorder = "#004e57";
|
|
383
351
|
export const ColorTagSelectableLightActiveText = "#ffffff";
|
|
384
|
-
export const ColorTagSelectableLightDisabledBackground = "#
|
|
385
|
-
export const ColorTagSelectableLightDisabledText = "#
|
|
352
|
+
export const ColorTagSelectableLightDisabledBackground = "#eeedea";
|
|
353
|
+
export const ColorTagSelectableLightDisabledText = "#8c8b85";
|
|
386
354
|
export const ColorTagSelectableLightSelectedBackground = "#007f8c";
|
|
387
355
|
export const ColorTagSelectableLightSelectedText = "#ffffff";
|
|
388
356
|
export const ColorTagSelectableLightSelectedHoverBackground = "#006974";
|
|
389
|
-
export const ColorTagSelectableDarkBackground = "#
|
|
357
|
+
export const ColorTagSelectableDarkBackground = "#1e1e1c";
|
|
390
358
|
export const ColorTagSelectableDarkBorder = "#ffffff";
|
|
391
359
|
export const ColorTagSelectableDarkText = "#ffffff";
|
|
392
360
|
export const ColorTagSelectableDarkHoverBackground = "#006974";
|
|
393
361
|
export const ColorTagSelectableDarkActiveBackground = "#91d5db";
|
|
394
362
|
export const ColorTagSelectableDarkActiveBorder = "#91d5db";
|
|
395
|
-
export const ColorTagSelectableDarkActiveText = "#
|
|
363
|
+
export const ColorTagSelectableDarkActiveText = "#1e1e1c";
|
|
396
364
|
export const ColorTagSelectableDarkSelectedBackground = "#009eac";
|
|
397
365
|
export const ColorTagSelectableDarkSelectedBorder = "#009eac";
|
|
398
|
-
export const ColorTagSelectableDarkSelectedText = "#
|
|
366
|
+
export const ColorTagSelectableDarkSelectedText = "#1e1e1c";
|
|
399
367
|
export const ColorTagSelectableDarkSelectedHoverBackground = "#48bac4";
|
|
400
|
-
export const ColorTagSelectableDarkDisabledBackground = "#
|
|
401
|
-
export const ColorTagSelectableDarkDisabledText = "#
|
|
402
|
-
export const ColorTagRemovableLightBackground = "#
|
|
368
|
+
export const ColorTagSelectableDarkDisabledBackground = "#555550";
|
|
369
|
+
export const ColorTagSelectableDarkDisabledText = "#8c8b85";
|
|
370
|
+
export const ColorTagRemovableLightBackground = "#3a3936";
|
|
403
371
|
export const ColorTagRemovableLightText = "#ffffff";
|
|
404
|
-
export const ColorTagRemovableLightIcon = "#
|
|
405
|
-
export const ColorTagRemovableLightHoverBackground = "#
|
|
406
|
-
export const ColorTagRemovableLightActiveBackground = "#
|
|
407
|
-
export const ColorTagRemovableDarkBackground = "#
|
|
408
|
-
export const ColorTagRemovableDarkText = "#
|
|
409
|
-
export const ColorTagRemovableDarkIcon = "#
|
|
410
|
-
export const ColorTagRemovableDarkHoverBackground = "#
|
|
411
|
-
export const ColorTagRemovableDarkActiveBackground = "#
|
|
412
|
-
export const ColorToggleOffBackground = "#
|
|
372
|
+
export const ColorTagRemovableLightIcon = "#dddcd5";
|
|
373
|
+
export const ColorTagRemovableLightHoverBackground = "#555550";
|
|
374
|
+
export const ColorTagRemovableLightActiveBackground = "#71706b";
|
|
375
|
+
export const ColorTagRemovableDarkBackground = "#dddcd5";
|
|
376
|
+
export const ColorTagRemovableDarkText = "#1e1e1c";
|
|
377
|
+
export const ColorTagRemovableDarkIcon = "#1e1e1c";
|
|
378
|
+
export const ColorTagRemovableDarkHoverBackground = "#c2c1ba";
|
|
379
|
+
export const ColorTagRemovableDarkActiveBackground = "#a7a6a0";
|
|
380
|
+
export const ColorToggleOffBackground = "#71706b";
|
|
413
381
|
export const ColorToggleOffCircle = "#ffffff";
|
|
414
382
|
export const ColorToggleOnBackground = "#00919f";
|
|
415
383
|
export const ColorToggleOnCircle = "#ffffff";
|
|
416
|
-
export const ColorToggleHoverCircle = "#
|
|
417
|
-
export const ColorToggleDisabledBackground = "#
|
|
418
|
-
export const ColorToggleDisabledCircle = "#
|
|
384
|
+
export const ColorToggleHoverCircle = "#eeedea";
|
|
385
|
+
export const ColorToggleDisabledBackground = "#eeedea";
|
|
386
|
+
export const ColorToggleDisabledCircle = "#c2c1ba";
|
|
419
387
|
export const ColorToggleDisabledCheckedBackground = "#91d5db";
|
|
420
388
|
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";
|
|
432
389
|
export const Preset = "adeo";
|
|
433
390
|
export const RadiusS = 2;
|
|
434
391
|
export const RadiusM = 4;
|