@mozaic-ds/vue 0.22.1 → 0.23.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.
Files changed (22) hide show
  1. package/dist/mozaic-vue.adeo.css +40 -40
  2. package/dist/mozaic-vue.adeo.umd.js +1246 -39
  3. package/dist/mozaic-vue.common.js +1246 -39
  4. package/dist/mozaic-vue.common.js.map +1 -1
  5. package/dist/mozaic-vue.css +1 -1
  6. package/dist/mozaic-vue.umd.js +1246 -39
  7. package/dist/mozaic-vue.umd.js.map +1 -1
  8. package/dist/mozaic-vue.umd.min.js +2 -2
  9. package/dist/mozaic-vue.umd.min.js.map +1 -1
  10. package/package.json +4 -4
  11. package/src/components/autocomplete/MAutocomplete.vue +27 -10
  12. package/src/components/icon/MIcon.vue +18 -2
  13. package/src/components/phonenumber/MPhoneNumber.vue +4 -2
  14. package/src/tokens/adeo/android/colors.xml +209 -166
  15. package/src/tokens/adeo/css/_variables.scss +209 -166
  16. package/src/tokens/adeo/css/root.scss +89 -46
  17. package/src/tokens/adeo/ios/StyleDictionaryColor.h +48 -5
  18. package/src/tokens/adeo/ios/StyleDictionaryColor.m +214 -171
  19. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +209 -166
  20. package/src/tokens/adeo/js/tokens.js +209 -166
  21. package/src/tokens/adeo/js/tokensObject.js +1279 -304
  22. package/src/tokens/adeo/scss/_tokens.scss +344 -174
package/src/tokens/adeo/scss/_tokens.scss CHANGED
@@ -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: #eeedea !default;
18
- $color-badge-neutral-border: #8c8b85 !default;
19
- $color-badge-neutral-text: #555550 !default;
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: #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;
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;
@@ -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: #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;
76
+ $color-secondary-red-100: #feedee !default;
77
+ $color-secondary-red-200: #fab9bc !default;
78
+ $color-secondary-red-300: #f38789 !default;
79
+ $color-secondary-red-400: #ea5d58 !default;
80
+ $color-secondary-red-500: #df382b !default;
81
+ $color-secondary-red-600: #b42a27 !default;
82
+ $color-secondary-red-700: #8b2226 !default;
83
+ $color-secondary-red-800: #641b21 !default;
84
+ $color-secondary-red-900: #3e1219 !default;
85
+ $color-secondary-orange-100: #fff5eb !default;
86
+ $color-secondary-orange-200: #ffdab2 !default;
87
+ $color-secondary-orange-300: #ffc17d !default;
88
+ $color-secondary-orange-400: #ffab4b !default;
89
+ $color-secondary-orange-500: #fc961e !default;
90
+ $color-secondary-orange-600: #c86f21 !default;
91
+ $color-secondary-orange-700: #974f20 !default;
92
+ $color-secondary-orange-800: #6a351c !default;
93
+ $color-secondary-orange-900: #401f15 !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,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: #dddcd5 !default;
143
- $color-button-solid-disabled-font: #71706b !default;
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: #007574 !default;
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: #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;
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: #3a3936 !default;
157
+ $color-button-solid-neutral-background: #333333 !default;
156
158
  $color-button-solid-neutral-font: #ffffff !default;
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;
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
- $color-button-solid-danger-background: #c61112 !default;
165
+ $color-button-solid-danger-background: #b42a27 !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: #dddcd5 !default;
167
- $color-button-solid-danger-disabled-font: #71706b !default;
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: #dddcd5 !default;
176
- $color-button-bordered-disabled-font: #71706b !default;
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: #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;
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: #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;
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
- $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;
198
+ $color-button-bordered-danger-border: #b42a27 !default;
199
+ $color-button-bordered-danger-font: #b42a27 !default;
200
+ $color-button-bordered-danger-focus-border: #8b2226 !default;
201
+ $color-button-bordered-danger-disabled-background: #cccccc !default;
202
+ $color-button-bordered-danger-disabled-font: #666666 !default;
203
+ $color-button-bordered-danger-active-background: #fab9bc !default;
204
+ $color-button-bordered-danger-hover-background: #feedee !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: #c2c1ba !default;
205
- $color-divider-default: #71706b !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: #3a3936 !default;
209
- $color-fields-requirement: #71706b !default;
210
- $color-fields-help: #71706b !default;
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: #eeedea !default;
213
- $color-fileuploader-files-delete: #dddcd5 !default;
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;
@@ -225,8 +233,8 @@ $color-flag-solid-dark-text: #ffffff !default;
225
233
  $color-flag-solid-light-background: #ffffff !default;
226
234
  $color-flag-solid-light-border: #ffffff !default;
227
235
  $color-flag-solid-light-text: #000000 !default;
228
- $color-flag-solid-danger-background: #c61112 !default;
229
- $color-flag-solid-danger-border: #c61112 !default;
236
+ $color-flag-solid-danger-background: #b42a27 !default;
237
+ $color-flag-solid-danger-border: #b42a27 !default;
230
238
  $color-flag-solid-danger-text: #ffffff !default;
231
239
  $color-flag-bordered-background: #ffffff !default;
232
240
  $color-flag-bordered-border: #007f8c !default;
@@ -241,29 +249,32 @@ $color-flag-bordered-light-background: #000000 !default;
241
249
  $color-flag-bordered-light-border: #ffffff !default;
242
250
  $color-flag-bordered-light-text: #ffffff !default;
243
251
  $color-flag-bordered-danger-background: #ffffff !default;
244
- $color-flag-bordered-danger-border: #c61112 !default;
245
- $color-flag-bordered-danger-text: #c61112 !default;
252
+ $color-flag-bordered-danger-border: #b42a27 !default;
253
+ $color-flag-bordered-danger-text: #b42a27 !default;
246
254
  $color-focus-gap: #ffffff !default;
247
255
  $color-focus-border: #758992 !default;
248
- $color-font-primary-01: #007f8c !default;
249
- $color-font-primary-02: #007574 !default;
256
+ $color-font-primary-01: #00919f !default;
257
+ $color-font-primary-02: #6a7081 !default;
250
258
  $color-font-darkest: #000000 !default;
251
- $color-font-darker: #1e1e1c !default;
252
- $color-font-dark: #3a3936 !default;
253
- $color-font-light: #71706b !default;
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-input-text: #1e1e1c !default;
260
- $color-input-border: #71706b !default;
261
- $color-input-placeholder: #8c8b85 !default;
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: #eeedea !default;
264
- $color-input-disabled-background: #eeedea !default;
265
- $color-input-disabled-icon: #a7a6a0 !default;
266
- $color-input-hover-border: #1e1e1c !default;
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,119 +285,151 @@ $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: #3a3936 !default;
278
- $color-link-dark-active: #3a3936 !default;
279
- $color-link-dark-disabled: #eeedea !default;
280
- $color-link-dark-hover: #71706b !default;
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: #dddcd5 !default;
283
- $color-link-light-active: #dddcd5 !default;
284
- $color-link-light-disabled: #eeedea !default;
285
- $color-link-light-hover: #a7a6a0 !default;
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: #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;
300
+ $color-link-primary-disabled: #e6e6e6 !default;
301
+ $color-link-primary-hover: #002e33 !default;
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;
307
+ $color-link-danger-base: #b42a27 !default;
308
+ $color-link-danger-visited: #8b2226 !default;
309
+ $color-link-danger-active: #8b2226 !default;
310
+ $color-link-danger-disabled: #e6e6e6 !default;
311
+ $color-link-danger-hover: #3e1219 !default;
301
312
  $color-notification-font: #000000 !default;
302
313
  $color-notification-information-background: #daeff7 !default;
303
314
  $color-notification-information-border: #0b96cc !default;
304
- $color-notification-information-icon: #007bb4 !default;
305
315
  $color-notification-success-background: #ebf5de !default;
306
316
  $color-notification-success-border: #46a610 !default;
307
- $color-notification-success-icon: #188803 !default;
308
317
  $color-notification-warning-background: #fdf1e8 !default;
309
318
  $color-notification-warning-border: #ea7315 !default;
310
- $color-notification-warning-icon: #c65200 !default;
311
319
  $color-notification-danger-background: #fdeaea !default;
312
320
  $color-notification-danger-border: #ea302d !default;
313
- $color-notification-danger-icon: #c61112 !default;
314
- $color-progress-background: #dddcd5 !default;
321
+ $color-option-button-label-shadow: #b3b3b3 !default;
322
+ $color-option-button-hover-label-shadow: #333333 !default;
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;
315
338
  $color-progress-indicator: #007bb4 !default;
316
- $color-progress-percentage-default: #1e1e1c !default;
339
+ $color-progress-percentage-default: #191919 !default;
317
340
  $color-progress-percentage-half: #ffffff !default;
318
341
  $color-progress-branded-indicator: #00919f !default;
319
- $color-star-empty: #dddcd5 !default;
342
+ $color-star-empty: #ffffff !default;
320
343
  $color-star-focus: #758992 !default;
321
344
  $color-star-full: #ea7315 !default;
322
- $color-star-hover: #f4b27e !default;
345
+ $color-star-hover: #ffc17d !default;
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;
323
355
  $color-tabs-background: #ffffff !default;
324
356
  $color-tabs-shadow: #000000 !default;
325
- $color-tabs-default: #1e1e1c !default;
326
- $color-tabs-hover: #004e57 !default;
327
- $color-tabs-disabled: #71706b !default;
328
- $color-tabs-active: #007f8c !default;
357
+ $color-tabs-default: #191919 !default;
358
+ $color-tabs-hover: #007f8c !default;
359
+ $color-tabs-disabled: #666666 !default;
360
+ $color-tabs-active: #00919f !default;
329
361
  $color-tabs-active-disabled: #91d5db !default;
330
362
  $color-tag-text-light-background: #ffffff !default;
331
- $color-tag-text-light-border: #8c8b85 !default;
332
- $color-tag-text-light-text: #1e1e1c !default;
333
- $color-tag-text-dark-background: #1e1e1c !default;
363
+ $color-tag-text-light-border: #808080 !default;
364
+ $color-tag-text-light-text: #191919 !default;
365
+ $color-tag-text-dark-background: #191919 !default;
334
366
  $color-tag-text-dark-border: #ffffff !default;
335
367
  $color-tag-text-dark-text: #ffffff !default;
336
368
  $color-tag-link-light-background: #ffffff !default;
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;
369
+ $color-tag-link-light-border: #808080 !default;
370
+ $color-tag-link-light-text: #191919 !default;
371
+ $color-tag-link-light-hover-background: #e6e6e6 !default;
372
+ $color-tag-link-light-active-background: #cccccc !default;
373
+ $color-tag-link-dark-background: #191919 !default;
342
374
  $color-tag-link-dark-border: #ffffff !default;
343
375
  $color-tag-link-dark-text: #ffffff !default;
344
- $color-tag-link-dark-hover-background: #3a3936 !default;
345
- $color-tag-link-dark-active-background: #555550 !default;
376
+ $color-tag-link-dark-hover-background: #333333 !default;
377
+ $color-tag-link-dark-active-background: #4d4d4d !default;
346
378
  $color-tag-selectable-light-background: #ffffff !default;
347
- $color-tag-selectable-light-border: #8c8b85 !default;
348
- $color-tag-selectable-light-text: #1e1e1c !default;
379
+ $color-tag-selectable-light-border: #808080 !default;
380
+ $color-tag-selectable-light-text: #191919 !default;
349
381
  $color-tag-selectable-light-hover-background: #48bac4 !default;
350
382
  $color-tag-selectable-light-active-background: #004e57 !default;
351
383
  $color-tag-selectable-light-active-border: #004e57 !default;
352
384
  $color-tag-selectable-light-active-text: #ffffff !default;
353
- $color-tag-selectable-light-disabled-background: #eeedea !default;
354
- $color-tag-selectable-light-disabled-text: #8c8b85 !default;
385
+ $color-tag-selectable-light-disabled-background: #e6e6e6 !default;
386
+ $color-tag-selectable-light-disabled-text: #808080 !default;
355
387
  $color-tag-selectable-light-selected-background: #007f8c !default;
356
388
  $color-tag-selectable-light-selected-text: #ffffff !default;
357
389
  $color-tag-selectable-light-selected-hover-background: #006974 !default;
358
- $color-tag-selectable-dark-background: #1e1e1c !default;
390
+ $color-tag-selectable-dark-background: #191919 !default;
359
391
  $color-tag-selectable-dark-border: #ffffff !default;
360
392
  $color-tag-selectable-dark-text: #ffffff !default;
361
393
  $color-tag-selectable-dark-hover-background: #006974 !default;
362
394
  $color-tag-selectable-dark-active-background: #91d5db !default;
363
395
  $color-tag-selectable-dark-active-border: #91d5db !default;
364
- $color-tag-selectable-dark-active-text: #1e1e1c !default;
396
+ $color-tag-selectable-dark-active-text: #191919 !default;
365
397
  $color-tag-selectable-dark-selected-background: #009eac !default;
366
398
  $color-tag-selectable-dark-selected-border: #009eac !default;
367
- $color-tag-selectable-dark-selected-text: #1e1e1c !default;
399
+ $color-tag-selectable-dark-selected-text: #191919 !default;
368
400
  $color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
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;
401
+ $color-tag-selectable-dark-disabled-background: #4d4d4d !default;
402
+ $color-tag-selectable-dark-disabled-text: #808080 !default;
403
+ $color-tag-removable-light-background: #333333 !default;
372
404
  $color-tag-removable-light-text: #ffffff !default;
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;
405
+ $color-tag-removable-light-icon: #cccccc !default;
406
+ $color-tag-removable-light-hover-background: #4d4d4d !default;
407
+ $color-tag-removable-light-active-background: #666666 !default;
408
+ $color-tag-removable-dark-background: #cccccc !default;
409
+ $color-tag-removable-dark-text: #191919 !default;
410
+ $color-tag-removable-dark-icon: #191919 !default;
411
+ $color-tag-removable-dark-hover-background: #b3b3b3 !default;
412
+ $color-tag-removable-dark-active-background: #999999 !default;
413
+ $color-toggle-off-background: #666666 !default;
382
414
  $color-toggle-off-circle: #ffffff !default;
383
415
  $color-toggle-on-background: #00919f !default;
384
416
  $color-toggle-on-circle: #ffffff !default;
385
- $color-toggle-hover-circle: #eeedea !default;
386
- $color-toggle-disabled-background: #eeedea !default;
387
- $color-toggle-disabled-circle: #c2c1ba !default;
417
+ $color-toggle-hover-circle: #e6e6e6 !default;
418
+ $color-toggle-disabled-background: #e6e6e6 !default;
419
+ $color-toggle-disabled-circle: #b3b3b3 !default;
388
420
  $color-toggle-disabled-checked-background: #91d5db !default;
389
421
  $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;
390
433
  $preset: adeo !default;
391
434
  $radius-s: 2 !default;
392
435
  $radius-m: 4 !default;
@@ -662,6 +705,10 @@ $tokens: (
662
705
  '800': $color-success-800,
663
706
  '900': $color-success-900
664
707
  ),
708
+ 'breadcrumb': (
709
+ 'arrow': $color-breadcrumb-arrow,
710
+ 'arrow-invert': $color-breadcrumb-arrow-invert
711
+ ),
665
712
  'button': (
666
713
  'solid': (
667
714
  'background': $color-button-solid-background,
@@ -808,6 +855,20 @@ $tokens: (
808
855
  )
809
856
  )
810
857
  ),
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
+ ),
811
872
  'divider': (
812
873
  'lightest': $color-divider-lightest,
813
874
  'light': $color-divider-light,
@@ -898,6 +959,17 @@ $tokens: (
898
959
  'warning': $color-font-warning,
899
960
  'danger': $color-font-danger
900
961
  ),
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
+ ),
901
973
  'input': (
902
974
  'text': $color-input-text,
903
975
  'border': $color-input-border,
@@ -976,23 +1048,83 @@ $tokens: (
976
1048
  'font': $color-notification-font,
977
1049
  'information': (
978
1050
  'background': $color-notification-information-background,
979
- 'border': $color-notification-information-border,
980
- 'icon': $color-notification-information-icon
1051
+ 'border': $color-notification-information-border
981
1052
  ),
982
1053
  'success': (
983
1054
  'background': $color-notification-success-background,
984
- 'border': $color-notification-success-border,
985
- 'icon': $color-notification-success-icon
1055
+ 'border': $color-notification-success-border
986
1056
  ),
987
1057
  'warning': (
988
1058
  'background': $color-notification-warning-background,
989
- 'border': $color-notification-warning-border,
990
- 'icon': $color-notification-warning-icon
1059
+ 'border': $color-notification-warning-border
991
1060
  ),
992
1061
  'danger': (
993
1062
  'background': $color-notification-danger-background,
994
- 'border': $color-notification-danger-border,
995
- 'icon': $color-notification-danger-icon
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
+ )
996
1128
  )
997
1129
  ),
998
1130
  'progress': (
@@ -1012,6 +1144,29 @@ $tokens: (
1012
1144
  'full': $color-star-full,
1013
1145
  'hover': $color-star-hover
1014
1146
  ),
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
+ ),
1015
1170
  'tabs': (
1016
1171
  'background': $color-tabs-background,
1017
1172
  'shadow': $color-tabs-shadow,
@@ -1154,6 +1309,21 @@ $tokens: (
1154
1309
  'background': $color-toggle-disabled-checked-background,
1155
1310
  'circle': $color-toggle-disabled-checked-circle
1156
1311
  )
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
1157
1327
  )
1158
1328
  ),
1159
1329
  'preset': $preset,