@mozaic-ds/vue 0.29.1-beta.0 → 0.30.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 +6 -6
- package/dist/mozaic-vue.adeo.umd.js +282 -53
- package/dist/mozaic-vue.common.js +282 -53
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +282 -53
- package/dist/mozaic-vue.umd.js.map +1 -1
- package/dist/mozaic-vue.umd.min.js +2 -2
- package/dist/mozaic-vue.umd.min.js.map +1 -1
- package/package.json +4 -4
- package/src/components/autocomplete/MAutocomplete.vue +7 -8
- package/src/components/modal/MModal.vue +6 -6
- package/src/components/quantityselector/MQuantitySelector.vue +2 -2
- package/src/components/tags/MTag.vue +3 -1
- package/src/tokens/adeo/android/colors.xml +9 -5
- package/src/tokens/adeo/css/_variables.scss +9 -5
- package/src/tokens/adeo/css/root.scss +9 -5
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +4 -0
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +9 -5
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +9 -5
- package/src/tokens/adeo/js/tokens.js +9 -5
- package/src/tokens/adeo/js/tokensObject.js +113 -21
- package/src/tokens/adeo/scss/_tokens.scss +17 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mozaic-ds/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.0",
|
|
4
4
|
"description": "Vue.js implementation of Mozaic Design System",
|
|
5
5
|
"author": "Adeo - Mozaic Design System",
|
|
6
6
|
"scripts": {
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"postinstall.js"
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@mozaic-ds/css-dev-tools": "1.
|
|
27
|
-
"@mozaic-ds/icons": "1.
|
|
28
|
-
"@mozaic-ds/styles": "1.
|
|
26
|
+
"@mozaic-ds/css-dev-tools": "1.47.0",
|
|
27
|
+
"@mozaic-ds/icons": "1.47.1",
|
|
28
|
+
"@mozaic-ds/styles": "1.47.0",
|
|
29
29
|
"@mozaic-ds/web-fonts": "1.22.0",
|
|
30
30
|
"core-js": "^3.25.5",
|
|
31
31
|
"libphonenumber-js": "^1.10.14",
|
|
@@ -221,15 +221,14 @@ export default {
|
|
|
221
221
|
},
|
|
222
222
|
|
|
223
223
|
listboxValue: function (val) {
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
this.inputValue = seletedLabels.join(', ');
|
|
224
|
+
if (!this.multiple) {
|
|
225
|
+
const selectedItems = this.getSelectedItems(val);
|
|
226
|
+
const seletedLabels = selectedItems.map(
|
|
227
|
+
(item) => item[this.dataTextExpr]
|
|
228
|
+
);
|
|
231
229
|
|
|
232
|
-
|
|
230
|
+
this.inputValue = seletedLabels.join(', ');
|
|
231
|
+
} else {
|
|
233
232
|
this.tagValue = val;
|
|
234
233
|
}
|
|
235
234
|
},
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
:class="{ 'is-open': open }"
|
|
15
15
|
role="document"
|
|
16
16
|
>
|
|
17
|
-
<
|
|
17
|
+
<div class="mc-modal__header">
|
|
18
18
|
<component
|
|
19
19
|
:is="modalTitleTag"
|
|
20
20
|
id="modal_title"
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
{{ closeButtonText }}
|
|
34
34
|
</span>
|
|
35
35
|
</button>
|
|
36
|
-
</
|
|
37
|
-
<
|
|
36
|
+
</div>
|
|
37
|
+
<div ref="body" class="mc-modal__body">
|
|
38
38
|
<article ref="content" class="mc-modal__content">
|
|
39
39
|
<component :is="titleTag" v-if="title" class="mc-modal__heading">
|
|
40
40
|
{{ title }}
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
<slot />
|
|
44
44
|
</div>
|
|
45
45
|
</article>
|
|
46
|
-
</
|
|
47
|
-
<
|
|
46
|
+
</div>
|
|
47
|
+
<div v-if="$slots.footer" class="mc-modal__footer">
|
|
48
48
|
<slot name="footer" />
|
|
49
|
-
</
|
|
49
|
+
</div>
|
|
50
50
|
</div>
|
|
51
51
|
</div>
|
|
52
52
|
<keep-alive>
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
:size="small ? 's' : null"
|
|
30
30
|
:disabled="disabled"
|
|
31
31
|
role="spinbutton"
|
|
32
|
-
@
|
|
32
|
+
@change="handle"
|
|
33
33
|
@focus="onFocus"
|
|
34
34
|
@keypress="integerOnly && formatValue($event)"
|
|
35
35
|
v-on="$listeners"
|
|
@@ -130,7 +130,7 @@ export default {
|
|
|
130
130
|
if (this.currentValue > this.valuemax) {
|
|
131
131
|
this.currentValue = this.valuemax;
|
|
132
132
|
}
|
|
133
|
-
if (this.currentValue
|
|
133
|
+
if (this.currentValue <= this.valuemin) {
|
|
134
134
|
this.currentValue = this.valuemin;
|
|
135
135
|
}
|
|
136
136
|
this.$emit('input', this.currentValue);
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
</span>
|
|
39
39
|
<span
|
|
40
40
|
v-else-if="type === 'removable'"
|
|
41
|
+
:id="id"
|
|
41
42
|
class="mc-tag-removable"
|
|
42
43
|
:class="setClasses"
|
|
43
44
|
>
|
|
@@ -47,7 +48,8 @@
|
|
|
47
48
|
<button
|
|
48
49
|
type="button"
|
|
49
50
|
class="mc-tag-removable__remove"
|
|
50
|
-
|
|
51
|
+
:disabled="disabled"
|
|
52
|
+
@click="$emit('remove-tag', id)"
|
|
51
53
|
/>
|
|
52
54
|
</span>
|
|
53
55
|
</template>
|
|
@@ -177,7 +177,9 @@
|
|
|
177
177
|
<color name="color_button_bordered_disabled_background">#ffcccccc</color>
|
|
178
178
|
<color name="color_button_bordered_disabled_font">#ff666666</color>
|
|
179
179
|
<color name="color_button_bordered_active_background">#ff91d5db</color>
|
|
180
|
+
<color name="color_button_bordered_active_font">#ff004e57</color>
|
|
180
181
|
<color name="color_button_bordered_hover_background">#ffd9f0f3</color>
|
|
182
|
+
<color name="color_button_bordered_hover_font">#ff006974</color>
|
|
181
183
|
<color name="color_button_bordered_primary_02_background">#ffffffff</color>
|
|
182
184
|
<color name="color_button_bordered_primary_02_border">#ff6a7081</color>
|
|
183
185
|
<color name="color_button_bordered_primary_02_font">#ff6a7081</color>
|
|
@@ -201,7 +203,9 @@
|
|
|
201
203
|
<color name="color_button_bordered_danger_disabled_background">#ffcccccc</color>
|
|
202
204
|
<color name="color_button_bordered_danger_disabled_font">#ff666666</color>
|
|
203
205
|
<color name="color_button_bordered_danger_active_background">#fff8bcbb</color>
|
|
206
|
+
<color name="color_button_bordered_danger_active_font">#ff530000</color>
|
|
204
207
|
<color name="color_button_bordered_danger_hover_background">#fffdeaea</color>
|
|
208
|
+
<color name="color_button_bordered_danger_hover_font">#ff8c0003</color>
|
|
205
209
|
<color name="color_card_bordered_background">#ffffffff</color>
|
|
206
210
|
<color name="color_card_bordered_border">#ff808080</color>
|
|
207
211
|
<color name="color_dialog_background">#ffffffff</color>
|
|
@@ -365,13 +369,13 @@
|
|
|
365
369
|
<color name="color_tabs_background">#ffffffff</color>
|
|
366
370
|
<color name="color_tabs_shadow">#ff000000</color>
|
|
367
371
|
<color name="color_tabs_default">#ff666666</color>
|
|
368
|
-
<color name="color_tabs_element_background">#
|
|
372
|
+
<color name="color_tabs_element_background">#ffeeedea</color>
|
|
369
373
|
<color name="color_tabs_hover">#ff004e57</color>
|
|
370
374
|
<color name="color_tabs_disabled_background">#ffcccccc</color>
|
|
371
|
-
<color name="color_tabs_active_background">#
|
|
372
|
-
<color name="color_tabs_active_text">#
|
|
373
|
-
<color name="color_tabs_selected_border">#
|
|
374
|
-
<color name="color_tabs_selected_text">#
|
|
375
|
+
<color name="color_tabs_active_background">#ffdddcd5</color>
|
|
376
|
+
<color name="color_tabs_active_text">#ff004e57</color>
|
|
377
|
+
<color name="color_tabs_selected_border">#ff007f8c</color>
|
|
378
|
+
<color name="color_tabs_selected_text">#ff007f8c</color>
|
|
375
379
|
<color name="color_tabs_active_disabled">#ff91d5db</color>
|
|
376
380
|
<color name="color_tag_text_light_background">#ffffffff</color>
|
|
377
381
|
<color name="color_tag_text_light_border">#ff808080</color>
|
|
@@ -173,7 +173,9 @@ $color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #
|
|
|
173
173
|
$color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #cccccc);
|
|
174
174
|
$color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #666666);
|
|
175
175
|
$color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
|
|
176
|
+
$color-button-bordered-active-font: var(--color-button-bordered-active-font, #004e57);
|
|
176
177
|
$color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
|
|
178
|
+
$color-button-bordered-hover-font: var(--color-button-bordered-hover-font, #006974);
|
|
177
179
|
$color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background, #ffffff);
|
|
178
180
|
$color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #6a7081);
|
|
179
181
|
$color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #6a7081);
|
|
@@ -197,7 +199,9 @@ $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-f
|
|
|
197
199
|
$color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #cccccc);
|
|
198
200
|
$color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #666666);
|
|
199
201
|
$color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
|
|
202
|
+
$color-button-bordered-danger-active-font: var(--color-button-bordered-danger-active-font, #530000);
|
|
200
203
|
$color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
|
|
204
|
+
$color-button-bordered-danger-hover-font: var(--color-button-bordered-danger-hover-font, #8c0003);
|
|
201
205
|
$color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
|
|
202
206
|
$color-card-bordered-border: var(--color-card-bordered-border, #808080);
|
|
203
207
|
$color-dialog-background: var(--color-dialog-background, #ffffff);
|
|
@@ -361,13 +365,13 @@ $color-stepper-title: var(--color-stepper-title, #00919f);
|
|
|
361
365
|
$color-tabs-background: var(--color-tabs-background, #ffffff);
|
|
362
366
|
$color-tabs-shadow: var(--color-tabs-shadow, #000000);
|
|
363
367
|
$color-tabs-default: var(--color-tabs-default, #666666);
|
|
364
|
-
$color-tabs-element-background: var(--color-tabs-element-background, #
|
|
368
|
+
$color-tabs-element-background: var(--color-tabs-element-background, #eeedea);
|
|
365
369
|
$color-tabs-hover: var(--color-tabs-hover, #004e57);
|
|
366
370
|
$color-tabs-disabled-background: var(--color-tabs-disabled-background, #cccccc);
|
|
367
|
-
$color-tabs-active-background: var(--color-tabs-active-background, #
|
|
368
|
-
$color-tabs-active-text: var(--color-tabs-active-text, #
|
|
369
|
-
$color-tabs-selected-border: var(--color-tabs-selected-border, #
|
|
370
|
-
$color-tabs-selected-text: var(--color-tabs-selected-text, #
|
|
371
|
+
$color-tabs-active-background: var(--color-tabs-active-background, #dddcd5);
|
|
372
|
+
$color-tabs-active-text: var(--color-tabs-active-text, #004e57);
|
|
373
|
+
$color-tabs-selected-border: var(--color-tabs-selected-border, #007f8c);
|
|
374
|
+
$color-tabs-selected-text: var(--color-tabs-selected-text, #007f8c);
|
|
371
375
|
$color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
|
|
372
376
|
$color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
|
|
373
377
|
$color-tag-text-light-border: var(--color-tag-text-light-border, #808080);
|
|
@@ -182,11 +182,13 @@
|
|
|
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-selected-
|
|
186
|
-
--color-tabs-
|
|
185
|
+
--color-tabs-selected-text: var(--color-primary-01-600);
|
|
186
|
+
--color-tabs-selected-border: var(--color-primary-01-600);
|
|
187
|
+
--color-tabs-active-text: var(--color-primary-01-800);
|
|
188
|
+
--color-tabs-active-background: var(--color-secondary-sandgrey-200);
|
|
187
189
|
--color-tabs-disabled-background: var(--color-grey-200);
|
|
188
190
|
--color-tabs-hover: var(--color-primary-01-800);
|
|
189
|
-
--color-tabs-element-background: var(--color-
|
|
191
|
+
--color-tabs-element-background: var(--color-secondary-sandgrey-100);
|
|
190
192
|
--color-tabs-shadow: var(--color-grey-999);
|
|
191
193
|
--color-tabs-background: var(--color-grey-000);
|
|
192
194
|
--color-stepper-title: var(--color-primary-01-500);
|
|
@@ -344,7 +346,9 @@
|
|
|
344
346
|
--color-dialog-background: var(--color-grey-000);
|
|
345
347
|
--color-card-bordered-border: var(--color-grey-500);
|
|
346
348
|
--color-card-bordered-background: var(--color-grey-000);
|
|
349
|
+
--color-button-bordered-danger-hover-font: var(--color-danger-700);
|
|
347
350
|
--color-button-bordered-danger-hover-background: var(--color-secondary-red-100);
|
|
351
|
+
--color-button-bordered-danger-active-font: var(--color-danger-800);
|
|
348
352
|
--color-button-bordered-danger-active-background: var(--color-secondary-red-200);
|
|
349
353
|
--color-button-bordered-danger-disabled-font: var(--color-grey-600);
|
|
350
354
|
--color-button-bordered-danger-disabled-background: var(--color-grey-200);
|
|
@@ -368,7 +372,9 @@
|
|
|
368
372
|
--color-button-bordered-primary-02-font: var(--color-primary-02-500);
|
|
369
373
|
--color-button-bordered-primary-02-border: var(--color-primary-02-500);
|
|
370
374
|
--color-button-bordered-primary-02-background: var(--color-grey-000);
|
|
375
|
+
--color-button-bordered-hover-font: var(--color-primary-01-700);
|
|
371
376
|
--color-button-bordered-hover-background: var(--color-primary-01-100);
|
|
377
|
+
--color-button-bordered-active-font: var(--color-primary-01-800);
|
|
372
378
|
--color-button-bordered-active-background: var(--color-primary-01-200);
|
|
373
379
|
--color-button-bordered-disabled-font: var(--color-grey-600);
|
|
374
380
|
--color-button-bordered-disabled-background: var(--color-grey-200);
|
|
@@ -434,8 +440,6 @@
|
|
|
434
440
|
--color-badge-info-text: var(--color-info-700);
|
|
435
441
|
--color-badge-info-border: var(--color-info-500);
|
|
436
442
|
--color-badge-info-background: var(--color-info-100);
|
|
437
|
-
--color-tabs-selected-text: var(--color-font-darkest);
|
|
438
|
-
--color-tabs-active-text: var(--color-font-dark);
|
|
439
443
|
--color-tabs-default: var(--color-font-light);
|
|
440
444
|
--color-fields-help: var(--color-font-light);
|
|
441
445
|
--color-fields-requirement: var(--color-font-light);
|
|
@@ -181,7 +181,9 @@ ColorButtonBorderedFocusBorder,
|
|
|
181
181
|
ColorButtonBorderedDisabledBackground,
|
|
182
182
|
ColorButtonBorderedDisabledFont,
|
|
183
183
|
ColorButtonBorderedActiveBackground,
|
|
184
|
+
ColorButtonBorderedActiveFont,
|
|
184
185
|
ColorButtonBorderedHoverBackground,
|
|
186
|
+
ColorButtonBorderedHoverFont,
|
|
185
187
|
ColorButtonBorderedPrimary02Background,
|
|
186
188
|
ColorButtonBorderedPrimary02Border,
|
|
187
189
|
ColorButtonBorderedPrimary02Font,
|
|
@@ -205,7 +207,9 @@ ColorButtonBorderedDangerFocusBorder,
|
|
|
205
207
|
ColorButtonBorderedDangerDisabledBackground,
|
|
206
208
|
ColorButtonBorderedDangerDisabledFont,
|
|
207
209
|
ColorButtonBorderedDangerActiveBackground,
|
|
210
|
+
ColorButtonBorderedDangerActiveFont,
|
|
208
211
|
ColorButtonBorderedDangerHoverBackground,
|
|
212
|
+
ColorButtonBorderedDangerHoverFont,
|
|
209
213
|
ColorCardBorderedBackground,
|
|
210
214
|
ColorCardBorderedBorder,
|
|
211
215
|
ColorDialogBackground,
|
|
@@ -192,7 +192,9 @@
|
|
|
192
192
|
[UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
|
|
193
193
|
[UIColor colorWithRed:0.400f green:0.400f blue:0.400f alpha:1.000f],
|
|
194
194
|
[UIColor colorWithRed:0.569f green:0.835f blue:0.859f alpha:1.000f],
|
|
195
|
+
[UIColor colorWithRed:0.000f green:0.306f blue:0.341f alpha:1.000f],
|
|
195
196
|
[UIColor colorWithRed:0.851f green:0.941f blue:0.953f alpha:1.000f],
|
|
197
|
+
[UIColor colorWithRed:0.000f green:0.412f blue:0.455f alpha:1.000f],
|
|
196
198
|
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
|
|
197
199
|
[UIColor colorWithRed:0.416f green:0.439f blue:0.506f alpha:1.000f],
|
|
198
200
|
[UIColor colorWithRed:0.416f green:0.439f blue:0.506f alpha:1.000f],
|
|
@@ -216,7 +218,9 @@
|
|
|
216
218
|
[UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
|
|
217
219
|
[UIColor colorWithRed:0.400f green:0.400f blue:0.400f alpha:1.000f],
|
|
218
220
|
[UIColor colorWithRed:0.973f green:0.737f blue:0.733f alpha:1.000f],
|
|
221
|
+
[UIColor colorWithRed:0.325f green:0.000f blue:0.000f alpha:1.000f],
|
|
219
222
|
[UIColor colorWithRed:0.992f green:0.918f blue:0.918f alpha:1.000f],
|
|
223
|
+
[UIColor colorWithRed:0.549f green:0.000f blue:0.012f alpha:1.000f],
|
|
220
224
|
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
|
|
221
225
|
[UIColor colorWithRed:0.502f green:0.502f blue:0.502f alpha:1.000f],
|
|
222
226
|
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
|
|
@@ -380,13 +384,13 @@
|
|
|
380
384
|
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
|
|
381
385
|
[UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f],
|
|
382
386
|
[UIColor colorWithRed:0.400f green:0.400f blue:0.400f alpha:1.000f],
|
|
383
|
-
[UIColor colorWithRed:0.933f green:0.
|
|
387
|
+
[UIColor colorWithRed:0.933f green:0.929f blue:0.918f alpha:1.000f],
|
|
384
388
|
[UIColor colorWithRed:0.000f green:0.306f blue:0.341f alpha:1.000f],
|
|
385
389
|
[UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
|
|
386
|
-
[UIColor colorWithRed:0.
|
|
387
|
-
[UIColor colorWithRed:0.
|
|
388
|
-
[UIColor colorWithRed:0.000f green:0.
|
|
389
|
-
[UIColor colorWithRed:0.000f green:0.
|
|
390
|
+
[UIColor colorWithRed:0.867f green:0.863f blue:0.835f alpha:1.000f],
|
|
391
|
+
[UIColor colorWithRed:0.000f green:0.306f blue:0.341f alpha:1.000f],
|
|
392
|
+
[UIColor colorWithRed:0.000f green:0.498f blue:0.549f alpha:1.000f],
|
|
393
|
+
[UIColor colorWithRed:0.000f green:0.498f blue:0.549f alpha:1.000f],
|
|
390
394
|
[UIColor colorWithRed:0.569f green:0.835f blue:0.859f alpha:1.000f],
|
|
391
395
|
[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
|
|
392
396
|
[UIColor colorWithRed:0.502f green:0.502f blue:0.502f alpha:1.000f],
|
|
@@ -24,9 +24,11 @@ public class StyleDictionaryColor {
|
|
|
24
24
|
public static let colorBreadcrumbArrow = UIColor(red: 0.200, green: 0.200, blue: 0.200, alpha: 1)
|
|
25
25
|
public static let colorBreadcrumbArrowInvert = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
26
26
|
public static let colorButtonBorderedActiveBackground = UIColor(red: 0.569, green: 0.835, blue: 0.859, alpha: 1)
|
|
27
|
+
public static let colorButtonBorderedActiveFont = UIColor(red: 0.000, green: 0.306, blue: 0.341, alpha: 1)
|
|
27
28
|
public static let colorButtonBorderedBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
28
29
|
public static let colorButtonBorderedBorder = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
|
|
29
30
|
public static let colorButtonBorderedDangerActiveBackground = UIColor(red: 0.973, green: 0.737, blue: 0.733, alpha: 1)
|
|
31
|
+
public static let colorButtonBorderedDangerActiveFont = UIColor(red: 0.325, green: 0.000, blue: 0.000, alpha: 1)
|
|
30
32
|
public static let colorButtonBorderedDangerBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
31
33
|
public static let colorButtonBorderedDangerBorder = UIColor(red: 0.776, green: 0.067, blue: 0.071, alpha: 1)
|
|
32
34
|
public static let colorButtonBorderedDangerDisabledBackground = UIColor(red: 0.800, green: 0.800, blue: 0.800, alpha: 1)
|
|
@@ -34,11 +36,13 @@ public class StyleDictionaryColor {
|
|
|
34
36
|
public static let colorButtonBorderedDangerFocusBorder = UIColor(red: 0.549, green: 0.000, blue: 0.012, alpha: 1)
|
|
35
37
|
public static let colorButtonBorderedDangerFont = UIColor(red: 0.776, green: 0.067, blue: 0.071, alpha: 1)
|
|
36
38
|
public static let colorButtonBorderedDangerHoverBackground = UIColor(red: 0.992, green: 0.918, blue: 0.918, alpha: 1)
|
|
39
|
+
public static let colorButtonBorderedDangerHoverFont = UIColor(red: 0.549, green: 0.000, blue: 0.012, alpha: 1)
|
|
37
40
|
public static let colorButtonBorderedDisabledBackground = UIColor(red: 0.800, green: 0.800, blue: 0.800, alpha: 1)
|
|
38
41
|
public static let colorButtonBorderedDisabledFont = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
|
|
39
42
|
public static let colorButtonBorderedFocusBorder = UIColor(red: 0.000, green: 0.412, blue: 0.455, alpha: 1)
|
|
40
43
|
public static let colorButtonBorderedFont = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
|
|
41
44
|
public static let colorButtonBorderedHoverBackground = UIColor(red: 0.851, green: 0.941, blue: 0.953, alpha: 1)
|
|
45
|
+
public static let colorButtonBorderedHoverFont = UIColor(red: 0.000, green: 0.412, blue: 0.455, alpha: 1)
|
|
42
46
|
public static let colorButtonBorderedNeutralActiveBackground = UIColor(red: 0.800, green: 0.800, blue: 0.800, alpha: 1)
|
|
43
47
|
public static let colorButtonBorderedNeutralBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
44
48
|
public static let colorButtonBorderedNeutralBorder = UIColor(red: 0.200, green: 0.200, blue: 0.200, alpha: 1)
|
|
@@ -366,16 +370,16 @@ public class StyleDictionaryColor {
|
|
|
366
370
|
public static let colorSuccess700 = UIColor(red: 0.000, green: 0.412, blue: 0.008, alpha: 1)
|
|
367
371
|
public static let colorSuccess800 = UIColor(red: 0.012, green: 0.314, blue: 0.063, alpha: 1)
|
|
368
372
|
public static let colorSuccess900 = UIColor(red: 0.008, green: 0.212, blue: 0.094, alpha: 1)
|
|
369
|
-
public static let colorTabsActiveBackground = UIColor(red: 0.
|
|
373
|
+
public static let colorTabsActiveBackground = UIColor(red: 0.867, green: 0.863, blue: 0.835, alpha: 1)
|
|
370
374
|
public static let colorTabsActiveDisabled = UIColor(red: 0.569, green: 0.835, blue: 0.859, alpha: 1)
|
|
371
|
-
public static let colorTabsActiveText = UIColor(red: 0.
|
|
375
|
+
public static let colorTabsActiveText = UIColor(red: 0.000, green: 0.306, blue: 0.341, alpha: 1)
|
|
372
376
|
public static let colorTabsBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
373
377
|
public static let colorTabsDefault = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
|
|
374
378
|
public static let colorTabsDisabledBackground = UIColor(red: 0.800, green: 0.800, blue: 0.800, alpha: 1)
|
|
375
|
-
public static let colorTabsElementBackground = UIColor(red: 0.933, green: 0.
|
|
379
|
+
public static let colorTabsElementBackground = UIColor(red: 0.933, green: 0.929, blue: 0.918, alpha: 1)
|
|
376
380
|
public static let colorTabsHover = UIColor(red: 0.000, green: 0.306, blue: 0.341, alpha: 1)
|
|
377
|
-
public static let colorTabsSelectedBorder = UIColor(red: 0.000, green: 0.
|
|
378
|
-
public static let colorTabsSelectedText = UIColor(red: 0.000, green: 0.
|
|
381
|
+
public static let colorTabsSelectedBorder = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
|
|
382
|
+
public static let colorTabsSelectedText = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
|
|
379
383
|
public static let colorTabsShadow = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
380
384
|
public static let colorTagLinkDarkActiveBackground = UIColor(red: 0.302, green: 0.302, blue: 0.302, alpha: 1)
|
|
381
385
|
public static let colorTagLinkDarkBackground = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
|
|
@@ -176,7 +176,9 @@ export const ColorButtonBorderedFocusBorder = "#006974";
|
|
|
176
176
|
export const ColorButtonBorderedDisabledBackground = "#cccccc";
|
|
177
177
|
export const ColorButtonBorderedDisabledFont = "#666666";
|
|
178
178
|
export const ColorButtonBorderedActiveBackground = "#91d5db";
|
|
179
|
+
export const ColorButtonBorderedActiveFont = "#004e57";
|
|
179
180
|
export const ColorButtonBorderedHoverBackground = "#d9f0f3";
|
|
181
|
+
export const ColorButtonBorderedHoverFont = "#006974";
|
|
180
182
|
export const ColorButtonBorderedPrimary02Background = "#ffffff";
|
|
181
183
|
export const ColorButtonBorderedPrimary02Border = "#6a7081";
|
|
182
184
|
export const ColorButtonBorderedPrimary02Font = "#6a7081";
|
|
@@ -200,7 +202,9 @@ export const ColorButtonBorderedDangerFocusBorder = "#8c0003";
|
|
|
200
202
|
export const ColorButtonBorderedDangerDisabledBackground = "#cccccc";
|
|
201
203
|
export const ColorButtonBorderedDangerDisabledFont = "#666666";
|
|
202
204
|
export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
|
|
205
|
+
export const ColorButtonBorderedDangerActiveFont = "#530000";
|
|
203
206
|
export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
|
|
207
|
+
export const ColorButtonBorderedDangerHoverFont = "#8c0003";
|
|
204
208
|
export const ColorCardBorderedBackground = "#ffffff";
|
|
205
209
|
export const ColorCardBorderedBorder = "#808080";
|
|
206
210
|
export const ColorDialogBackground = "#ffffff";
|
|
@@ -364,13 +368,13 @@ export const ColorStepperTitle = "#00919f";
|
|
|
364
368
|
export const ColorTabsBackground = "#ffffff";
|
|
365
369
|
export const ColorTabsShadow = "#000000";
|
|
366
370
|
export const ColorTabsDefault = "#666666";
|
|
367
|
-
export const ColorTabsElementBackground = "#
|
|
371
|
+
export const ColorTabsElementBackground = "#eeedea";
|
|
368
372
|
export const ColorTabsHover = "#004e57";
|
|
369
373
|
export const ColorTabsDisabledBackground = "#cccccc";
|
|
370
|
-
export const ColorTabsActiveBackground = "#
|
|
371
|
-
export const ColorTabsActiveText = "#
|
|
372
|
-
export const ColorTabsSelectedBorder = "#
|
|
373
|
-
export const ColorTabsSelectedText = "#
|
|
374
|
+
export const ColorTabsActiveBackground = "#dddcd5";
|
|
375
|
+
export const ColorTabsActiveText = "#004e57";
|
|
376
|
+
export const ColorTabsSelectedBorder = "#007f8c";
|
|
377
|
+
export const ColorTabsSelectedText = "#007f8c";
|
|
374
378
|
export const ColorTabsActiveDisabled = "#91d5db";
|
|
375
379
|
export const ColorTagTextLightBackground = "#ffffff";
|
|
376
380
|
export const ColorTagTextLightBorder = "#808080";
|
|
@@ -3628,6 +3628,29 @@ module.exports = {
|
|
|
3628
3628
|
"active",
|
|
3629
3629
|
"background"
|
|
3630
3630
|
]
|
|
3631
|
+
},
|
|
3632
|
+
"font": {
|
|
3633
|
+
"value": "#004e57",
|
|
3634
|
+
"filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
|
|
3635
|
+
"isSource": true,
|
|
3636
|
+
"original": {
|
|
3637
|
+
"value": "{color.primary-01.800.value}"
|
|
3638
|
+
},
|
|
3639
|
+
"name": "ColorButtonBorderedActiveFont",
|
|
3640
|
+
"attributes": {
|
|
3641
|
+
"category": "color",
|
|
3642
|
+
"type": "button",
|
|
3643
|
+
"item": "bordered",
|
|
3644
|
+
"subitem": "active",
|
|
3645
|
+
"state": "font"
|
|
3646
|
+
},
|
|
3647
|
+
"path": [
|
|
3648
|
+
"color",
|
|
3649
|
+
"button",
|
|
3650
|
+
"bordered",
|
|
3651
|
+
"active",
|
|
3652
|
+
"font"
|
|
3653
|
+
]
|
|
3631
3654
|
}
|
|
3632
3655
|
},
|
|
3633
3656
|
"hover": {
|
|
@@ -3653,6 +3676,29 @@ module.exports = {
|
|
|
3653
3676
|
"hover",
|
|
3654
3677
|
"background"
|
|
3655
3678
|
]
|
|
3679
|
+
},
|
|
3680
|
+
"font": {
|
|
3681
|
+
"value": "#006974",
|
|
3682
|
+
"filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
|
|
3683
|
+
"isSource": true,
|
|
3684
|
+
"original": {
|
|
3685
|
+
"value": "{color.primary-01.700.value}"
|
|
3686
|
+
},
|
|
3687
|
+
"name": "ColorButtonBorderedHoverFont",
|
|
3688
|
+
"attributes": {
|
|
3689
|
+
"category": "color",
|
|
3690
|
+
"type": "button",
|
|
3691
|
+
"item": "bordered",
|
|
3692
|
+
"subitem": "hover",
|
|
3693
|
+
"state": "font"
|
|
3694
|
+
},
|
|
3695
|
+
"path": [
|
|
3696
|
+
"color",
|
|
3697
|
+
"button",
|
|
3698
|
+
"bordered",
|
|
3699
|
+
"hover",
|
|
3700
|
+
"font"
|
|
3701
|
+
]
|
|
3656
3702
|
}
|
|
3657
3703
|
}
|
|
3658
3704
|
},
|
|
@@ -4192,6 +4238,29 @@ module.exports = {
|
|
|
4192
4238
|
"active",
|
|
4193
4239
|
"background"
|
|
4194
4240
|
]
|
|
4241
|
+
},
|
|
4242
|
+
"font": {
|
|
4243
|
+
"value": "#530000",
|
|
4244
|
+
"filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
|
|
4245
|
+
"isSource": true,
|
|
4246
|
+
"original": {
|
|
4247
|
+
"value": "{color.danger.800.value}"
|
|
4248
|
+
},
|
|
4249
|
+
"name": "ColorButtonBorderedDangerActiveFont",
|
|
4250
|
+
"attributes": {
|
|
4251
|
+
"category": "color",
|
|
4252
|
+
"type": "button",
|
|
4253
|
+
"item": "bordered-danger",
|
|
4254
|
+
"subitem": "active",
|
|
4255
|
+
"state": "font"
|
|
4256
|
+
},
|
|
4257
|
+
"path": [
|
|
4258
|
+
"color",
|
|
4259
|
+
"button",
|
|
4260
|
+
"bordered-danger",
|
|
4261
|
+
"active",
|
|
4262
|
+
"font"
|
|
4263
|
+
]
|
|
4195
4264
|
}
|
|
4196
4265
|
},
|
|
4197
4266
|
"hover": {
|
|
@@ -4217,6 +4286,29 @@ module.exports = {
|
|
|
4217
4286
|
"hover",
|
|
4218
4287
|
"background"
|
|
4219
4288
|
]
|
|
4289
|
+
},
|
|
4290
|
+
"font": {
|
|
4291
|
+
"value": "#8c0003",
|
|
4292
|
+
"filePath": "node_modules/@mozaic-ds/tokens/properties/color/button.json",
|
|
4293
|
+
"isSource": true,
|
|
4294
|
+
"original": {
|
|
4295
|
+
"value": "{color.danger.700.value}"
|
|
4296
|
+
},
|
|
4297
|
+
"name": "ColorButtonBorderedDangerHoverFont",
|
|
4298
|
+
"attributes": {
|
|
4299
|
+
"category": "color",
|
|
4300
|
+
"type": "button",
|
|
4301
|
+
"item": "bordered-danger",
|
|
4302
|
+
"subitem": "hover",
|
|
4303
|
+
"state": "font"
|
|
4304
|
+
},
|
|
4305
|
+
"path": [
|
|
4306
|
+
"color",
|
|
4307
|
+
"button",
|
|
4308
|
+
"bordered-danger",
|
|
4309
|
+
"hover",
|
|
4310
|
+
"font"
|
|
4311
|
+
]
|
|
4220
4312
|
}
|
|
4221
4313
|
}
|
|
4222
4314
|
}
|
|
@@ -7702,7 +7794,7 @@ module.exports = {
|
|
|
7702
7794
|
"tabs": {
|
|
7703
7795
|
"background": {
|
|
7704
7796
|
"value": "#ffffff",
|
|
7705
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7797
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7706
7798
|
"isSource": true,
|
|
7707
7799
|
"original": {
|
|
7708
7800
|
"value": "{color.grey.000.value}"
|
|
@@ -7721,7 +7813,7 @@ module.exports = {
|
|
|
7721
7813
|
},
|
|
7722
7814
|
"shadow": {
|
|
7723
7815
|
"value": "#000000",
|
|
7724
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7816
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7725
7817
|
"isSource": true,
|
|
7726
7818
|
"original": {
|
|
7727
7819
|
"value": "{color.grey.999.value}"
|
|
@@ -7740,7 +7832,7 @@ module.exports = {
|
|
|
7740
7832
|
},
|
|
7741
7833
|
"default": {
|
|
7742
7834
|
"value": "#666666",
|
|
7743
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7835
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7744
7836
|
"isSource": true,
|
|
7745
7837
|
"original": {
|
|
7746
7838
|
"value": "{color.font.light.value}"
|
|
@@ -7759,11 +7851,11 @@ module.exports = {
|
|
|
7759
7851
|
},
|
|
7760
7852
|
"element": {
|
|
7761
7853
|
"background": {
|
|
7762
|
-
"value": "#
|
|
7763
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7854
|
+
"value": "#eeedea",
|
|
7855
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7764
7856
|
"isSource": true,
|
|
7765
7857
|
"original": {
|
|
7766
|
-
"value": "{color.
|
|
7858
|
+
"value": "{color.secondary-sandgrey.100.value}"
|
|
7767
7859
|
},
|
|
7768
7860
|
"name": "ColorTabsElementBackground",
|
|
7769
7861
|
"attributes": {
|
|
@@ -7782,7 +7874,7 @@ module.exports = {
|
|
|
7782
7874
|
},
|
|
7783
7875
|
"hover": {
|
|
7784
7876
|
"value": "#004e57",
|
|
7785
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7877
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7786
7878
|
"isSource": true,
|
|
7787
7879
|
"original": {
|
|
7788
7880
|
"value": "{color.primary-01.800.value}"
|
|
@@ -7802,7 +7894,7 @@ module.exports = {
|
|
|
7802
7894
|
"disabled": {
|
|
7803
7895
|
"background": {
|
|
7804
7896
|
"value": "#cccccc",
|
|
7805
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7897
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7806
7898
|
"isSource": true,
|
|
7807
7899
|
"original": {
|
|
7808
7900
|
"value": "{color.grey.200.value}"
|
|
@@ -7824,11 +7916,11 @@ module.exports = {
|
|
|
7824
7916
|
},
|
|
7825
7917
|
"active": {
|
|
7826
7918
|
"background": {
|
|
7827
|
-
"value": "#
|
|
7828
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7919
|
+
"value": "#dddcd5",
|
|
7920
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7829
7921
|
"isSource": true,
|
|
7830
7922
|
"original": {
|
|
7831
|
-
"value": "{color.
|
|
7923
|
+
"value": "{color.secondary-sandgrey.200.value}"
|
|
7832
7924
|
},
|
|
7833
7925
|
"name": "ColorTabsActiveBackground",
|
|
7834
7926
|
"attributes": {
|
|
@@ -7845,11 +7937,11 @@ module.exports = {
|
|
|
7845
7937
|
]
|
|
7846
7938
|
},
|
|
7847
7939
|
"text": {
|
|
7848
|
-
"value": "#
|
|
7849
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7940
|
+
"value": "#004e57",
|
|
7941
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7850
7942
|
"isSource": true,
|
|
7851
7943
|
"original": {
|
|
7852
|
-
"value": "{color.
|
|
7944
|
+
"value": "{color.primary-01.800.value}"
|
|
7853
7945
|
},
|
|
7854
7946
|
"name": "ColorTabsActiveText",
|
|
7855
7947
|
"attributes": {
|
|
@@ -7868,11 +7960,11 @@ module.exports = {
|
|
|
7868
7960
|
},
|
|
7869
7961
|
"selected": {
|
|
7870
7962
|
"border": {
|
|
7871
|
-
"value": "#
|
|
7872
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7963
|
+
"value": "#007f8c",
|
|
7964
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7873
7965
|
"isSource": true,
|
|
7874
7966
|
"original": {
|
|
7875
|
-
"value": "{color.
|
|
7967
|
+
"value": "{color.primary-01.600.value}"
|
|
7876
7968
|
},
|
|
7877
7969
|
"name": "ColorTabsSelectedBorder",
|
|
7878
7970
|
"attributes": {
|
|
@@ -7889,11 +7981,11 @@ module.exports = {
|
|
|
7889
7981
|
]
|
|
7890
7982
|
},
|
|
7891
7983
|
"text": {
|
|
7892
|
-
"value": "#
|
|
7893
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
7984
|
+
"value": "#007f8c",
|
|
7985
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7894
7986
|
"isSource": true,
|
|
7895
7987
|
"original": {
|
|
7896
|
-
"value": "{color.
|
|
7988
|
+
"value": "{color.primary-01.600.value}"
|
|
7897
7989
|
},
|
|
7898
7990
|
"name": "ColorTabsSelectedText",
|
|
7899
7991
|
"attributes": {
|
|
@@ -7912,7 +8004,7 @@ module.exports = {
|
|
|
7912
8004
|
},
|
|
7913
8005
|
"active-disabled": {
|
|
7914
8006
|
"value": "#91d5db",
|
|
7915
|
-
"filePath": "node_modules/@mozaic-ds/tokens/
|
|
8007
|
+
"filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tabs.json",
|
|
7916
8008
|
"isSource": true,
|
|
7917
8009
|
"original": {
|
|
7918
8010
|
"value": "{color.primary-01.200.value}"
|