@mozaic-ds/vue 0.24.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.
- package/dist/mozaic-vue.adeo.css +8 -8
- package/dist/mozaic-vue.adeo.umd.js +55 -55
- package/dist/mozaic-vue.common.js +56 -57
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +56 -57
- package/dist/mozaic-vue.umd.min.js +2 -3
- package/package.json +2 -2
- package/src/tokens/adeo/android/colors.xml +47 -43
- package/src/tokens/adeo/css/_variables.scss +47 -43
- package/src/tokens/adeo/css/root.scss +32 -28
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +4 -0
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +47 -43
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +47 -43
- package/src/tokens/adeo/js/tokens.js +47 -43
- package/src/tokens/adeo/js/tokensObject.js +155 -71
- package/src/tokens/adeo/scss/_tokens.scss +55 -47
- package/dist/mozaic-vue.common.js.map +0 -1
- package/dist/mozaic-vue.umd.js.map +0 -1
- package/dist/mozaic-vue.umd.min.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mozaic-ds/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0",
|
|
4
4
|
"description": "Vue.js implementation of Mozaic Design System",
|
|
5
5
|
"author": "Adeo - Mozaic Design System",
|
|
6
6
|
"scripts": {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@mozaic-ds/css-dev-tools": "1.38.0",
|
|
27
27
|
"@mozaic-ds/icons": "1.41.0",
|
|
28
|
-
"@mozaic-ds/styles": "1.
|
|
28
|
+
"@mozaic-ds/styles": "1.43.1",
|
|
29
29
|
"@mozaic-ds/web-fonts": "1.22.0",
|
|
30
30
|
"core-js": "^3.25.0",
|
|
31
31
|
"libphonenumber-js": "^1.10.13",
|
|
@@ -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">#
|
|
77
|
-
<color name="color_secondary_red_200">#
|
|
78
|
-
<color name="color_secondary_red_300">#
|
|
79
|
-
<color name="color_secondary_red_400">#
|
|
80
|
-
<color name="color_secondary_red_500">#
|
|
81
|
-
<color name="color_secondary_red_600">#
|
|
82
|
-
<color name="color_secondary_red_700">#
|
|
83
|
-
<color name="color_secondary_red_800">#
|
|
84
|
-
<color name="color_secondary_red_900">#
|
|
85
|
-
<color name="color_secondary_orange_100">#
|
|
86
|
-
<color name="color_secondary_orange_200">#
|
|
87
|
-
<color name="color_secondary_orange_300">#
|
|
88
|
-
<color name="color_secondary_orange_400">#
|
|
89
|
-
<color name="color_secondary_orange_500">#
|
|
90
|
-
<color name="color_secondary_orange_600">#
|
|
91
|
-
<color name="color_secondary_orange_700">#
|
|
92
|
-
<color name="color_secondary_orange_800">#
|
|
93
|
-
<color name="color_secondary_orange_900">#
|
|
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">#
|
|
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">#
|
|
199
|
-
<color name="color_button_bordered_danger_font">#
|
|
200
|
-
<color name="color_button_bordered_danger_focus_border">#
|
|
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">#
|
|
204
|
-
<color name="color_button_bordered_danger_hover_background">#
|
|
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">#
|
|
237
|
-
<color name="color_flag_solid_danger_border">#
|
|
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">#
|
|
253
|
-
<color name="color_flag_bordered_danger_text">#
|
|
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">#
|
|
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,17 +298,17 @@
|
|
|
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">#
|
|
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">#
|
|
308
|
-
<color name="color_link_danger_visited">#
|
|
309
|
-
<color name="color_link_danger_active">#
|
|
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">#
|
|
311
|
+
<color name="color_link_danger_hover">#ff530000</color>
|
|
312
312
|
<color name="color_listbox_background">#ffffffff</color>
|
|
313
313
|
<color name="color_listbox_border">#ff666666</color>
|
|
314
314
|
<color name="color_listbox_tile_border">#ffb3b3b3</color>
|
|
@@ -318,12 +318,16 @@
|
|
|
318
318
|
<color name="color_notification_font">#ff000000</color>
|
|
319
319
|
<color name="color_notification_information_background">#ffdaeff7</color>
|
|
320
320
|
<color name="color_notification_information_border">#ff0b96cc</color>
|
|
321
|
+
<color name="color_notification_information_icon">#ff007bb4</color>
|
|
321
322
|
<color name="color_notification_success_background">#ffebf5de</color>
|
|
322
323
|
<color name="color_notification_success_border">#ff46a610</color>
|
|
324
|
+
<color name="color_notification_success_icon">#ff188803</color>
|
|
323
325
|
<color name="color_notification_warning_background">#fffdf1e8</color>
|
|
324
326
|
<color name="color_notification_warning_border">#ffea7315</color>
|
|
327
|
+
<color name="color_notification_warning_icon">#ffc65200</color>
|
|
325
328
|
<color name="color_notification_danger_background">#fffdeaea</color>
|
|
326
329
|
<color name="color_notification_danger_border">#ffea302d</color>
|
|
330
|
+
<color name="color_notification_danger_icon">#ffc61112</color>
|
|
327
331
|
<color name="color_option_button_label_shadow">#ffb3b3b3</color>
|
|
328
332
|
<color name="color_option_button_hover_label_shadow">#ff333333</color>
|
|
329
333
|
<color name="color_option_button_checked_label_border">#ff00919f</color>
|
|
@@ -348,22 +352,22 @@
|
|
|
348
352
|
<color name="color_star_empty">#ffffffff</color>
|
|
349
353
|
<color name="color_star_focus">#ff758992</color>
|
|
350
354
|
<color name="color_star_full">#ffea7315</color>
|
|
351
|
-
<color name="color_star_hover">#
|
|
355
|
+
<color name="color_star_hover">#fff4b27e</color>
|
|
352
356
|
<color name="color_stepper_item_background">#ff999999</color>
|
|
353
|
-
<color name="color_stepper_item_current_background">#
|
|
354
|
-
<color name="color_stepper_link_hover_text">#
|
|
357
|
+
<color name="color_stepper_item_current_background">#ff00919f</color>
|
|
358
|
+
<color name="color_stepper_link_hover_text">#ff00919f</color>
|
|
355
359
|
<color name="color_stepper_indicator_background">#ffffffff</color>
|
|
356
360
|
<color name="color_stepper_indicator_border">#ff999999</color>
|
|
357
|
-
<color name="color_stepper_indicator_current_background">#
|
|
358
|
-
<color name="color_stepper_indicator_current_border">#
|
|
359
|
-
<color name="color_stepper_icon">#
|
|
360
|
-
<color name="color_stepper_title">#
|
|
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>
|
|
361
365
|
<color name="color_tabs_background">#ffffffff</color>
|
|
362
366
|
<color name="color_tabs_shadow">#ff000000</color>
|
|
363
367
|
<color name="color_tabs_default">#ff191919</color>
|
|
364
|
-
<color name="color_tabs_hover">#
|
|
368
|
+
<color name="color_tabs_hover">#ff004e57</color>
|
|
365
369
|
<color name="color_tabs_disabled">#ff666666</color>
|
|
366
|
-
<color name="color_tabs_active">#
|
|
370
|
+
<color name="color_tabs_active">#ff007f8c</color>
|
|
367
371
|
<color name="color_tabs_active_disabled">#ff91d5db</color>
|
|
368
372
|
<color name="color_tag_text_light_background">#ffffffff</color>
|
|
369
373
|
<color name="color_tag_text_light_border">#ff808080</color>
|
|
@@ -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, #
|
|
73
|
-
$color-secondary-red-200: var(--color-secondary-red-200, #
|
|
74
|
-
$color-secondary-red-300: var(--color-secondary-red-300, #
|
|
75
|
-
$color-secondary-red-400: var(--color-secondary-red-400, #
|
|
76
|
-
$color-secondary-red-500: var(--color-secondary-red-500, #
|
|
77
|
-
$color-secondary-red-600: var(--color-secondary-red-600, #
|
|
78
|
-
$color-secondary-red-700: var(--color-secondary-red-700, #
|
|
79
|
-
$color-secondary-red-800: var(--color-secondary-red-800, #
|
|
80
|
-
$color-secondary-red-900: var(--color-secondary-red-900, #
|
|
81
|
-
$color-secondary-orange-100: var(--color-secondary-orange-100, #
|
|
82
|
-
$color-secondary-orange-200: var(--color-secondary-orange-200, #
|
|
83
|
-
$color-secondary-orange-300: var(--color-secondary-orange-300, #
|
|
84
|
-
$color-secondary-orange-400: var(--color-secondary-orange-400, #
|
|
85
|
-
$color-secondary-orange-500: var(--color-secondary-orange-500, #
|
|
86
|
-
$color-secondary-orange-600: var(--color-secondary-orange-600, #
|
|
87
|
-
$color-secondary-orange-700: var(--color-secondary-orange-700, #
|
|
88
|
-
$color-secondary-orange-800: var(--color-secondary-orange-800, #
|
|
89
|
-
$color-secondary-orange-900: var(--color-secondary-orange-900, #
|
|
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, #
|
|
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, #
|
|
195
|
-
$color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #
|
|
196
|
-
$color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #
|
|
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, #
|
|
200
|
-
$color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #
|
|
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, #
|
|
233
|
-
$color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #
|
|
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, #
|
|
249
|
-
$color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #
|
|
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, #
|
|
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,17 +294,17 @@ $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, #
|
|
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, #
|
|
304
|
-
$color-link-danger-visited: var(--color-link-danger-visited, #
|
|
305
|
-
$color-link-danger-active: var(--color-link-danger-active, #
|
|
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, #
|
|
307
|
+
$color-link-danger-hover: var(--color-link-danger-hover, #530000);
|
|
308
308
|
$color-listbox-background: var(--color-listbox-background, #ffffff);
|
|
309
309
|
$color-listbox-border: var(--color-listbox-border, #666666);
|
|
310
310
|
$color-listbox-tile-border: var(--color-listbox-tile-border, #b3b3b3);
|
|
@@ -314,12 +314,16 @@ $color-listbox-disabled-background: var(--color-listbox-disabled-background, #cc
|
|
|
314
314
|
$color-notification-font: var(--color-notification-font, #000000);
|
|
315
315
|
$color-notification-information-background: var(--color-notification-information-background, #daeff7);
|
|
316
316
|
$color-notification-information-border: var(--color-notification-information-border, #0b96cc);
|
|
317
|
+
$color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
|
|
317
318
|
$color-notification-success-background: var(--color-notification-success-background, #ebf5de);
|
|
318
319
|
$color-notification-success-border: var(--color-notification-success-border, #46a610);
|
|
320
|
+
$color-notification-success-icon: var(--color-notification-success-icon, #188803);
|
|
319
321
|
$color-notification-warning-background: var(--color-notification-warning-background, #fdf1e8);
|
|
320
322
|
$color-notification-warning-border: var(--color-notification-warning-border, #ea7315);
|
|
323
|
+
$color-notification-warning-icon: var(--color-notification-warning-icon, #c65200);
|
|
321
324
|
$color-notification-danger-background: var(--color-notification-danger-background, #fdeaea);
|
|
322
325
|
$color-notification-danger-border: var(--color-notification-danger-border, #ea302d);
|
|
326
|
+
$color-notification-danger-icon: var(--color-notification-danger-icon, #c61112);
|
|
323
327
|
$color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3b3);
|
|
324
328
|
$color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
|
|
325
329
|
$color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
|
|
@@ -344,22 +348,22 @@ $color-progress-branded-indicator: var(--color-progress-branded-indicator, #0091
|
|
|
344
348
|
$color-star-empty: var(--color-star-empty, #ffffff);
|
|
345
349
|
$color-star-focus: var(--color-star-focus, #758992);
|
|
346
350
|
$color-star-full: var(--color-star-full, #ea7315);
|
|
347
|
-
$color-star-hover: var(--color-star-hover, #
|
|
351
|
+
$color-star-hover: var(--color-star-hover, #f4b27e);
|
|
348
352
|
$color-stepper-item-background: var(--color-stepper-item-background, #999999);
|
|
349
|
-
$color-stepper-item-current-background: var(--color-stepper-item-current-background, #
|
|
350
|
-
$color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #
|
|
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);
|
|
351
355
|
$color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
|
|
352
356
|
$color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
|
|
353
|
-
$color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #
|
|
354
|
-
$color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #
|
|
355
|
-
$color-stepper-icon: var(--color-stepper-icon, #
|
|
356
|
-
$color-stepper-title: var(--color-stepper-title, #
|
|
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);
|
|
357
361
|
$color-tabs-background: var(--color-tabs-background, #ffffff);
|
|
358
362
|
$color-tabs-shadow: var(--color-tabs-shadow, #000000);
|
|
359
363
|
$color-tabs-default: var(--color-tabs-default, #191919);
|
|
360
|
-
$color-tabs-hover: var(--color-tabs-hover, #
|
|
364
|
+
$color-tabs-hover: var(--color-tabs-hover, #004e57);
|
|
361
365
|
$color-tabs-disabled: var(--color-tabs-disabled, #666666);
|
|
362
|
-
$color-tabs-active: var(--color-tabs-active, #
|
|
366
|
+
$color-tabs-active: var(--color-tabs-active, #007f8c);
|
|
363
367
|
$color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
|
|
364
368
|
$color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
|
|
365
369
|
$color-tag-text-light-border: var(--color-tag-text-light-border, #808080);
|
|
@@ -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: #
|
|
58
|
-
--color-secondary-orange-800: #
|
|
59
|
-
--color-secondary-orange-700: #
|
|
60
|
-
--color-secondary-orange-600: #
|
|
61
|
-
--color-secondary-orange-500: #
|
|
62
|
-
--color-secondary-orange-400: #
|
|
63
|
-
--color-secondary-orange-300: #
|
|
64
|
-
--color-secondary-orange-200: #
|
|
65
|
-
--color-secondary-orange-100: #
|
|
66
|
-
--color-secondary-red-900: #
|
|
67
|
-
--color-secondary-red-800: #
|
|
68
|
-
--color-secondary-red-700: #
|
|
69
|
-
--color-secondary-red-600: #
|
|
70
|
-
--color-secondary-red-500: #
|
|
71
|
-
--color-secondary-red-400: #
|
|
72
|
-
--color-secondary-red-300: #
|
|
73
|
-
--color-secondary-red-200: #
|
|
74
|
-
--color-secondary-red-100: #
|
|
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-
|
|
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-
|
|
189
|
-
--color-stepper-icon: var(--color-primary-01-
|
|
190
|
-
--color-stepper-indicator-current-border: var(--color-primary-01-
|
|
191
|
-
--color-stepper-indicator-current-background: var(--color-primary-01-
|
|
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-
|
|
195
|
-
--color-stepper-item-current-background: var(--color-primary-01-
|
|
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,12 +218,16 @@
|
|
|
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);
|
|
@@ -233,7 +237,7 @@
|
|
|
233
237
|
--color-listbox-tile-border: var(--color-grey-300);
|
|
234
238
|
--color-listbox-border: var(--color-grey-600);
|
|
235
239
|
--color-listbox-background: var(--color-grey-000);
|
|
236
|
-
--color-link-danger-hover: var(--color-secondary-red-
|
|
240
|
+
--color-link-danger-hover: var(--color-secondary-red-800);
|
|
237
241
|
--color-link-danger-disabled: var(--color-grey-100);
|
|
238
242
|
--color-link-danger-active: var(--color-secondary-red-700);
|
|
239
243
|
--color-link-danger-visited: var(--color-secondary-red-700);
|
|
@@ -243,7 +247,7 @@
|
|
|
243
247
|
--color-link-primary-02-active: var(--color-primary-02-700);
|
|
244
248
|
--color-link-primary-02-visited: var(--color-primary-02-700);
|
|
245
249
|
--color-link-primary-02-base: var(--color-primary-02-600);
|
|
246
|
-
--color-link-primary-hover: var(--color-primary-01-
|
|
250
|
+
--color-link-primary-hover: var(--color-primary-01-800);
|
|
247
251
|
--color-link-primary-disabled: var(--color-grey-100);
|
|
248
252
|
--color-link-primary-active: var(--color-primary-01-700);
|
|
249
253
|
--color-link-primary-visited: var(--color-primary-01-700);
|
|
@@ -288,7 +292,7 @@
|
|
|
288
292
|
--color-font-darker: var(--color-grey-900);
|
|
289
293
|
--color-font-darkest: var(--color-grey-999);
|
|
290
294
|
--color-font-primary-02: var(--color-primary-02-500);
|
|
291
|
-
--color-font-primary-01: var(--color-primary-01-
|
|
295
|
+
--color-font-primary-01: var(--color-primary-01-600);
|
|
292
296
|
--color-focus-border: var(--color-secondary-blue-500);
|
|
293
297
|
--color-focus-gap: var(--color-grey-000);
|
|
294
298
|
--color-flag-bordered-danger-text: var(--color-secondary-red-600);
|
|
@@ -322,12 +322,16 @@ ColorListboxDisabledBackground,
|
|
|
322
322
|
ColorNotificationFont,
|
|
323
323
|
ColorNotificationInformationBackground,
|
|
324
324
|
ColorNotificationInformationBorder,
|
|
325
|
+
ColorNotificationInformationIcon,
|
|
325
326
|
ColorNotificationSuccessBackground,
|
|
326
327
|
ColorNotificationSuccessBorder,
|
|
328
|
+
ColorNotificationSuccessIcon,
|
|
327
329
|
ColorNotificationWarningBackground,
|
|
328
330
|
ColorNotificationWarningBorder,
|
|
331
|
+
ColorNotificationWarningIcon,
|
|
329
332
|
ColorNotificationDangerBackground,
|
|
330
333
|
ColorNotificationDangerBorder,
|
|
334
|
+
ColorNotificationDangerIcon,
|
|
331
335
|
ColorOptionButtonLabelShadow,
|
|
332
336
|
ColorOptionButtonHoverLabelShadow,
|
|
333
337
|
ColorOptionButtonCheckedLabelBorder,
|