@teammodlr/ui-kit 2.1.49 → 2.1.52

package/src/components/index.ts

@@ -1,48 +1,51 @@
-export { default as MRenderer } from './renderer/renderer';
-export { default as MConfigProvider } from './configprovider/ConfigProvider.vue';
-export { default as MAvatar } from './avatar/Avatar.vue';
-export { default as MAvatarGroup } from './avatargroup/AvatarGroup.vue';
-export { default as MBadge } from './badge/Badge.vue';
-export { default as MBreadcrumb } from './breadcrumb/Breadcrumb.vue';
-export { default as MBreadcrumbItem } from './breadcrumb/BreadcrumbItem.vue';
-export { default as MButton } from './button/Button.vue';
-export { default as MButtonGroup } from './buttongroup/ButtonGroup.vue';
-export { default as MCheckbox } from './checkbox/Checkbox.vue';
-export { default as MColorPicker } from './colorpicker/ColorPicker.vue';
-export { default as MDropdown } from './dropdown/Dropdown.vue';
-export { default as MDropdownItem } from './dropdown/DropdownItem.vue';
-export { default as MDropdownList } from './dropdown/DropdownList.vue';
-export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.vue';
-export { default as MDropdownHeading } from './dropdown/DropdownHeading.vue';
-export { default as MDropdownWrapper } from './dropdown/DropdownWrapper.vue';
-export { default as MForm } from './form/Form.vue';
-export { default as MImage } from './image/Image.vue';
-export { default as MInput } from './input/Input.vue';
-export { default as MLink } from './link/Link.vue';
-export { default as MMessageProvider } from './messageprovider/MessageProvider.vue';
-export { default as MModal } from './modal/Modal.vue';
-export { default as MPagination } from './pagination/Pagination.vue';
-export { default as MRadio } from './radio/Radio.vue';
-export { default as MRadioButton } from './radiobutton/RadioButton.vue';
-export { default as MRadioButtonGroup } from './radiobuttongroup/RadioButtonGroup.vue';
-export { default as MSelect } from './select/Select.vue';
-export { default as MSkeleton } from './skeleton/Skeleton.vue';
-export { default as MSlider } from './slider/Slider.vue';
-export { default as MSwitch } from './switch/Switch.vue';
-export { default as MTab } from './tab/Tab.vue';
-export { default as MTabGroup } from './tab/TabGroup.vue';
-export { default as MTable } from './table/Table.vue';
-export { default as MTableBody } from './table/TableBody.vue';
-export { default as MTableCell } from './table/TableCell.vue';
-export { default as MTableHead } from './table/TableHead.vue';
-export { default as MTableHeadRow } from './table/TableHeadRow.vue';
-export { default as MTableRow } from './table/TableRow.vue';
-export { default as MTag } from './tag/Tag.vue';
-export { default as MTextarea } from './textarea/Textarea.vue';
-export { default as MTooltip } from './tooltip/Tooltip.vue';
-export { default as MTransfer } from './transfer/Transfer.vue';
-export { default as MVirtualScroll } from './virtualscroll/VirtualScroll.vue';
-export { default as MConfirm } from './confirm/Confirm.vue';
-export { default as MConfirmProvider } from './confirm/ConfirmProvider.vue';
-export { default as MDialog } from './dialog/Dialog.vue';
-export { default as MTree } from './tree/Tree.vue';
+export { default as MRenderer } from './renderer/renderer';
+export { default as MCollapse } from './collapse/Collapse.vue';
+export { default as MCollapseItem } from './collapse/CollapseItem.vue';
+export { default as MCollapseItemContent } from './collapse/CollapseItemContent.vue';
+export { default as MConfigProvider } from './configprovider/ConfigProvider.vue';
+export { default as MAvatar } from './avatar/Avatar.vue';
+export { default as MAvatarGroup } from './avatargroup/AvatarGroup.vue';
+export { default as MBadge } from './badge/Badge.vue';
+export { default as MBreadcrumb } from './breadcrumb/Breadcrumb.vue';
+export { default as MBreadcrumbItem } from './breadcrumb/BreadcrumbItem.vue';
+export { default as MButton } from './button/Button.vue';
+export { default as MButtonGroup } from './buttongroup/ButtonGroup.vue';
+export { default as MCheckbox } from './checkbox/Checkbox.vue';
+export { default as MColorPicker } from './colorpicker/ColorPicker.vue';
+export { default as MDropdown } from './dropdown/Dropdown.vue';
+export { default as MDropdownItem } from './dropdown/DropdownItem.vue';
+export { default as MDropdownList } from './dropdown/DropdownList.vue';
+export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.vue';
+export { default as MDropdownHeading } from './dropdown/DropdownHeading.vue';
+export { default as MDropdownWrapper } from './dropdown/DropdownWrapper.vue';
+export { default as MForm } from './form/Form.vue';
+export { default as MImage } from './image/Image.vue';
+export { default as MInput } from './input/Input.vue';
+export { default as MLink } from './link/Link.vue';
+export { default as MMessageProvider } from './messageprovider/MessageProvider.vue';
+export { default as MModal } from './modal/Modal.vue';
+export { default as MPagination } from './pagination/Pagination.vue';
+export { default as MRadio } from './radio/Radio.vue';
+export { default as MRadioButton } from './radiobutton/RadioButton.vue';
+export { default as MRadioButtonGroup } from './radiobuttongroup/RadioButtonGroup.vue';
+export { default as MSelect } from './select/Select.vue';
+export { default as MSkeleton } from './skeleton/Skeleton.vue';
+export { default as MSlider } from './slider/Slider.vue';
+export { default as MSwitch } from './switch/Switch.vue';
+export { default as MTab } from './tab/Tab.vue';
+export { default as MTabGroup } from './tab/TabGroup.vue';
+export { default as MTable } from './table/Table.vue';
+export { default as MTableBody } from './table/TableBody.vue';
+export { default as MTableCell } from './table/TableCell.vue';
+export { default as MTableHead } from './table/TableHead.vue';
+export { default as MTableHeadRow } from './table/TableHeadRow.vue';
+export { default as MTableRow } from './table/TableRow.vue';
+export { default as MTag } from './tag/Tag.vue';
+export { default as MTextarea } from './textarea/Textarea.vue';
+export { default as MTooltip } from './tooltip/Tooltip.vue';
+export { default as MTransfer } from './transfer/Transfer.vue';
+export { default as MVirtualScroll } from './virtualscroll/VirtualScroll.vue';
+export { default as MConfirm } from './confirm/Confirm.vue';
+export { default as MConfirmProvider } from './confirm/ConfirmProvider.vue';
+export { default as MDialog } from './dialog/Dialog.vue';
+export { default as MTree } from './tree/Tree.vue';

package/src/components/input/examples/index.stories.ts

@@ -1,26 +1,26 @@
-import MInput from '../Input.vue';
-import {
-    MInputBasic,
-    MInputSuffix,
-    MInputPrefix,
-    MInputLeftIcon,
-    MInputRightIcon,
-    MInputSizes
-} from './index';
-
-import { createStory, sizeArgType } from '../../../__storybook__';
-
-export default {
-    component: MInput,
-    title: 'Components/Input',
-    argTypes: {
-        ...sizeArgType()
-    }
-};
-
-export const Basic = createStory(MInputBasic);
-export const Suffix = createStory(MInputSuffix);
-export const Prefix = createStory(MInputPrefix);
-export const Sizes = createStory(MInputSizes);
-export const LeftIcon = createStory(MInputLeftIcon);
-export const RightIcon = createStory(MInputRightIcon);
+import MInput from '../Input.vue';
+import {
+    MInputBasic,
+    MInputSuffix,
+    MInputPrefix,
+    MInputLeftIcon,
+    MInputRightIcon,
+    MInputSizes
+} from './index';
+
+import { createStory, sizeArgType } from '../../../__storybook__';
+
+export default {
+    component: MInput,
+    title: 'Components/Input',
+    argTypes: {
+        ...sizeArgType()
+    }
+};
+
+export const Basic = createStory(MInputBasic);
+export const Suffix = createStory(MInputSuffix);
+export const Prefix = createStory(MInputPrefix);
+export const Sizes = createStory(MInputSizes);
+export const LeftIcon = createStory(MInputLeftIcon);
+export const RightIcon = createStory(MInputRightIcon);

package/src/components/link/examples/index.stories.ts

@@ -1,15 +1,15 @@
-import MLink from '../Link.vue';
-
-import { MLinkBasic } from './index';
-
-import { createStory, colorArgType } from '../../../__storybook__';
-
-export default {
-    component: MLink,
-    title: 'Components/Link',
-    argTypes: {
-        ...colorArgType()
-    }
-};
-
-export const Basic = createStory(MLinkBasic);
+import MLink from '../Link.vue';
+
+import { MLinkBasic } from './index';
+
+import { createStory, colorArgType } from '../../../__storybook__';
+
+export default {
+    component: MLink,
+    title: 'Components/Link',
+    argTypes: {
+        ...colorArgType()
+    }
+};
+
+export const Basic = createStory(MLinkBasic);

package/src/components/messageprovider/examples/index.stories.ts

@@ -1,26 +1,26 @@
-import MMessageProvider from '../MessageProvider.vue';
-import { MMessageProviderBasic } from './index';
-
-const Template = (args: any) => ({
-    components: {
-        MMessageProvider,
-        MMessageProviderBasic
-    },
-    setup() {
-        return {
-            args
-        };
-    },
-    template: `
-        <m-message-provider v-bind="args">
-            <MMessageProviderBasic />
-        </m-message-provider>
-    `
-});
-
-export default {
-    component: MMessageProvider,
-    title: 'Components/MessageProvider'
-};
-
-export const Primary = Template.bind({});
+import MMessageProvider from '../MessageProvider.vue';
+import { MMessageProviderBasic } from './index';
+
+const Template = (args: any) => ({
+    components: {
+        MMessageProvider,
+        MMessageProviderBasic
+    },
+    setup() {
+        return {
+            args
+        };
+    },
+    template: `
+        <m-message-provider v-bind="args">
+            <MMessageProviderBasic />
+        </m-message-provider>
+    `
+});
+
+export default {
+    component: MMessageProvider,
+    title: 'Components/MessageProvider'
+};
+
+export const Primary = Template.bind({});

package/src/components/modal/examples/index.stories.ts

@@ -1,16 +1,16 @@
-import MModal from '../Modal.vue';
-import { MModalBasic, MModalForm, MModalSidebar } from './index';
-
-import { createStory, sizeArgType } from '../../../__storybook__';
-
-export default {
-    component: MModal,
-    title: 'Components/Modal',
-    argTypes: {
-        ...sizeArgType()
-    }
-};
-
-export const Basic = createStory(MModalBasic);
-export const ModalForm = createStory(MModalForm);
-export const ModalSidebar = createStory(MModalSidebar);
+import MModal from '../Modal.vue';
+import { MModalBasic, MModalForm, MModalSidebar } from './index';
+
+import { createStory, sizeArgType } from '../../../__storybook__';
+
+export default {
+    component: MModal,
+    title: 'Components/Modal',
+    argTypes: {
+        ...sizeArgType()
+    }
+};
+
+export const Basic = createStory(MModalBasic);
+export const ModalForm = createStory(MModalForm);
+export const ModalSidebar = createStory(MModalSidebar);

package/src/components/pagination/examples/index.stories.ts

@@ -1,11 +1,11 @@
-import MPagination from '../Pagination.vue';
-import { MPaginationBasic } from './index';
-
-import { createStory } from '../../../__storybook__';
-
-export default {
-    component: MPagination,
-    title: 'Components/Pagination'
-};
-
-export const Basic = createStory(MPaginationBasic);
+import MPagination from '../Pagination.vue';
+import { MPaginationBasic } from './index';
+
+import { createStory } from '../../../__storybook__';
+
+export default {
+    component: MPagination,
+    title: 'Components/Pagination'
+};
+
+export const Basic = createStory(MPaginationBasic);

package/src/components/radio/examples/index.stories.ts

@@ -1,16 +1,16 @@
-import MRadio from '../Radio.vue';
-import { MRadioBasic, MRadioGroup } from './index';
-
-import { createStory, sizeArgType, colorArgType } from '../../../__storybook__';
-
-export default {
-    component: MRadio,
-    title: 'Components/Radio',
-    argTypes: {
-        ...sizeArgType(),
-        ...colorArgType()
-    }
-};
-
-export const Basic = createStory(MRadioBasic);
-export const Group = createStory(MRadioGroup);
+import MRadio from '../Radio.vue';
+import { MRadioBasic, MRadioGroup } from './index';
+
+import { createStory, sizeArgType, colorArgType } from '../../../__storybook__';
+
+export default {
+    component: MRadio,
+    title: 'Components/Radio',
+    argTypes: {
+        ...sizeArgType(),
+        ...colorArgType()
+    }
+};
+
+export const Basic = createStory(MRadioBasic);
+export const Group = createStory(MRadioGroup);

package/src/components/radiobuttongroup/examples/index.stories.ts

@@ -1,18 +1,18 @@
-import MRadioButtonGroup from '../RadioButtonGroup.vue';
-import MRadioButton from '../../radiobutton/RadioButton.vue';
-import { MRadioButtonGroupBasic } from './index';
-
-import { createStory, sizeArgType, colorArgType } from '../../../__storybook__';
-
-export default {
-    component: MRadioButtonGroup,
-    subcomponents: {
-        MRadioButton
-    },
-    title: 'Components/Radio Button Group',
-    argTypes: {
-        ...sizeArgType()
-    }
-};
-
-export const Basic = createStory(MRadioButtonGroupBasic);
+import MRadioButtonGroup from '../RadioButtonGroup.vue';
+import MRadioButton from '../../radiobutton/RadioButton.vue';
+import { MRadioButtonGroupBasic } from './index';
+
+import { createStory, sizeArgType, colorArgType } from '../../../__storybook__';
+
+export default {
+    component: MRadioButtonGroup,
+    subcomponents: {
+        MRadioButton
+    },
+    title: 'Components/Radio Button Group',
+    argTypes: {
+        ...sizeArgType()
+    }
+};
+
+export const Basic = createStory(MRadioButtonGroupBasic);

package/src/components/renderer/examlpes/index.stories.ts

@@ -1,14 +1,14 @@
-import MRenderer from '../renderer';
-import { MRendererBasic } from './index';
-
-import { createStory, sizeArgType } from '../../../__storybook__';
-
-export default {
-    component: MRenderer,
-    title: 'Components/Renderer',
-    argTypes: {
-        ...sizeArgType()
-    }
-};
-
-export const Basic = createStory(MRendererBasic);
+import MRenderer from '../renderer';
+import { MRendererBasic } from './index';
+
+import { createStory, sizeArgType } from '../../../__storybook__';
+
+export default {
+    component: MRenderer,
+    title: 'Components/Renderer',
+    argTypes: {
+        ...sizeArgType()
+    }
+};
+
+export const Basic = createStory(MRendererBasic);