vueless 0.0.345 → 0.0.346

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.345",
+  "version": "0.0.346",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.button/storybook/stories.js

@@ -82,36 +82,32 @@ const ColorTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const variants = EnumVariantTemplate.bind({});
-variants.args = { enum: "variant" };
+export const Variants = EnumVariantTemplate.bind({});
+Variants.args = { enum: "variant" };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const round = EnumVariantTemplate.bind({});
-round.args = { enum: "variant", round: true };
+export const Round = EnumVariantTemplate.bind({});
+Round.args = { enum: "variant", round: true };
 
-export const disabled = EnumVariantTemplate.bind({});
-disabled.args = { enum: "variant", disabled: true };
+export const Disabled = EnumVariantTemplate.bind({});
+Disabled.args = { enum: "variant", disabled: true };
 
-export const noRing = DefaultTemplate.bind({});
-noRing.args = { noRing: true };
+export const NoRing = DefaultTemplate.bind({});
+NoRing.args = { noRing: true };
 
-export const colors = ColorTemplate.bind({});
-colors.args = {};
+export const Colors = ColorTemplate.bind({});
+Colors.args = {};
 
-export const leftIcon = DefaultTemplate.bind({});
-leftIcon.args = {
-  leftIcon: "star",
-};
+export const LeftIcon = DefaultTemplate.bind({});
+LeftIcon.args = { leftIcon: "star" };
 
-export const rightIcon = DefaultTemplate.bind({});
-rightIcon.args = {
-  rightIcon: "star",
-};
+export const RightIcon = DefaultTemplate.bind({});
+RightIcon.args = { rightIcon: "star" };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #default>
       🤘🤘🤘
@@ -119,8 +115,8 @@ slotDefault.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -132,8 +128,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UIcon

package/ui.button-link/storybook/stories.js

@@ -66,41 +66,41 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color" };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color" };
 
-export const types = EnumVariantTemplate.bind({});
-types.args = { enum: "type" };
+export const Types = EnumVariantTemplate.bind({});
+Types.args = { enum: "type" };
 
-export const underlined = EnumVariantTemplate.bind({});
-underlined.args = { enum: "color", underlined: true, dashed: false };
+export const Underlined = EnumVariantTemplate.bind({});
+Underlined.args = { enum: "color", underlined: true, dashed: false };
 
-export const dashed = EnumVariantTemplate.bind({});
-dashed.args = { enum: "color", dashed: true };
+export const Dashed = EnumVariantTemplate.bind({});
+Dashed.args = { enum: "color", dashed: true };
 
-export const url = DefaultTemplate.bind({});
-url.args = { url: "https://storybook.js.org/docs/react/get-started/introduction" };
+export const Url = DefaultTemplate.bind({});
+Url.args = { url: "https://storybook.js.org/docs/react/get-started/introduction" };
 
-export const route = DefaultTemplate.bind({});
-route.args = { name: "SomeRouterRouteName" };
+export const Route = DefaultTemplate.bind({});
+Route.args = { name: "SomeRouterRouteName" };
 
-export const targetBlank = DefaultTemplate.bind({});
-targetBlank.args = {
+export const TargetBlank = DefaultTemplate.bind({});
+TargetBlank.args = {
   url: "https://storybook.js.org/docs/react/get-started/introduction",
   targetBlank: true,
 };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const noRing = DefaultTemplate.bind({});
-noRing.args = { noRing: true };
+export const NoRing = DefaultTemplate.bind({});
+NoRing.args = { noRing: true };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #default>
       <UButton label="Text" />
@@ -108,8 +108,8 @@ slotDefault.args = {
   `,
 };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       <UIcon name="star" size="xs" />
@@ -117,8 +117,8 @@ slotLeft.args = {
   `,
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
       <UIcon name="star" size="xs" />

package/ui.button-toggle/storybook/stories.js

@@ -86,52 +86,39 @@ Disabled.args = {
   disabled: true,
 };
 
-export const label = DefaultTemplate.bind({});
-label.args = {
+export const Label = DefaultTemplate.bind({});
+Label.args = {
   name: "Label",
   label: "Label",
   description: "description",
 };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = {
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = {
   name: "sizeTemplate",
   enum: "size",
 };
 
-export const variants = EnumVariantTemplate.bind({});
-variants.args = {
+export const Variants = EnumVariantTemplate.bind({});
+Variants.args = {
   name: "sizeTemplate",
   enum: "variant",
 };
 
-export const multiple = DefaultTemplate.bind({});
-multiple.args = {
-  name: "multipleTemplate",
-  multiple: true,
-};
+export const Multiple = DefaultTemplate.bind({});
+Multiple.args = { name: "multipleTemplate", multiple: true };
 
-export const block = DefaultTemplate.bind({});
-block.args = {
-  name: "block",
-  block: true,
-};
+export const Block = DefaultTemplate.bind({});
+Block.args = { name: "block", block: true };
 
-export const separated = DefaultTemplate.bind({});
-separated.args = {
-  name: "separated",
-  separated: true,
-};
+export const Separated = DefaultTemplate.bind({});
+Separated.args = { name: "separated", separated: true };
 
-export const round = DefaultTemplate.bind({});
-round.args = {
-  name: "round",
-  round: true,
-  separated: true,
-};
+export const Round = DefaultTemplate.bind({});
+Round.args = { name: "round", round: true, separated: true };
 
-export const square = DefaultTemplate.bind({});
-square.args = {
+export const Square = DefaultTemplate.bind({});
+Square.args = {
   name: "square",
   variant: "secondary",
   square: true,
@@ -152,8 +139,8 @@ square.args = {
   `,
 };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   name: "slotDefault",
   slotTemplate: `
     <template #default>

package/ui.button-toggle-item/storybook/stories.js

@@ -41,11 +41,11 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -56,8 +56,8 @@ slotLeft.args = {
   `,
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
       <UIcon

package/ui.container-accordion/storybook/stories.js

@@ -61,8 +61,8 @@ Default.args = {};
 export const Size = DefaultTemplate.bind({});
 Size.args = { size: "sm" };
 
-export const slotToggle = DefaultTemplate.bind({});
-slotToggle.args = {
+export const SlotToggle = DefaultTemplate.bind({});
+SlotToggle.args = {
   slotTemplate: `
     <template #toggle="{ opened }">
       <UButton

package/ui.container-card/storybook/stories.js

@@ -74,14 +74,14 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "Card description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "Card description" };
 
-export const padding = EnumVariantTemplate.bind({});
-padding.args = { enum: "padding" };
+export const Padding = EnumVariantTemplate.bind({});
+Padding.args = { enum: "padding" };
 
-export const slotHeaderLeftBefore = DefaultTemplate.bind({});
-slotHeaderLeftBefore.args = {
+export const SlotHeaderLeftBefore = DefaultTemplate.bind({});
+SlotHeaderLeftBefore.args = {
   slotTemplate: `
     <template #header-left-before>
       <UIcon name="star" size="sm" />
@@ -90,8 +90,8 @@ slotHeaderLeftBefore.args = {
   `,
 };
 
-export const slotHeaderLeft = DefaultTemplate.bind({});
-slotHeaderLeft.args = {
+export const SlotHeaderLeft = DefaultTemplate.bind({});
+SlotHeaderLeft.args = {
   slotTemplate: `
     <template #header-left>
       <UHeader size="lg" label="Large title" />
@@ -100,8 +100,8 @@ slotHeaderLeft.args = {
   `,
 };
 
-export const slotHeaderLeftAfter = DefaultTemplate.bind({});
-slotHeaderLeftAfter.args = {
+export const SlotHeaderLeftAfter = DefaultTemplate.bind({});
+SlotHeaderLeftAfter.args = {
   slotTemplate: `
     <template #header-left-after>
       <UIcon name="star" size="sm" />
@@ -110,8 +110,8 @@ slotHeaderLeftAfter.args = {
   `,
 };
 
-export const slotHeaderRight = DefaultTemplate.bind({});
-slotHeaderRight.args = {
+export const SlotHeaderRight = DefaultTemplate.bind({});
+SlotHeaderRight.args = {
   slotTemplate: `
     <template #header-right>
       <UButton size="sm" color="gray" label="Read more" />
@@ -120,8 +120,8 @@ slotHeaderRight.args = {
   `,
 };
 
-export const slotFooterLeft = DefaultTemplate.bind({});
-slotFooterLeft.args = {
+export const SlotFooterLeft = DefaultTemplate.bind({});
+SlotFooterLeft.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-left>
@@ -130,8 +130,8 @@ slotFooterLeft.args = {
   `,
 };
 
-export const slotFooterRight = DefaultTemplate.bind({});
-slotFooterRight.args = {
+export const SlotFooterRight = DefaultTemplate.bind({});
+SlotFooterRight.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-right>

package/ui.container-col/storybook/stories.js

@@ -47,15 +47,15 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #default>
       <UInput placeholder="placeholder" label="Label" />
     </template>
   `,
 };
-slotDefault.parameters = {
+SlotDefault.parameters = {
   docs: {
     story: {
       iframeHeight: 240,

package/ui.container-divider/storybook/stories.js

@@ -53,20 +53,20 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const variants = EnumVariantTemplate.bind({});
-variants.args = { enum: "variant" };
+export const Variants = EnumVariantTemplate.bind({});
+Variants.args = { enum: "variant" };
 
-export const dashed = DefaultTemplate.bind({});
-dashed.args = { dashed: true };
+export const Dashed = DefaultTemplate.bind({});
+Dashed.args = { dashed: true };
 
-export const dotted = DefaultTemplate.bind({});
-dotted.args = { dotted: true };
+export const Dotted = DefaultTemplate.bind({});
+Dotted.args = { dotted: true };
 
-export const vertical = DefaultTemplate.bind({});
-vertical.args = {
+export const Vertical = DefaultTemplate.bind({});
+Vertical.args = {
   vertical: true,
   config: {
     wrapper: {
@@ -75,17 +75,17 @@ vertical.args = {
   },
 };
 
-export const noBorder = DefaultTemplate.bind({});
-noBorder.args = { noBorder: true };
+export const NoBorder = DefaultTemplate.bind({});
+NoBorder.args = { noBorder: true };
 
-export const noTopPadding = DefaultTemplate.bind({});
-noTopPadding.args = { noTopPadding: true };
+export const NoTopPadding = DefaultTemplate.bind({});
+NoTopPadding.args = { noTopPadding: true };
 
-export const noBottomPadding = DefaultTemplate.bind({});
-noBottomPadding.args = { noBottomPadding: true };
+export const NoBottomPadding = DefaultTemplate.bind({});
+NoBottomPadding.args = { noBottomPadding: true };
 
-export const noRightPadding = DefaultTemplate.bind({});
-noRightPadding.args = {
+export const NoRightPadding = DefaultTemplate.bind({});
+NoRightPadding.args = {
   noRightPadding: true,
   vertical: true,
   config: {
@@ -95,8 +95,8 @@ noRightPadding.args = {
   },
 };
 
-export const noLeftPadding = DefaultTemplate.bind({});
-noLeftPadding.args = {
+export const NoLeftPadding = DefaultTemplate.bind({});
+NoLeftPadding.args = {
   noLeftPadding: true,
   vertical: true,
   config: {

package/ui.container-group/storybook/stories.js

@@ -50,18 +50,16 @@ const DefaultTemplate = (args) => ({
 });
 
 export const Default = DefaultTemplate.bind({});
-Default.args = {
-  title: "Some title",
-};
+Default.args = { title: "Some title" };
 
-export const upperlined = DefaultTemplate.bind({});
-upperlined.args = { upperlined: false, underlined: true };
+export const Upperlined = DefaultTemplate.bind({});
+Upperlined.args = { upperlined: false, underlined: true };
 
-export const underlined = DefaultTemplate.bind({});
-underlined.args = { upperlined: true, underlined: false };
+export const Underlined = DefaultTemplate.bind({});
+Underlined.args = { upperlined: true, underlined: false };
 
-export const nestedGroups = DefaultTemplate.bind({});
-nestedGroups.args = {
+export const NestedGroups = DefaultTemplate.bind({});
+NestedGroups.args = {
   title: "",
   slotTemplate: `
     <UGroup :upperlined="n !== 1" :title="'Group '+n" v-for="n in 3">
@@ -73,13 +71,13 @@ nestedGroups.args = {
   `,
 };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <UInput placeholder="placeholder" label="Label" />
   `,
 };
-slotDefault.parameters = {
+SlotDefault.parameters = {
   docs: {
     story: {
       iframeHeight: 240,
@@ -87,8 +85,8 @@ slotDefault.parameters = {
   },
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
       <UButton size="sm" label="Edit"/>
@@ -96,7 +94,7 @@ slotRight.args = {
     ${defaultTemplate}
   `,
 };
-slotRight.parameters = {
+SlotRight.parameters = {
   docs: {
     story: {
       iframeHeight: 200,

package/ui.container-modal/storybook/stories.js

@@ -97,14 +97,14 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "width", text: "" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "width", text: "" };
 
-export const backRoute = DefaultTemplate.bind({});
-backRoute.args = { backRoute: { title: "route title" } };
+export const BackRoute = DefaultTemplate.bind({});
+BackRoute.args = { backRoute: { title: "route title" } };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #default>
       Some text
@@ -112,8 +112,8 @@ slotDefault.args = {
   `,
 };
 
-export const slotHeaderLeftBefore = DefaultTemplate.bind({});
-slotHeaderLeftBefore.args = {
+export const SlotHeaderLeftBefore = DefaultTemplate.bind({});
+SlotHeaderLeftBefore.args = {
   slotTemplate: `
     <template #header-left-before>
       <UIcon
@@ -125,8 +125,8 @@ slotHeaderLeftBefore.args = {
   `,
 };
 
-export const slotHeaderLeft = DefaultTemplate.bind({});
-slotHeaderLeft.args = {
+export const SlotHeaderLeft = DefaultTemplate.bind({});
+SlotHeaderLeft.args = {
   slotTemplate: `
     <template #header-left>
       <UHeader size="lg" label="Large title" />
@@ -135,8 +135,8 @@ slotHeaderLeft.args = {
   `,
 };
 
-export const slotHeaderLeftAfter = DefaultTemplate.bind({});
-slotHeaderLeftAfter.args = {
+export const SlotHeaderLeftAfter = DefaultTemplate.bind({});
+SlotHeaderLeftAfter.args = {
   slotTemplate: `
     <template #header-left-after>
       <UIcon
@@ -148,8 +148,8 @@ slotHeaderLeftAfter.args = {
   `,
 };
 
-export const slotHeaderRight = DefaultTemplate.bind({});
-slotHeaderRight.args = {
+export const SlotHeaderRight = DefaultTemplate.bind({});
+SlotHeaderRight.args = {
   slotTemplate: `
     <template #header-right>
       <UIcon
@@ -161,8 +161,8 @@ slotHeaderRight.args = {
   `,
 };
 
-export const slotCloseButton = DefaultTemplate.bind({});
-slotCloseButton.args = {
+export const SlotCloseButton = DefaultTemplate.bind({});
+SlotCloseButton.args = {
   slotTemplate: `
     <template #close-button>
       <UButton size="sm" color="grayscale" label="Close" />
@@ -171,8 +171,8 @@ slotCloseButton.args = {
   `,
 };
 
-export const slotFooterLeft = DefaultTemplate.bind({});
-slotFooterLeft.args = {
+export const SlotFooterLeft = DefaultTemplate.bind({});
+SlotFooterLeft.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-left>
@@ -181,8 +181,8 @@ slotFooterLeft.args = {
   `,
 };
 
-export const slotFooterRight = DefaultTemplate.bind({});
-slotFooterRight.args = {
+export const SlotFooterRight = DefaultTemplate.bind({});
+SlotFooterRight.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-right>