@mozaic-ds/vue 0.24.0-beta.0 → 0.25.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 (24) hide show
  1. package/dist/mozaic-vue.adeo.css +11 -11
  2. package/dist/mozaic-vue.adeo.umd.js +803 -613
  3. package/dist/mozaic-vue.common.js +804 -615
  4. package/dist/mozaic-vue.css +1 -1
  5. package/dist/mozaic-vue.umd.js +804 -615
  6. package/dist/mozaic-vue.umd.min.js +2 -3
  7. package/package.json +2 -2
  8. package/src/components/autocomplete/MAutocomplete.vue +192 -72
  9. package/src/components/dropdown/MDropdown.vue +139 -68
  10. package/src/components/listbox/MListBox.vue +56 -193
  11. package/src/components/phonenumber/MPhoneNumber.vue +5 -1
  12. package/src/components/stepper/MStepper.vue +1 -1
  13. package/src/tokens/adeo/android/colors.xml +53 -43
  14. package/src/tokens/adeo/css/_variables.scss +53 -43
  15. package/src/tokens/adeo/css/root.scss +38 -28
  16. package/src/tokens/adeo/ios/StyleDictionaryColor.h +10 -0
  17. package/src/tokens/adeo/ios/StyleDictionaryColor.m +53 -43
  18. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +53 -43
  19. package/src/tokens/adeo/js/tokens.js +53 -43
  20. package/src/tokens/adeo/js/tokensObject.js +287 -71
  21. package/src/tokens/adeo/scss/_tokens.scss +75 -47
  22. package/dist/mozaic-vue.common.js.map +0 -1
  23. package/dist/mozaic-vue.umd.js.map +0 -1
  24. package/dist/mozaic-vue.umd.min.js.map +0 -1
package/src/tokens/adeo/android/colors.xml CHANGED
@@ -73,24 +73,24 @@
73
73
  <color name="color_secondary_purple_700">#ff393879</color>
74
74
  <color name="color_secondary_purple_800">#ff282863</color>
75
75
  <color name="color_secondary_purple_900">#ff1a1a4b</color>
76
- <color name="color_secondary_red_100">#fffeedee</color>
77
- <color name="color_secondary_red_200">#fffab9bc</color>
78
- <color name="color_secondary_red_300">#fff38789</color>
79
- <color name="color_secondary_red_400">#ffea5d58</color>
80
- <color name="color_secondary_red_500">#ffdf382b</color>
81
- <color name="color_secondary_red_600">#ffb42a27</color>
82
- <color name="color_secondary_red_700">#ff8b2226</color>
83
- <color name="color_secondary_red_800">#ff641b21</color>
84
- <color name="color_secondary_red_900">#ff3e1219</color>
85
- <color name="color_secondary_orange_100">#fffff5eb</color>
86
- <color name="color_secondary_orange_200">#ffffdab2</color>
87
- <color name="color_secondary_orange_300">#ffffc17d</color>
88
- <color name="color_secondary_orange_400">#ffffab4b</color>
89
- <color name="color_secondary_orange_500">#fffc961e</color>
90
- <color name="color_secondary_orange_600">#ffc86f21</color>
91
- <color name="color_secondary_orange_700">#ff974f20</color>
92
- <color name="color_secondary_orange_800">#ff6a351c</color>
93
- <color name="color_secondary_orange_900">#ff401f15</color>
76
+ <color name="color_secondary_red_100">#fffdeaea</color>
77
+ <color name="color_secondary_red_200">#fff8bcbb</color>
78
+ <color name="color_secondary_red_300">#fff38d8c</color>
79
+ <color name="color_secondary_red_400">#ffef5f5c</color>
80
+ <color name="color_secondary_red_500">#ffea302d</color>
81
+ <color name="color_secondary_red_600">#ffc61112</color>
82
+ <color name="color_secondary_red_700">#ff8c0003</color>
83
+ <color name="color_secondary_red_800">#ff530000</color>
84
+ <color name="color_secondary_red_900">#ff2d0000</color>
85
+ <color name="color_secondary_orange_100">#fffdf1e8</color>
86
+ <color name="color_secondary_orange_200">#fff8d2b3</color>
87
+ <color name="color_secondary_orange_300">#fff4b27e</color>
88
+ <color name="color_secondary_orange_400">#ffef934a</color>
89
+ <color name="color_secondary_orange_500">#ffea7315</color>
90
+ <color name="color_secondary_orange_600">#ffc65200</color>
91
+ <color name="color_secondary_orange_700">#ff8c3500</color>
92
+ <color name="color_secondary_orange_800">#ff531b00</color>
93
+ <color name="color_secondary_orange_900">#ff360e00</color>
94
94
  <color name="color_secondary_yellow_100">#fffff8e2</color>
95
95
  <color name="color_secondary_yellow_200">#ffffebaf</color>
96
96
  <color name="color_secondary_yellow_300">#fffee07d</color>
@@ -162,7 +162,7 @@
162
162
  <color name="color_button_solid_neutral_active_background">#ff333333</color>
163
163
  <color name="color_button_solid_neutral_hover_background">#ff191919</color>
164
164
  <color name="color_button_solid_neutral_hover_font">#ffffffff</color>
165
- <color name="color_button_solid_danger_background">#ffb42a27</color>
165
+ <color name="color_button_solid_danger_background">#ffc61112</color>
166
166
  <color name="color_button_solid_danger_font">#ffffffff</color>
167
167
  <color name="color_button_solid_danger_focus_border">#ff8c0003</color>
168
168
  <color name="color_button_solid_danger_disabled_background">#ffcccccc</color>
@@ -195,13 +195,13 @@
195
195
  <color name="color_button_bordered_neutral_active_background">#ffcccccc</color>
196
196
  <color name="color_button_bordered_neutral_hover_background">#ffe6e6e6</color>
197
197
  <color name="color_button_bordered_danger_background">#ffffffff</color>
198
- <color name="color_button_bordered_danger_border">#ffb42a27</color>
199
- <color name="color_button_bordered_danger_font">#ffb42a27</color>
200
- <color name="color_button_bordered_danger_focus_border">#ff8b2226</color>
198
+ <color name="color_button_bordered_danger_border">#ffc61112</color>
199
+ <color name="color_button_bordered_danger_font">#ffc61112</color>
200
+ <color name="color_button_bordered_danger_focus_border">#ff8c0003</color>
201
201
  <color name="color_button_bordered_danger_disabled_background">#ffcccccc</color>
202
202
  <color name="color_button_bordered_danger_disabled_font">#ff666666</color>
203
- <color name="color_button_bordered_danger_active_background">#fffab9bc</color>
204
- <color name="color_button_bordered_danger_hover_background">#fffeedee</color>
203
+ <color name="color_button_bordered_danger_active_background">#fff8bcbb</color>
204
+ <color name="color_button_bordered_danger_hover_background">#fffdeaea</color>
205
205
  <color name="color_card_bordered_background">#ffffffff</color>
206
206
  <color name="color_card_bordered_border">#ff808080</color>
207
207
  <color name="color_dialog_background">#ffffffff</color>
@@ -233,8 +233,8 @@
233
233
  <color name="color_flag_solid_light_background">#ffffffff</color>
234
234
  <color name="color_flag_solid_light_border">#ffffffff</color>
235
235
  <color name="color_flag_solid_light_text">#ff000000</color>
236
- <color name="color_flag_solid_danger_background">#ffb42a27</color>
237
- <color name="color_flag_solid_danger_border">#ffb42a27</color>
236
+ <color name="color_flag_solid_danger_background">#ffc61112</color>
237
+ <color name="color_flag_solid_danger_border">#ffc61112</color>
238
238
  <color name="color_flag_solid_danger_text">#ffffffff</color>
239
239
  <color name="color_flag_bordered_background">#ffffffff</color>
240
240
  <color name="color_flag_bordered_border">#ff007f8c</color>
@@ -249,11 +249,11 @@
249
249
  <color name="color_flag_bordered_light_border">#ffffffff</color>
250
250
  <color name="color_flag_bordered_light_text">#ffffffff</color>
251
251
  <color name="color_flag_bordered_danger_background">#ffffffff</color>
252
- <color name="color_flag_bordered_danger_border">#ffb42a27</color>
253
- <color name="color_flag_bordered_danger_text">#ffb42a27</color>
252
+ <color name="color_flag_bordered_danger_border">#ffc61112</color>
253
+ <color name="color_flag_bordered_danger_text">#ffc61112</color>
254
254
  <color name="color_focus_gap">#ffffffff</color>
255
255
  <color name="color_focus_border">#ff758992</color>
256
- <color name="color_font_primary_01">#ff00919f</color>
256
+ <color name="color_font_primary_01">#ff007f8c</color>
257
257
  <color name="color_font_primary_02">#ff6a7081</color>
258
258
  <color name="color_font_darkest">#ff000000</color>
259
259
  <color name="color_font_darker">#ff191919</color>
@@ -298,26 +298,36 @@
298
298
  <color name="color_link_primary_visited">#ff006974</color>
299
299
  <color name="color_link_primary_active">#ff006974</color>
300
300
  <color name="color_link_primary_disabled">#ffe6e6e6</color>
301
- <color name="color_link_primary_hover">#ff002e33</color>
301
+ <color name="color_link_primary_hover">#ff004e57</color>
302
302
  <color name="color_link_primary_02_base">#ff494f60</color>
303
303
  <color name="color_link_primary_02_visited">#ff343b4c</color>
304
304
  <color name="color_link_primary_02_active">#ff343b4c</color>
305
305
  <color name="color_link_primary_02_disabled">#ffe6e6e6</color>
306
306
  <color name="color_link_primary_02_hover">#ff171b26</color>
307
- <color name="color_link_danger_base">#ffb42a27</color>
308
- <color name="color_link_danger_visited">#ff8b2226</color>
309
- <color name="color_link_danger_active">#ff8b2226</color>
307
+ <color name="color_link_danger_base">#ffc61112</color>
308
+ <color name="color_link_danger_visited">#ff8c0003</color>
309
+ <color name="color_link_danger_active">#ff8c0003</color>
310
310
  <color name="color_link_danger_disabled">#ffe6e6e6</color>
311
- <color name="color_link_danger_hover">#ff3e1219</color>
311
+ <color name="color_link_danger_hover">#ff530000</color>
312
+ <color name="color_listbox_background">#ffffffff</color>
313
+ <color name="color_listbox_border">#ff666666</color>
314
+ <color name="color_listbox_tile_border">#ffb3b3b3</color>
315
+ <color name="color_listbox_tile_shadow">#ff191919</color>
316
+ <color name="color_listbox_tile_hover_background">#ffe6e6e6</color>
317
+ <color name="color_listbox_disabled_background">#ffcccccc</color>
312
318
  <color name="color_notification_font">#ff000000</color>
313
319
  <color name="color_notification_information_background">#ffdaeff7</color>
314
320
  <color name="color_notification_information_border">#ff0b96cc</color>
321
+ <color name="color_notification_information_icon">#ff007bb4</color>
315
322
  <color name="color_notification_success_background">#ffebf5de</color>
316
323
  <color name="color_notification_success_border">#ff46a610</color>
324
+ <color name="color_notification_success_icon">#ff188803</color>
317
325
  <color name="color_notification_warning_background">#fffdf1e8</color>
318
326
  <color name="color_notification_warning_border">#ffea7315</color>
327
+ <color name="color_notification_warning_icon">#ffc65200</color>
319
328
  <color name="color_notification_danger_background">#fffdeaea</color>
320
329
  <color name="color_notification_danger_border">#ffea302d</color>
330
+ <color name="color_notification_danger_icon">#ffc61112</color>
321
331
  <color name="color_option_button_label_shadow">#ffb3b3b3</color>
322
332
  <color name="color_option_button_hover_label_shadow">#ff333333</color>
323
333
  <color name="color_option_button_checked_label_border">#ff00919f</color>
@@ -342,22 +352,22 @@
342
352
  <color name="color_star_empty">#ffffffff</color>
343
353
  <color name="color_star_focus">#ff758992</color>
344
354
  <color name="color_star_full">#ffea7315</color>
345
- <color name="color_star_hover">#ffffc17d</color>
355
+ <color name="color_star_hover">#fff4b27e</color>
346
356
  <color name="color_stepper_item_background">#ff999999</color>
347
- <color name="color_stepper_item_current_background">#ff009eac</color>
348
- <color name="color_stepper_link_hover_text">#ff009eac</color>
357
+ <color name="color_stepper_item_current_background">#ff00919f</color>
358
+ <color name="color_stepper_link_hover_text">#ff00919f</color>
349
359
  <color name="color_stepper_indicator_background">#ffffffff</color>
350
360
  <color name="color_stepper_indicator_border">#ff999999</color>
351
- <color name="color_stepper_indicator_current_background">#ff009eac</color>
352
- <color name="color_stepper_indicator_current_border">#ff009eac</color>
353
- <color name="color_stepper_icon">#ff009eac</color>
354
- <color name="color_stepper_title">#ff009eac</color>
361
+ <color name="color_stepper_indicator_current_background">#ff00919f</color>
362
+ <color name="color_stepper_indicator_current_border">#ff00919f</color>
363
+ <color name="color_stepper_icon">#ff00919f</color>
364
+ <color name="color_stepper_title">#ff00919f</color>
355
365
  <color name="color_tabs_background">#ffffffff</color>
356
366
  <color name="color_tabs_shadow">#ff000000</color>
357
367
  <color name="color_tabs_default">#ff191919</color>
358
- <color name="color_tabs_hover">#ff007f8c</color>
368
+ <color name="color_tabs_hover">#ff004e57</color>
359
369
  <color name="color_tabs_disabled">#ff666666</color>
360
- <color name="color_tabs_active">#ff00919f</color>
370
+ <color name="color_tabs_active">#ff007f8c</color>
361
371
  <color name="color_tabs_active_disabled">#ff91d5db</color>
362
372
  <color name="color_tag_text_light_background">#ffffffff</color>
363
373
  <color name="color_tag_text_light_border">#ff808080</color>
package/src/tokens/adeo/css/_variables.scss CHANGED
@@ -69,24 +69,24 @@ $color-secondary-purple-600: var(--color-secondary-purple-600, #4b4a8c);
69
69
  $color-secondary-purple-700: var(--color-secondary-purple-700, #393879);
70
70
  $color-secondary-purple-800: var(--color-secondary-purple-800, #282863);
71
71
  $color-secondary-purple-900: var(--color-secondary-purple-900, #1a1a4b);
72
- $color-secondary-red-100: var(--color-secondary-red-100, #feedee);
73
- $color-secondary-red-200: var(--color-secondary-red-200, #fab9bc);
74
- $color-secondary-red-300: var(--color-secondary-red-300, #f38789);
75
- $color-secondary-red-400: var(--color-secondary-red-400, #ea5d58);
76
- $color-secondary-red-500: var(--color-secondary-red-500, #df382b);
77
- $color-secondary-red-600: var(--color-secondary-red-600, #b42a27);
78
- $color-secondary-red-700: var(--color-secondary-red-700, #8b2226);
79
- $color-secondary-red-800: var(--color-secondary-red-800, #641b21);
80
- $color-secondary-red-900: var(--color-secondary-red-900, #3e1219);
81
- $color-secondary-orange-100: var(--color-secondary-orange-100, #fff5eb);
82
- $color-secondary-orange-200: var(--color-secondary-orange-200, #ffdab2);
83
- $color-secondary-orange-300: var(--color-secondary-orange-300, #ffc17d);
84
- $color-secondary-orange-400: var(--color-secondary-orange-400, #ffab4b);
85
- $color-secondary-orange-500: var(--color-secondary-orange-500, #fc961e);
86
- $color-secondary-orange-600: var(--color-secondary-orange-600, #c86f21);
87
- $color-secondary-orange-700: var(--color-secondary-orange-700, #974f20);
88
- $color-secondary-orange-800: var(--color-secondary-orange-800, #6a351c);
89
- $color-secondary-orange-900: var(--color-secondary-orange-900, #401f15);
72
+ $color-secondary-red-100: var(--color-secondary-red-100, #fdeaea);
73
+ $color-secondary-red-200: var(--color-secondary-red-200, #f8bcbb);
74
+ $color-secondary-red-300: var(--color-secondary-red-300, #f38d8c);
75
+ $color-secondary-red-400: var(--color-secondary-red-400, #ef5f5c);
76
+ $color-secondary-red-500: var(--color-secondary-red-500, #ea302d);
77
+ $color-secondary-red-600: var(--color-secondary-red-600, #c61112);
78
+ $color-secondary-red-700: var(--color-secondary-red-700, #8c0003);
79
+ $color-secondary-red-800: var(--color-secondary-red-800, #530000);
80
+ $color-secondary-red-900: var(--color-secondary-red-900, #2d0000);
81
+ $color-secondary-orange-100: var(--color-secondary-orange-100, #fdf1e8);
82
+ $color-secondary-orange-200: var(--color-secondary-orange-200, #f8d2b3);
83
+ $color-secondary-orange-300: var(--color-secondary-orange-300, #f4b27e);
84
+ $color-secondary-orange-400: var(--color-secondary-orange-400, #ef934a);
85
+ $color-secondary-orange-500: var(--color-secondary-orange-500, #ea7315);
86
+ $color-secondary-orange-600: var(--color-secondary-orange-600, #c65200);
87
+ $color-secondary-orange-700: var(--color-secondary-orange-700, #8c3500);
88
+ $color-secondary-orange-800: var(--color-secondary-orange-800, #531b00);
89
+ $color-secondary-orange-900: var(--color-secondary-orange-900, #360e00);
90
90
  $color-secondary-yellow-100: var(--color-secondary-yellow-100, #fff8e2);
91
91
  $color-secondary-yellow-200: var(--color-secondary-yellow-200, #ffebaf);
92
92
  $color-secondary-yellow-300: var(--color-secondary-yellow-300, #fee07d);
@@ -158,7 +158,7 @@ $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disa
158
158
  $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #333333);
159
159
  $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #191919);
160
160
  $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
161
- $color-button-solid-danger-background: var(--color-button-solid-danger-background, #b42a27);
161
+ $color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
162
162
  $color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
163
163
  $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
164
164
  $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #cccccc);
@@ -191,13 +191,13 @@ $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutra
191
191
  $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #cccccc);
192
192
  $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #e6e6e6);
193
193
  $color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
194
- $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #b42a27);
195
- $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #b42a27);
196
- $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8b2226);
194
+ $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
195
+ $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
196
+ $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8c0003);
197
197
  $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #cccccc);
198
198
  $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #666666);
199
- $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #fab9bc);
200
- $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #feedee);
199
+ $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
200
+ $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
201
201
  $color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
202
202
  $color-card-bordered-border: var(--color-card-bordered-border, #808080);
203
203
  $color-dialog-background: var(--color-dialog-background, #ffffff);
@@ -229,8 +229,8 @@ $color-flag-solid-dark-text: var(--color-flag-solid-dark-text, #ffffff);
229
229
  $color-flag-solid-light-background: var(--color-flag-solid-light-background, #ffffff);
230
230
  $color-flag-solid-light-border: var(--color-flag-solid-light-border, #ffffff);
231
231
  $color-flag-solid-light-text: var(--color-flag-solid-light-text, #000000);
232
- $color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #b42a27);
233
- $color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #b42a27);
232
+ $color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #c61112);
233
+ $color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #c61112);
234
234
  $color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
235
235
  $color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
236
236
  $color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
@@ -245,11 +245,11 @@ $color-flag-bordered-light-background: var(--color-flag-bordered-light-backgroun
245
245
  $color-flag-bordered-light-border: var(--color-flag-bordered-light-border, #ffffff);
246
246
  $color-flag-bordered-light-text: var(--color-flag-bordered-light-text, #ffffff);
247
247
  $color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background, #ffffff);
248
- $color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #b42a27);
249
- $color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #b42a27);
248
+ $color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #c61112);
249
+ $color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #c61112);
250
250
  $color-focus-gap: var(--color-focus-gap, #ffffff);
251
251
  $color-focus-border: var(--color-focus-border, #758992);
252
- $color-font-primary-01: var(--color-font-primary-01, #00919f);
252
+ $color-font-primary-01: var(--color-font-primary-01, #007f8c);
253
253
  $color-font-primary-02: var(--color-font-primary-02, #6a7081);
254
254
  $color-font-darkest: var(--color-font-darkest, #000000);
255
255
  $color-font-darker: var(--color-font-darker, #191919);
@@ -294,26 +294,36 @@ $color-link-primary-base: var(--color-link-primary-base, #007f8c);
294
294
  $color-link-primary-visited: var(--color-link-primary-visited, #006974);
295
295
  $color-link-primary-active: var(--color-link-primary-active, #006974);
296
296
  $color-link-primary-disabled: var(--color-link-primary-disabled, #e6e6e6);
297
- $color-link-primary-hover: var(--color-link-primary-hover, #002e33);
297
+ $color-link-primary-hover: var(--color-link-primary-hover, #004e57);
298
298
  $color-link-primary-02-base: var(--color-link-primary-02-base, #494f60);
299
299
  $color-link-primary-02-visited: var(--color-link-primary-02-visited, #343b4c);
300
300
  $color-link-primary-02-active: var(--color-link-primary-02-active, #343b4c);
301
301
  $color-link-primary-02-disabled: var(--color-link-primary-02-disabled, #e6e6e6);
302
302
  $color-link-primary-02-hover: var(--color-link-primary-02-hover, #171b26);
303
- $color-link-danger-base: var(--color-link-danger-base, #b42a27);
304
- $color-link-danger-visited: var(--color-link-danger-visited, #8b2226);
305
- $color-link-danger-active: var(--color-link-danger-active, #8b2226);
303
+ $color-link-danger-base: var(--color-link-danger-base, #c61112);
304
+ $color-link-danger-visited: var(--color-link-danger-visited, #8c0003);
305
+ $color-link-danger-active: var(--color-link-danger-active, #8c0003);
306
306
  $color-link-danger-disabled: var(--color-link-danger-disabled, #e6e6e6);
307
- $color-link-danger-hover: var(--color-link-danger-hover, #3e1219);
307
+ $color-link-danger-hover: var(--color-link-danger-hover, #530000);
308
+ $color-listbox-background: var(--color-listbox-background, #ffffff);
309
+ $color-listbox-border: var(--color-listbox-border, #666666);
310
+ $color-listbox-tile-border: var(--color-listbox-tile-border, #b3b3b3);
311
+ $color-listbox-tile-shadow: var(--color-listbox-tile-shadow, #191919);
312
+ $color-listbox-tile-hover-background: var(--color-listbox-tile-hover-background, #e6e6e6);
313
+ $color-listbox-disabled-background: var(--color-listbox-disabled-background, #cccccc);
308
314
  $color-notification-font: var(--color-notification-font, #000000);
309
315
  $color-notification-information-background: var(--color-notification-information-background, #daeff7);
310
316
  $color-notification-information-border: var(--color-notification-information-border, #0b96cc);
317
+ $color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
311
318
  $color-notification-success-background: var(--color-notification-success-background, #ebf5de);
312
319
  $color-notification-success-border: var(--color-notification-success-border, #46a610);
320
+ $color-notification-success-icon: var(--color-notification-success-icon, #188803);
313
321
  $color-notification-warning-background: var(--color-notification-warning-background, #fdf1e8);
314
322
  $color-notification-warning-border: var(--color-notification-warning-border, #ea7315);
323
+ $color-notification-warning-icon: var(--color-notification-warning-icon, #c65200);
315
324
  $color-notification-danger-background: var(--color-notification-danger-background, #fdeaea);
316
325
  $color-notification-danger-border: var(--color-notification-danger-border, #ea302d);
326
+ $color-notification-danger-icon: var(--color-notification-danger-icon, #c61112);
317
327
  $color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3b3);
318
328
  $color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
319
329
  $color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
@@ -338,22 +348,22 @@ $color-progress-branded-indicator: var(--color-progress-branded-indicator, #0091
338
348
  $color-star-empty: var(--color-star-empty, #ffffff);
339
349
  $color-star-focus: var(--color-star-focus, #758992);
340
350
  $color-star-full: var(--color-star-full, #ea7315);
341
- $color-star-hover: var(--color-star-hover, #ffc17d);
351
+ $color-star-hover: var(--color-star-hover, #f4b27e);
342
352
  $color-stepper-item-background: var(--color-stepper-item-background, #999999);
343
- $color-stepper-item-current-background: var(--color-stepper-item-current-background, #009eac);
344
- $color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #009eac);
353
+ $color-stepper-item-current-background: var(--color-stepper-item-current-background, #00919f);
354
+ $color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #00919f);
345
355
  $color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
346
356
  $color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
347
- $color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #009eac);
348
- $color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #009eac);
349
- $color-stepper-icon: var(--color-stepper-icon, #009eac);
350
- $color-stepper-title: var(--color-stepper-title, #009eac);
357
+ $color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #00919f);
358
+ $color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #00919f);
359
+ $color-stepper-icon: var(--color-stepper-icon, #00919f);
360
+ $color-stepper-title: var(--color-stepper-title, #00919f);
351
361
  $color-tabs-background: var(--color-tabs-background, #ffffff);
352
362
  $color-tabs-shadow: var(--color-tabs-shadow, #000000);
353
363
  $color-tabs-default: var(--color-tabs-default, #191919);
354
- $color-tabs-hover: var(--color-tabs-hover, #007f8c);
364
+ $color-tabs-hover: var(--color-tabs-hover, #004e57);
355
365
  $color-tabs-disabled: var(--color-tabs-disabled, #666666);
356
- $color-tabs-active: var(--color-tabs-active, #00919f);
366
+ $color-tabs-active: var(--color-tabs-active, #007f8c);
357
367
  $color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
358
368
  $color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
359
369
  $color-tag-text-light-border: var(--color-tag-text-light-border, #808080);
package/src/tokens/adeo/css/root.scss CHANGED
@@ -54,24 +54,24 @@
54
54
  --color-secondary-yellow-300: #fee07d;
55
55
  --color-secondary-yellow-200: #ffebaf;
56
56
  --color-secondary-yellow-100: #fff8e2;
57
- --color-secondary-orange-900: #401f15;
58
- --color-secondary-orange-800: #6a351c;
59
- --color-secondary-orange-700: #974f20;
60
- --color-secondary-orange-600: #c86f21;
61
- --color-secondary-orange-500: #fc961e;
62
- --color-secondary-orange-400: #ffab4b;
63
- --color-secondary-orange-300: #ffc17d;
64
- --color-secondary-orange-200: #ffdab2;
65
- --color-secondary-orange-100: #fff5eb;
66
- --color-secondary-red-900: #3e1219;
67
- --color-secondary-red-800: #641b21;
68
- --color-secondary-red-700: #8b2226;
69
- --color-secondary-red-600: #b42a27;
70
- --color-secondary-red-500: #df382b;
71
- --color-secondary-red-400: #ea5d58;
72
- --color-secondary-red-300: #f38789;
73
- --color-secondary-red-200: #fab9bc;
74
- --color-secondary-red-100: #feedee;
57
+ --color-secondary-orange-900: #360e00;
58
+ --color-secondary-orange-800: #531b00;
59
+ --color-secondary-orange-700: #8c3500;
60
+ --color-secondary-orange-600: #c65200;
61
+ --color-secondary-orange-500: #ea7315;
62
+ --color-secondary-orange-400: #ef934a;
63
+ --color-secondary-orange-300: #f4b27e;
64
+ --color-secondary-orange-200: #f8d2b3;
65
+ --color-secondary-orange-100: #fdf1e8;
66
+ --color-secondary-red-900: #2d0000;
67
+ --color-secondary-red-800: #530000;
68
+ --color-secondary-red-700: #8c0003;
69
+ --color-secondary-red-600: #c61112;
70
+ --color-secondary-red-500: #ea302d;
71
+ --color-secondary-red-400: #ef5f5c;
72
+ --color-secondary-red-300: #f38d8c;
73
+ --color-secondary-red-200: #f8bcbb;
74
+ --color-secondary-red-100: #fdeaea;
75
75
  --color-secondary-purple-900: #1a1a4b;
76
76
  --color-secondary-purple-800: #282863;
77
77
  --color-secondary-purple-700: #393879;
@@ -182,17 +182,17 @@
182
182
  --color-tag-text-light-border: var(--color-grey-500);
183
183
  --color-tag-text-light-background: var(--color-grey-000);
184
184
  --color-tabs-active-disabled: var(--color-primary-01-200);
185
- --color-tabs-hover: var(--color-primary-01-600);
185
+ --color-tabs-hover: var(--color-primary-01-800);
186
186
  --color-tabs-shadow: var(--color-grey-999);
187
187
  --color-tabs-background: var(--color-grey-000);
188
- --color-stepper-title: var(--color-primary-01-400);
189
- --color-stepper-icon: var(--color-primary-01-400);
190
- --color-stepper-indicator-current-border: var(--color-primary-01-400);
191
- --color-stepper-indicator-current-background: var(--color-primary-01-400);
188
+ --color-stepper-title: var(--color-primary-01-500);
189
+ --color-stepper-icon: var(--color-primary-01-500);
190
+ --color-stepper-indicator-current-border: var(--color-primary-01-500);
191
+ --color-stepper-indicator-current-background: var(--color-primary-01-500);
192
192
  --color-stepper-indicator-border: var(--color-grey-400);
193
193
  --color-stepper-indicator-background: var(--color-grey-000);
194
- --color-stepper-link-hover-text: var(--color-primary-01-400);
195
- --color-stepper-item-current-background: var(--color-primary-01-400);
194
+ --color-stepper-link-hover-text: var(--color-primary-01-500);
195
+ --color-stepper-item-current-background: var(--color-primary-01-500);
196
196
  --color-stepper-item-background: var(--color-grey-400);
197
197
  --color-star-hover: var(--color-secondary-orange-300);
198
198
  --color-star-focus: var(--color-secondary-blue-500);
@@ -218,16 +218,26 @@
218
218
  --color-option-button-checked-label-border: var(--color-primary-01-500);
219
219
  --color-option-button-hover-label-shadow: var(--color-grey-800);
220
220
  --color-option-button-label-shadow: var(--color-grey-300);
221
+ --color-notification-danger-icon: var(--color-danger-600);
221
222
  --color-notification-danger-border: var(--color-danger-500);
222
223
  --color-notification-danger-background: var(--color-danger-100);
224
+ --color-notification-warning-icon: var(--color-warning-600);
223
225
  --color-notification-warning-border: var(--color-warning-500);
224
226
  --color-notification-warning-background: var(--color-warning-100);
227
+ --color-notification-success-icon: var(--color-success-600);
225
228
  --color-notification-success-border: var(--color-success-500);
226
229
  --color-notification-success-background: var(--color-success-100);
230
+ --color-notification-information-icon: var(--color-info-600);
227
231
  --color-notification-information-border: var(--color-info-500);
228
232
  --color-notification-information-background: var(--color-info-100);
229
233
  --color-notification-font: var(--color-grey-999);
230
- --color-link-danger-hover: var(--color-secondary-red-900);
234
+ --color-listbox-disabled-background: var(--color-grey-200);
235
+ --color-listbox-tile-hover-background: var(--color-grey-100);
236
+ --color-listbox-tile-shadow: var(--color-grey-900);
237
+ --color-listbox-tile-border: var(--color-grey-300);
238
+ --color-listbox-border: var(--color-grey-600);
239
+ --color-listbox-background: var(--color-grey-000);
240
+ --color-link-danger-hover: var(--color-secondary-red-800);
231
241
  --color-link-danger-disabled: var(--color-grey-100);
232
242
  --color-link-danger-active: var(--color-secondary-red-700);
233
243
  --color-link-danger-visited: var(--color-secondary-red-700);
@@ -237,7 +247,7 @@
237
247
  --color-link-primary-02-active: var(--color-primary-02-700);
238
248
  --color-link-primary-02-visited: var(--color-primary-02-700);
239
249
  --color-link-primary-02-base: var(--color-primary-02-600);
240
- --color-link-primary-hover: var(--color-primary-01-900);
250
+ --color-link-primary-hover: var(--color-primary-01-800);
241
251
  --color-link-primary-disabled: var(--color-grey-100);
242
252
  --color-link-primary-active: var(--color-primary-01-700);
243
253
  --color-link-primary-visited: var(--color-primary-01-700);
@@ -282,7 +292,7 @@
282
292
  --color-font-darker: var(--color-grey-900);
283
293
  --color-font-darkest: var(--color-grey-999);
284
294
  --color-font-primary-02: var(--color-primary-02-500);
285
- --color-font-primary-01: var(--color-primary-01-500);
295
+ --color-font-primary-01: var(--color-primary-01-600);
286
296
  --color-focus-border: var(--color-secondary-blue-500);
287
297
  --color-focus-gap: var(--color-grey-000);
288
298
  --color-flag-bordered-danger-text: var(--color-secondary-red-600);
package/src/tokens/adeo/ios/StyleDictionaryColor.h CHANGED
@@ -313,15 +313,25 @@ ColorLinkDangerVisited,
313
313
  ColorLinkDangerActive,
314
314
  ColorLinkDangerDisabled,
315
315
  ColorLinkDangerHover,
316
+ ColorListboxBackground,
317
+ ColorListboxBorder,
318
+ ColorListboxTileBorder,
319
+ ColorListboxTileShadow,
320
+ ColorListboxTileHoverBackground,
321
+ ColorListboxDisabledBackground,
316
322
  ColorNotificationFont,
317
323
  ColorNotificationInformationBackground,
318
324
  ColorNotificationInformationBorder,
325
+ ColorNotificationInformationIcon,
319
326
  ColorNotificationSuccessBackground,
320
327
  ColorNotificationSuccessBorder,
328
+ ColorNotificationSuccessIcon,
321
329
  ColorNotificationWarningBackground,
322
330
  ColorNotificationWarningBorder,
331
+ ColorNotificationWarningIcon,
323
332
  ColorNotificationDangerBackground,
324
333
  ColorNotificationDangerBorder,
334
+ ColorNotificationDangerIcon,
325
335
  ColorOptionButtonLabelShadow,
326
336
  ColorOptionButtonHoverLabelShadow,
327
337
  ColorOptionButtonCheckedLabelBorder,