@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
|
@@ -14,9 +14,9 @@ $color-badge-warning-text: #8c3500 !default;
|
|
|
14
14
|
$color-badge-danger-background: #fdeaea !default;
|
|
15
15
|
$color-badge-danger-border: #ea302d !default;
|
|
16
16
|
$color-badge-danger-text: #8c0003 !default;
|
|
17
|
-
$color-badge-neutral-background: #
|
|
18
|
-
$color-badge-neutral-border: #
|
|
19
|
-
$color-badge-neutral-text: #
|
|
17
|
+
$color-badge-neutral-background: #eeedea !default;
|
|
18
|
+
$color-badge-neutral-border: #8c8b85 !default;
|
|
19
|
+
$color-badge-neutral-text: #555550 !default;
|
|
20
20
|
$color-primary-01-100: #d9f0f3 !default;
|
|
21
21
|
$color-primary-01-200: #91d5db !default;
|
|
22
22
|
$color-primary-01-300: #48bac4 !default;
|
|
@@ -26,24 +26,24 @@ $color-primary-01-600: #007f8c !default;
|
|
|
26
26
|
$color-primary-01-700: #006974 !default;
|
|
27
27
|
$color-primary-01-800: #004e57 !default;
|
|
28
28
|
$color-primary-01-900: #002e33 !default;
|
|
29
|
-
$color-primary-02-100: #
|
|
30
|
-
$color-primary-02-200: #
|
|
31
|
-
$color-primary-02-300: #
|
|
32
|
-
$color-primary-02-400: #
|
|
33
|
-
$color-primary-02-500: #
|
|
34
|
-
$color-primary-02-600: #
|
|
35
|
-
$color-primary-02-700: #
|
|
36
|
-
$color-primary-02-800: #
|
|
37
|
-
$color-primary-02-900: #
|
|
38
|
-
$color-grey-100: #
|
|
39
|
-
$color-grey-200: #
|
|
40
|
-
$color-grey-300: #
|
|
41
|
-
$color-grey-400: #
|
|
42
|
-
$color-grey-500: #
|
|
43
|
-
$color-grey-600: #
|
|
44
|
-
$color-grey-700: #
|
|
45
|
-
$color-grey-800: #
|
|
46
|
-
$color-grey-900: #
|
|
29
|
+
$color-primary-02-100: #dbedea !default;
|
|
30
|
+
$color-primary-02-200: #a5d1cb !default;
|
|
31
|
+
$color-primary-02-300: #6eb4ad !default;
|
|
32
|
+
$color-primary-02-400: #379590 !default;
|
|
33
|
+
$color-primary-02-500: #007574 !default;
|
|
34
|
+
$color-primary-02-600: #035f64 !default;
|
|
35
|
+
$color-primary-02-700: #044c53 !default;
|
|
36
|
+
$color-primary-02-800: #063a44 !default;
|
|
37
|
+
$color-primary-02-900: #062b35 !default;
|
|
38
|
+
$color-grey-100: #eeedea !default;
|
|
39
|
+
$color-grey-200: #dddcd5 !default;
|
|
40
|
+
$color-grey-300: #c2c1ba !default;
|
|
41
|
+
$color-grey-400: #a7a6a0 !default;
|
|
42
|
+
$color-grey-500: #8c8b85 !default;
|
|
43
|
+
$color-grey-600: #71706b !default;
|
|
44
|
+
$color-grey-700: #555550 !default;
|
|
45
|
+
$color-grey-800: #3a3936 !default;
|
|
46
|
+
$color-grey-900: #1e1e1c !default;
|
|
47
47
|
$color-grey-999: #000000 !default;
|
|
48
48
|
$color-grey-000: #ffffff !default;
|
|
49
49
|
$color-secondary-blue-100: #eaedef !default;
|
|
@@ -73,24 +73,24 @@ $color-secondary-purple-600: #4b4a8c !default;
|
|
|
73
73
|
$color-secondary-purple-700: #393879 !default;
|
|
74
74
|
$color-secondary-purple-800: #282863 !default;
|
|
75
75
|
$color-secondary-purple-900: #1a1a4b !default;
|
|
76
|
-
$color-secondary-red-100: #
|
|
77
|
-
$color-secondary-red-200: #
|
|
78
|
-
$color-secondary-red-300: #
|
|
79
|
-
$color-secondary-red-400: #
|
|
80
|
-
$color-secondary-red-500: #
|
|
81
|
-
$color-secondary-red-600: #
|
|
82
|
-
$color-secondary-red-700: #
|
|
83
|
-
$color-secondary-red-800: #
|
|
84
|
-
$color-secondary-red-900: #
|
|
85
|
-
$color-secondary-orange-100: #
|
|
86
|
-
$color-secondary-orange-200: #
|
|
87
|
-
$color-secondary-orange-300: #
|
|
88
|
-
$color-secondary-orange-400: #
|
|
89
|
-
$color-secondary-orange-500: #
|
|
90
|
-
$color-secondary-orange-600: #
|
|
91
|
-
$color-secondary-orange-700: #
|
|
92
|
-
$color-secondary-orange-800: #
|
|
93
|
-
$color-secondary-orange-900: #
|
|
76
|
+
$color-secondary-red-100: #fdeaea !default;
|
|
77
|
+
$color-secondary-red-200: #f8bcbb !default;
|
|
78
|
+
$color-secondary-red-300: #f38d8c !default;
|
|
79
|
+
$color-secondary-red-400: #ef5f5c !default;
|
|
80
|
+
$color-secondary-red-500: #ea302d !default;
|
|
81
|
+
$color-secondary-red-600: #c61112 !default;
|
|
82
|
+
$color-secondary-red-700: #8c0003 !default;
|
|
83
|
+
$color-secondary-red-800: #530000 !default;
|
|
84
|
+
$color-secondary-red-900: #2d0000 !default;
|
|
85
|
+
$color-secondary-orange-100: #fdf1e8 !default;
|
|
86
|
+
$color-secondary-orange-200: #f8d2b3 !default;
|
|
87
|
+
$color-secondary-orange-300: #f4b27e !default;
|
|
88
|
+
$color-secondary-orange-400: #ef934a !default;
|
|
89
|
+
$color-secondary-orange-500: #ea7315 !default;
|
|
90
|
+
$color-secondary-orange-600: #c65200 !default;
|
|
91
|
+
$color-secondary-orange-700: #8c3500 !default;
|
|
92
|
+
$color-secondary-orange-800: #531b00 !default;
|
|
93
|
+
$color-secondary-orange-900: #360e00 !default;
|
|
94
94
|
$color-secondary-yellow-100: #fff8e2 !default;
|
|
95
95
|
$color-secondary-yellow-200: #ffebaf !default;
|
|
96
96
|
$color-secondary-yellow-300: #fee07d !default;
|
|
@@ -136,37 +136,35 @@ $color-success-600: #188803 !default;
|
|
|
136
136
|
$color-success-700: #006902 !default;
|
|
137
137
|
$color-success-800: #035010 !default;
|
|
138
138
|
$color-success-900: #023618 !default;
|
|
139
|
-
$color-breadcrumb-arrow: #333333 !default;
|
|
140
|
-
$color-breadcrumb-arrow-invert: #ffffff !default;
|
|
141
139
|
$color-button-solid-background: #007f8c !default;
|
|
142
140
|
$color-button-solid-font: #ffffff !default;
|
|
143
141
|
$color-button-solid-focus-border: #006974 !default;
|
|
144
|
-
$color-button-solid-disabled-background: #
|
|
145
|
-
$color-button-solid-disabled-font: #
|
|
142
|
+
$color-button-solid-disabled-background: #dddcd5 !default;
|
|
143
|
+
$color-button-solid-disabled-font: #71706b !default;
|
|
146
144
|
$color-button-solid-active-background: #006974 !default;
|
|
147
145
|
$color-button-solid-hover-background: #006974 !default;
|
|
148
146
|
$color-button-solid-hover-font: #ffffff !default;
|
|
149
|
-
$color-button-solid-primary-02-background: #
|
|
147
|
+
$color-button-solid-primary-02-background: #007574 !default;
|
|
150
148
|
$color-button-solid-primary-02-font: #ffffff !default;
|
|
151
|
-
$color-button-solid-primary-02-focus-border: #
|
|
152
|
-
$color-button-solid-primary-02-disabled-background: #
|
|
153
|
-
$color-button-solid-primary-02-disabled-font: #
|
|
154
|
-
$color-button-solid-primary-02-active-background: #
|
|
155
|
-
$color-button-solid-primary-02-hover-background: #
|
|
149
|
+
$color-button-solid-primary-02-focus-border: #062b35 !default;
|
|
150
|
+
$color-button-solid-primary-02-disabled-background: #dddcd5 !default;
|
|
151
|
+
$color-button-solid-primary-02-disabled-font: #71706b !default;
|
|
152
|
+
$color-button-solid-primary-02-active-background: #062b35 !default;
|
|
153
|
+
$color-button-solid-primary-02-hover-background: #063a44 !default;
|
|
156
154
|
$color-button-solid-primary-02-hover-font: #ffffff !default;
|
|
157
|
-
$color-button-solid-neutral-background: #
|
|
155
|
+
$color-button-solid-neutral-background: #3a3936 !default;
|
|
158
156
|
$color-button-solid-neutral-font: #ffffff !default;
|
|
159
|
-
$color-button-solid-neutral-focus-border: #
|
|
160
|
-
$color-button-solid-neutral-disabled-background: #
|
|
161
|
-
$color-button-solid-neutral-disabled-font: #
|
|
162
|
-
$color-button-solid-neutral-active-background: #
|
|
163
|
-
$color-button-solid-neutral-hover-background: #
|
|
157
|
+
$color-button-solid-neutral-focus-border: #1e1e1c !default;
|
|
158
|
+
$color-button-solid-neutral-disabled-background: #dddcd5 !default;
|
|
159
|
+
$color-button-solid-neutral-disabled-font: #71706b !default;
|
|
160
|
+
$color-button-solid-neutral-active-background: #3a3936 !default;
|
|
161
|
+
$color-button-solid-neutral-hover-background: #1e1e1c !default;
|
|
164
162
|
$color-button-solid-neutral-hover-font: #ffffff !default;
|
|
165
|
-
$color-button-solid-danger-background: #
|
|
163
|
+
$color-button-solid-danger-background: #c61112 !default;
|
|
166
164
|
$color-button-solid-danger-font: #ffffff !default;
|
|
167
165
|
$color-button-solid-danger-focus-border: #8c0003 !default;
|
|
168
|
-
$color-button-solid-danger-disabled-background: #
|
|
169
|
-
$color-button-solid-danger-disabled-font: #
|
|
166
|
+
$color-button-solid-danger-disabled-background: #dddcd5 !default;
|
|
167
|
+
$color-button-solid-danger-disabled-font: #71706b !default;
|
|
170
168
|
$color-button-solid-danger-active-background: #8c0003 !default;
|
|
171
169
|
$color-button-solid-danger-hover-background: #8c0003 !default;
|
|
172
170
|
$color-button-solid-danger-hover-font: #ffffff !default;
|
|
@@ -174,51 +172,45 @@ $color-button-bordered-background: #ffffff !default;
|
|
|
174
172
|
$color-button-bordered-border: #007f8c !default;
|
|
175
173
|
$color-button-bordered-font: #007f8c !default;
|
|
176
174
|
$color-button-bordered-focus-border: #006974 !default;
|
|
177
|
-
$color-button-bordered-disabled-background: #
|
|
178
|
-
$color-button-bordered-disabled-font: #
|
|
175
|
+
$color-button-bordered-disabled-background: #dddcd5 !default;
|
|
176
|
+
$color-button-bordered-disabled-font: #71706b !default;
|
|
179
177
|
$color-button-bordered-active-background: #91d5db !default;
|
|
180
178
|
$color-button-bordered-hover-background: #d9f0f3 !default;
|
|
181
179
|
$color-button-bordered-primary-02-background: #ffffff !default;
|
|
182
|
-
$color-button-bordered-primary-02-border: #
|
|
183
|
-
$color-button-bordered-primary-02-font: #
|
|
184
|
-
$color-button-bordered-primary-02-focus-border: #
|
|
185
|
-
$color-button-bordered-primary-02-disabled-background: #
|
|
186
|
-
$color-button-bordered-primary-02-disabled-font: #
|
|
187
|
-
$color-button-bordered-primary-02-active-background: #
|
|
188
|
-
$color-button-bordered-primary-02-hover-background: #
|
|
180
|
+
$color-button-bordered-primary-02-border: #007574 !default;
|
|
181
|
+
$color-button-bordered-primary-02-font: #007574 !default;
|
|
182
|
+
$color-button-bordered-primary-02-focus-border: #062b35 !default;
|
|
183
|
+
$color-button-bordered-primary-02-disabled-background: #dddcd5 !default;
|
|
184
|
+
$color-button-bordered-primary-02-disabled-font: #71706b !default;
|
|
185
|
+
$color-button-bordered-primary-02-active-background: #a5d1cb !default;
|
|
186
|
+
$color-button-bordered-primary-02-hover-background: #dbedea !default;
|
|
189
187
|
$color-button-bordered-neutral-background: #ffffff !default;
|
|
190
|
-
$color-button-bordered-neutral-border: #
|
|
191
|
-
$color-button-bordered-neutral-font: #
|
|
192
|
-
$color-button-bordered-neutral-focus-border: #
|
|
193
|
-
$color-button-bordered-neutral-disabled-background: #
|
|
194
|
-
$color-button-bordered-neutral-disabled-font: #
|
|
195
|
-
$color-button-bordered-neutral-active-background: #
|
|
196
|
-
$color-button-bordered-neutral-hover-background: #
|
|
188
|
+
$color-button-bordered-neutral-border: #3a3936 !default;
|
|
189
|
+
$color-button-bordered-neutral-font: #3a3936 !default;
|
|
190
|
+
$color-button-bordered-neutral-focus-border: #1e1e1c !default;
|
|
191
|
+
$color-button-bordered-neutral-disabled-background: #dddcd5 !default;
|
|
192
|
+
$color-button-bordered-neutral-disabled-font: #71706b !default;
|
|
193
|
+
$color-button-bordered-neutral-active-background: #dddcd5 !default;
|
|
194
|
+
$color-button-bordered-neutral-hover-background: #eeedea !default;
|
|
197
195
|
$color-button-bordered-danger-background: #ffffff !default;
|
|
198
|
-
$color-button-bordered-danger-border: #
|
|
199
|
-
$color-button-bordered-danger-font: #
|
|
200
|
-
$color-button-bordered-danger-focus-border: #
|
|
201
|
-
$color-button-bordered-danger-disabled-background: #
|
|
202
|
-
$color-button-bordered-danger-disabled-font: #
|
|
203
|
-
$color-button-bordered-danger-active-background: #
|
|
204
|
-
$color-button-bordered-danger-hover-background: #
|
|
205
|
-
$color-card-bordered-background: #ffffff !default;
|
|
206
|
-
$color-card-bordered-border: #808080 !default;
|
|
207
|
-
$color-dialog-background: #ffffff !default;
|
|
208
|
-
$color-dialog-icon: #666666 !default;
|
|
209
|
-
$color-dialog-close: #808080 !default;
|
|
210
|
-
$color-dialog-footer-shadow: #191919 !default;
|
|
196
|
+
$color-button-bordered-danger-border: #c61112 !default;
|
|
197
|
+
$color-button-bordered-danger-font: #c61112 !default;
|
|
198
|
+
$color-button-bordered-danger-focus-border: #8c0003 !default;
|
|
199
|
+
$color-button-bordered-danger-disabled-background: #dddcd5 !default;
|
|
200
|
+
$color-button-bordered-danger-disabled-font: #71706b !default;
|
|
201
|
+
$color-button-bordered-danger-active-background: #f8bcbb !default;
|
|
202
|
+
$color-button-bordered-danger-hover-background: #fdeaea !default;
|
|
211
203
|
$color-divider-lightest: #ffffff !default;
|
|
212
|
-
$color-divider-light: #
|
|
213
|
-
$color-divider-default: #
|
|
204
|
+
$color-divider-light: #c2c1ba !default;
|
|
205
|
+
$color-divider-default: #71706b !default;
|
|
214
206
|
$color-divider-dark: #000000 !default;
|
|
215
207
|
$color-fields-error: #c61112 !default;
|
|
216
|
-
$color-fields-label: #
|
|
217
|
-
$color-fields-requirement: #
|
|
218
|
-
$color-fields-help: #
|
|
208
|
+
$color-fields-label: #3a3936 !default;
|
|
209
|
+
$color-fields-requirement: #71706b !default;
|
|
210
|
+
$color-fields-help: #71706b !default;
|
|
219
211
|
$color-fileuploader-font: #000000 !default;
|
|
220
|
-
$color-fileuploader-files-list: #
|
|
221
|
-
$color-fileuploader-files-delete: #
|
|
212
|
+
$color-fileuploader-files-list: #eeedea !default;
|
|
213
|
+
$color-fileuploader-files-delete: #dddcd5 !default;
|
|
222
214
|
$color-fileuploader-valid: #00919f !default;
|
|
223
215
|
$color-fileuploader-alert: #c61112 !default;
|
|
224
216
|
$color-flag-solid-background: #007f8c !default;
|
|
@@ -233,8 +225,8 @@ $color-flag-solid-dark-text: #ffffff !default;
|
|
|
233
225
|
$color-flag-solid-light-background: #ffffff !default;
|
|
234
226
|
$color-flag-solid-light-border: #ffffff !default;
|
|
235
227
|
$color-flag-solid-light-text: #000000 !default;
|
|
236
|
-
$color-flag-solid-danger-background: #
|
|
237
|
-
$color-flag-solid-danger-border: #
|
|
228
|
+
$color-flag-solid-danger-background: #c61112 !default;
|
|
229
|
+
$color-flag-solid-danger-border: #c61112 !default;
|
|
238
230
|
$color-flag-solid-danger-text: #ffffff !default;
|
|
239
231
|
$color-flag-bordered-background: #ffffff !default;
|
|
240
232
|
$color-flag-bordered-border: #007f8c !default;
|
|
@@ -249,32 +241,29 @@ $color-flag-bordered-light-background: #000000 !default;
|
|
|
249
241
|
$color-flag-bordered-light-border: #ffffff !default;
|
|
250
242
|
$color-flag-bordered-light-text: #ffffff !default;
|
|
251
243
|
$color-flag-bordered-danger-background: #ffffff !default;
|
|
252
|
-
$color-flag-bordered-danger-border: #
|
|
253
|
-
$color-flag-bordered-danger-text: #
|
|
244
|
+
$color-flag-bordered-danger-border: #c61112 !default;
|
|
245
|
+
$color-flag-bordered-danger-text: #c61112 !default;
|
|
254
246
|
$color-focus-gap: #ffffff !default;
|
|
255
247
|
$color-focus-border: #758992 !default;
|
|
256
|
-
$color-font-primary-01: #
|
|
257
|
-
$color-font-primary-02: #
|
|
248
|
+
$color-font-primary-01: #007f8c !default;
|
|
249
|
+
$color-font-primary-02: #007574 !default;
|
|
258
250
|
$color-font-darkest: #000000 !default;
|
|
259
|
-
$color-font-darker: #
|
|
260
|
-
$color-font-dark: #
|
|
261
|
-
$color-font-light: #
|
|
251
|
+
$color-font-darker: #1e1e1c !default;
|
|
252
|
+
$color-font-dark: #3a3936 !default;
|
|
253
|
+
$color-font-light: #71706b !default;
|
|
262
254
|
$color-font-lightest: #ffffff !default;
|
|
263
255
|
$color-font-info: #007bb4 !default;
|
|
264
256
|
$color-font-success: #188803 !default;
|
|
265
257
|
$color-font-warning: #c65200 !default;
|
|
266
258
|
$color-font-danger: #c61112 !default;
|
|
267
|
-
$color-
|
|
268
|
-
$color-
|
|
269
|
-
$color-
|
|
270
|
-
$color-input-text: #191919 !default;
|
|
271
|
-
$color-input-border: #666666 !default;
|
|
272
|
-
$color-input-placeholder: #808080 !default;
|
|
259
|
+
$color-input-text: #1e1e1c !default;
|
|
260
|
+
$color-input-border: #71706b !default;
|
|
261
|
+
$color-input-placeholder: #8c8b85 !default;
|
|
273
262
|
$color-input-background: #ffffff !default;
|
|
274
|
-
$color-input-disabled-border: #
|
|
275
|
-
$color-input-disabled-background: #
|
|
276
|
-
$color-input-disabled-icon: #
|
|
277
|
-
$color-input-hover-border: #
|
|
263
|
+
$color-input-disabled-border: #eeedea !default;
|
|
264
|
+
$color-input-disabled-background: #eeedea !default;
|
|
265
|
+
$color-input-disabled-icon: #a7a6a0 !default;
|
|
266
|
+
$color-input-hover-border: #1e1e1c !default;
|
|
278
267
|
$color-input-focus-border: #758992 !default;
|
|
279
268
|
$color-input-valid-border: #46a610 !default;
|
|
280
269
|
$color-input-valid-hover-border: #035010 !default;
|
|
@@ -285,151 +274,119 @@ $color-input-checked-background: #00919f !default;
|
|
|
285
274
|
$color-input-checked-icon: #ffffff !default;
|
|
286
275
|
$color-input-checked-hover-border: #004e57 !default;
|
|
287
276
|
$color-link-dark-base: #000000 !default;
|
|
288
|
-
$color-link-dark-visited: #
|
|
289
|
-
$color-link-dark-active: #
|
|
290
|
-
$color-link-dark-disabled: #
|
|
291
|
-
$color-link-dark-hover: #
|
|
277
|
+
$color-link-dark-visited: #3a3936 !default;
|
|
278
|
+
$color-link-dark-active: #3a3936 !default;
|
|
279
|
+
$color-link-dark-disabled: #eeedea !default;
|
|
280
|
+
$color-link-dark-hover: #71706b !default;
|
|
292
281
|
$color-link-light-base: #ffffff !default;
|
|
293
|
-
$color-link-light-visited: #
|
|
294
|
-
$color-link-light-active: #
|
|
295
|
-
$color-link-light-disabled: #
|
|
296
|
-
$color-link-light-hover: #
|
|
282
|
+
$color-link-light-visited: #dddcd5 !default;
|
|
283
|
+
$color-link-light-active: #dddcd5 !default;
|
|
284
|
+
$color-link-light-disabled: #eeedea !default;
|
|
285
|
+
$color-link-light-hover: #a7a6a0 !default;
|
|
297
286
|
$color-link-primary-base: #007f8c !default;
|
|
298
287
|
$color-link-primary-visited: #006974 !default;
|
|
299
288
|
$color-link-primary-active: #006974 !default;
|
|
300
|
-
$color-link-primary-disabled: #
|
|
301
|
-
$color-link-primary-hover: #
|
|
302
|
-
$color-link-primary-02-base: #
|
|
303
|
-
$color-link-primary-02-visited: #
|
|
304
|
-
$color-link-primary-02-active: #
|
|
305
|
-
$color-link-primary-02-disabled: #
|
|
306
|
-
$color-link-primary-02-hover: #
|
|
307
|
-
$color-link-danger-base: #
|
|
308
|
-
$color-link-danger-visited: #
|
|
309
|
-
$color-link-danger-active: #
|
|
310
|
-
$color-link-danger-disabled: #
|
|
311
|
-
$color-link-danger-hover: #
|
|
289
|
+
$color-link-primary-disabled: #eeedea !default;
|
|
290
|
+
$color-link-primary-hover: #004e57 !default;
|
|
291
|
+
$color-link-primary-02-base: #035f64 !default;
|
|
292
|
+
$color-link-primary-02-visited: #044c53 !default;
|
|
293
|
+
$color-link-primary-02-active: #044c53 !default;
|
|
294
|
+
$color-link-primary-02-disabled: #eeedea !default;
|
|
295
|
+
$color-link-primary-02-hover: #062b35 !default;
|
|
296
|
+
$color-link-danger-base: #c61112 !default;
|
|
297
|
+
$color-link-danger-visited: #8c0003 !default;
|
|
298
|
+
$color-link-danger-active: #8c0003 !default;
|
|
299
|
+
$color-link-danger-disabled: #eeedea !default;
|
|
300
|
+
$color-link-danger-hover: #530000 !default;
|
|
312
301
|
$color-notification-font: #000000 !default;
|
|
313
302
|
$color-notification-information-background: #daeff7 !default;
|
|
314
303
|
$color-notification-information-border: #0b96cc !default;
|
|
304
|
+
$color-notification-information-icon: #007bb4 !default;
|
|
315
305
|
$color-notification-success-background: #ebf5de !default;
|
|
316
306
|
$color-notification-success-border: #46a610 !default;
|
|
307
|
+
$color-notification-success-icon: #188803 !default;
|
|
317
308
|
$color-notification-warning-background: #fdf1e8 !default;
|
|
318
309
|
$color-notification-warning-border: #ea7315 !default;
|
|
310
|
+
$color-notification-warning-icon: #c65200 !default;
|
|
319
311
|
$color-notification-danger-background: #fdeaea !default;
|
|
320
312
|
$color-notification-danger-border: #ea302d !default;
|
|
321
|
-
$color-
|
|
322
|
-
$color-
|
|
323
|
-
$color-option-button-checked-label-border: #00919f !default;
|
|
324
|
-
$color-option-button-checked-label-shadow: #d9f0f3 !default;
|
|
325
|
-
$color-option-button-disabled-label-background: #cccccc !default;
|
|
326
|
-
$color-option-card-label-shadow: #b3b3b3 !default;
|
|
327
|
-
$color-option-card-hover-label-shadow: #333333 !default;
|
|
328
|
-
$color-option-card-checked-label-border: #00919f !default;
|
|
329
|
-
$color-option-card-checked-label-shadow: #d9f0f3 !default;
|
|
330
|
-
$color-overlay-background: #191919 !default;
|
|
331
|
-
$color-overlay-loader-background: #082435 !default;
|
|
332
|
-
$color-password-input-button-hover-background: #e6e6e6 !default;
|
|
333
|
-
$color-phone-number-button-border: #666666 !default;
|
|
334
|
-
$color-phone-number-list-background: #ffffff !default;
|
|
335
|
-
$color-phone-number-item-border: #b3b3b3 !default;
|
|
336
|
-
$color-phone-number-item-focus-background: #e6e6e6 !default;
|
|
337
|
-
$color-progress-background: #cccccc !default;
|
|
313
|
+
$color-notification-danger-icon: #c61112 !default;
|
|
314
|
+
$color-progress-background: #dddcd5 !default;
|
|
338
315
|
$color-progress-indicator: #007bb4 !default;
|
|
339
|
-
$color-progress-percentage-default: #
|
|
316
|
+
$color-progress-percentage-default: #1e1e1c !default;
|
|
340
317
|
$color-progress-percentage-half: #ffffff !default;
|
|
341
318
|
$color-progress-branded-indicator: #00919f !default;
|
|
342
|
-
$color-star-empty: #
|
|
319
|
+
$color-star-empty: #dddcd5 !default;
|
|
343
320
|
$color-star-focus: #758992 !default;
|
|
344
321
|
$color-star-full: #ea7315 !default;
|
|
345
|
-
$color-star-hover: #
|
|
346
|
-
$color-stepper-item-background: #999999 !default;
|
|
347
|
-
$color-stepper-item-current-background: #009eac !default;
|
|
348
|
-
$color-stepper-link-hover-text: #009eac !default;
|
|
349
|
-
$color-stepper-indicator-background: #ffffff !default;
|
|
350
|
-
$color-stepper-indicator-border: #999999 !default;
|
|
351
|
-
$color-stepper-indicator-current-background: #009eac !default;
|
|
352
|
-
$color-stepper-indicator-current-border: #009eac !default;
|
|
353
|
-
$color-stepper-icon: #009eac !default;
|
|
354
|
-
$color-stepper-title: #009eac !default;
|
|
322
|
+
$color-star-hover: #f4b27e !default;
|
|
355
323
|
$color-tabs-background: #ffffff !default;
|
|
356
324
|
$color-tabs-shadow: #000000 !default;
|
|
357
|
-
$color-tabs-default: #
|
|
358
|
-
$color-tabs-hover: #
|
|
359
|
-
$color-tabs-disabled: #
|
|
360
|
-
$color-tabs-active: #
|
|
325
|
+
$color-tabs-default: #1e1e1c !default;
|
|
326
|
+
$color-tabs-hover: #004e57 !default;
|
|
327
|
+
$color-tabs-disabled: #71706b !default;
|
|
328
|
+
$color-tabs-active: #007f8c !default;
|
|
361
329
|
$color-tabs-active-disabled: #91d5db !default;
|
|
362
330
|
$color-tag-text-light-background: #ffffff !default;
|
|
363
|
-
$color-tag-text-light-border: #
|
|
364
|
-
$color-tag-text-light-text: #
|
|
365
|
-
$color-tag-text-dark-background: #
|
|
331
|
+
$color-tag-text-light-border: #8c8b85 !default;
|
|
332
|
+
$color-tag-text-light-text: #1e1e1c !default;
|
|
333
|
+
$color-tag-text-dark-background: #1e1e1c !default;
|
|
366
334
|
$color-tag-text-dark-border: #ffffff !default;
|
|
367
335
|
$color-tag-text-dark-text: #ffffff !default;
|
|
368
336
|
$color-tag-link-light-background: #ffffff !default;
|
|
369
|
-
$color-tag-link-light-border: #
|
|
370
|
-
$color-tag-link-light-text: #
|
|
371
|
-
$color-tag-link-light-hover-background: #
|
|
372
|
-
$color-tag-link-light-active-background: #
|
|
373
|
-
$color-tag-link-dark-background: #
|
|
337
|
+
$color-tag-link-light-border: #8c8b85 !default;
|
|
338
|
+
$color-tag-link-light-text: #1e1e1c !default;
|
|
339
|
+
$color-tag-link-light-hover-background: #eeedea !default;
|
|
340
|
+
$color-tag-link-light-active-background: #dddcd5 !default;
|
|
341
|
+
$color-tag-link-dark-background: #1e1e1c !default;
|
|
374
342
|
$color-tag-link-dark-border: #ffffff !default;
|
|
375
343
|
$color-tag-link-dark-text: #ffffff !default;
|
|
376
|
-
$color-tag-link-dark-hover-background: #
|
|
377
|
-
$color-tag-link-dark-active-background: #
|
|
344
|
+
$color-tag-link-dark-hover-background: #3a3936 !default;
|
|
345
|
+
$color-tag-link-dark-active-background: #555550 !default;
|
|
378
346
|
$color-tag-selectable-light-background: #ffffff !default;
|
|
379
|
-
$color-tag-selectable-light-border: #
|
|
380
|
-
$color-tag-selectable-light-text: #
|
|
347
|
+
$color-tag-selectable-light-border: #8c8b85 !default;
|
|
348
|
+
$color-tag-selectable-light-text: #1e1e1c !default;
|
|
381
349
|
$color-tag-selectable-light-hover-background: #48bac4 !default;
|
|
382
350
|
$color-tag-selectable-light-active-background: #004e57 !default;
|
|
383
351
|
$color-tag-selectable-light-active-border: #004e57 !default;
|
|
384
352
|
$color-tag-selectable-light-active-text: #ffffff !default;
|
|
385
|
-
$color-tag-selectable-light-disabled-background: #
|
|
386
|
-
$color-tag-selectable-light-disabled-text: #
|
|
353
|
+
$color-tag-selectable-light-disabled-background: #eeedea !default;
|
|
354
|
+
$color-tag-selectable-light-disabled-text: #8c8b85 !default;
|
|
387
355
|
$color-tag-selectable-light-selected-background: #007f8c !default;
|
|
388
356
|
$color-tag-selectable-light-selected-text: #ffffff !default;
|
|
389
357
|
$color-tag-selectable-light-selected-hover-background: #006974 !default;
|
|
390
|
-
$color-tag-selectable-dark-background: #
|
|
358
|
+
$color-tag-selectable-dark-background: #1e1e1c !default;
|
|
391
359
|
$color-tag-selectable-dark-border: #ffffff !default;
|
|
392
360
|
$color-tag-selectable-dark-text: #ffffff !default;
|
|
393
361
|
$color-tag-selectable-dark-hover-background: #006974 !default;
|
|
394
362
|
$color-tag-selectable-dark-active-background: #91d5db !default;
|
|
395
363
|
$color-tag-selectable-dark-active-border: #91d5db !default;
|
|
396
|
-
$color-tag-selectable-dark-active-text: #
|
|
364
|
+
$color-tag-selectable-dark-active-text: #1e1e1c !default;
|
|
397
365
|
$color-tag-selectable-dark-selected-background: #009eac !default;
|
|
398
366
|
$color-tag-selectable-dark-selected-border: #009eac !default;
|
|
399
|
-
$color-tag-selectable-dark-selected-text: #
|
|
367
|
+
$color-tag-selectable-dark-selected-text: #1e1e1c !default;
|
|
400
368
|
$color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
|
|
401
|
-
$color-tag-selectable-dark-disabled-background: #
|
|
402
|
-
$color-tag-selectable-dark-disabled-text: #
|
|
403
|
-
$color-tag-removable-light-background: #
|
|
369
|
+
$color-tag-selectable-dark-disabled-background: #555550 !default;
|
|
370
|
+
$color-tag-selectable-dark-disabled-text: #8c8b85 !default;
|
|
371
|
+
$color-tag-removable-light-background: #3a3936 !default;
|
|
404
372
|
$color-tag-removable-light-text: #ffffff !default;
|
|
405
|
-
$color-tag-removable-light-icon: #
|
|
406
|
-
$color-tag-removable-light-hover-background: #
|
|
407
|
-
$color-tag-removable-light-active-background: #
|
|
408
|
-
$color-tag-removable-dark-background: #
|
|
409
|
-
$color-tag-removable-dark-text: #
|
|
410
|
-
$color-tag-removable-dark-icon: #
|
|
411
|
-
$color-tag-removable-dark-hover-background: #
|
|
412
|
-
$color-tag-removable-dark-active-background: #
|
|
413
|
-
$color-toggle-off-background: #
|
|
373
|
+
$color-tag-removable-light-icon: #dddcd5 !default;
|
|
374
|
+
$color-tag-removable-light-hover-background: #555550 !default;
|
|
375
|
+
$color-tag-removable-light-active-background: #71706b !default;
|
|
376
|
+
$color-tag-removable-dark-background: #dddcd5 !default;
|
|
377
|
+
$color-tag-removable-dark-text: #1e1e1c !default;
|
|
378
|
+
$color-tag-removable-dark-icon: #1e1e1c !default;
|
|
379
|
+
$color-tag-removable-dark-hover-background: #c2c1ba !default;
|
|
380
|
+
$color-tag-removable-dark-active-background: #a7a6a0 !default;
|
|
381
|
+
$color-toggle-off-background: #71706b !default;
|
|
414
382
|
$color-toggle-off-circle: #ffffff !default;
|
|
415
383
|
$color-toggle-on-background: #00919f !default;
|
|
416
384
|
$color-toggle-on-circle: #ffffff !default;
|
|
417
|
-
$color-toggle-hover-circle: #
|
|
418
|
-
$color-toggle-disabled-background: #
|
|
419
|
-
$color-toggle-disabled-circle: #
|
|
385
|
+
$color-toggle-hover-circle: #eeedea !default;
|
|
386
|
+
$color-toggle-disabled-background: #eeedea !default;
|
|
387
|
+
$color-toggle-disabled-circle: #c2c1ba !default;
|
|
420
388
|
$color-toggle-disabled-checked-background: #91d5db !default;
|
|
421
389
|
$color-toggle-disabled-checked-circle: #ffffff !default;
|
|
422
|
-
$color-tooltip-background: #4d4d4d !default;
|
|
423
|
-
$color-tooltip-border: #ffffff !default;
|
|
424
|
-
$color-secondary-sandgrey-100: #eeedea !default;
|
|
425
|
-
$color-secondary-sandgrey-200: #dddcd5 !default;
|
|
426
|
-
$color-secondary-sandgrey-300: #c2c1ba !default;
|
|
427
|
-
$color-secondary-sandgrey-400: #a7a6a0 !default;
|
|
428
|
-
$color-secondary-sandgrey-500: #8c8b85 !default;
|
|
429
|
-
$color-secondary-sandgrey-600: #71706b !default;
|
|
430
|
-
$color-secondary-sandgrey-700: #555550 !default;
|
|
431
|
-
$color-secondary-sandgrey-800: #3a3936 !default;
|
|
432
|
-
$color-secondary-sandgrey-900: #1e1e1c !default;
|
|
433
390
|
$preset: adeo !default;
|
|
434
391
|
$radius-s: 2 !default;
|
|
435
392
|
$radius-m: 4 !default;
|
|
@@ -705,10 +662,6 @@ $tokens: (
|
|
|
705
662
|
'800': $color-success-800,
|
|
706
663
|
'900': $color-success-900
|
|
707
664
|
),
|
|
708
|
-
'breadcrumb': (
|
|
709
|
-
'arrow': $color-breadcrumb-arrow,
|
|
710
|
-
'arrow-invert': $color-breadcrumb-arrow-invert
|
|
711
|
-
),
|
|
712
665
|
'button': (
|
|
713
666
|
'solid': (
|
|
714
667
|
'background': $color-button-solid-background,
|
|
@@ -855,20 +808,6 @@ $tokens: (
|
|
|
855
808
|
)
|
|
856
809
|
)
|
|
857
810
|
),
|
|
858
|
-
'card': (
|
|
859
|
-
'bordered': (
|
|
860
|
-
'background': $color-card-bordered-background,
|
|
861
|
-
'border': $color-card-bordered-border
|
|
862
|
-
)
|
|
863
|
-
),
|
|
864
|
-
'dialog': (
|
|
865
|
-
'background': $color-dialog-background,
|
|
866
|
-
'icon': $color-dialog-icon,
|
|
867
|
-
'close': $color-dialog-close,
|
|
868
|
-
'footer': (
|
|
869
|
-
'shadow': $color-dialog-footer-shadow
|
|
870
|
-
)
|
|
871
|
-
),
|
|
872
811
|
'divider': (
|
|
873
812
|
'lightest': $color-divider-lightest,
|
|
874
813
|
'light': $color-divider-light,
|
|
@@ -959,17 +898,6 @@ $tokens: (
|
|
|
959
898
|
'warning': $color-font-warning,
|
|
960
899
|
'danger': $color-font-danger
|
|
961
900
|
),
|
|
962
|
-
'heading': (
|
|
963
|
-
'underline': (
|
|
964
|
-
'default': $color-heading-underline-default,
|
|
965
|
-
'lightest': $color-heading-underline-lightest
|
|
966
|
-
)
|
|
967
|
-
),
|
|
968
|
-
'hero': (
|
|
969
|
-
'cover': (
|
|
970
|
-
'background': $color-hero-cover-background
|
|
971
|
-
)
|
|
972
|
-
),
|
|
973
901
|
'input': (
|
|
974
902
|
'text': $color-input-text,
|
|
975
903
|
'border': $color-input-border,
|
|
@@ -1048,83 +976,23 @@ $tokens: (
|
|
|
1048
976
|
'font': $color-notification-font,
|
|
1049
977
|
'information': (
|
|
1050
978
|
'background': $color-notification-information-background,
|
|
1051
|
-
'border': $color-notification-information-border
|
|
979
|
+
'border': $color-notification-information-border,
|
|
980
|
+
'icon': $color-notification-information-icon
|
|
1052
981
|
),
|
|
1053
982
|
'success': (
|
|
1054
983
|
'background': $color-notification-success-background,
|
|
1055
|
-
'border': $color-notification-success-border
|
|
984
|
+
'border': $color-notification-success-border,
|
|
985
|
+
'icon': $color-notification-success-icon
|
|
1056
986
|
),
|
|
1057
987
|
'warning': (
|
|
1058
988
|
'background': $color-notification-warning-background,
|
|
1059
|
-
'border': $color-notification-warning-border
|
|
989
|
+
'border': $color-notification-warning-border,
|
|
990
|
+
'icon': $color-notification-warning-icon
|
|
1060
991
|
),
|
|
1061
992
|
'danger': (
|
|
1062
993
|
'background': $color-notification-danger-background,
|
|
1063
|
-
'border': $color-notification-danger-border
|
|
1064
|
-
|
|
1065
|
-
),
|
|
1066
|
-
'option-button': (
|
|
1067
|
-
'label': (
|
|
1068
|
-
'shadow': $color-option-button-label-shadow
|
|
1069
|
-
),
|
|
1070
|
-
'hover': (
|
|
1071
|
-
'label': (
|
|
1072
|
-
'shadow': $color-option-button-hover-label-shadow
|
|
1073
|
-
)
|
|
1074
|
-
),
|
|
1075
|
-
'checked': (
|
|
1076
|
-
'label': (
|
|
1077
|
-
'border': $color-option-button-checked-label-border,
|
|
1078
|
-
'shadow': $color-option-button-checked-label-shadow
|
|
1079
|
-
)
|
|
1080
|
-
),
|
|
1081
|
-
'disabled': (
|
|
1082
|
-
'label': (
|
|
1083
|
-
'background': $color-option-button-disabled-label-background
|
|
1084
|
-
)
|
|
1085
|
-
)
|
|
1086
|
-
),
|
|
1087
|
-
'option-card': (
|
|
1088
|
-
'label': (
|
|
1089
|
-
'shadow': $color-option-card-label-shadow
|
|
1090
|
-
),
|
|
1091
|
-
'hover': (
|
|
1092
|
-
'label': (
|
|
1093
|
-
'shadow': $color-option-card-hover-label-shadow
|
|
1094
|
-
)
|
|
1095
|
-
),
|
|
1096
|
-
'checked': (
|
|
1097
|
-
'label': (
|
|
1098
|
-
'border': $color-option-card-checked-label-border,
|
|
1099
|
-
'shadow': $color-option-card-checked-label-shadow
|
|
1100
|
-
)
|
|
1101
|
-
)
|
|
1102
|
-
),
|
|
1103
|
-
'overlay': (
|
|
1104
|
-
'background': $color-overlay-background,
|
|
1105
|
-
'loader': (
|
|
1106
|
-
'background': $color-overlay-loader-background
|
|
1107
|
-
)
|
|
1108
|
-
),
|
|
1109
|
-
'password-input': (
|
|
1110
|
-
'button': (
|
|
1111
|
-
'hover': (
|
|
1112
|
-
'background': $color-password-input-button-hover-background
|
|
1113
|
-
)
|
|
1114
|
-
)
|
|
1115
|
-
),
|
|
1116
|
-
'phone-number': (
|
|
1117
|
-
'button': (
|
|
1118
|
-
'border': $color-phone-number-button-border
|
|
1119
|
-
),
|
|
1120
|
-
'list': (
|
|
1121
|
-
'background': $color-phone-number-list-background
|
|
1122
|
-
),
|
|
1123
|
-
'item': (
|
|
1124
|
-
'border': $color-phone-number-item-border,
|
|
1125
|
-
'focus': (
|
|
1126
|
-
'background': $color-phone-number-item-focus-background
|
|
1127
|
-
)
|
|
994
|
+
'border': $color-notification-danger-border,
|
|
995
|
+
'icon': $color-notification-danger-icon
|
|
1128
996
|
)
|
|
1129
997
|
),
|
|
1130
998
|
'progress': (
|
|
@@ -1144,29 +1012,6 @@ $tokens: (
|
|
|
1144
1012
|
'full': $color-star-full,
|
|
1145
1013
|
'hover': $color-star-hover
|
|
1146
1014
|
),
|
|
1147
|
-
'stepper': (
|
|
1148
|
-
'item': (
|
|
1149
|
-
'background': $color-stepper-item-background,
|
|
1150
|
-
'current': (
|
|
1151
|
-
'background': $color-stepper-item-current-background
|
|
1152
|
-
)
|
|
1153
|
-
),
|
|
1154
|
-
'link': (
|
|
1155
|
-
'hover': (
|
|
1156
|
-
'text': $color-stepper-link-hover-text
|
|
1157
|
-
)
|
|
1158
|
-
),
|
|
1159
|
-
'indicator': (
|
|
1160
|
-
'background': $color-stepper-indicator-background,
|
|
1161
|
-
'border': $color-stepper-indicator-border,
|
|
1162
|
-
'current': (
|
|
1163
|
-
'background': $color-stepper-indicator-current-background,
|
|
1164
|
-
'border': $color-stepper-indicator-current-border
|
|
1165
|
-
)
|
|
1166
|
-
),
|
|
1167
|
-
'icon': $color-stepper-icon,
|
|
1168
|
-
'title': $color-stepper-title
|
|
1169
|
-
),
|
|
1170
1015
|
'tabs': (
|
|
1171
1016
|
'background': $color-tabs-background,
|
|
1172
1017
|
'shadow': $color-tabs-shadow,
|
|
@@ -1309,21 +1154,6 @@ $tokens: (
|
|
|
1309
1154
|
'background': $color-toggle-disabled-checked-background,
|
|
1310
1155
|
'circle': $color-toggle-disabled-checked-circle
|
|
1311
1156
|
)
|
|
1312
|
-
),
|
|
1313
|
-
'tooltip': (
|
|
1314
|
-
'background': $color-tooltip-background,
|
|
1315
|
-
'border': $color-tooltip-border
|
|
1316
|
-
),
|
|
1317
|
-
'secondary-sandgrey': (
|
|
1318
|
-
'100': $color-secondary-sandgrey-100,
|
|
1319
|
-
'200': $color-secondary-sandgrey-200,
|
|
1320
|
-
'300': $color-secondary-sandgrey-300,
|
|
1321
|
-
'400': $color-secondary-sandgrey-400,
|
|
1322
|
-
'500': $color-secondary-sandgrey-500,
|
|
1323
|
-
'600': $color-secondary-sandgrey-600,
|
|
1324
|
-
'700': $color-secondary-sandgrey-700,
|
|
1325
|
-
'800': $color-secondary-sandgrey-800,
|
|
1326
|
-
'900': $color-secondary-sandgrey-900
|
|
1327
1157
|
)
|
|
1328
1158
|
),
|
|
1329
1159
|
'preset': $preset,
|