@mozaic-ds/vue 0.16.1-beta.0 → 0.18.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 +1 -1
- package/dist/mozaic-vue.adeo.umd.js +10478 -6458
- package/dist/mozaic-vue.common.js +10478 -6458
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +10478 -6458
- package/dist/mozaic-vue.umd.js.map +1 -1
- package/dist/mozaic-vue.umd.min.js +1 -1
- package/dist/mozaic-vue.umd.min.js.map +1 -1
- package/package.json +5 -5
- package/src/components/autocomplete/MAutocomplete.vue +198 -0
- package/src/components/autocomplete/index.js +7 -0
- package/src/components/card/MCard.vue +1 -0
- package/src/components/checkbox/MCheckboxGroup.vue +8 -2
- package/src/components/container/MContainer.vue +4 -2
- package/src/components/datatable/MDataTable.vue +1 -1
- package/src/components/fileuploader/MFileResult.vue +5 -0
- package/src/components/fileuploader/MFileUploader.vue +1 -0
- package/src/components/index.js +2 -0
- package/src/components/layer/MLayer.vue +6 -0
- package/src/components/listbox/MListBox.vue +106 -0
- package/src/components/listbox/index.js +7 -0
- package/src/components/optioncard/MOptionCard.vue +2 -0
- package/src/components/tabs/MTab.vue +35 -9
- package/src/components/tags/MTag.vue +21 -0
- package/src/components/textinput/MTextInput.vue +5 -0
- package/src/index.js +2 -0
- package/src/tokens/adeo/android/colors.xml +55 -44
- package/src/tokens/adeo/css/_variables.scss +55 -44
- package/src/tokens/adeo/css/root.scss +55 -44
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +11 -0
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +49 -38
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +55 -44
- package/src/tokens/adeo/js/tokens.js +55 -44
- package/src/tokens/adeo/js/tokensObject.js +379 -111
- package/src/tokens/adeo/scss/_tokens.scss +74 -48
- package/types/index.d.ts +4 -0
|
@@ -136,13 +136,13 @@
|
|
|
136
136
|
<color name="color_success_700">#ff006902</color>
|
|
137
137
|
<color name="color_success_800">#ff035010</color>
|
|
138
138
|
<color name="color_success_900">#ff023618</color>
|
|
139
|
-
<color name="color_button_solid_background">#
|
|
139
|
+
<color name="color_button_solid_background">#ff007f8c</color>
|
|
140
140
|
<color name="color_button_solid_font">#ffffffff</color>
|
|
141
141
|
<color name="color_button_solid_focus_border">#ff006974</color>
|
|
142
142
|
<color name="color_button_solid_disabled_background">#ffdddcd5</color>
|
|
143
143
|
<color name="color_button_solid_disabled_font">#ff71706b</color>
|
|
144
144
|
<color name="color_button_solid_active_background">#ff006974</color>
|
|
145
|
-
<color name="color_button_solid_hover_background">#
|
|
145
|
+
<color name="color_button_solid_hover_background">#ff006974</color>
|
|
146
146
|
<color name="color_button_solid_hover_font">#ffffffff</color>
|
|
147
147
|
<color name="color_button_solid_primary_02_background">#ff007574</color>
|
|
148
148
|
<color name="color_button_solid_primary_02_font">#ffffffff</color>
|
|
@@ -160,17 +160,17 @@
|
|
|
160
160
|
<color name="color_button_solid_neutral_active_background">#ff3a3936</color>
|
|
161
161
|
<color name="color_button_solid_neutral_hover_background">#ff1e1e1c</color>
|
|
162
162
|
<color name="color_button_solid_neutral_hover_font">#ffffffff</color>
|
|
163
|
-
<color name="color_button_solid_danger_background">#
|
|
163
|
+
<color name="color_button_solid_danger_background">#ffb42a27</color>
|
|
164
164
|
<color name="color_button_solid_danger_font">#ffffffff</color>
|
|
165
165
|
<color name="color_button_solid_danger_focus_border">#ff8c0003</color>
|
|
166
166
|
<color name="color_button_solid_danger_disabled_background">#ffdddcd5</color>
|
|
167
167
|
<color name="color_button_solid_danger_disabled_font">#ff71706b</color>
|
|
168
168
|
<color name="color_button_solid_danger_active_background">#ff8c0003</color>
|
|
169
|
-
<color name="color_button_solid_danger_hover_background">#
|
|
169
|
+
<color name="color_button_solid_danger_hover_background">#ff8c0003</color>
|
|
170
170
|
<color name="color_button_solid_danger_hover_font">#ffffffff</color>
|
|
171
171
|
<color name="color_button_bordered_background">#ffffffff</color>
|
|
172
|
-
<color name="color_button_bordered_border">#
|
|
173
|
-
<color name="color_button_bordered_font">#
|
|
172
|
+
<color name="color_button_bordered_border">#ff007f8c</color>
|
|
173
|
+
<color name="color_button_bordered_font">#ff007f8c</color>
|
|
174
174
|
<color name="color_button_bordered_focus_border">#ff006974</color>
|
|
175
175
|
<color name="color_button_bordered_disabled_background">#ffdddcd5</color>
|
|
176
176
|
<color name="color_button_bordered_disabled_font">#ff71706b</color>
|
|
@@ -193,8 +193,8 @@
|
|
|
193
193
|
<color name="color_button_bordered_neutral_active_background">#ffdddcd5</color>
|
|
194
194
|
<color name="color_button_bordered_neutral_hover_background">#ffeeedea</color>
|
|
195
195
|
<color name="color_button_bordered_danger_background">#ffffffff</color>
|
|
196
|
-
<color name="color_button_bordered_danger_border">#
|
|
197
|
-
<color name="color_button_bordered_danger_font">#
|
|
196
|
+
<color name="color_button_bordered_danger_border">#ffb42a27</color>
|
|
197
|
+
<color name="color_button_bordered_danger_font">#ffb42a27</color>
|
|
198
198
|
<color name="color_button_bordered_danger_focus_border">#ff8b2226</color>
|
|
199
199
|
<color name="color_button_bordered_danger_disabled_background">#ffdddcd5</color>
|
|
200
200
|
<color name="color_button_bordered_danger_disabled_font">#ff71706b</color>
|
|
@@ -213,11 +213,11 @@
|
|
|
213
213
|
<color name="color_fileuploader_files_delete">#ffdddcd5</color>
|
|
214
214
|
<color name="color_fileuploader_valid">#ff00919f</color>
|
|
215
215
|
<color name="color_fileuploader_alert">#ffc61112</color>
|
|
216
|
-
<color name="color_flag_solid_background">#
|
|
217
|
-
<color name="color_flag_solid_border">#
|
|
216
|
+
<color name="color_flag_solid_background">#ff007f8c</color>
|
|
217
|
+
<color name="color_flag_solid_border">#ff007f8c</color>
|
|
218
218
|
<color name="color_flag_solid_text">#ffffffff</color>
|
|
219
|
-
<color name="color_flag_solid_primary_02_background">#
|
|
220
|
-
<color name="color_flag_solid_primary_02_border">#
|
|
219
|
+
<color name="color_flag_solid_primary_02_background">#ff4b4a8c</color>
|
|
220
|
+
<color name="color_flag_solid_primary_02_border">#ff4b4a8c</color>
|
|
221
221
|
<color name="color_flag_solid_primary_02_text">#ffffffff</color>
|
|
222
222
|
<color name="color_flag_solid_dark_background">#ff000000</color>
|
|
223
223
|
<color name="color_flag_solid_dark_border">#ff000000</color>
|
|
@@ -225,15 +225,15 @@
|
|
|
225
225
|
<color name="color_flag_solid_light_background">#ffffffff</color>
|
|
226
226
|
<color name="color_flag_solid_light_border">#ffffffff</color>
|
|
227
227
|
<color name="color_flag_solid_light_text">#ff000000</color>
|
|
228
|
-
<color name="color_flag_solid_danger_background">#
|
|
229
|
-
<color name="color_flag_solid_danger_border">#
|
|
228
|
+
<color name="color_flag_solid_danger_background">#ffb42a27</color>
|
|
229
|
+
<color name="color_flag_solid_danger_border">#ffb42a27</color>
|
|
230
230
|
<color name="color_flag_solid_danger_text">#ffffffff</color>
|
|
231
231
|
<color name="color_flag_bordered_background">#ffffffff</color>
|
|
232
|
-
<color name="color_flag_bordered_border">#
|
|
233
|
-
<color name="color_flag_bordered_text">#
|
|
232
|
+
<color name="color_flag_bordered_border">#ff007f8c</color>
|
|
233
|
+
<color name="color_flag_bordered_text">#ff007f8c</color>
|
|
234
234
|
<color name="color_flag_bordered_primary_02_background">#ffffffff</color>
|
|
235
|
-
<color name="color_flag_bordered_primary_02_border">#
|
|
236
|
-
<color name="color_flag_bordered_primary_02_text">#
|
|
235
|
+
<color name="color_flag_bordered_primary_02_border">#ff4b4a8c</color>
|
|
236
|
+
<color name="color_flag_bordered_primary_02_text">#ff4b4a8c</color>
|
|
237
237
|
<color name="color_flag_bordered_dark_background">#ffffffff</color>
|
|
238
238
|
<color name="color_flag_bordered_dark_border">#ff000000</color>
|
|
239
239
|
<color name="color_flag_bordered_dark_text">#ff000000</color>
|
|
@@ -241,8 +241,8 @@
|
|
|
241
241
|
<color name="color_flag_bordered_light_border">#ffffffff</color>
|
|
242
242
|
<color name="color_flag_bordered_light_text">#ffffffff</color>
|
|
243
243
|
<color name="color_flag_bordered_danger_background">#ffffffff</color>
|
|
244
|
-
<color name="color_flag_bordered_danger_border">#
|
|
245
|
-
<color name="color_flag_bordered_danger_text">#
|
|
244
|
+
<color name="color_flag_bordered_danger_border">#ffb42a27</color>
|
|
245
|
+
<color name="color_flag_bordered_danger_text">#ffb42a27</color>
|
|
246
246
|
<color name="color_focus_gap">#ffffffff</color>
|
|
247
247
|
<color name="color_focus_border">#ff758992</color>
|
|
248
248
|
<color name="color_font_primary_01">#ff00919f</color>
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
<color name="color_link_light_active">#ffdddcd5</color>
|
|
284
284
|
<color name="color_link_light_disabled">#ffeeedea</color>
|
|
285
285
|
<color name="color_link_light_hover">#ffa7a6a0</color>
|
|
286
|
-
<color name="color_link_primary_base">#
|
|
286
|
+
<color name="color_link_primary_base">#ff007f8c</color>
|
|
287
287
|
<color name="color_link_primary_visited">#ff006974</color>
|
|
288
288
|
<color name="color_link_primary_active">#ff006974</color>
|
|
289
289
|
<color name="color_link_primary_disabled">#ffeeedea</color>
|
|
@@ -324,45 +324,56 @@
|
|
|
324
324
|
<color name="color_tabs_active">#ff00919f</color>
|
|
325
325
|
<color name="color_tabs_active_disabled">#ff91d5db</color>
|
|
326
326
|
<color name="color_tag_text_light_background">#ffffffff</color>
|
|
327
|
-
<color name="color_tag_text_light_border">#
|
|
328
|
-
<color name="color_tag_text_light_text">#
|
|
329
|
-
<color name="color_tag_text_dark_background">#
|
|
327
|
+
<color name="color_tag_text_light_border">#ff8c8b85</color>
|
|
328
|
+
<color name="color_tag_text_light_text">#ff1e1e1c</color>
|
|
329
|
+
<color name="color_tag_text_dark_background">#ff1e1e1c</color>
|
|
330
330
|
<color name="color_tag_text_dark_border">#ffffffff</color>
|
|
331
331
|
<color name="color_tag_text_dark_text">#ffffffff</color>
|
|
332
332
|
<color name="color_tag_link_light_background">#ffffffff</color>
|
|
333
|
-
<color name="color_tag_link_light_border">#
|
|
334
|
-
<color name="color_tag_link_light_text">#
|
|
333
|
+
<color name="color_tag_link_light_border">#ff8c8b85</color>
|
|
334
|
+
<color name="color_tag_link_light_text">#ff1e1e1c</color>
|
|
335
335
|
<color name="color_tag_link_light_hover_background">#ffeeedea</color>
|
|
336
336
|
<color name="color_tag_link_light_active_background">#ffdddcd5</color>
|
|
337
|
-
<color name="color_tag_link_dark_background">#
|
|
337
|
+
<color name="color_tag_link_dark_background">#ff1e1e1c</color>
|
|
338
338
|
<color name="color_tag_link_dark_border">#ffffffff</color>
|
|
339
339
|
<color name="color_tag_link_dark_text">#ffffffff</color>
|
|
340
340
|
<color name="color_tag_link_dark_hover_background">#ff3a3936</color>
|
|
341
341
|
<color name="color_tag_link_dark_active_background">#ff555550</color>
|
|
342
|
-
<color name="color_tag_selectable_light_background">#
|
|
342
|
+
<color name="color_tag_selectable_light_background">#ffffffff</color>
|
|
343
|
+
<color name="color_tag_selectable_light_border">#ff8c8b85</color>
|
|
343
344
|
<color name="color_tag_selectable_light_text">#ff1e1e1c</color>
|
|
344
345
|
<color name="color_tag_selectable_light_hover_background">#ff48bac4</color>
|
|
345
|
-
<color name="color_tag_selectable_light_active_background">#
|
|
346
|
+
<color name="color_tag_selectable_light_active_background">#ff004e57</color>
|
|
347
|
+
<color name="color_tag_selectable_light_active_border">#ff004e57</color>
|
|
348
|
+
<color name="color_tag_selectable_light_active_text">#ffffffff</color>
|
|
346
349
|
<color name="color_tag_selectable_light_disabled_background">#ffeeedea</color>
|
|
347
350
|
<color name="color_tag_selectable_light_disabled_text">#ff8c8b85</color>
|
|
348
|
-
<color name="color_tag_selectable_light_selected_background">#
|
|
349
|
-
<color name="
|
|
351
|
+
<color name="color_tag_selectable_light_selected_background">#ff007f8c</color>
|
|
352
|
+
<color name="color_tag_selectable_light_selected_text">#ffffffff</color>
|
|
353
|
+
<color name="color_tag_selectable_light_selected_hover_background">#ff006974</color>
|
|
354
|
+
<color name="color_tag_selectable_dark_background">#ff1e1e1c</color>
|
|
355
|
+
<color name="color_tag_selectable_dark_border">#ffffffff</color>
|
|
350
356
|
<color name="color_tag_selectable_dark_text">#ffffffff</color>
|
|
351
|
-
<color name="color_tag_selectable_dark_hover_background">#
|
|
352
|
-
<color name="color_tag_selectable_dark_active_background">#
|
|
353
|
-
<color name="
|
|
357
|
+
<color name="color_tag_selectable_dark_hover_background">#ff006974</color>
|
|
358
|
+
<color name="color_tag_selectable_dark_active_background">#ff91d5db</color>
|
|
359
|
+
<color name="color_tag_selectable_dark_active_border">#ff91d5db</color>
|
|
360
|
+
<color name="color_tag_selectable_dark_active_text">#ff1e1e1c</color>
|
|
361
|
+
<color name="color_tag_selectable_dark_selected_background">#ff009eac</color>
|
|
362
|
+
<color name="color_tag_selectable_dark_selected_border">#ff009eac</color>
|
|
363
|
+
<color name="color_tag_selectable_dark_selected_text">#ff1e1e1c</color>
|
|
364
|
+
<color name="color_tag_selectable_dark_selected_hover_background">#ff48bac4</color>
|
|
354
365
|
<color name="color_tag_selectable_dark_disabled_background">#ff555550</color>
|
|
355
366
|
<color name="color_tag_selectable_dark_disabled_text">#ff8c8b85</color>
|
|
356
|
-
<color name="color_tag_removable_light_background">#
|
|
357
|
-
<color name="color_tag_removable_light_text">#
|
|
358
|
-
<color name="color_tag_removable_light_icon">#
|
|
359
|
-
<color name="color_tag_removable_light_hover_background">#
|
|
360
|
-
<color name="color_tag_removable_light_active_background">#
|
|
361
|
-
<color name="color_tag_removable_dark_background">#
|
|
362
|
-
<color name="color_tag_removable_dark_text">#
|
|
363
|
-
<color name="color_tag_removable_dark_icon">#
|
|
364
|
-
<color name="color_tag_removable_dark_hover_background">#
|
|
365
|
-
<color name="color_tag_removable_dark_active_background">#
|
|
367
|
+
<color name="color_tag_removable_light_background">#ff3a3936</color>
|
|
368
|
+
<color name="color_tag_removable_light_text">#ffffffff</color>
|
|
369
|
+
<color name="color_tag_removable_light_icon">#ffdddcd5</color>
|
|
370
|
+
<color name="color_tag_removable_light_hover_background">#ff555550</color>
|
|
371
|
+
<color name="color_tag_removable_light_active_background">#ff71706b</color>
|
|
372
|
+
<color name="color_tag_removable_dark_background">#ffdddcd5</color>
|
|
373
|
+
<color name="color_tag_removable_dark_text">#ff1e1e1c</color>
|
|
374
|
+
<color name="color_tag_removable_dark_icon">#ff1e1e1c</color>
|
|
375
|
+
<color name="color_tag_removable_dark_hover_background">#ffc2c1ba</color>
|
|
376
|
+
<color name="color_tag_removable_dark_active_background">#ffa7a6a0</color>
|
|
366
377
|
<color name="color_toggle_off_background">#ff71706b</color>
|
|
367
378
|
<color name="color_toggle_off_circle">#ffffffff</color>
|
|
368
379
|
<color name="color_toggle_on_background">#ff00919f</color>
|
|
@@ -132,13 +132,13 @@ $color-success-600: var(--color-success-600, #188803);
|
|
|
132
132
|
$color-success-700: var(--color-success-700, #006902);
|
|
133
133
|
$color-success-800: var(--color-success-800, #035010);
|
|
134
134
|
$color-success-900: var(--color-success-900, #023618);
|
|
135
|
-
$color-button-solid-background: var(--color-button-solid-background, #
|
|
135
|
+
$color-button-solid-background: var(--color-button-solid-background, #007f8c);
|
|
136
136
|
$color-button-solid-font: var(--color-button-solid-font, #ffffff);
|
|
137
137
|
$color-button-solid-focus-border: var(--color-button-solid-focus-border, #006974);
|
|
138
138
|
$color-button-solid-disabled-background: var(--color-button-solid-disabled-background, #dddcd5);
|
|
139
139
|
$color-button-solid-disabled-font: var(--color-button-solid-disabled-font, #71706b);
|
|
140
140
|
$color-button-solid-active-background: var(--color-button-solid-active-background, #006974);
|
|
141
|
-
$color-button-solid-hover-background: var(--color-button-solid-hover-background, #
|
|
141
|
+
$color-button-solid-hover-background: var(--color-button-solid-hover-background, #006974);
|
|
142
142
|
$color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
|
|
143
143
|
$color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #007574);
|
|
144
144
|
$color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
|
|
@@ -156,17 +156,17 @@ $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disa
|
|
|
156
156
|
$color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #3a3936);
|
|
157
157
|
$color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #1e1e1c);
|
|
158
158
|
$color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
|
|
159
|
-
$color-button-solid-danger-background: var(--color-button-solid-danger-background, #
|
|
159
|
+
$color-button-solid-danger-background: var(--color-button-solid-danger-background, #b42a27);
|
|
160
160
|
$color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
|
|
161
161
|
$color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
|
|
162
162
|
$color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #dddcd5);
|
|
163
163
|
$color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #71706b);
|
|
164
164
|
$color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background, #8c0003);
|
|
165
|
-
$color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #
|
|
165
|
+
$color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #8c0003);
|
|
166
166
|
$color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
|
|
167
167
|
$color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
|
|
168
|
-
$color-button-bordered-border: var(--color-button-bordered-border, #
|
|
169
|
-
$color-button-bordered-font: var(--color-button-bordered-font, #
|
|
168
|
+
$color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
|
|
169
|
+
$color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
|
|
170
170
|
$color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
|
|
171
171
|
$color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #dddcd5);
|
|
172
172
|
$color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #71706b);
|
|
@@ -189,8 +189,8 @@ $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutra
|
|
|
189
189
|
$color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #dddcd5);
|
|
190
190
|
$color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #eeedea);
|
|
191
191
|
$color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
|
|
192
|
-
$color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #
|
|
193
|
-
$color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #
|
|
192
|
+
$color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #b42a27);
|
|
193
|
+
$color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #b42a27);
|
|
194
194
|
$color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8b2226);
|
|
195
195
|
$color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #dddcd5);
|
|
196
196
|
$color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #71706b);
|
|
@@ -209,11 +209,11 @@ $color-fileuploader-files-list: var(--color-fileuploader-files-list, #eeedea);
|
|
|
209
209
|
$color-fileuploader-files-delete: var(--color-fileuploader-files-delete, #dddcd5);
|
|
210
210
|
$color-fileuploader-valid: var(--color-fileuploader-valid, #00919f);
|
|
211
211
|
$color-fileuploader-alert: var(--color-fileuploader-alert, #c61112);
|
|
212
|
-
$color-flag-solid-background: var(--color-flag-solid-background, #
|
|
213
|
-
$color-flag-solid-border: var(--color-flag-solid-border, #
|
|
212
|
+
$color-flag-solid-background: var(--color-flag-solid-background, #007f8c);
|
|
213
|
+
$color-flag-solid-border: var(--color-flag-solid-border, #007f8c);
|
|
214
214
|
$color-flag-solid-text: var(--color-flag-solid-text, #ffffff);
|
|
215
|
-
$color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background, #
|
|
216
|
-
$color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border, #
|
|
215
|
+
$color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background, #4b4a8c);
|
|
216
|
+
$color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border, #4b4a8c);
|
|
217
217
|
$color-flag-solid-primary-02-text: var(--color-flag-solid-primary-02-text, #ffffff);
|
|
218
218
|
$color-flag-solid-dark-background: var(--color-flag-solid-dark-background, #000000);
|
|
219
219
|
$color-flag-solid-dark-border: var(--color-flag-solid-dark-border, #000000);
|
|
@@ -221,15 +221,15 @@ $color-flag-solid-dark-text: var(--color-flag-solid-dark-text, #ffffff);
|
|
|
221
221
|
$color-flag-solid-light-background: var(--color-flag-solid-light-background, #ffffff);
|
|
222
222
|
$color-flag-solid-light-border: var(--color-flag-solid-light-border, #ffffff);
|
|
223
223
|
$color-flag-solid-light-text: var(--color-flag-solid-light-text, #000000);
|
|
224
|
-
$color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #
|
|
225
|
-
$color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #
|
|
224
|
+
$color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #b42a27);
|
|
225
|
+
$color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #b42a27);
|
|
226
226
|
$color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
|
|
227
227
|
$color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
|
|
228
|
-
$color-flag-bordered-border: var(--color-flag-bordered-border, #
|
|
229
|
-
$color-flag-bordered-text: var(--color-flag-bordered-text, #
|
|
228
|
+
$color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
|
|
229
|
+
$color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
|
|
230
230
|
$color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background, #ffffff);
|
|
231
|
-
$color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #
|
|
232
|
-
$color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #
|
|
231
|
+
$color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
|
|
232
|
+
$color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
|
|
233
233
|
$color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
|
|
234
234
|
$color-flag-bordered-dark-border: var(--color-flag-bordered-dark-border, #000000);
|
|
235
235
|
$color-flag-bordered-dark-text: var(--color-flag-bordered-dark-text, #000000);
|
|
@@ -237,8 +237,8 @@ $color-flag-bordered-light-background: var(--color-flag-bordered-light-backgroun
|
|
|
237
237
|
$color-flag-bordered-light-border: var(--color-flag-bordered-light-border, #ffffff);
|
|
238
238
|
$color-flag-bordered-light-text: var(--color-flag-bordered-light-text, #ffffff);
|
|
239
239
|
$color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background, #ffffff);
|
|
240
|
-
$color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #
|
|
241
|
-
$color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #
|
|
240
|
+
$color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #b42a27);
|
|
241
|
+
$color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #b42a27);
|
|
242
242
|
$color-focus-gap: var(--color-focus-gap, #ffffff);
|
|
243
243
|
$color-focus-border: var(--color-focus-border, #758992);
|
|
244
244
|
$color-font-primary-01: var(--color-font-primary-01, #00919f);
|
|
@@ -279,7 +279,7 @@ $color-link-light-visited: var(--color-link-light-visited, #dddcd5);
|
|
|
279
279
|
$color-link-light-active: var(--color-link-light-active, #dddcd5);
|
|
280
280
|
$color-link-light-disabled: var(--color-link-light-disabled, #eeedea);
|
|
281
281
|
$color-link-light-hover: var(--color-link-light-hover, #a7a6a0);
|
|
282
|
-
$color-link-primary-base: var(--color-link-primary-base, #
|
|
282
|
+
$color-link-primary-base: var(--color-link-primary-base, #007f8c);
|
|
283
283
|
$color-link-primary-visited: var(--color-link-primary-visited, #006974);
|
|
284
284
|
$color-link-primary-active: var(--color-link-primary-active, #006974);
|
|
285
285
|
$color-link-primary-disabled: var(--color-link-primary-disabled, #eeedea);
|
|
@@ -320,45 +320,56 @@ $color-tabs-disabled: var(--color-tabs-disabled, #71706b);
|
|
|
320
320
|
$color-tabs-active: var(--color-tabs-active, #00919f);
|
|
321
321
|
$color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
|
|
322
322
|
$color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
|
|
323
|
-
$color-tag-text-light-border: var(--color-tag-text-light-border, #
|
|
324
|
-
$color-tag-text-light-text: var(--color-tag-text-light-text, #
|
|
325
|
-
$color-tag-text-dark-background: var(--color-tag-text-dark-background, #
|
|
323
|
+
$color-tag-text-light-border: var(--color-tag-text-light-border, #8c8b85);
|
|
324
|
+
$color-tag-text-light-text: var(--color-tag-text-light-text, #1e1e1c);
|
|
325
|
+
$color-tag-text-dark-background: var(--color-tag-text-dark-background, #1e1e1c);
|
|
326
326
|
$color-tag-text-dark-border: var(--color-tag-text-dark-border, #ffffff);
|
|
327
327
|
$color-tag-text-dark-text: var(--color-tag-text-dark-text, #ffffff);
|
|
328
328
|
$color-tag-link-light-background: var(--color-tag-link-light-background, #ffffff);
|
|
329
|
-
$color-tag-link-light-border: var(--color-tag-link-light-border, #
|
|
330
|
-
$color-tag-link-light-text: var(--color-tag-link-light-text, #
|
|
329
|
+
$color-tag-link-light-border: var(--color-tag-link-light-border, #8c8b85);
|
|
330
|
+
$color-tag-link-light-text: var(--color-tag-link-light-text, #1e1e1c);
|
|
331
331
|
$color-tag-link-light-hover-background: var(--color-tag-link-light-hover-background, #eeedea);
|
|
332
332
|
$color-tag-link-light-active-background: var(--color-tag-link-light-active-background, #dddcd5);
|
|
333
|
-
$color-tag-link-dark-background: var(--color-tag-link-dark-background, #
|
|
333
|
+
$color-tag-link-dark-background: var(--color-tag-link-dark-background, #1e1e1c);
|
|
334
334
|
$color-tag-link-dark-border: var(--color-tag-link-dark-border, #ffffff);
|
|
335
335
|
$color-tag-link-dark-text: var(--color-tag-link-dark-text, #ffffff);
|
|
336
336
|
$color-tag-link-dark-hover-background: var(--color-tag-link-dark-hover-background, #3a3936);
|
|
337
337
|
$color-tag-link-dark-active-background: var(--color-tag-link-dark-active-background, #555550);
|
|
338
|
-
$color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #
|
|
338
|
+
$color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
|
|
339
|
+
$color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #8c8b85);
|
|
339
340
|
$color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #1e1e1c);
|
|
340
341
|
$color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background, #48bac4);
|
|
341
|
-
$color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #
|
|
342
|
+
$color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #004e57);
|
|
343
|
+
$color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
|
|
344
|
+
$color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
|
|
342
345
|
$color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background, #eeedea);
|
|
343
346
|
$color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #8c8b85);
|
|
344
|
-
$color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #
|
|
345
|
-
$color-tag-selectable-
|
|
347
|
+
$color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #007f8c);
|
|
348
|
+
$color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
|
|
349
|
+
$color-tag-selectable-light-selected-hover-background: var(--color-tag-selectable-light-selected-hover-background, #006974);
|
|
350
|
+
$color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #1e1e1c);
|
|
351
|
+
$color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
|
|
346
352
|
$color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
|
|
347
|
-
$color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #
|
|
348
|
-
$color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #
|
|
349
|
-
$color-tag-selectable-dark-
|
|
353
|
+
$color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #006974);
|
|
354
|
+
$color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #91d5db);
|
|
355
|
+
$color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
|
|
356
|
+
$color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #1e1e1c);
|
|
357
|
+
$color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background, #009eac);
|
|
358
|
+
$color-tag-selectable-dark-selected-border: var(--color-tag-selectable-dark-selected-border, #009eac);
|
|
359
|
+
$color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #1e1e1c);
|
|
360
|
+
$color-tag-selectable-dark-selected-hover-background: var(--color-tag-selectable-dark-selected-hover-background, #48bac4);
|
|
350
361
|
$color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background, #555550);
|
|
351
362
|
$color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #8c8b85);
|
|
352
|
-
$color-tag-removable-light-background: var(--color-tag-removable-light-background, #
|
|
353
|
-
$color-tag-removable-light-text: var(--color-tag-removable-light-text, #
|
|
354
|
-
$color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #
|
|
355
|
-
$color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #
|
|
356
|
-
$color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #
|
|
357
|
-
$color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #
|
|
358
|
-
$color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #
|
|
359
|
-
$color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #
|
|
360
|
-
$color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #
|
|
361
|
-
$color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #
|
|
363
|
+
$color-tag-removable-light-background: var(--color-tag-removable-light-background, #3a3936);
|
|
364
|
+
$color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
|
|
365
|
+
$color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #dddcd5);
|
|
366
|
+
$color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #555550);
|
|
367
|
+
$color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #71706b);
|
|
368
|
+
$color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #dddcd5);
|
|
369
|
+
$color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #1e1e1c);
|
|
370
|
+
$color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #1e1e1c);
|
|
371
|
+
$color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #c2c1ba);
|
|
372
|
+
$color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #a7a6a0);
|
|
362
373
|
$color-toggle-off-background: var(--color-toggle-off-background, #71706b);
|
|
363
374
|
$color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);
|
|
364
375
|
$color-toggle-on-background: var(--color-toggle-on-background, #00919f);
|
|
@@ -118,45 +118,56 @@
|
|
|
118
118
|
--color-toggle-on-background: var(--color-primary-01-500);
|
|
119
119
|
--color-toggle-off-circle: var(--color-grey-000);
|
|
120
120
|
--color-toggle-off-background: var(--color-grey-600);
|
|
121
|
-
--color-tag-removable-dark-active-background: var(--color-grey-
|
|
122
|
-
--color-tag-removable-dark-hover-background: var(--color-grey-
|
|
123
|
-
--color-tag-removable-dark-icon: var(--color-grey-
|
|
124
|
-
--color-tag-removable-dark-text: var(--color-grey-
|
|
125
|
-
--color-tag-removable-dark-background: var(--color-grey-
|
|
126
|
-
--color-tag-removable-light-active-background: var(--color-grey-
|
|
127
|
-
--color-tag-removable-light-hover-background: var(--color-grey-
|
|
128
|
-
--color-tag-removable-light-icon: var(--color-grey-
|
|
129
|
-
--color-tag-removable-light-text: var(--color-grey-
|
|
130
|
-
--color-tag-removable-light-background: var(--color-grey-
|
|
121
|
+
--color-tag-removable-dark-active-background: var(--color-grey-400);
|
|
122
|
+
--color-tag-removable-dark-hover-background: var(--color-grey-300);
|
|
123
|
+
--color-tag-removable-dark-icon: var(--color-grey-900);
|
|
124
|
+
--color-tag-removable-dark-text: var(--color-grey-900);
|
|
125
|
+
--color-tag-removable-dark-background: var(--color-grey-200);
|
|
126
|
+
--color-tag-removable-light-active-background: var(--color-grey-600);
|
|
127
|
+
--color-tag-removable-light-hover-background: var(--color-grey-700);
|
|
128
|
+
--color-tag-removable-light-icon: var(--color-grey-200);
|
|
129
|
+
--color-tag-removable-light-text: var(--color-grey-000);
|
|
130
|
+
--color-tag-removable-light-background: var(--color-grey-800);
|
|
131
131
|
--color-tag-selectable-dark-disabled-text: var(--color-grey-500);
|
|
132
132
|
--color-tag-selectable-dark-disabled-background: var(--color-grey-700);
|
|
133
|
-
--color-tag-selectable-dark-selected-background: var(--color-primary-01-
|
|
134
|
-
--color-tag-selectable-dark-
|
|
135
|
-
--color-tag-selectable-dark-
|
|
133
|
+
--color-tag-selectable-dark-selected-hover-background: var(--color-primary-01-300);
|
|
134
|
+
--color-tag-selectable-dark-selected-text: var(--color-grey-900);
|
|
135
|
+
--color-tag-selectable-dark-selected-border: var(--color-primary-01-400);
|
|
136
|
+
--color-tag-selectable-dark-selected-background: var(--color-primary-01-400);
|
|
137
|
+
--color-tag-selectable-dark-active-text: var(--color-grey-900);
|
|
138
|
+
--color-tag-selectable-dark-active-border: var(--color-primary-01-200);
|
|
139
|
+
--color-tag-selectable-dark-active-background: var(--color-primary-01-200);
|
|
140
|
+
--color-tag-selectable-dark-hover-background: var(--color-primary-01-700);
|
|
136
141
|
--color-tag-selectable-dark-text: var(--color-grey-000);
|
|
137
|
-
--color-tag-selectable-dark-
|
|
138
|
-
--color-tag-selectable-
|
|
142
|
+
--color-tag-selectable-dark-border: var(--color-grey-000);
|
|
143
|
+
--color-tag-selectable-dark-background: var(--color-grey-900);
|
|
144
|
+
--color-tag-selectable-light-selected-hover-background: var(--color-primary-01-700);
|
|
145
|
+
--color-tag-selectable-light-selected-text: var(--color-grey-000);
|
|
146
|
+
--color-tag-selectable-light-selected-background: var(--color-primary-01-600);
|
|
139
147
|
--color-tag-selectable-light-disabled-text: var(--color-grey-500);
|
|
140
148
|
--color-tag-selectable-light-disabled-background: var(--color-grey-100);
|
|
141
|
-
--color-tag-selectable-light-active-
|
|
149
|
+
--color-tag-selectable-light-active-text: var(--color-grey-000);
|
|
150
|
+
--color-tag-selectable-light-active-border: var(--color-primary-01-800);
|
|
151
|
+
--color-tag-selectable-light-active-background: var(--color-primary-01-800);
|
|
142
152
|
--color-tag-selectable-light-hover-background: var(--color-primary-01-300);
|
|
143
153
|
--color-tag-selectable-light-text: var(--color-grey-900);
|
|
144
|
-
--color-tag-selectable-light-
|
|
154
|
+
--color-tag-selectable-light-border: var(--color-grey-500);
|
|
155
|
+
--color-tag-selectable-light-background: var(--color-grey-000);
|
|
145
156
|
--color-tag-link-dark-active-background: var(--color-grey-700);
|
|
146
157
|
--color-tag-link-dark-hover-background: var(--color-grey-800);
|
|
147
158
|
--color-tag-link-dark-text: var(--color-grey-000);
|
|
148
159
|
--color-tag-link-dark-border: var(--color-grey-000);
|
|
149
|
-
--color-tag-link-dark-background: var(--color-grey-
|
|
160
|
+
--color-tag-link-dark-background: var(--color-grey-900);
|
|
150
161
|
--color-tag-link-light-active-background: var(--color-grey-200);
|
|
151
162
|
--color-tag-link-light-hover-background: var(--color-grey-100);
|
|
152
|
-
--color-tag-link-light-text: var(--color-grey-
|
|
153
|
-
--color-tag-link-light-border: var(--color-grey-
|
|
163
|
+
--color-tag-link-light-text: var(--color-grey-900);
|
|
164
|
+
--color-tag-link-light-border: var(--color-grey-500);
|
|
154
165
|
--color-tag-link-light-background: var(--color-grey-000);
|
|
155
166
|
--color-tag-text-dark-text: var(--color-grey-000);
|
|
156
167
|
--color-tag-text-dark-border: var(--color-grey-000);
|
|
157
|
-
--color-tag-text-dark-background: var(--color-grey-
|
|
158
|
-
--color-tag-text-light-text: var(--color-grey-
|
|
159
|
-
--color-tag-text-light-border: var(--color-grey-
|
|
168
|
+
--color-tag-text-dark-background: var(--color-grey-900);
|
|
169
|
+
--color-tag-text-light-text: var(--color-grey-900);
|
|
170
|
+
--color-tag-text-light-border: var(--color-grey-500);
|
|
160
171
|
--color-tag-text-light-background: var(--color-grey-000);
|
|
161
172
|
--color-tabs-active-disabled: var(--color-primary-01-200);
|
|
162
173
|
--color-tabs-hover: var(--color-primary-01-600);
|
|
@@ -194,7 +205,7 @@
|
|
|
194
205
|
--color-link-primary-disabled: var(--color-grey-100);
|
|
195
206
|
--color-link-primary-active: var(--color-primary-01-700);
|
|
196
207
|
--color-link-primary-visited: var(--color-primary-01-700);
|
|
197
|
-
--color-link-primary-base: var(--color-primary-01-
|
|
208
|
+
--color-link-primary-base: var(--color-primary-01-600);
|
|
198
209
|
--color-link-light-hover: var(--color-grey-400);
|
|
199
210
|
--color-link-light-disabled: var(--color-grey-100);
|
|
200
211
|
--color-link-light-active: var(--color-grey-200);
|
|
@@ -235,8 +246,8 @@
|
|
|
235
246
|
--color-font-primary-01: var(--color-primary-01-500);
|
|
236
247
|
--color-focus-border: var(--color-secondary-blue-500);
|
|
237
248
|
--color-focus-gap: var(--color-grey-000);
|
|
238
|
-
--color-flag-bordered-danger-text: var(--color-secondary-red-
|
|
239
|
-
--color-flag-bordered-danger-border: var(--color-secondary-red-
|
|
249
|
+
--color-flag-bordered-danger-text: var(--color-secondary-red-600);
|
|
250
|
+
--color-flag-bordered-danger-border: var(--color-secondary-red-600);
|
|
240
251
|
--color-flag-bordered-danger-background: var(--color-grey-000);
|
|
241
252
|
--color-flag-bordered-light-text: var(--color-grey-000);
|
|
242
253
|
--color-flag-bordered-light-border: var(--color-grey-000);
|
|
@@ -244,15 +255,15 @@
|
|
|
244
255
|
--color-flag-bordered-dark-text: var(--color-grey-999);
|
|
245
256
|
--color-flag-bordered-dark-border: var(--color-grey-999);
|
|
246
257
|
--color-flag-bordered-dark-background: var(--color-grey-000);
|
|
247
|
-
--color-flag-bordered-primary-02-text: var(--color-
|
|
248
|
-
--color-flag-bordered-primary-02-border: var(--color-
|
|
258
|
+
--color-flag-bordered-primary-02-text: var(--color-secondary-purple-600);
|
|
259
|
+
--color-flag-bordered-primary-02-border: var(--color-secondary-purple-600);
|
|
249
260
|
--color-flag-bordered-primary-02-background: var(--color-grey-000);
|
|
250
|
-
--color-flag-bordered-text: var(--color-primary-01-
|
|
251
|
-
--color-flag-bordered-border: var(--color-primary-01-
|
|
261
|
+
--color-flag-bordered-text: var(--color-primary-01-600);
|
|
262
|
+
--color-flag-bordered-border: var(--color-primary-01-600);
|
|
252
263
|
--color-flag-bordered-background: var(--color-grey-000);
|
|
253
264
|
--color-flag-solid-danger-text: var(--color-grey-000);
|
|
254
|
-
--color-flag-solid-danger-border: var(--color-secondary-red-
|
|
255
|
-
--color-flag-solid-danger-background: var(--color-secondary-red-
|
|
265
|
+
--color-flag-solid-danger-border: var(--color-secondary-red-600);
|
|
266
|
+
--color-flag-solid-danger-background: var(--color-secondary-red-600);
|
|
256
267
|
--color-flag-solid-light-text: var(--color-grey-999);
|
|
257
268
|
--color-flag-solid-light-border: var(--color-grey-000);
|
|
258
269
|
--color-flag-solid-light-background: var(--color-grey-000);
|
|
@@ -260,11 +271,11 @@
|
|
|
260
271
|
--color-flag-solid-dark-border: var(--color-grey-999);
|
|
261
272
|
--color-flag-solid-dark-background: var(--color-grey-999);
|
|
262
273
|
--color-flag-solid-primary-02-text: var(--color-grey-000);
|
|
263
|
-
--color-flag-solid-primary-02-border: var(--color-
|
|
264
|
-
--color-flag-solid-primary-02-background: var(--color-
|
|
274
|
+
--color-flag-solid-primary-02-border: var(--color-secondary-purple-600);
|
|
275
|
+
--color-flag-solid-primary-02-background: var(--color-secondary-purple-600);
|
|
265
276
|
--color-flag-solid-text: var(--color-grey-000);
|
|
266
|
-
--color-flag-solid-border: var(--color-primary-01-
|
|
267
|
-
--color-flag-solid-background: var(--color-primary-01-
|
|
277
|
+
--color-flag-solid-border: var(--color-primary-01-600);
|
|
278
|
+
--color-flag-solid-background: var(--color-primary-01-600);
|
|
268
279
|
--color-fileuploader-alert: var(--color-danger-600);
|
|
269
280
|
--color-fileuploader-valid: var(--color-primary-01-500);
|
|
270
281
|
--color-fileuploader-files-delete: var(--color-grey-200);
|
|
@@ -279,8 +290,8 @@
|
|
|
279
290
|
--color-button-bordered-danger-disabled-font: var(--color-grey-600);
|
|
280
291
|
--color-button-bordered-danger-disabled-background: var(--color-grey-200);
|
|
281
292
|
--color-button-bordered-danger-focus-border: var(--color-secondary-red-700);
|
|
282
|
-
--color-button-bordered-danger-font: var(--color-secondary-red-
|
|
283
|
-
--color-button-bordered-danger-border: var(--color-secondary-red-
|
|
293
|
+
--color-button-bordered-danger-font: var(--color-secondary-red-600);
|
|
294
|
+
--color-button-bordered-danger-border: var(--color-secondary-red-600);
|
|
284
295
|
--color-button-bordered-danger-background: var(--color-grey-000);
|
|
285
296
|
--color-button-bordered-neutral-hover-background: var(--color-grey-100);
|
|
286
297
|
--color-button-bordered-neutral-active-background: var(--color-grey-200);
|
|
@@ -303,17 +314,17 @@
|
|
|
303
314
|
--color-button-bordered-disabled-font: var(--color-grey-600);
|
|
304
315
|
--color-button-bordered-disabled-background: var(--color-grey-200);
|
|
305
316
|
--color-button-bordered-focus-border: var(--color-primary-01-700);
|
|
306
|
-
--color-button-bordered-font: var(--color-primary-01-
|
|
307
|
-
--color-button-bordered-border: var(--color-primary-01-
|
|
317
|
+
--color-button-bordered-font: var(--color-primary-01-600);
|
|
318
|
+
--color-button-bordered-border: var(--color-primary-01-600);
|
|
308
319
|
--color-button-bordered-background: var(--color-grey-000);
|
|
309
320
|
--color-button-solid-danger-hover-font: var(--color-grey-000);
|
|
310
|
-
--color-button-solid-danger-hover-background: var(--color-danger-
|
|
321
|
+
--color-button-solid-danger-hover-background: var(--color-danger-700);
|
|
311
322
|
--color-button-solid-danger-active-background: var(--color-danger-700);
|
|
312
323
|
--color-button-solid-danger-disabled-font: var(--color-grey-600);
|
|
313
324
|
--color-button-solid-danger-disabled-background: var(--color-grey-200);
|
|
314
325
|
--color-button-solid-danger-focus-border: var(--color-danger-700);
|
|
315
326
|
--color-button-solid-danger-font: var(--color-grey-000);
|
|
316
|
-
--color-button-solid-danger-background: var(--color-
|
|
327
|
+
--color-button-solid-danger-background: var(--color-secondary-red-600);
|
|
317
328
|
--color-button-solid-neutral-hover-font: var(--color-grey-000);
|
|
318
329
|
--color-button-solid-neutral-hover-background: var(--color-grey-900);
|
|
319
330
|
--color-button-solid-neutral-active-background: var(--color-grey-800);
|
|
@@ -331,13 +342,13 @@
|
|
|
331
342
|
--color-button-solid-primary-02-font: var(--color-grey-000);
|
|
332
343
|
--color-button-solid-primary-02-background: var(--color-primary-02-500);
|
|
333
344
|
--color-button-solid-hover-font: var(--color-grey-000);
|
|
334
|
-
--color-button-solid-hover-background: var(--color-primary-01-
|
|
345
|
+
--color-button-solid-hover-background: var(--color-primary-01-700);
|
|
335
346
|
--color-button-solid-active-background: var(--color-primary-01-700);
|
|
336
347
|
--color-button-solid-disabled-font: var(--color-grey-600);
|
|
337
348
|
--color-button-solid-disabled-background: var(--color-grey-200);
|
|
338
349
|
--color-button-solid-focus-border: var(--color-primary-01-700);
|
|
339
350
|
--color-button-solid-font: var(--color-grey-000);
|
|
340
|
-
--color-button-solid-background: var(--color-primary-01-
|
|
351
|
+
--color-button-solid-background: var(--color-primary-01-600);
|
|
341
352
|
--color-secondary-green-900: var(--color-primary-01-900);
|
|
342
353
|
--color-secondary-green-800: var(--color-primary-01-800);
|
|
343
354
|
--color-secondary-green-700: var(--color-primary-01-700);
|
|
@@ -344,17 +344,28 @@ ColorTagLinkDarkText,
|
|
|
344
344
|
ColorTagLinkDarkHoverBackground,
|
|
345
345
|
ColorTagLinkDarkActiveBackground,
|
|
346
346
|
ColorTagSelectableLightBackground,
|
|
347
|
+
ColorTagSelectableLightBorder,
|
|
347
348
|
ColorTagSelectableLightText,
|
|
348
349
|
ColorTagSelectableLightHoverBackground,
|
|
349
350
|
ColorTagSelectableLightActiveBackground,
|
|
351
|
+
ColorTagSelectableLightActiveBorder,
|
|
352
|
+
ColorTagSelectableLightActiveText,
|
|
350
353
|
ColorTagSelectableLightDisabledBackground,
|
|
351
354
|
ColorTagSelectableLightDisabledText,
|
|
352
355
|
ColorTagSelectableLightSelectedBackground,
|
|
356
|
+
ColorTagSelectableLightSelectedText,
|
|
357
|
+
ColorTagSelectableLightSelectedHoverBackground,
|
|
353
358
|
ColorTagSelectableDarkBackground,
|
|
359
|
+
ColorTagSelectableDarkBorder,
|
|
354
360
|
ColorTagSelectableDarkText,
|
|
355
361
|
ColorTagSelectableDarkHoverBackground,
|
|
356
362
|
ColorTagSelectableDarkActiveBackground,
|
|
363
|
+
ColorTagSelectableDarkActiveBorder,
|
|
364
|
+
ColorTagSelectableDarkActiveText,
|
|
357
365
|
ColorTagSelectableDarkSelectedBackground,
|
|
366
|
+
ColorTagSelectableDarkSelectedBorder,
|
|
367
|
+
ColorTagSelectableDarkSelectedText,
|
|
368
|
+
ColorTagSelectableDarkSelectedHoverBackground,
|
|
358
369
|
ColorTagSelectableDarkDisabledBackground,
|
|
359
370
|
ColorTagSelectableDarkDisabledText,
|
|
360
371
|
ColorTagRemovableLightBackground,
|