@mozaic-ds/vue 1.0.0-rc.3 → 2.1.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/LICENSE +51 -0
- package/README.md +76 -77
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.d.ts +1664 -0
- package/dist/mozaic-vue.js +1943 -0
- package/dist/mozaic-vue.js.map +1 -0
- package/dist/mozaic-vue.umd.cjs +2 -0
- package/dist/mozaic-vue.umd.cjs.map +1 -0
- package/env.d.ts +1 -0
- package/package.json +78 -51
- package/src/components/Contributing.mdx +118 -0
- package/src/components/GettingStarted.mdx +45 -0
- package/src/components/Introduction.mdx +100 -0
- package/src/components/Support.mdx +18 -0
- package/src/components/breadcrumb/MBreadcrumb.spec.ts +105 -0
- package/src/components/breadcrumb/MBreadcrumb.stories.ts +82 -0
- package/src/components/breadcrumb/MBreadcrumb.vue +52 -55
- package/src/components/button/MButton.spec.ts +191 -0
- package/src/components/button/MButton.stories.ts +59 -0
- package/src/components/button/MButton.vue +98 -154
- package/src/components/checkbox/MCheckbox.spec.ts +104 -0
- package/src/components/checkbox/MCheckbox.stories.ts +83 -0
- package/src/components/checkbox/MCheckbox.vue +60 -101
- package/src/components/checkboxgroup/MCheckboxGroup.spec.ts +78 -0
- package/src/components/checkboxgroup/MCheckboxGroup.stories.ts +61 -0
- package/src/components/checkboxgroup/MCheckboxGroup.vue +97 -0
- package/src/components/datepicker/MDatepicker.spec.ts +95 -0
- package/src/components/datepicker/MDatepicker.stories.ts +75 -0
- package/src/components/datepicker/MDatepicker.vue +114 -0
- package/src/components/divider/MDivider.spec.ts +57 -0
- package/src/components/divider/MDivider.stories.ts +64 -0
- package/src/components/divider/MDivider.vue +56 -0
- package/src/components/drawer/MDrawer.spec.ts +100 -0
- package/src/components/drawer/MDrawer.stories.ts +128 -0
- package/src/components/drawer/MDrawer.vue +140 -0
- package/src/components/field/MField.spec.ts +166 -0
- package/src/components/field/MField.stories.ts +369 -0
- package/src/components/field/MField.vue +78 -61
- package/src/components/fieldgroup/MFieldGroup.spec.ts +165 -0
- package/src/components/fieldgroup/MFieldGroup.stories.ts +416 -0
- package/src/components/fieldgroup/MFieldGroup.vue +79 -0
- package/src/components/flag/MFlag.spec.ts +46 -0
- package/src/components/flag/MFlag.stories.ts +46 -0
- package/src/components/flag/MFlag.vue +28 -39
- package/src/components/iconbutton/MIconButton.spec.ts +108 -0
- package/src/components/iconbutton/MIconButton.stories.ts +74 -0
- package/src/components/iconbutton/MIconButton.vue +73 -0
- package/src/components/link/MLink.spec.ts +154 -0
- package/src/components/link/MLink.stories.ts +89 -0
- package/src/components/link/MLink.vue +86 -120
- package/src/components/loader/MLoader.spec.ts +104 -0
- package/src/components/loader/MLoader.stories.ts +43 -0
- package/src/components/loader/MLoader.vue +66 -55
- package/src/components/loadingoverlay/MLoadingOverlay.spec.ts +37 -0
- package/src/components/loadingoverlay/MLoadingOverlay.stories.ts +40 -0
- package/src/components/loadingoverlay/MLoadingOverlay.vue +28 -0
- package/src/components/modal/MModal.spec.ts +103 -0
- package/src/components/modal/MModal.stories.ts +127 -0
- package/src/components/modal/MModal.vue +111 -159
- package/src/components/numberbadge/MNumberBadge.spec.ts +56 -0
- package/src/components/numberbadge/MNumberBadge.stories.ts +48 -0
- package/src/components/numberbadge/MNumberBadge.vue +45 -0
- package/src/components/overlay/MOverlay.spec.ts +51 -0
- package/src/components/overlay/MOverlay.stories.ts +35 -0
- package/src/components/overlay/MOverlay.vue +27 -19
- package/src/components/pagination/MPagination.spec.ts +123 -0
- package/src/components/pagination/MPagination.stories.ts +83 -0
- package/src/components/pagination/MPagination.vue +120 -140
- package/src/components/passwordinput/MPasswordInput.spec.ts +104 -0
- package/src/components/passwordinput/MPasswordInput.stories.ts +75 -0
- package/src/components/passwordinput/MPasswordInput.vue +126 -77
- package/src/components/pincode/MPincode.spec.ts +126 -0
- package/src/components/pincode/MPincode.stories.ts +68 -0
- package/src/components/pincode/MPincode.vue +148 -0
- package/src/components/quantityselector/MQuantitySelector.spec.ts +262 -0
- package/src/components/quantityselector/MQuantitySelector.stories.ts +89 -0
- package/src/components/quantityselector/MQuantitySelector.vue +159 -148
- package/src/components/radio/MRadio.spec.ts +104 -0
- package/src/components/radio/MRadio.stories.ts +68 -0
- package/src/components/radio/MRadio.vue +56 -39
- package/src/components/radiogroup/MRadioGroup.spec.ts +54 -0
- package/src/components/radiogroup/MRadioGroup.stories.ts +61 -0
- package/src/components/radiogroup/MRadioGroup.vue +79 -0
- package/src/components/select/MSelect.spec.ts +114 -0
- package/src/components/select/MSelect.stories.ts +101 -0
- package/src/components/select/MSelect.vue +77 -119
- package/src/components/statusbadge/MStatusBadge.stories.ts +45 -0
- package/src/components/statusbadge/MStatusBadge.vue +40 -0
- package/src/components/statusbadge/MstatusBadge.spec.ts +16 -0
- package/src/components/statusdot/MStatusDot.spec.ts +51 -0
- package/src/components/statusdot/MStatusDot.stories.ts +48 -0
- package/src/components/statusdot/MStatusDot.vue +36 -0
- package/src/components/statusnotification/MStatusNotification.spec.ts +103 -0
- package/src/components/statusnotification/MStatusNotification.stories.ts +89 -0
- package/src/components/statusnotification/MStatusNotification.vue +106 -0
- package/src/components/tabs/MTabs.stories.ts +104 -0
- package/src/components/tabs/MTabs.vue +113 -0
- package/src/components/tabs/Mtabs.spec.ts +149 -0
- package/src/components/tag/MTag.spec.ts +107 -0
- package/src/components/tag/MTag.stories.ts +75 -0
- package/src/components/tag/MTag.vue +151 -0
- package/src/components/textarea/MTextArea.spec.ts +112 -0
- package/src/components/textarea/MTextArea.stories.ts +67 -0
- package/src/components/textarea/MTextArea.vue +81 -43
- package/src/components/textinput/MTextInput.spec.ts +121 -0
- package/src/components/textinput/MTextInput.stories.ts +107 -0
- package/src/components/textinput/MTextInput.vue +127 -47
- package/src/components/toggle/MToggle.spec.ts +99 -0
- package/src/components/toggle/MToggle.stories.ts +68 -0
- package/src/components/toggle/MToggle.vue +63 -103
- package/src/components/togglegroup/MToggleGroup.spec.ts +78 -0
- package/src/components/togglegroup/MToggleGroup.stories.ts +61 -0
- package/src/components/togglegroup/MToggleGroup.vue +97 -0
- package/src/components/usingIcons.mdx +35 -0
- package/src/components/usingPresets.mdx +128 -0
- package/src/main.ts +32 -0
- package/dist/demo.html +0 -1
- package/dist/mozaic-vue.adeo.css +0 -47
- package/dist/mozaic-vue.adeo.umd.js +0 -31341
- package/dist/mozaic-vue.common.js +0 -31331
- package/dist/mozaic-vue.common.js.map +0 -1
- package/dist/mozaic-vue.umd.js +0 -31342
- package/dist/mozaic-vue.umd.js.map +0 -1
- package/dist/mozaic-vue.umd.min.js +0 -4
- package/dist/mozaic-vue.umd.min.js.map +0 -1
- package/postinstall.js +0 -3
- package/src/components/accordion/MAccordion.vue +0 -128
- package/src/components/accordion/index.js +0 -7
- package/src/components/autocomplete/MAutocomplete.vue +0 -380
- package/src/components/autocomplete/index.js +0 -7
- package/src/components/badge/MBadge.vue +0 -43
- package/src/components/badge/index.js +0 -7
- package/src/components/breadcrumb/index.js +0 -7
- package/src/components/button/index.js +0 -7
- package/src/components/card/MCard.vue +0 -78
- package/src/components/card/index.js +0 -7
- package/src/components/checkbox/MCheckboxGroup.vue +0 -163
- package/src/components/checkbox/index.js +0 -12
- package/src/components/container/MContainer.vue +0 -33
- package/src/components/container/index.js +0 -7
- package/src/components/datatable/MDataTable.vue +0 -651
- package/src/components/datatable/MDataTableHeader.vue +0 -55
- package/src/components/datatable/MDataTableTop.vue +0 -35
- package/src/components/datatable/helpers.js +0 -132
- package/src/components/datatable/index.js +0 -12
- package/src/components/dropdown/MDropdown.vue +0 -317
- package/src/components/dropdown/index.js +0 -7
- package/src/components/field/index.js +0 -7
- package/src/components/fileuploader/MFileResult.vue +0 -149
- package/src/components/fileuploader/MFileUploader.vue +0 -142
- package/src/components/fileuploader/index.js +0 -7
- package/src/components/flag/index.js +0 -7
- package/src/components/heading/MHeading.vue +0 -75
- package/src/components/heading/index.js +0 -7
- package/src/components/hero/MHero.vue +0 -93
- package/src/components/hero/index.js +0 -7
- package/src/components/icon/MIcon.vue +0 -136
- package/src/components/icon/index.js +0 -7
- package/src/components/index.js +0 -44
- package/src/components/layer/MLayer.vue +0 -208
- package/src/components/layer/index.js +0 -7
- package/src/components/link/index.js +0 -7
- package/src/components/listbox/MListBox.vue +0 -146
- package/src/components/listbox/MListBoxActions.vue +0 -251
- package/src/components/listbox/index.js +0 -12
- package/src/components/loader/index.js +0 -7
- package/src/components/modal/index.js +0 -7
- package/src/components/notification/MNotification.vue +0 -110
- package/src/components/notification/index.js +0 -7
- package/src/components/optionbutton/MOptionButton.vue +0 -67
- package/src/components/optionbutton/index.js +0 -7
- package/src/components/optioncard/MOptionCard.vue +0 -132
- package/src/components/optioncard/index.js +0 -7
- package/src/components/optiongroup/MOptionGroup.vue +0 -18
- package/src/components/optiongroup/index.js +0 -7
- package/src/components/overlay/MOverlayLoader.vue +0 -43
- package/src/components/overlay/index.js +0 -12
- package/src/components/pagination/index.js +0 -7
- package/src/components/passwordinput/index.js +0 -7
- package/src/components/phonenumber/MPhoneNumber.vue +0 -398
- package/src/components/phonenumber/index.js +0 -7
- package/src/components/progressbar/MProgress.vue +0 -102
- package/src/components/progressbar/index.js +0 -7
- package/src/components/quantityselector/index.js +0 -7
- package/src/components/radio/MRadioGroup.vue +0 -111
- package/src/components/radio/index.js +0 -12
- package/src/components/ratingstars/MStarsInput.vue +0 -119
- package/src/components/ratingstars/MStarsResult.vue +0 -89
- package/src/components/ratingstars/index.js +0 -12
- package/src/components/select/index.js +0 -7
- package/src/components/stepper/MStepper.vue +0 -111
- package/src/components/stepper/index.js +0 -7
- package/src/components/tabs/MTab.vue +0 -204
- package/src/components/tabs/index.js +0 -7
- package/src/components/tags/MTag.vue +0 -175
- package/src/components/tags/index.js +0 -7
- package/src/components/textarea/index.js +0 -7
- package/src/components/textinput/MTextInputField.vue +0 -105
- package/src/components/textinput/MTextInputIcon.vue +0 -42
- package/src/components/textinput/index.js +0 -7
- package/src/components/toggle/index.js +0 -7
- package/src/components/tooltip/MTooltip.vue +0 -42
- package/src/components/tooltip/index.js +0 -7
- package/src/index.js +0 -63
- package/src/shims-tsx.d.ts +0 -13
- package/src/shims.vue.d.ts +0 -4
- package/src/tokens/adeo/android/colors.xml +0 -452
- package/src/tokens/adeo/android/font_dimens.xml +0 -18
- package/src/tokens/adeo/css/_variables.scss +0 -446
- package/src/tokens/adeo/css/root.scss +0 -448
- package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -460
- package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -472
- package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -455
- package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/src/tokens/adeo/js/tokens.js +0 -544
- package/src/tokens/adeo/js/tokensObject.js +0 -11733
- package/src/tokens/adeo/scss/_tokens.scss +0 -1522
- package/src/utils/mozaicClasses.js +0 -16
- package/src/utils/theme.validator.js +0 -19
- package/types/index.d.ts +0 -104
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const modifierList = (modifiers) => modifiers.replace(' ', '').split(',');
|
|
2
|
-
|
|
3
|
-
export const responsiveModifierValidators = (
|
|
4
|
-
modifiers,
|
|
5
|
-
authorizedModifiers
|
|
6
|
-
) => {
|
|
7
|
-
return modifierList(modifiers).every((modifier) =>
|
|
8
|
-
authorizedModifiers.includes(modifier)
|
|
9
|
-
);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export const responsiveModifiers = (baseClass, modifiers, outputClasses) => {
|
|
13
|
-
modifierList(modifiers).forEach((classSuffix) => {
|
|
14
|
-
outputClasses.push(`${baseClass}--${classSuffix}`);
|
|
15
|
-
});
|
|
16
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const autorizedThemes = [
|
|
2
|
-
'danger',
|
|
3
|
-
'light',
|
|
4
|
-
'neutral',
|
|
5
|
-
'primary',
|
|
6
|
-
'primary-02',
|
|
7
|
-
'solid',
|
|
8
|
-
'bordered',
|
|
9
|
-
'solid-primary-02',
|
|
10
|
-
'bordered-primary-02',
|
|
11
|
-
'solid-dark',
|
|
12
|
-
'bordered-dark',
|
|
13
|
-
'solid-light',
|
|
14
|
-
'bordered-light',
|
|
15
|
-
'solid-danger',
|
|
16
|
-
'bordered-danger',
|
|
17
|
-
];
|
|
18
|
-
|
|
19
|
-
export const checkThemeValue = (theme) => autorizedThemes.includes(theme);
|
package/types/index.d.ts
DELETED
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
declare module '@mozaic-ds/vue' {
|
|
2
|
-
import { VueConstructor, PluginObject } from 'vue';
|
|
3
|
-
|
|
4
|
-
const MozaicVue: PluginObject<void>;
|
|
5
|
-
export default MozaicVue;
|
|
6
|
-
|
|
7
|
-
// Foundations
|
|
8
|
-
const MContainer: VueConstructor;
|
|
9
|
-
const MHeading: VueConstructor;
|
|
10
|
-
// Components
|
|
11
|
-
const MAccordion: VueConstructor;
|
|
12
|
-
const MAutocomplete: VueConstructor;
|
|
13
|
-
const MBadge: VueConstructor;
|
|
14
|
-
const MBreadcrumb: VueConstructor;
|
|
15
|
-
const MButton: VueConstructor;
|
|
16
|
-
const MCard: VueConstructor;
|
|
17
|
-
const MCheckbox: VueConstructor;
|
|
18
|
-
const MCheckboxGroup: VueConstructor;
|
|
19
|
-
const MDropdown: VueConstructor;
|
|
20
|
-
const MField: VueConstructor;
|
|
21
|
-
const MFileUploader: VueConstructor;
|
|
22
|
-
const MFlag: VueConstructor;
|
|
23
|
-
const MHero: VueConstructor;
|
|
24
|
-
const MIcon: VueConstructor;
|
|
25
|
-
const MLayer: VueConstructor;
|
|
26
|
-
const MLink: VueConstructor;
|
|
27
|
-
const MListBox: VueConstructor;
|
|
28
|
-
const MListBoxActions: VueConstructor;
|
|
29
|
-
const MLoader: VueConstructor;
|
|
30
|
-
const MModal: VueConstructor;
|
|
31
|
-
const MNotification: VueConstructor;
|
|
32
|
-
const MOptionButton: VueConstructor;
|
|
33
|
-
const MOptionCard: VueConstructor;
|
|
34
|
-
const MOptionGroup: VueConstructor;
|
|
35
|
-
const MOverlay: VueConstructor;
|
|
36
|
-
const MOverlayLoader: VueConstructor;
|
|
37
|
-
const MPagination: VueConstructor;
|
|
38
|
-
const MPasswordInput: VueConstructor;
|
|
39
|
-
const MPhoneNumber: VueConstructor;
|
|
40
|
-
const MProgress: VueConstructor;
|
|
41
|
-
const MQuantitySelector: VueConstructor;
|
|
42
|
-
const MStarsInput: VueConstructor;
|
|
43
|
-
const MStarsResult: VueConstructor;
|
|
44
|
-
const MSelect: VueConstructor;
|
|
45
|
-
const MStepper: VueConstructor;
|
|
46
|
-
const MTab: VueConstructor;
|
|
47
|
-
const MTag: VueConstructor;
|
|
48
|
-
const MTextArea: VueConstructor;
|
|
49
|
-
const MTextInput: VueConstructor;
|
|
50
|
-
const MToggle: VueConstructor;
|
|
51
|
-
const MTooltip: VueConstructor;
|
|
52
|
-
const MRadio: VueConstructor;
|
|
53
|
-
const MRadioGroup: VueConstructor;
|
|
54
|
-
|
|
55
|
-
export {
|
|
56
|
-
// Foundations
|
|
57
|
-
MContainer,
|
|
58
|
-
MHeading,
|
|
59
|
-
// Components
|
|
60
|
-
MAccordion,
|
|
61
|
-
MAutocomplete,
|
|
62
|
-
MBadge,
|
|
63
|
-
MBreadcrumb,
|
|
64
|
-
MButton,
|
|
65
|
-
MCard,
|
|
66
|
-
MCheckbox,
|
|
67
|
-
MCheckboxGroup,
|
|
68
|
-
MDropdown,
|
|
69
|
-
MField,
|
|
70
|
-
MFileUploader,
|
|
71
|
-
MFlag,
|
|
72
|
-
MHero,
|
|
73
|
-
MIcon,
|
|
74
|
-
MLayer,
|
|
75
|
-
MLink,
|
|
76
|
-
MListBox,
|
|
77
|
-
MListBoxActions,
|
|
78
|
-
MLoader,
|
|
79
|
-
MModal,
|
|
80
|
-
MNotification,
|
|
81
|
-
MOptionButton,
|
|
82
|
-
MOptionCard,
|
|
83
|
-
MOptionGroup,
|
|
84
|
-
MOverlay,
|
|
85
|
-
MOverlayLoader,
|
|
86
|
-
MPagination,
|
|
87
|
-
MPasswordInput,
|
|
88
|
-
MPhoneNumber,
|
|
89
|
-
MProgress,
|
|
90
|
-
MQuantitySelector,
|
|
91
|
-
MStarsInput,
|
|
92
|
-
MStarsResult,
|
|
93
|
-
MSelect,
|
|
94
|
-
MStepper,
|
|
95
|
-
MTab,
|
|
96
|
-
MTag,
|
|
97
|
-
MTextArea,
|
|
98
|
-
MTextInput,
|
|
99
|
-
MToggle,
|
|
100
|
-
MTooltip,
|
|
101
|
-
MRadio,
|
|
102
|
-
MRadioGroup,
|
|
103
|
-
};
|
|
104
|
-
}
|