@mozaic-ds/vue 0.17.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 +2619 -58
- package/dist/mozaic-vue.common.js +2619 -58
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +2619 -58
- 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/layer/MLayer.vue +6 -0
- package/src/components/tabs/MTab.vue +0 -2
- package/src/tokens/adeo/android/colors.xml +34 -23
- package/src/tokens/adeo/css/_variables.scss +34 -23
- package/src/tokens/adeo/css/root.scss +34 -23
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +11 -0
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +28 -17
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +34 -23
- package/src/tokens/adeo/js/tokens.js +34 -23
- package/src/tokens/adeo/js/tokensObject.js +314 -46
- package/src/tokens/adeo/scss/_tokens.scss +53 -27
|
@@ -324,45 +324,56 @@ $color-tabs-disabled: #71706b !default;
|
|
|
324
324
|
$color-tabs-active: #00919f !default;
|
|
325
325
|
$color-tabs-active-disabled: #91d5db !default;
|
|
326
326
|
$color-tag-text-light-background: #ffffff !default;
|
|
327
|
-
$color-tag-text-light-border: #
|
|
328
|
-
$color-tag-text-light-text: #
|
|
329
|
-
$color-tag-text-dark-background: #
|
|
327
|
+
$color-tag-text-light-border: #8c8b85 !default;
|
|
328
|
+
$color-tag-text-light-text: #1e1e1c !default;
|
|
329
|
+
$color-tag-text-dark-background: #1e1e1c !default;
|
|
330
330
|
$color-tag-text-dark-border: #ffffff !default;
|
|
331
331
|
$color-tag-text-dark-text: #ffffff !default;
|
|
332
332
|
$color-tag-link-light-background: #ffffff !default;
|
|
333
|
-
$color-tag-link-light-border: #
|
|
334
|
-
$color-tag-link-light-text: #
|
|
333
|
+
$color-tag-link-light-border: #8c8b85 !default;
|
|
334
|
+
$color-tag-link-light-text: #1e1e1c !default;
|
|
335
335
|
$color-tag-link-light-hover-background: #eeedea !default;
|
|
336
336
|
$color-tag-link-light-active-background: #dddcd5 !default;
|
|
337
|
-
$color-tag-link-dark-background: #
|
|
337
|
+
$color-tag-link-dark-background: #1e1e1c !default;
|
|
338
338
|
$color-tag-link-dark-border: #ffffff !default;
|
|
339
339
|
$color-tag-link-dark-text: #ffffff !default;
|
|
340
340
|
$color-tag-link-dark-hover-background: #3a3936 !default;
|
|
341
341
|
$color-tag-link-dark-active-background: #555550 !default;
|
|
342
|
-
$color-tag-selectable-light-background: #
|
|
342
|
+
$color-tag-selectable-light-background: #ffffff !default;
|
|
343
|
+
$color-tag-selectable-light-border: #8c8b85 !default;
|
|
343
344
|
$color-tag-selectable-light-text: #1e1e1c !default;
|
|
344
345
|
$color-tag-selectable-light-hover-background: #48bac4 !default;
|
|
345
|
-
$color-tag-selectable-light-active-background: #
|
|
346
|
+
$color-tag-selectable-light-active-background: #004e57 !default;
|
|
347
|
+
$color-tag-selectable-light-active-border: #004e57 !default;
|
|
348
|
+
$color-tag-selectable-light-active-text: #ffffff !default;
|
|
346
349
|
$color-tag-selectable-light-disabled-background: #eeedea !default;
|
|
347
350
|
$color-tag-selectable-light-disabled-text: #8c8b85 !default;
|
|
348
|
-
$color-tag-selectable-light-selected-background: #
|
|
349
|
-
$color-tag-selectable-
|
|
351
|
+
$color-tag-selectable-light-selected-background: #007f8c !default;
|
|
352
|
+
$color-tag-selectable-light-selected-text: #ffffff !default;
|
|
353
|
+
$color-tag-selectable-light-selected-hover-background: #006974 !default;
|
|
354
|
+
$color-tag-selectable-dark-background: #1e1e1c !default;
|
|
355
|
+
$color-tag-selectable-dark-border: #ffffff !default;
|
|
350
356
|
$color-tag-selectable-dark-text: #ffffff !default;
|
|
351
|
-
$color-tag-selectable-dark-hover-background: #
|
|
352
|
-
$color-tag-selectable-dark-active-background: #
|
|
353
|
-
$color-tag-selectable-dark-
|
|
357
|
+
$color-tag-selectable-dark-hover-background: #006974 !default;
|
|
358
|
+
$color-tag-selectable-dark-active-background: #91d5db !default;
|
|
359
|
+
$color-tag-selectable-dark-active-border: #91d5db !default;
|
|
360
|
+
$color-tag-selectable-dark-active-text: #1e1e1c !default;
|
|
361
|
+
$color-tag-selectable-dark-selected-background: #009eac !default;
|
|
362
|
+
$color-tag-selectable-dark-selected-border: #009eac !default;
|
|
363
|
+
$color-tag-selectable-dark-selected-text: #1e1e1c !default;
|
|
364
|
+
$color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
|
|
354
365
|
$color-tag-selectable-dark-disabled-background: #555550 !default;
|
|
355
366
|
$color-tag-selectable-dark-disabled-text: #8c8b85 !default;
|
|
356
|
-
$color-tag-removable-light-background: #
|
|
357
|
-
$color-tag-removable-light-text: #
|
|
358
|
-
$color-tag-removable-light-icon: #
|
|
359
|
-
$color-tag-removable-light-hover-background: #
|
|
360
|
-
$color-tag-removable-light-active-background: #
|
|
361
|
-
$color-tag-removable-dark-background: #
|
|
362
|
-
$color-tag-removable-dark-text: #
|
|
363
|
-
$color-tag-removable-dark-icon: #
|
|
364
|
-
$color-tag-removable-dark-hover-background: #
|
|
365
|
-
$color-tag-removable-dark-active-background: #
|
|
367
|
+
$color-tag-removable-light-background: #3a3936 !default;
|
|
368
|
+
$color-tag-removable-light-text: #ffffff !default;
|
|
369
|
+
$color-tag-removable-light-icon: #dddcd5 !default;
|
|
370
|
+
$color-tag-removable-light-hover-background: #555550 !default;
|
|
371
|
+
$color-tag-removable-light-active-background: #71706b !default;
|
|
372
|
+
$color-tag-removable-dark-background: #dddcd5 !default;
|
|
373
|
+
$color-tag-removable-dark-text: #1e1e1c !default;
|
|
374
|
+
$color-tag-removable-dark-icon: #1e1e1c !default;
|
|
375
|
+
$color-tag-removable-dark-hover-background: #c2c1ba !default;
|
|
376
|
+
$color-tag-removable-dark-active-background: #a7a6a0 !default;
|
|
366
377
|
$color-toggle-off-background: #71706b !default;
|
|
367
378
|
$color-toggle-off-circle: #ffffff !default;
|
|
368
379
|
$color-toggle-on-background: #00919f !default;
|
|
@@ -1042,32 +1053,47 @@ $tokens: (
|
|
|
1042
1053
|
'selectable': (
|
|
1043
1054
|
'light': (
|
|
1044
1055
|
'background': $color-tag-selectable-light-background,
|
|
1056
|
+
'border': $color-tag-selectable-light-border,
|
|
1045
1057
|
'text': $color-tag-selectable-light-text,
|
|
1046
1058
|
'hover': (
|
|
1047
1059
|
'background': $color-tag-selectable-light-hover-background
|
|
1048
1060
|
),
|
|
1049
1061
|
'active': (
|
|
1050
|
-
'background': $color-tag-selectable-light-active-background
|
|
1062
|
+
'background': $color-tag-selectable-light-active-background,
|
|
1063
|
+
'border': $color-tag-selectable-light-active-border,
|
|
1064
|
+
'text': $color-tag-selectable-light-active-text
|
|
1051
1065
|
),
|
|
1052
1066
|
'disabled': (
|
|
1053
1067
|
'background': $color-tag-selectable-light-disabled-background,
|
|
1054
1068
|
'text': $color-tag-selectable-light-disabled-text
|
|
1055
1069
|
),
|
|
1056
1070
|
'selected': (
|
|
1057
|
-
'background': $color-tag-selectable-light-selected-background
|
|
1071
|
+
'background': $color-tag-selectable-light-selected-background,
|
|
1072
|
+
'text': $color-tag-selectable-light-selected-text,
|
|
1073
|
+
'hover': (
|
|
1074
|
+
'background': $color-tag-selectable-light-selected-hover-background
|
|
1075
|
+
)
|
|
1058
1076
|
)
|
|
1059
1077
|
),
|
|
1060
1078
|
'dark': (
|
|
1061
1079
|
'background': $color-tag-selectable-dark-background,
|
|
1080
|
+
'border': $color-tag-selectable-dark-border,
|
|
1062
1081
|
'text': $color-tag-selectable-dark-text,
|
|
1063
1082
|
'hover': (
|
|
1064
1083
|
'background': $color-tag-selectable-dark-hover-background
|
|
1065
1084
|
),
|
|
1066
1085
|
'active': (
|
|
1067
|
-
'background': $color-tag-selectable-dark-active-background
|
|
1086
|
+
'background': $color-tag-selectable-dark-active-background,
|
|
1087
|
+
'border': $color-tag-selectable-dark-active-border,
|
|
1088
|
+
'text': $color-tag-selectable-dark-active-text
|
|
1068
1089
|
),
|
|
1069
1090
|
'selected': (
|
|
1070
|
-
'background': $color-tag-selectable-dark-selected-background
|
|
1091
|
+
'background': $color-tag-selectable-dark-selected-background,
|
|
1092
|
+
'border': $color-tag-selectable-dark-selected-border,
|
|
1093
|
+
'text': $color-tag-selectable-dark-selected-text,
|
|
1094
|
+
'hover': (
|
|
1095
|
+
'background': $color-tag-selectable-dark-selected-hover-background
|
|
1096
|
+
)
|
|
1071
1097
|
),
|
|
1072
1098
|
'disabled': (
|
|
1073
1099
|
'background': $color-tag-selectable-dark-disabled-background,
|