vueless 0.0.344 → 0.0.346

package/ui.form-date-picker-range/storybook/stories.js

@@ -168,16 +168,10 @@ CustomRangeButton.args = {
 };
 
 export const LeftIcon = DefaultTemplate.bind({});
-LeftIcon.args = {
-  leftIcon: "star",
-  variant: "input",
-};
+LeftIcon.args = { leftIcon: "star", variant: "input" };
 
 export const RightIcon = DefaultTemplate.bind({});
-RightIcon.args = {
-  rightIcon: "star",
-  variant: "input",
-};
+RightIcon.args = { rightIcon: "star", variant: "input" };
 
 export const LeftIconSlot = DefaultTemplate.bind({});
 LeftIconSlot.args = {

package/ui.form-input/storybook/stories.js

@@ -59,48 +59,44 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 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 description = DefaultTemplate.bind({});
-description.args = { description: "some description text" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "some description text" };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error text" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "some error text" };
 
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "some placeholder text" };
+export const Placeholder = DefaultTemplate.bind({});
+Placeholder.args = { placeholder: "some placeholder text" };
 
-export const readonly = DefaultTemplate.bind({});
-readonly.args = { readonly: true, value: "some value for read" };
+export const Readonly = DefaultTemplate.bind({});
+Readonly.args = { readonly: true, value: "some value for read" };
 
-export const noAutocomplete = DefaultTemplate.bind({});
-noAutocomplete.args = { noAutocomplete: true };
+export const NoAutocomplete = DefaultTemplate.bind({});
+NoAutocomplete.args = { noAutocomplete: true };
 
-export const typePassword = DefaultTemplate.bind({});
-typePassword.args = { type: "password" };
+export const TypePassword = DefaultTemplate.bind({});
+TypePassword.args = { type: "password" };
 
-export const labelPlacement = EnumVariantTemplate.bind({});
-labelPlacement.args = { enum: "labelAlign" };
+export const LabelPlacement = EnumVariantTemplate.bind({});
+LabelPlacement.args = { enum: "labelAlign" };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const validationRules = EnumVariantTemplate.bind({});
-validationRules.args = { enum: "validationRule" };
+export const ValidationRules = EnumVariantTemplate.bind({});
+ValidationRules.args = { enum: "validationRule" };
 
-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 leftIconSlot = DefaultTemplate.bind({});
-leftIconSlot.args = {
+export const LeftIconSlot = DefaultTemplate.bind({});
+LeftIconSlot.args = {
   slotTemplate: `
     <template #left-icon>
       <UIcon
@@ -111,8 +107,8 @@ leftIconSlot.args = {
   `,
 };
 
-export const rightIconSlot = DefaultTemplate.bind({});
-rightIconSlot.args = {
+export const RightIconSlot = DefaultTemplate.bind({});
+RightIconSlot.args = {
   slotTemplate: `
     <template #right-icon>
       <UIcon
@@ -123,8 +119,8 @@ rightIconSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UButton variant="thirdary" filled square noRing label="Filter" class="rounded-r-none h-full" />
@@ -132,8 +128,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UButton variant="thirdary" filled square noRing label="Filter" class="rounded-l-none" />

package/ui.form-input-file/storybook/stories.js

@@ -66,23 +66,23 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const multiple = DefaultTemplate.bind({});
-multiple.args = { multiple: true };
+export const Multiple = DefaultTemplate.bind({});
+Multiple.args = { multiple: true };
 
-export const allowedFileTypes = DefaultTemplate.bind({});
-allowedFileTypes.args = { allowedFileTypes: ["png", "jpeg"], label: "Allow only png and jpeg" };
+export const AllowedFileTypes = DefaultTemplate.bind({});
+AllowedFileTypes.args = { allowedFileTypes: ["png", "jpeg"], label: "Allow only png and jpeg" };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "some error" };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const labelAlign = EnumVariantTemplate.bind({});
-labelAlign.args = { enum: "labelAlign" };
+export const LabelAlign = EnumVariantTemplate.bind({});
+LabelAlign.args = { enum: "labelAlign" };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       🤘

package/ui.form-input-money/storybook/stories.js

@@ -62,63 +62,59 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = { modelValue: 245000.42 };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const symbol = DefaultTemplate.bind({});
-symbol.args = { symbol: "€" };
+export const Symbol = DefaultTemplate.bind({});
+Symbol.args = { symbol: "€" };
 
-export const labelAlign = EnumVariantTemplate.bind({});
-labelAlign.args = { enum: "labelAlign" };
+export const LabelAlign = EnumVariantTemplate.bind({});
+LabelAlign.args = { enum: "labelAlign" };
 
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "Placeholder" };
+export const Placeholder = DefaultTemplate.bind({});
+Placeholder.args = { placeholder: "Placeholder" };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "Some error." };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "Some error." };
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "Some description." };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "Some description." };
 
-export const minFractionDigits = DefaultTemplate.bind({});
-minFractionDigits.args = { minFractionDigits: 2, maxFractionDigits: 4 };
+export const MinFractionDigits = DefaultTemplate.bind({});
+MinFractionDigits.args = { minFractionDigits: 2, maxFractionDigits: 4 };
 
-export const maxFractionDigits = DefaultTemplate.bind({});
-maxFractionDigits.args = { maxFractionDigits: 4 };
+export const MaxFractionDigits = DefaultTemplate.bind({});
+MaxFractionDigits.args = { maxFractionDigits: 4 };
 
-export const decimalSeparator = DefaultTemplate.bind({});
-decimalSeparator.args = { decimalSeparator: "." };
+export const DecimalSeparator = DefaultTemplate.bind({});
+DecimalSeparator.args = { decimalSeparator: "." };
 
-export const thousandsSeparator = DefaultTemplate.bind({});
-thousandsSeparator.args = { thousandsSeparator: "-" };
+export const ThousandsSeparator = DefaultTemplate.bind({});
+ThousandsSeparator.args = { thousandsSeparator: "-" };
 
-export const rawValuePrefix = DefaultTemplate.bind({});
-rawValuePrefix.args = { rawValuePrefix: true };
+export const RawValuePrefix = DefaultTemplate.bind({});
+RawValuePrefix.args = { rawValuePrefix: true };
 
-export const positiveOnly = DefaultTemplate.bind({});
-positiveOnly.args = { positiveOnly: true };
+export const PositiveOnly = DefaultTemplate.bind({});
+PositiveOnly.args = { positiveOnly: true };
 
-export const minus = DefaultTemplate.bind({});
-minus.args = { minus: true };
+export const Minus = DefaultTemplate.bind({});
+Minus.args = { minus: true };
 
-export const readOnly = DefaultTemplate.bind({});
-readOnly.args = { readOnly: true };
+export const ReadOnly = DefaultTemplate.bind({});
+ReadOnly.args = { readOnly: true };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-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 leftIconSlot = DefaultTemplate.bind({});
-leftIconSlot.args = {
+export const LeftIconSlot = DefaultTemplate.bind({});
+LeftIconSlot.args = {
   slotTemplate: `
     <template #left-icon>
       <UIcon
@@ -129,8 +125,8 @@ leftIconSlot.args = {
   `,
 };
 
-export const rightIconSlot = DefaultTemplate.bind({});
-rightIconSlot.args = {
+export const RightIconSlot = DefaultTemplate.bind({});
+RightIconSlot.args = {
   slotTemplate: `
     <template #right-icon>
       <UIcon
@@ -141,8 +137,8 @@ rightIconSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UButton variant="thirdary" filled square label="Filter" class="rounded-r-none h-full" />
@@ -150,8 +146,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UButton variant="thirdary" filled square label="Filter" class="rounded-l-none" />

package/ui.form-input-number/storybook/stories.js

@@ -65,14 +65,10 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 });
 
 export const Default = DefaultTemplate.bind({});
-Default.args = {
-  step: 1,
-  min: 1,
-  max: 100,
-};
+Default.args = { step: 1, min: 1, max: 100 };
 
-export const label = DefaultTemplate.bind({});
-label.args = {
+export const Label = DefaultTemplate.bind({});
+Label.args = {
   value: 1,
   step: 1,
   min: 1,
@@ -80,8 +76,8 @@ label.args = {
   label: "Year",
 };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = {
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = {
   enum: "size",
   value: 1,
   step: 1,
@@ -89,8 +85,8 @@ sizes.args = {
   max: 100,
 };
 
-export const valueLimit = DefaultTemplate.bind({});
-valueLimit.args = {
+export const ValueLimit = DefaultTemplate.bind({});
+ValueLimit.args = {
   value: 1,
   step: 1,
   min: 5,
@@ -98,8 +94,8 @@ valueLimit.args = {
   label: "Min is 5 | Max is 10",
 };
 
-export const step = DefaultTemplate.bind({});
-step.args = {
+export const Step = DefaultTemplate.bind({});
+Step.args = {
   value: 1,
   step: 5,
   min: 1,

package/ui.form-input-rating/storybook/stories.js

@@ -60,29 +60,29 @@ 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 starAmount = DefaultTemplate.bind({});
-starAmount.args = { value: 4, stars: 7 };
+export const StarAmount = DefaultTemplate.bind({});
+StarAmount.args = { value: 4, stars: 7 };
 
-export const selectable = DefaultTemplate.bind({});
-selectable.args = { selectable: true };
+export const Selectable = DefaultTemplate.bind({});
+Selectable.args = { selectable: true };
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "Some description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "Some description" };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "Some error" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "Some error" };
 
-export const withCounter = DefaultTemplate.bind({});
-withCounter.args = { counter: true };
+export const WithCounter = DefaultTemplate.bind({});
+WithCounter.args = { counter: true };
 
-export const withTotal = DefaultTemplate.bind({});
-withTotal.args = { total: 250 };
+export const WithTotal = DefaultTemplate.bind({});
+WithTotal.args = { total: 250 };
 
-export const slotCounter = DefaultTemplate.bind({});
-slotCounter.args = {
+export const SlotCounter = DefaultTemplate.bind({});
+SlotCounter.args = {
   slotTemplate: `
     <template #counter="{counter}">
       Rating: {{counter}}
@@ -90,8 +90,8 @@ slotCounter.args = {
   `,
 };
 
-export const slotTotal = DefaultTemplate.bind({});
-slotTotal.args = {
+export const SlotTotal = DefaultTemplate.bind({});
+SlotTotal.args = {
   total: 250,
   slotTemplate: `
     <template #total="{total}">

package/ui.form-input-search/storybook/stories.js

@@ -56,27 +56,23 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const searchButton = DefaultTemplate.bind({});
-searchButton.args = { searchButtonLabel: "Search" };
+export const SearchButton = DefaultTemplate.bind({});
+SearchButton.args = { searchButtonLabel: "Search" };
 
-export const minLength = DefaultTemplate.bind({});
-minLength.args = { minLength: 4 };
+export const MinLength = DefaultTemplate.bind({});
+MinLength.args = { minLength: 4 };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-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 leftIconSlot = DefaultTemplate.bind({});
-leftIconSlot.args = {
+export const LeftIconSlot = DefaultTemplate.bind({});
+LeftIconSlot.args = {
   slotTemplate: `
     <template #left-icon>
       <UIcon
@@ -87,8 +83,8 @@ leftIconSlot.args = {
   `,
 };
 
-export const rightIconSlot = DefaultTemplate.bind({});
-rightIconSlot.args = {
+export const RightIconSlot = DefaultTemplate.bind({});
+RightIconSlot.args = {
   slotTemplate: `
     <template #right-icon>
       <UIcon
@@ -99,8 +95,8 @@ rightIconSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UButton variant="thirdary" filled square label="Filter" class="rounded-r-none h-full" />
@@ -108,8 +104,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UButton variant="thirdary" filled square label="Filter" class="rounded-l-none" />

package/ui.form-label/storybook/stories.js

@@ -86,8 +86,8 @@ Error.args = { error: "Error description" };
 export const Disabled = DefaultTemplate.bind({});
 Disabled.args = { disabled: true };
 
-export const slotFooter = DefaultTemplate.bind({});
-slotFooter.args = {
+export const SlotFooter = DefaultTemplate.bind({});
+SlotFooter.args = {
   slotTemplate: `
     <template #footer>
       <UIcon name="star" color="green" />

package/ui.form-radio/storybook/stories.js

@@ -38,17 +38,17 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true, name: "radio2" };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true, name: "radio2" };
 
-export const description = DefaultTemplate.bind({});
-description.args = { name: "radio3", description: "description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { name: "radio3", description: "description" };
 
-export const checked = DefaultTemplate.bind({});
-checked.args = { checked: true, name: "radio4" };
+export const Checked = DefaultTemplate.bind({});
+Checked.args = { checked: true, name: "radio4" };
 
-export const slotFooter = DefaultTemplate.bind({});
-slotFooter.args = {
+export const SlotFooter = DefaultTemplate.bind({});
+SlotFooter.args = {
   name: "radio5",
   label: "radio",
   value: "radio",