@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
|
@@ -73,24 +73,24 @@ $color-secondary-purple-600: #4b4a8c !default;
|
|
|
73
73
|
$color-secondary-purple-700: #393879 !default;
|
|
74
74
|
$color-secondary-purple-800: #282863 !default;
|
|
75
75
|
$color-secondary-purple-900: #1a1a4b !default;
|
|
76
|
-
$color-secondary-red-100: #
|
|
77
|
-
$color-secondary-red-200: #
|
|
78
|
-
$color-secondary-red-300: #
|
|
79
|
-
$color-secondary-red-400: #
|
|
80
|
-
$color-secondary-red-500: #
|
|
81
|
-
$color-secondary-red-600: #
|
|
82
|
-
$color-secondary-red-700: #
|
|
83
|
-
$color-secondary-red-800: #
|
|
84
|
-
$color-secondary-red-900: #
|
|
85
|
-
$color-secondary-orange-100: #
|
|
86
|
-
$color-secondary-orange-200: #
|
|
87
|
-
$color-secondary-orange-300: #
|
|
88
|
-
$color-secondary-orange-400: #
|
|
89
|
-
$color-secondary-orange-500: #
|
|
90
|
-
$color-secondary-orange-600: #
|
|
91
|
-
$color-secondary-orange-700: #
|
|
92
|
-
$color-secondary-orange-800: #
|
|
93
|
-
$color-secondary-orange-900: #
|
|
76
|
+
$color-secondary-red-100: #fdeaea !default;
|
|
77
|
+
$color-secondary-red-200: #f8bcbb !default;
|
|
78
|
+
$color-secondary-red-300: #f38d8c !default;
|
|
79
|
+
$color-secondary-red-400: #ef5f5c !default;
|
|
80
|
+
$color-secondary-red-500: #ea302d !default;
|
|
81
|
+
$color-secondary-red-600: #c61112 !default;
|
|
82
|
+
$color-secondary-red-700: #8c0003 !default;
|
|
83
|
+
$color-secondary-red-800: #530000 !default;
|
|
84
|
+
$color-secondary-red-900: #2d0000 !default;
|
|
85
|
+
$color-secondary-orange-100: #fdf1e8 !default;
|
|
86
|
+
$color-secondary-orange-200: #f8d2b3 !default;
|
|
87
|
+
$color-secondary-orange-300: #f4b27e !default;
|
|
88
|
+
$color-secondary-orange-400: #ef934a !default;
|
|
89
|
+
$color-secondary-orange-500: #ea7315 !default;
|
|
90
|
+
$color-secondary-orange-600: #c65200 !default;
|
|
91
|
+
$color-secondary-orange-700: #8c3500 !default;
|
|
92
|
+
$color-secondary-orange-800: #531b00 !default;
|
|
93
|
+
$color-secondary-orange-900: #360e00 !default;
|
|
94
94
|
$color-secondary-yellow-100: #fff8e2 !default;
|
|
95
95
|
$color-secondary-yellow-200: #ffebaf !default;
|
|
96
96
|
$color-secondary-yellow-300: #fee07d !default;
|
|
@@ -162,7 +162,7 @@ $color-button-solid-neutral-disabled-font: #666666 !default;
|
|
|
162
162
|
$color-button-solid-neutral-active-background: #333333 !default;
|
|
163
163
|
$color-button-solid-neutral-hover-background: #191919 !default;
|
|
164
164
|
$color-button-solid-neutral-hover-font: #ffffff !default;
|
|
165
|
-
$color-button-solid-danger-background: #
|
|
165
|
+
$color-button-solid-danger-background: #c61112 !default;
|
|
166
166
|
$color-button-solid-danger-font: #ffffff !default;
|
|
167
167
|
$color-button-solid-danger-focus-border: #8c0003 !default;
|
|
168
168
|
$color-button-solid-danger-disabled-background: #cccccc !default;
|
|
@@ -195,13 +195,13 @@ $color-button-bordered-neutral-disabled-font: #666666 !default;
|
|
|
195
195
|
$color-button-bordered-neutral-active-background: #cccccc !default;
|
|
196
196
|
$color-button-bordered-neutral-hover-background: #e6e6e6 !default;
|
|
197
197
|
$color-button-bordered-danger-background: #ffffff !default;
|
|
198
|
-
$color-button-bordered-danger-border: #
|
|
199
|
-
$color-button-bordered-danger-font: #
|
|
200
|
-
$color-button-bordered-danger-focus-border: #
|
|
198
|
+
$color-button-bordered-danger-border: #c61112 !default;
|
|
199
|
+
$color-button-bordered-danger-font: #c61112 !default;
|
|
200
|
+
$color-button-bordered-danger-focus-border: #8c0003 !default;
|
|
201
201
|
$color-button-bordered-danger-disabled-background: #cccccc !default;
|
|
202
202
|
$color-button-bordered-danger-disabled-font: #666666 !default;
|
|
203
|
-
$color-button-bordered-danger-active-background: #
|
|
204
|
-
$color-button-bordered-danger-hover-background: #
|
|
203
|
+
$color-button-bordered-danger-active-background: #f8bcbb !default;
|
|
204
|
+
$color-button-bordered-danger-hover-background: #fdeaea !default;
|
|
205
205
|
$color-card-bordered-background: #ffffff !default;
|
|
206
206
|
$color-card-bordered-border: #808080 !default;
|
|
207
207
|
$color-dialog-background: #ffffff !default;
|
|
@@ -233,8 +233,8 @@ $color-flag-solid-dark-text: #ffffff !default;
|
|
|
233
233
|
$color-flag-solid-light-background: #ffffff !default;
|
|
234
234
|
$color-flag-solid-light-border: #ffffff !default;
|
|
235
235
|
$color-flag-solid-light-text: #000000 !default;
|
|
236
|
-
$color-flag-solid-danger-background: #
|
|
237
|
-
$color-flag-solid-danger-border: #
|
|
236
|
+
$color-flag-solid-danger-background: #c61112 !default;
|
|
237
|
+
$color-flag-solid-danger-border: #c61112 !default;
|
|
238
238
|
$color-flag-solid-danger-text: #ffffff !default;
|
|
239
239
|
$color-flag-bordered-background: #ffffff !default;
|
|
240
240
|
$color-flag-bordered-border: #007f8c !default;
|
|
@@ -249,11 +249,11 @@ $color-flag-bordered-light-background: #000000 !default;
|
|
|
249
249
|
$color-flag-bordered-light-border: #ffffff !default;
|
|
250
250
|
$color-flag-bordered-light-text: #ffffff !default;
|
|
251
251
|
$color-flag-bordered-danger-background: #ffffff !default;
|
|
252
|
-
$color-flag-bordered-danger-border: #
|
|
253
|
-
$color-flag-bordered-danger-text: #
|
|
252
|
+
$color-flag-bordered-danger-border: #c61112 !default;
|
|
253
|
+
$color-flag-bordered-danger-text: #c61112 !default;
|
|
254
254
|
$color-focus-gap: #ffffff !default;
|
|
255
255
|
$color-focus-border: #758992 !default;
|
|
256
|
-
$color-font-primary-01: #
|
|
256
|
+
$color-font-primary-01: #007f8c !default;
|
|
257
257
|
$color-font-primary-02: #6a7081 !default;
|
|
258
258
|
$color-font-darkest: #000000 !default;
|
|
259
259
|
$color-font-darker: #191919 !default;
|
|
@@ -298,17 +298,17 @@ $color-link-primary-base: #007f8c !default;
|
|
|
298
298
|
$color-link-primary-visited: #006974 !default;
|
|
299
299
|
$color-link-primary-active: #006974 !default;
|
|
300
300
|
$color-link-primary-disabled: #e6e6e6 !default;
|
|
301
|
-
$color-link-primary-hover: #
|
|
301
|
+
$color-link-primary-hover: #004e57 !default;
|
|
302
302
|
$color-link-primary-02-base: #494f60 !default;
|
|
303
303
|
$color-link-primary-02-visited: #343b4c !default;
|
|
304
304
|
$color-link-primary-02-active: #343b4c !default;
|
|
305
305
|
$color-link-primary-02-disabled: #e6e6e6 !default;
|
|
306
306
|
$color-link-primary-02-hover: #171b26 !default;
|
|
307
|
-
$color-link-danger-base: #
|
|
308
|
-
$color-link-danger-visited: #
|
|
309
|
-
$color-link-danger-active: #
|
|
307
|
+
$color-link-danger-base: #c61112 !default;
|
|
308
|
+
$color-link-danger-visited: #8c0003 !default;
|
|
309
|
+
$color-link-danger-active: #8c0003 !default;
|
|
310
310
|
$color-link-danger-disabled: #e6e6e6 !default;
|
|
311
|
-
$color-link-danger-hover: #
|
|
311
|
+
$color-link-danger-hover: #530000 !default;
|
|
312
312
|
$color-listbox-background: #ffffff !default;
|
|
313
313
|
$color-listbox-border: #666666 !default;
|
|
314
314
|
$color-listbox-tile-border: #b3b3b3 !default;
|
|
@@ -318,12 +318,16 @@ $color-listbox-disabled-background: #cccccc !default;
|
|
|
318
318
|
$color-notification-font: #000000 !default;
|
|
319
319
|
$color-notification-information-background: #daeff7 !default;
|
|
320
320
|
$color-notification-information-border: #0b96cc !default;
|
|
321
|
+
$color-notification-information-icon: #007bb4 !default;
|
|
321
322
|
$color-notification-success-background: #ebf5de !default;
|
|
322
323
|
$color-notification-success-border: #46a610 !default;
|
|
324
|
+
$color-notification-success-icon: #188803 !default;
|
|
323
325
|
$color-notification-warning-background: #fdf1e8 !default;
|
|
324
326
|
$color-notification-warning-border: #ea7315 !default;
|
|
327
|
+
$color-notification-warning-icon: #c65200 !default;
|
|
325
328
|
$color-notification-danger-background: #fdeaea !default;
|
|
326
329
|
$color-notification-danger-border: #ea302d !default;
|
|
330
|
+
$color-notification-danger-icon: #c61112 !default;
|
|
327
331
|
$color-option-button-label-shadow: #b3b3b3 !default;
|
|
328
332
|
$color-option-button-hover-label-shadow: #333333 !default;
|
|
329
333
|
$color-option-button-checked-label-border: #00919f !default;
|
|
@@ -348,22 +352,22 @@ $color-progress-branded-indicator: #00919f !default;
|
|
|
348
352
|
$color-star-empty: #ffffff !default;
|
|
349
353
|
$color-star-focus: #758992 !default;
|
|
350
354
|
$color-star-full: #ea7315 !default;
|
|
351
|
-
$color-star-hover: #
|
|
355
|
+
$color-star-hover: #f4b27e !default;
|
|
352
356
|
$color-stepper-item-background: #999999 !default;
|
|
353
|
-
$color-stepper-item-current-background: #
|
|
354
|
-
$color-stepper-link-hover-text: #
|
|
357
|
+
$color-stepper-item-current-background: #00919f !default;
|
|
358
|
+
$color-stepper-link-hover-text: #00919f !default;
|
|
355
359
|
$color-stepper-indicator-background: #ffffff !default;
|
|
356
360
|
$color-stepper-indicator-border: #999999 !default;
|
|
357
|
-
$color-stepper-indicator-current-background: #
|
|
358
|
-
$color-stepper-indicator-current-border: #
|
|
359
|
-
$color-stepper-icon: #
|
|
360
|
-
$color-stepper-title: #
|
|
361
|
+
$color-stepper-indicator-current-background: #00919f !default;
|
|
362
|
+
$color-stepper-indicator-current-border: #00919f !default;
|
|
363
|
+
$color-stepper-icon: #00919f !default;
|
|
364
|
+
$color-stepper-title: #00919f !default;
|
|
361
365
|
$color-tabs-background: #ffffff !default;
|
|
362
366
|
$color-tabs-shadow: #000000 !default;
|
|
363
367
|
$color-tabs-default: #191919 !default;
|
|
364
|
-
$color-tabs-hover: #
|
|
368
|
+
$color-tabs-hover: #004e57 !default;
|
|
365
369
|
$color-tabs-disabled: #666666 !default;
|
|
366
|
-
$color-tabs-active: #
|
|
370
|
+
$color-tabs-active: #007f8c !default;
|
|
367
371
|
$color-tabs-active-disabled: #91d5db !default;
|
|
368
372
|
$color-tag-text-light-background: #ffffff !default;
|
|
369
373
|
$color-tag-text-light-border: #808080 !default;
|
|
@@ -1068,19 +1072,23 @@ $tokens: (
|
|
|
1068
1072
|
'font': $color-notification-font,
|
|
1069
1073
|
'information': (
|
|
1070
1074
|
'background': $color-notification-information-background,
|
|
1071
|
-
'border': $color-notification-information-border
|
|
1075
|
+
'border': $color-notification-information-border,
|
|
1076
|
+
'icon': $color-notification-information-icon
|
|
1072
1077
|
),
|
|
1073
1078
|
'success': (
|
|
1074
1079
|
'background': $color-notification-success-background,
|
|
1075
|
-
'border': $color-notification-success-border
|
|
1080
|
+
'border': $color-notification-success-border,
|
|
1081
|
+
'icon': $color-notification-success-icon
|
|
1076
1082
|
),
|
|
1077
1083
|
'warning': (
|
|
1078
1084
|
'background': $color-notification-warning-background,
|
|
1079
|
-
'border': $color-notification-warning-border
|
|
1085
|
+
'border': $color-notification-warning-border,
|
|
1086
|
+
'icon': $color-notification-warning-icon
|
|
1080
1087
|
),
|
|
1081
1088
|
'danger': (
|
|
1082
1089
|
'background': $color-notification-danger-background,
|
|
1083
|
-
'border': $color-notification-danger-border
|
|
1090
|
+
'border': $color-notification-danger-border,
|
|
1091
|
+
'icon': $color-notification-danger-icon
|
|
1084
1092
|
)
|
|
1085
1093
|
),
|
|
1086
1094
|
'option-button': (
|