@mozaic-ds/vue 1.0.0-rc.2 → 1.0.0-rc.3
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 +336 -104
- package/dist/mozaic-vue.common.js +336 -104
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +336 -104
- 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/tabs/MTab.vue +60 -54
- 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
|
@@ -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}"
|
|
@@ -177,7 +177,9 @@ $color-button-bordered-focus-border: #006974 !default;
|
|
|
177
177
|
$color-button-bordered-disabled-background: #cccccc !default;
|
|
178
178
|
$color-button-bordered-disabled-font: #666666 !default;
|
|
179
179
|
$color-button-bordered-active-background: #91d5db !default;
|
|
180
|
+
$color-button-bordered-active-font: #004e57 !default;
|
|
180
181
|
$color-button-bordered-hover-background: #d9f0f3 !default;
|
|
182
|
+
$color-button-bordered-hover-font: #006974 !default;
|
|
181
183
|
$color-button-bordered-primary-02-background: #ffffff !default;
|
|
182
184
|
$color-button-bordered-primary-02-border: #6a7081 !default;
|
|
183
185
|
$color-button-bordered-primary-02-font: #6a7081 !default;
|
|
@@ -201,7 +203,9 @@ $color-button-bordered-danger-focus-border: #8c0003 !default;
|
|
|
201
203
|
$color-button-bordered-danger-disabled-background: #cccccc !default;
|
|
202
204
|
$color-button-bordered-danger-disabled-font: #666666 !default;
|
|
203
205
|
$color-button-bordered-danger-active-background: #f8bcbb !default;
|
|
206
|
+
$color-button-bordered-danger-active-font: #530000 !default;
|
|
204
207
|
$color-button-bordered-danger-hover-background: #fdeaea !default;
|
|
208
|
+
$color-button-bordered-danger-hover-font: #8c0003 !default;
|
|
205
209
|
$color-card-bordered-background: #ffffff !default;
|
|
206
210
|
$color-card-bordered-border: #808080 !default;
|
|
207
211
|
$color-dialog-background: #ffffff !default;
|
|
@@ -365,13 +369,13 @@ $color-stepper-title: #00919f !default;
|
|
|
365
369
|
$color-tabs-background: #ffffff !default;
|
|
366
370
|
$color-tabs-shadow: #000000 !default;
|
|
367
371
|
$color-tabs-default: #666666 !default;
|
|
368
|
-
$color-tabs-element-background: #
|
|
372
|
+
$color-tabs-element-background: #eeedea !default;
|
|
369
373
|
$color-tabs-hover: #004e57 !default;
|
|
370
374
|
$color-tabs-disabled-background: #cccccc !default;
|
|
371
|
-
$color-tabs-active-background: #
|
|
372
|
-
$color-tabs-active-text: #
|
|
373
|
-
$color-tabs-selected-border: #
|
|
374
|
-
$color-tabs-selected-text: #
|
|
375
|
+
$color-tabs-active-background: #dddcd5 !default;
|
|
376
|
+
$color-tabs-active-text: #004e57 !default;
|
|
377
|
+
$color-tabs-selected-border: #007f8c !default;
|
|
378
|
+
$color-tabs-selected-text: #007f8c !default;
|
|
375
379
|
$color-tabs-active-disabled: #91d5db !default;
|
|
376
380
|
$color-tag-text-light-background: #ffffff !default;
|
|
377
381
|
$color-tag-text-light-border: #808080 !default;
|
|
@@ -808,10 +812,12 @@ $tokens: (
|
|
|
808
812
|
'font': $color-button-bordered-disabled-font
|
|
809
813
|
),
|
|
810
814
|
'active': (
|
|
811
|
-
'background': $color-button-bordered-active-background
|
|
815
|
+
'background': $color-button-bordered-active-background,
|
|
816
|
+
'font': $color-button-bordered-active-font
|
|
812
817
|
),
|
|
813
818
|
'hover': (
|
|
814
|
-
'background': $color-button-bordered-hover-background
|
|
819
|
+
'background': $color-button-bordered-hover-background,
|
|
820
|
+
'font': $color-button-bordered-hover-font
|
|
815
821
|
)
|
|
816
822
|
),
|
|
817
823
|
'bordered-primary-02': (
|
|
@@ -862,10 +868,12 @@ $tokens: (
|
|
|
862
868
|
'font': $color-button-bordered-danger-disabled-font
|
|
863
869
|
),
|
|
864
870
|
'active': (
|
|
865
|
-
'background': $color-button-bordered-danger-active-background
|
|
871
|
+
'background': $color-button-bordered-danger-active-background,
|
|
872
|
+
'font': $color-button-bordered-danger-active-font
|
|
866
873
|
),
|
|
867
874
|
'hover': (
|
|
868
|
-
'background': $color-button-bordered-danger-hover-background
|
|
875
|
+
'background': $color-button-bordered-danger-hover-background,
|
|
876
|
+
'font': $color-button-bordered-danger-hover-font
|
|
869
877
|
)
|
|
870
878
|
)
|
|
871
879
|
),
|