@mozaic-ds/vue 1.0.0-rc.0 → 1.0.0-rc.1
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/README.md +10 -8
- package/dist/mozaic-vue.adeo.css +45 -43
- package/dist/mozaic-vue.adeo.umd.js +11552 -22322
- package/dist/mozaic-vue.common.js +11552 -22322
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +11552 -22322
- 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 +24 -23
- package/src/components/autocomplete/MAutocomplete.vue +294 -111
- package/src/components/checkbox/MCheckboxGroup.vue +8 -0
- package/src/components/dropdown/MDropdown.vue +316 -0
- package/src/components/dropdown/index.js +7 -0
- package/src/components/flag/MFlag.vue +1 -1
- package/src/components/icon/MIcon.vue +18 -2
- package/src/components/index.js +2 -1
- package/src/components/link/MLink.vue +14 -3
- package/src/components/listbox/MListBox.vue +97 -57
- package/src/components/listbox/MListBoxActions.vue +251 -0
- package/src/components/listbox/index.js +6 -1
- package/src/components/phonenumber/MPhoneNumber.vue +10 -3
- package/src/components/quantityselector/MQuantitySelector.vue +15 -2
- package/src/components/ratingstars/MStarsInput.vue +1 -0
- package/src/components/stepper/MStepper.vue +68 -27
- package/src/components/tabs/MTab.vue +69 -59
- package/src/components/textinput/MTextInputField.vue +0 -1
- package/src/index.js +2 -1
- package/src/tokens/adeo/android/colors.xml +183 -126
- package/src/tokens/adeo/css/_variables.scss +183 -126
- package/src/tokens/adeo/css/root.scss +80 -23
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +60 -3
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +187 -130
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +183 -126
- package/src/tokens/adeo/js/tokens.js +183 -126
- package/src/tokens/adeo/js/tokensObject.js +1570 -283
- package/src/tokens/adeo/scss/_tokens.scss +342 -128
- package/types/index.d.ts +4 -0
|
@@ -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: #e6e6e6 !default;
|
|
18
|
+
$color-badge-neutral-border: #808080 !default;
|
|
19
|
+
$color-badge-neutral-text: #4d4d4d !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: #eeeff1 !default;
|
|
30
|
+
$color-primary-02-200: #cfd2d8 !default;
|
|
31
|
+
$color-primary-02-300: #b3b7c1 !default;
|
|
32
|
+
$color-primary-02-400: #8f94a3 !default;
|
|
33
|
+
$color-primary-02-500: #6a7081 !default;
|
|
34
|
+
$color-primary-02-600: #494f60 !default;
|
|
35
|
+
$color-primary-02-700: #343b4c !default;
|
|
36
|
+
$color-primary-02-800: #242938 !default;
|
|
37
|
+
$color-primary-02-900: #171b26 !default;
|
|
38
|
+
$color-grey-100: #e6e6e6 !default;
|
|
39
|
+
$color-grey-200: #cccccc !default;
|
|
40
|
+
$color-grey-300: #b3b3b3 !default;
|
|
41
|
+
$color-grey-400: #999999 !default;
|
|
42
|
+
$color-grey-500: #808080 !default;
|
|
43
|
+
$color-grey-600: #666666 !default;
|
|
44
|
+
$color-grey-700: #4d4d4d !default;
|
|
45
|
+
$color-grey-800: #333333 !default;
|
|
46
|
+
$color-grey-900: #191919 !default;
|
|
47
47
|
$color-grey-999: #000000 !default;
|
|
48
48
|
$color-grey-000: #ffffff !default;
|
|
49
49
|
$color-secondary-blue-100: #eaedef !default;
|
|
@@ -136,35 +136,37 @@ $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;
|
|
139
141
|
$color-button-solid-background: #007f8c !default;
|
|
140
142
|
$color-button-solid-font: #ffffff !default;
|
|
141
143
|
$color-button-solid-focus-border: #006974 !default;
|
|
142
|
-
$color-button-solid-disabled-background: #
|
|
143
|
-
$color-button-solid-disabled-font: #
|
|
144
|
+
$color-button-solid-disabled-background: #cccccc !default;
|
|
145
|
+
$color-button-solid-disabled-font: #666666 !default;
|
|
144
146
|
$color-button-solid-active-background: #006974 !default;
|
|
145
147
|
$color-button-solid-hover-background: #006974 !default;
|
|
146
148
|
$color-button-solid-hover-font: #ffffff !default;
|
|
147
|
-
$color-button-solid-primary-02-background: #
|
|
149
|
+
$color-button-solid-primary-02-background: #6a7081 !default;
|
|
148
150
|
$color-button-solid-primary-02-font: #ffffff !default;
|
|
149
|
-
$color-button-solid-primary-02-focus-border: #
|
|
150
|
-
$color-button-solid-primary-02-disabled-background: #
|
|
151
|
-
$color-button-solid-primary-02-disabled-font: #
|
|
152
|
-
$color-button-solid-primary-02-active-background: #
|
|
153
|
-
$color-button-solid-primary-02-hover-background: #
|
|
151
|
+
$color-button-solid-primary-02-focus-border: #171b26 !default;
|
|
152
|
+
$color-button-solid-primary-02-disabled-background: #cccccc !default;
|
|
153
|
+
$color-button-solid-primary-02-disabled-font: #666666 !default;
|
|
154
|
+
$color-button-solid-primary-02-active-background: #171b26 !default;
|
|
155
|
+
$color-button-solid-primary-02-hover-background: #242938 !default;
|
|
154
156
|
$color-button-solid-primary-02-hover-font: #ffffff !default;
|
|
155
|
-
$color-button-solid-neutral-background: #
|
|
157
|
+
$color-button-solid-neutral-background: #333333 !default;
|
|
156
158
|
$color-button-solid-neutral-font: #ffffff !default;
|
|
157
|
-
$color-button-solid-neutral-focus-border: #
|
|
158
|
-
$color-button-solid-neutral-disabled-background: #
|
|
159
|
-
$color-button-solid-neutral-disabled-font: #
|
|
160
|
-
$color-button-solid-neutral-active-background: #
|
|
161
|
-
$color-button-solid-neutral-hover-background: #
|
|
159
|
+
$color-button-solid-neutral-focus-border: #191919 !default;
|
|
160
|
+
$color-button-solid-neutral-disabled-background: #cccccc !default;
|
|
161
|
+
$color-button-solid-neutral-disabled-font: #666666 !default;
|
|
162
|
+
$color-button-solid-neutral-active-background: #333333 !default;
|
|
163
|
+
$color-button-solid-neutral-hover-background: #191919 !default;
|
|
162
164
|
$color-button-solid-neutral-hover-font: #ffffff !default;
|
|
163
165
|
$color-button-solid-danger-background: #c61112 !default;
|
|
164
166
|
$color-button-solid-danger-font: #ffffff !default;
|
|
165
167
|
$color-button-solid-danger-focus-border: #8c0003 !default;
|
|
166
|
-
$color-button-solid-danger-disabled-background: #
|
|
167
|
-
$color-button-solid-danger-disabled-font: #
|
|
168
|
+
$color-button-solid-danger-disabled-background: #cccccc !default;
|
|
169
|
+
$color-button-solid-danger-disabled-font: #666666 !default;
|
|
168
170
|
$color-button-solid-danger-active-background: #8c0003 !default;
|
|
169
171
|
$color-button-solid-danger-hover-background: #8c0003 !default;
|
|
170
172
|
$color-button-solid-danger-hover-font: #ffffff !default;
|
|
@@ -172,45 +174,51 @@ $color-button-bordered-background: #ffffff !default;
|
|
|
172
174
|
$color-button-bordered-border: #007f8c !default;
|
|
173
175
|
$color-button-bordered-font: #007f8c !default;
|
|
174
176
|
$color-button-bordered-focus-border: #006974 !default;
|
|
175
|
-
$color-button-bordered-disabled-background: #
|
|
176
|
-
$color-button-bordered-disabled-font: #
|
|
177
|
+
$color-button-bordered-disabled-background: #cccccc !default;
|
|
178
|
+
$color-button-bordered-disabled-font: #666666 !default;
|
|
177
179
|
$color-button-bordered-active-background: #91d5db !default;
|
|
178
180
|
$color-button-bordered-hover-background: #d9f0f3 !default;
|
|
179
181
|
$color-button-bordered-primary-02-background: #ffffff !default;
|
|
180
|
-
$color-button-bordered-primary-02-border: #
|
|
181
|
-
$color-button-bordered-primary-02-font: #
|
|
182
|
-
$color-button-bordered-primary-02-focus-border: #
|
|
183
|
-
$color-button-bordered-primary-02-disabled-background: #
|
|
184
|
-
$color-button-bordered-primary-02-disabled-font: #
|
|
185
|
-
$color-button-bordered-primary-02-active-background: #
|
|
186
|
-
$color-button-bordered-primary-02-hover-background: #
|
|
182
|
+
$color-button-bordered-primary-02-border: #6a7081 !default;
|
|
183
|
+
$color-button-bordered-primary-02-font: #6a7081 !default;
|
|
184
|
+
$color-button-bordered-primary-02-focus-border: #171b26 !default;
|
|
185
|
+
$color-button-bordered-primary-02-disabled-background: #cccccc !default;
|
|
186
|
+
$color-button-bordered-primary-02-disabled-font: #666666 !default;
|
|
187
|
+
$color-button-bordered-primary-02-active-background: #cfd2d8 !default;
|
|
188
|
+
$color-button-bordered-primary-02-hover-background: #eeeff1 !default;
|
|
187
189
|
$color-button-bordered-neutral-background: #ffffff !default;
|
|
188
|
-
$color-button-bordered-neutral-border: #
|
|
189
|
-
$color-button-bordered-neutral-font: #
|
|
190
|
-
$color-button-bordered-neutral-focus-border: #
|
|
191
|
-
$color-button-bordered-neutral-disabled-background: #
|
|
192
|
-
$color-button-bordered-neutral-disabled-font: #
|
|
193
|
-
$color-button-bordered-neutral-active-background: #
|
|
194
|
-
$color-button-bordered-neutral-hover-background: #
|
|
190
|
+
$color-button-bordered-neutral-border: #333333 !default;
|
|
191
|
+
$color-button-bordered-neutral-font: #333333 !default;
|
|
192
|
+
$color-button-bordered-neutral-focus-border: #191919 !default;
|
|
193
|
+
$color-button-bordered-neutral-disabled-background: #cccccc !default;
|
|
194
|
+
$color-button-bordered-neutral-disabled-font: #666666 !default;
|
|
195
|
+
$color-button-bordered-neutral-active-background: #cccccc !default;
|
|
196
|
+
$color-button-bordered-neutral-hover-background: #e6e6e6 !default;
|
|
195
197
|
$color-button-bordered-danger-background: #ffffff !default;
|
|
196
198
|
$color-button-bordered-danger-border: #c61112 !default;
|
|
197
199
|
$color-button-bordered-danger-font: #c61112 !default;
|
|
198
200
|
$color-button-bordered-danger-focus-border: #8c0003 !default;
|
|
199
|
-
$color-button-bordered-danger-disabled-background: #
|
|
200
|
-
$color-button-bordered-danger-disabled-font: #
|
|
201
|
+
$color-button-bordered-danger-disabled-background: #cccccc !default;
|
|
202
|
+
$color-button-bordered-danger-disabled-font: #666666 !default;
|
|
201
203
|
$color-button-bordered-danger-active-background: #f8bcbb !default;
|
|
202
204
|
$color-button-bordered-danger-hover-background: #fdeaea !default;
|
|
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;
|
|
203
211
|
$color-divider-lightest: #ffffff !default;
|
|
204
|
-
$color-divider-light: #
|
|
205
|
-
$color-divider-default: #
|
|
212
|
+
$color-divider-light: #b3b3b3 !default;
|
|
213
|
+
$color-divider-default: #666666 !default;
|
|
206
214
|
$color-divider-dark: #000000 !default;
|
|
207
215
|
$color-fields-error: #c61112 !default;
|
|
208
|
-
$color-fields-label: #
|
|
209
|
-
$color-fields-requirement: #
|
|
210
|
-
$color-fields-help: #
|
|
216
|
+
$color-fields-label: #333333 !default;
|
|
217
|
+
$color-fields-requirement: #666666 !default;
|
|
218
|
+
$color-fields-help: #666666 !default;
|
|
211
219
|
$color-fileuploader-font: #000000 !default;
|
|
212
|
-
$color-fileuploader-files-list: #
|
|
213
|
-
$color-fileuploader-files-delete: #
|
|
220
|
+
$color-fileuploader-files-list: #e6e6e6 !default;
|
|
221
|
+
$color-fileuploader-files-delete: #cccccc !default;
|
|
214
222
|
$color-fileuploader-valid: #00919f !default;
|
|
215
223
|
$color-fileuploader-alert: #c61112 !default;
|
|
216
224
|
$color-flag-solid-background: #007f8c !default;
|
|
@@ -246,24 +254,27 @@ $color-flag-bordered-danger-text: #c61112 !default;
|
|
|
246
254
|
$color-focus-gap: #ffffff !default;
|
|
247
255
|
$color-focus-border: #758992 !default;
|
|
248
256
|
$color-font-primary-01: #007f8c !default;
|
|
249
|
-
$color-font-primary-02: #
|
|
257
|
+
$color-font-primary-02: #6a7081 !default;
|
|
250
258
|
$color-font-darkest: #000000 !default;
|
|
251
|
-
$color-font-darker: #
|
|
252
|
-
$color-font-dark: #
|
|
253
|
-
$color-font-light: #
|
|
259
|
+
$color-font-darker: #191919 !default;
|
|
260
|
+
$color-font-dark: #333333 !default;
|
|
261
|
+
$color-font-light: #666666 !default;
|
|
254
262
|
$color-font-lightest: #ffffff !default;
|
|
255
263
|
$color-font-info: #007bb4 !default;
|
|
256
264
|
$color-font-success: #188803 !default;
|
|
257
265
|
$color-font-warning: #c65200 !default;
|
|
258
266
|
$color-font-danger: #c61112 !default;
|
|
259
|
-
$color-
|
|
260
|
-
$color-
|
|
261
|
-
$color-
|
|
267
|
+
$color-heading-underline-default: #00919f !default;
|
|
268
|
+
$color-heading-underline-lightest: #91d5db !default;
|
|
269
|
+
$color-hero-cover-background: #191919 !default;
|
|
270
|
+
$color-input-text: #191919 !default;
|
|
271
|
+
$color-input-border: #666666 !default;
|
|
272
|
+
$color-input-placeholder: #808080 !default;
|
|
262
273
|
$color-input-background: #ffffff !default;
|
|
263
|
-
$color-input-disabled-border: #
|
|
264
|
-
$color-input-disabled-background: #
|
|
265
|
-
$color-input-disabled-icon: #
|
|
266
|
-
$color-input-hover-border: #
|
|
274
|
+
$color-input-disabled-border: #e6e6e6 !default;
|
|
275
|
+
$color-input-disabled-background: #e6e6e6 !default;
|
|
276
|
+
$color-input-disabled-icon: #999999 !default;
|
|
277
|
+
$color-input-hover-border: #191919 !default;
|
|
267
278
|
$color-input-focus-border: #758992 !default;
|
|
268
279
|
$color-input-valid-border: #46a610 !default;
|
|
269
280
|
$color-input-valid-hover-border: #035010 !default;
|
|
@@ -274,30 +285,36 @@ $color-input-checked-background: #00919f !default;
|
|
|
274
285
|
$color-input-checked-icon: #ffffff !default;
|
|
275
286
|
$color-input-checked-hover-border: #004e57 !default;
|
|
276
287
|
$color-link-dark-base: #000000 !default;
|
|
277
|
-
$color-link-dark-visited: #
|
|
278
|
-
$color-link-dark-active: #
|
|
279
|
-
$color-link-dark-disabled: #
|
|
280
|
-
$color-link-dark-hover: #
|
|
288
|
+
$color-link-dark-visited: #333333 !default;
|
|
289
|
+
$color-link-dark-active: #333333 !default;
|
|
290
|
+
$color-link-dark-disabled: #e6e6e6 !default;
|
|
291
|
+
$color-link-dark-hover: #666666 !default;
|
|
281
292
|
$color-link-light-base: #ffffff !default;
|
|
282
|
-
$color-link-light-visited: #
|
|
283
|
-
$color-link-light-active: #
|
|
284
|
-
$color-link-light-disabled: #
|
|
285
|
-
$color-link-light-hover: #
|
|
293
|
+
$color-link-light-visited: #cccccc !default;
|
|
294
|
+
$color-link-light-active: #cccccc !default;
|
|
295
|
+
$color-link-light-disabled: #e6e6e6 !default;
|
|
296
|
+
$color-link-light-hover: #999999 !default;
|
|
286
297
|
$color-link-primary-base: #007f8c !default;
|
|
287
298
|
$color-link-primary-visited: #006974 !default;
|
|
288
299
|
$color-link-primary-active: #006974 !default;
|
|
289
|
-
$color-link-primary-disabled: #
|
|
300
|
+
$color-link-primary-disabled: #e6e6e6 !default;
|
|
290
301
|
$color-link-primary-hover: #004e57 !default;
|
|
291
|
-
$color-link-primary-02-base: #
|
|
292
|
-
$color-link-primary-02-visited: #
|
|
293
|
-
$color-link-primary-02-active: #
|
|
294
|
-
$color-link-primary-02-disabled: #
|
|
295
|
-
$color-link-primary-02-hover: #
|
|
302
|
+
$color-link-primary-02-base: #494f60 !default;
|
|
303
|
+
$color-link-primary-02-visited: #343b4c !default;
|
|
304
|
+
$color-link-primary-02-active: #343b4c !default;
|
|
305
|
+
$color-link-primary-02-disabled: #e6e6e6 !default;
|
|
306
|
+
$color-link-primary-02-hover: #171b26 !default;
|
|
296
307
|
$color-link-danger-base: #c61112 !default;
|
|
297
308
|
$color-link-danger-visited: #8c0003 !default;
|
|
298
309
|
$color-link-danger-active: #8c0003 !default;
|
|
299
|
-
$color-link-danger-disabled: #
|
|
310
|
+
$color-link-danger-disabled: #e6e6e6 !default;
|
|
300
311
|
$color-link-danger-hover: #530000 !default;
|
|
312
|
+
$color-listbox-background: #ffffff !default;
|
|
313
|
+
$color-listbox-border: #666666 !default;
|
|
314
|
+
$color-listbox-tile-border: #b3b3b3 !default;
|
|
315
|
+
$color-listbox-tile-shadow: #191919 !default;
|
|
316
|
+
$color-listbox-tile-hover-background: #e6e6e6 !default;
|
|
317
|
+
$color-listbox-disabled-background: #cccccc !default;
|
|
301
318
|
$color-notification-font: #000000 !default;
|
|
302
319
|
$color-notification-information-background: #daeff7 !default;
|
|
303
320
|
$color-notification-information-border: #0b96cc !default;
|
|
@@ -311,82 +328,122 @@ $color-notification-warning-icon: #c65200 !default;
|
|
|
311
328
|
$color-notification-danger-background: #fdeaea !default;
|
|
312
329
|
$color-notification-danger-border: #ea302d !default;
|
|
313
330
|
$color-notification-danger-icon: #c61112 !default;
|
|
314
|
-
$color-
|
|
331
|
+
$color-option-button-label-shadow: #b3b3b3 !default;
|
|
332
|
+
$color-option-button-hover-label-shadow: #333333 !default;
|
|
333
|
+
$color-option-button-checked-label-border: #00919f !default;
|
|
334
|
+
$color-option-button-checked-label-shadow: #d9f0f3 !default;
|
|
335
|
+
$color-option-button-disabled-label-background: #cccccc !default;
|
|
336
|
+
$color-option-card-label-shadow: #b3b3b3 !default;
|
|
337
|
+
$color-option-card-hover-label-shadow: #333333 !default;
|
|
338
|
+
$color-option-card-checked-label-border: #00919f !default;
|
|
339
|
+
$color-option-card-checked-label-shadow: #d9f0f3 !default;
|
|
340
|
+
$color-overlay-background: #191919 !default;
|
|
341
|
+
$color-overlay-loader-background: #082435 !default;
|
|
342
|
+
$color-password-input-button-hover-background: #e6e6e6 !default;
|
|
343
|
+
$color-phone-number-button-border: #666666 !default;
|
|
344
|
+
$color-phone-number-list-background: #ffffff !default;
|
|
345
|
+
$color-phone-number-item-border: #b3b3b3 !default;
|
|
346
|
+
$color-phone-number-item-focus-background: #e6e6e6 !default;
|
|
347
|
+
$color-progress-background: #cccccc !default;
|
|
315
348
|
$color-progress-indicator: #007bb4 !default;
|
|
316
|
-
$color-progress-percentage-default: #
|
|
349
|
+
$color-progress-percentage-default: #191919 !default;
|
|
317
350
|
$color-progress-percentage-half: #ffffff !default;
|
|
318
351
|
$color-progress-branded-indicator: #00919f !default;
|
|
319
|
-
$color-star-empty: #
|
|
352
|
+
$color-star-empty: #ffffff !default;
|
|
320
353
|
$color-star-focus: #758992 !default;
|
|
321
354
|
$color-star-full: #ea7315 !default;
|
|
322
355
|
$color-star-hover: #f4b27e !default;
|
|
356
|
+
$color-stepper-item-background: #999999 !default;
|
|
357
|
+
$color-stepper-item-current-background: #00919f !default;
|
|
358
|
+
$color-stepper-link-hover-text: #00919f !default;
|
|
359
|
+
$color-stepper-indicator-background: #ffffff !default;
|
|
360
|
+
$color-stepper-indicator-border: #999999 !default;
|
|
361
|
+
$color-stepper-indicator-current-background: #00919f !default;
|
|
362
|
+
$color-stepper-indicator-current-border: #00919f !default;
|
|
363
|
+
$color-stepper-icon: #00919f !default;
|
|
364
|
+
$color-stepper-title: #00919f !default;
|
|
323
365
|
$color-tabs-background: #ffffff !default;
|
|
324
366
|
$color-tabs-shadow: #000000 !default;
|
|
325
|
-
$color-tabs-default: #
|
|
367
|
+
$color-tabs-default: #666666 !default;
|
|
368
|
+
$color-tabs-element-background: #eeeff1 !default;
|
|
326
369
|
$color-tabs-hover: #004e57 !default;
|
|
327
|
-
$color-tabs-disabled: #
|
|
328
|
-
$color-tabs-active: #
|
|
370
|
+
$color-tabs-disabled-background: #cccccc !default;
|
|
371
|
+
$color-tabs-active-background: #cfd2d8 !default;
|
|
372
|
+
$color-tabs-active-text: #333333 !default;
|
|
373
|
+
$color-tabs-selected-border: #000000 !default;
|
|
374
|
+
$color-tabs-selected-text: #000000 !default;
|
|
329
375
|
$color-tabs-active-disabled: #91d5db !default;
|
|
330
376
|
$color-tag-text-light-background: #ffffff !default;
|
|
331
|
-
$color-tag-text-light-border: #
|
|
332
|
-
$color-tag-text-light-text: #
|
|
333
|
-
$color-tag-text-dark-background: #
|
|
377
|
+
$color-tag-text-light-border: #808080 !default;
|
|
378
|
+
$color-tag-text-light-text: #191919 !default;
|
|
379
|
+
$color-tag-text-dark-background: #191919 !default;
|
|
334
380
|
$color-tag-text-dark-border: #ffffff !default;
|
|
335
381
|
$color-tag-text-dark-text: #ffffff !default;
|
|
336
382
|
$color-tag-link-light-background: #ffffff !default;
|
|
337
|
-
$color-tag-link-light-border: #
|
|
338
|
-
$color-tag-link-light-text: #
|
|
339
|
-
$color-tag-link-light-hover-background: #
|
|
340
|
-
$color-tag-link-light-active-background: #
|
|
341
|
-
$color-tag-link-dark-background: #
|
|
383
|
+
$color-tag-link-light-border: #808080 !default;
|
|
384
|
+
$color-tag-link-light-text: #191919 !default;
|
|
385
|
+
$color-tag-link-light-hover-background: #e6e6e6 !default;
|
|
386
|
+
$color-tag-link-light-active-background: #cccccc !default;
|
|
387
|
+
$color-tag-link-dark-background: #191919 !default;
|
|
342
388
|
$color-tag-link-dark-border: #ffffff !default;
|
|
343
389
|
$color-tag-link-dark-text: #ffffff !default;
|
|
344
|
-
$color-tag-link-dark-hover-background: #
|
|
345
|
-
$color-tag-link-dark-active-background: #
|
|
390
|
+
$color-tag-link-dark-hover-background: #333333 !default;
|
|
391
|
+
$color-tag-link-dark-active-background: #4d4d4d !default;
|
|
346
392
|
$color-tag-selectable-light-background: #ffffff !default;
|
|
347
|
-
$color-tag-selectable-light-border: #
|
|
348
|
-
$color-tag-selectable-light-text: #
|
|
393
|
+
$color-tag-selectable-light-border: #808080 !default;
|
|
394
|
+
$color-tag-selectable-light-text: #191919 !default;
|
|
349
395
|
$color-tag-selectable-light-hover-background: #48bac4 !default;
|
|
350
396
|
$color-tag-selectable-light-active-background: #004e57 !default;
|
|
351
397
|
$color-tag-selectable-light-active-border: #004e57 !default;
|
|
352
398
|
$color-tag-selectable-light-active-text: #ffffff !default;
|
|
353
|
-
$color-tag-selectable-light-disabled-background: #
|
|
354
|
-
$color-tag-selectable-light-disabled-text: #
|
|
399
|
+
$color-tag-selectable-light-disabled-background: #e6e6e6 !default;
|
|
400
|
+
$color-tag-selectable-light-disabled-text: #808080 !default;
|
|
355
401
|
$color-tag-selectable-light-selected-background: #007f8c !default;
|
|
356
402
|
$color-tag-selectable-light-selected-text: #ffffff !default;
|
|
357
403
|
$color-tag-selectable-light-selected-hover-background: #006974 !default;
|
|
358
|
-
$color-tag-selectable-dark-background: #
|
|
404
|
+
$color-tag-selectable-dark-background: #191919 !default;
|
|
359
405
|
$color-tag-selectable-dark-border: #ffffff !default;
|
|
360
406
|
$color-tag-selectable-dark-text: #ffffff !default;
|
|
361
407
|
$color-tag-selectable-dark-hover-background: #006974 !default;
|
|
362
408
|
$color-tag-selectable-dark-active-background: #91d5db !default;
|
|
363
409
|
$color-tag-selectable-dark-active-border: #91d5db !default;
|
|
364
|
-
$color-tag-selectable-dark-active-text: #
|
|
410
|
+
$color-tag-selectable-dark-active-text: #191919 !default;
|
|
365
411
|
$color-tag-selectable-dark-selected-background: #009eac !default;
|
|
366
412
|
$color-tag-selectable-dark-selected-border: #009eac !default;
|
|
367
|
-
$color-tag-selectable-dark-selected-text: #
|
|
413
|
+
$color-tag-selectable-dark-selected-text: #191919 !default;
|
|
368
414
|
$color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
|
|
369
|
-
$color-tag-selectable-dark-disabled-background: #
|
|
370
|
-
$color-tag-selectable-dark-disabled-text: #
|
|
371
|
-
$color-tag-removable-light-background: #
|
|
415
|
+
$color-tag-selectable-dark-disabled-background: #4d4d4d !default;
|
|
416
|
+
$color-tag-selectable-dark-disabled-text: #808080 !default;
|
|
417
|
+
$color-tag-removable-light-background: #333333 !default;
|
|
372
418
|
$color-tag-removable-light-text: #ffffff !default;
|
|
373
|
-
$color-tag-removable-light-icon: #
|
|
374
|
-
$color-tag-removable-light-hover-background: #
|
|
375
|
-
$color-tag-removable-light-active-background: #
|
|
376
|
-
$color-tag-removable-dark-background: #
|
|
377
|
-
$color-tag-removable-dark-text: #
|
|
378
|
-
$color-tag-removable-dark-icon: #
|
|
379
|
-
$color-tag-removable-dark-hover-background: #
|
|
380
|
-
$color-tag-removable-dark-active-background: #
|
|
381
|
-
$color-toggle-off-background: #
|
|
419
|
+
$color-tag-removable-light-icon: #cccccc !default;
|
|
420
|
+
$color-tag-removable-light-hover-background: #4d4d4d !default;
|
|
421
|
+
$color-tag-removable-light-active-background: #666666 !default;
|
|
422
|
+
$color-tag-removable-dark-background: #cccccc !default;
|
|
423
|
+
$color-tag-removable-dark-text: #191919 !default;
|
|
424
|
+
$color-tag-removable-dark-icon: #191919 !default;
|
|
425
|
+
$color-tag-removable-dark-hover-background: #b3b3b3 !default;
|
|
426
|
+
$color-tag-removable-dark-active-background: #999999 !default;
|
|
427
|
+
$color-toggle-off-background: #666666 !default;
|
|
382
428
|
$color-toggle-off-circle: #ffffff !default;
|
|
383
429
|
$color-toggle-on-background: #00919f !default;
|
|
384
430
|
$color-toggle-on-circle: #ffffff !default;
|
|
385
|
-
$color-toggle-hover-circle: #
|
|
386
|
-
$color-toggle-disabled-background: #
|
|
387
|
-
$color-toggle-disabled-circle: #
|
|
431
|
+
$color-toggle-hover-circle: #e6e6e6 !default;
|
|
432
|
+
$color-toggle-disabled-background: #e6e6e6 !default;
|
|
433
|
+
$color-toggle-disabled-circle: #b3b3b3 !default;
|
|
388
434
|
$color-toggle-disabled-checked-background: #91d5db !default;
|
|
389
435
|
$color-toggle-disabled-checked-circle: #ffffff !default;
|
|
436
|
+
$color-tooltip-background: #4d4d4d !default;
|
|
437
|
+
$color-tooltip-border: #ffffff !default;
|
|
438
|
+
$color-secondary-sandgrey-100: #eeedea !default;
|
|
439
|
+
$color-secondary-sandgrey-200: #dddcd5 !default;
|
|
440
|
+
$color-secondary-sandgrey-300: #c2c1ba !default;
|
|
441
|
+
$color-secondary-sandgrey-400: #a7a6a0 !default;
|
|
442
|
+
$color-secondary-sandgrey-500: #8c8b85 !default;
|
|
443
|
+
$color-secondary-sandgrey-600: #71706b !default;
|
|
444
|
+
$color-secondary-sandgrey-700: #555550 !default;
|
|
445
|
+
$color-secondary-sandgrey-800: #3a3936 !default;
|
|
446
|
+
$color-secondary-sandgrey-900: #1e1e1c !default;
|
|
390
447
|
$preset: adeo !default;
|
|
391
448
|
$radius-s: 2 !default;
|
|
392
449
|
$radius-m: 4 !default;
|
|
@@ -662,6 +719,10 @@ $tokens: (
|
|
|
662
719
|
'800': $color-success-800,
|
|
663
720
|
'900': $color-success-900
|
|
664
721
|
),
|
|
722
|
+
'breadcrumb': (
|
|
723
|
+
'arrow': $color-breadcrumb-arrow,
|
|
724
|
+
'arrow-invert': $color-breadcrumb-arrow-invert
|
|
725
|
+
),
|
|
665
726
|
'button': (
|
|
666
727
|
'solid': (
|
|
667
728
|
'background': $color-button-solid-background,
|
|
@@ -808,6 +869,20 @@ $tokens: (
|
|
|
808
869
|
)
|
|
809
870
|
)
|
|
810
871
|
),
|
|
872
|
+
'card': (
|
|
873
|
+
'bordered': (
|
|
874
|
+
'background': $color-card-bordered-background,
|
|
875
|
+
'border': $color-card-bordered-border
|
|
876
|
+
)
|
|
877
|
+
),
|
|
878
|
+
'dialog': (
|
|
879
|
+
'background': $color-dialog-background,
|
|
880
|
+
'icon': $color-dialog-icon,
|
|
881
|
+
'close': $color-dialog-close,
|
|
882
|
+
'footer': (
|
|
883
|
+
'shadow': $color-dialog-footer-shadow
|
|
884
|
+
)
|
|
885
|
+
),
|
|
811
886
|
'divider': (
|
|
812
887
|
'lightest': $color-divider-lightest,
|
|
813
888
|
'light': $color-divider-light,
|
|
@@ -898,6 +973,17 @@ $tokens: (
|
|
|
898
973
|
'warning': $color-font-warning,
|
|
899
974
|
'danger': $color-font-danger
|
|
900
975
|
),
|
|
976
|
+
'heading': (
|
|
977
|
+
'underline': (
|
|
978
|
+
'default': $color-heading-underline-default,
|
|
979
|
+
'lightest': $color-heading-underline-lightest
|
|
980
|
+
)
|
|
981
|
+
),
|
|
982
|
+
'hero': (
|
|
983
|
+
'cover': (
|
|
984
|
+
'background': $color-hero-cover-background
|
|
985
|
+
)
|
|
986
|
+
),
|
|
901
987
|
'input': (
|
|
902
988
|
'text': $color-input-text,
|
|
903
989
|
'border': $color-input-border,
|
|
@@ -972,6 +1058,20 @@ $tokens: (
|
|
|
972
1058
|
'hover': $color-link-danger-hover
|
|
973
1059
|
)
|
|
974
1060
|
),
|
|
1061
|
+
'listbox': (
|
|
1062
|
+
'background': $color-listbox-background,
|
|
1063
|
+
'border': $color-listbox-border,
|
|
1064
|
+
'tile': (
|
|
1065
|
+
'border': $color-listbox-tile-border,
|
|
1066
|
+
'shadow': $color-listbox-tile-shadow,
|
|
1067
|
+
'hover': (
|
|
1068
|
+
'background': $color-listbox-tile-hover-background
|
|
1069
|
+
)
|
|
1070
|
+
),
|
|
1071
|
+
'disabled': (
|
|
1072
|
+
'background': $color-listbox-disabled-background
|
|
1073
|
+
)
|
|
1074
|
+
),
|
|
975
1075
|
'notification': (
|
|
976
1076
|
'font': $color-notification-font,
|
|
977
1077
|
'information': (
|
|
@@ -995,6 +1095,70 @@ $tokens: (
|
|
|
995
1095
|
'icon': $color-notification-danger-icon
|
|
996
1096
|
)
|
|
997
1097
|
),
|
|
1098
|
+
'option-button': (
|
|
1099
|
+
'label': (
|
|
1100
|
+
'shadow': $color-option-button-label-shadow
|
|
1101
|
+
),
|
|
1102
|
+
'hover': (
|
|
1103
|
+
'label': (
|
|
1104
|
+
'shadow': $color-option-button-hover-label-shadow
|
|
1105
|
+
)
|
|
1106
|
+
),
|
|
1107
|
+
'checked': (
|
|
1108
|
+
'label': (
|
|
1109
|
+
'border': $color-option-button-checked-label-border,
|
|
1110
|
+
'shadow': $color-option-button-checked-label-shadow
|
|
1111
|
+
)
|
|
1112
|
+
),
|
|
1113
|
+
'disabled': (
|
|
1114
|
+
'label': (
|
|
1115
|
+
'background': $color-option-button-disabled-label-background
|
|
1116
|
+
)
|
|
1117
|
+
)
|
|
1118
|
+
),
|
|
1119
|
+
'option-card': (
|
|
1120
|
+
'label': (
|
|
1121
|
+
'shadow': $color-option-card-label-shadow
|
|
1122
|
+
),
|
|
1123
|
+
'hover': (
|
|
1124
|
+
'label': (
|
|
1125
|
+
'shadow': $color-option-card-hover-label-shadow
|
|
1126
|
+
)
|
|
1127
|
+
),
|
|
1128
|
+
'checked': (
|
|
1129
|
+
'label': (
|
|
1130
|
+
'border': $color-option-card-checked-label-border,
|
|
1131
|
+
'shadow': $color-option-card-checked-label-shadow
|
|
1132
|
+
)
|
|
1133
|
+
)
|
|
1134
|
+
),
|
|
1135
|
+
'overlay': (
|
|
1136
|
+
'background': $color-overlay-background,
|
|
1137
|
+
'loader': (
|
|
1138
|
+
'background': $color-overlay-loader-background
|
|
1139
|
+
)
|
|
1140
|
+
),
|
|
1141
|
+
'password-input': (
|
|
1142
|
+
'button': (
|
|
1143
|
+
'hover': (
|
|
1144
|
+
'background': $color-password-input-button-hover-background
|
|
1145
|
+
)
|
|
1146
|
+
)
|
|
1147
|
+
),
|
|
1148
|
+
'phone-number': (
|
|
1149
|
+
'button': (
|
|
1150
|
+
'border': $color-phone-number-button-border
|
|
1151
|
+
),
|
|
1152
|
+
'list': (
|
|
1153
|
+
'background': $color-phone-number-list-background
|
|
1154
|
+
),
|
|
1155
|
+
'item': (
|
|
1156
|
+
'border': $color-phone-number-item-border,
|
|
1157
|
+
'focus': (
|
|
1158
|
+
'background': $color-phone-number-item-focus-background
|
|
1159
|
+
)
|
|
1160
|
+
)
|
|
1161
|
+
),
|
|
998
1162
|
'progress': (
|
|
999
1163
|
'background': $color-progress-background,
|
|
1000
1164
|
'indicator': $color-progress-indicator,
|
|
@@ -1012,13 +1176,48 @@ $tokens: (
|
|
|
1012
1176
|
'full': $color-star-full,
|
|
1013
1177
|
'hover': $color-star-hover
|
|
1014
1178
|
),
|
|
1179
|
+
'stepper': (
|
|
1180
|
+
'item': (
|
|
1181
|
+
'background': $color-stepper-item-background,
|
|
1182
|
+
'current': (
|
|
1183
|
+
'background': $color-stepper-item-current-background
|
|
1184
|
+
)
|
|
1185
|
+
),
|
|
1186
|
+
'link': (
|
|
1187
|
+
'hover': (
|
|
1188
|
+
'text': $color-stepper-link-hover-text
|
|
1189
|
+
)
|
|
1190
|
+
),
|
|
1191
|
+
'indicator': (
|
|
1192
|
+
'background': $color-stepper-indicator-background,
|
|
1193
|
+
'border': $color-stepper-indicator-border,
|
|
1194
|
+
'current': (
|
|
1195
|
+
'background': $color-stepper-indicator-current-background,
|
|
1196
|
+
'border': $color-stepper-indicator-current-border
|
|
1197
|
+
)
|
|
1198
|
+
),
|
|
1199
|
+
'icon': $color-stepper-icon,
|
|
1200
|
+
'title': $color-stepper-title
|
|
1201
|
+
),
|
|
1015
1202
|
'tabs': (
|
|
1016
1203
|
'background': $color-tabs-background,
|
|
1017
1204
|
'shadow': $color-tabs-shadow,
|
|
1018
1205
|
'default': $color-tabs-default,
|
|
1206
|
+
'element': (
|
|
1207
|
+
'background': $color-tabs-element-background
|
|
1208
|
+
),
|
|
1019
1209
|
'hover': $color-tabs-hover,
|
|
1020
|
-
'disabled':
|
|
1021
|
-
|
|
1210
|
+
'disabled': (
|
|
1211
|
+
'background': $color-tabs-disabled-background
|
|
1212
|
+
),
|
|
1213
|
+
'active': (
|
|
1214
|
+
'background': $color-tabs-active-background,
|
|
1215
|
+
'text': $color-tabs-active-text
|
|
1216
|
+
),
|
|
1217
|
+
'selected': (
|
|
1218
|
+
'border': $color-tabs-selected-border,
|
|
1219
|
+
'text': $color-tabs-selected-text
|
|
1220
|
+
),
|
|
1022
1221
|
'active-disabled': $color-tabs-active-disabled
|
|
1023
1222
|
),
|
|
1024
1223
|
'tag': (
|
|
@@ -1154,6 +1353,21 @@ $tokens: (
|
|
|
1154
1353
|
'background': $color-toggle-disabled-checked-background,
|
|
1155
1354
|
'circle': $color-toggle-disabled-checked-circle
|
|
1156
1355
|
)
|
|
1356
|
+
),
|
|
1357
|
+
'tooltip': (
|
|
1358
|
+
'background': $color-tooltip-background,
|
|
1359
|
+
'border': $color-tooltip-border
|
|
1360
|
+
),
|
|
1361
|
+
'secondary-sandgrey': (
|
|
1362
|
+
'100': $color-secondary-sandgrey-100,
|
|
1363
|
+
'200': $color-secondary-sandgrey-200,
|
|
1364
|
+
'300': $color-secondary-sandgrey-300,
|
|
1365
|
+
'400': $color-secondary-sandgrey-400,
|
|
1366
|
+
'500': $color-secondary-sandgrey-500,
|
|
1367
|
+
'600': $color-secondary-sandgrey-600,
|
|
1368
|
+
'700': $color-secondary-sandgrey-700,
|
|
1369
|
+
'800': $color-secondary-sandgrey-800,
|
|
1370
|
+
'900': $color-secondary-sandgrey-900
|
|
1157
1371
|
)
|
|
1158
1372
|
),
|
|
1159
1373
|
'preset': $preset,
|