vueless 0.0.345 → 0.0.346

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

@@ -92,20 +92,20 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const withoutCancelButton = DefaultTemplate.bind({});
-withoutCancelButton.args = { cancelButton: false };
+export const WithoutCancelButton = DefaultTemplate.bind({});
+WithoutCancelButton.args = { cancelButton: false };
 
-export const disableAcceptButton = DefaultTemplate.bind({});
-disableAcceptButton.args = { confirmDisabled: true };
+export const DisableAcceptButton = DefaultTemplate.bind({});
+DisableAcceptButton.args = { confirmDisabled: true };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "width" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "width" };
 
-export const color = EnumVariantTemplate.bind({});
-color.args = { enum: "confirmColor" };
+export const Color = EnumVariantTemplate.bind({});
+Color.args = { enum: "confirmColor" };
 
-export const slotHeaderLeftBefore = DefaultTemplate.bind({});
-slotHeaderLeftBefore.args = {
+export const SlotHeaderLeftBefore = DefaultTemplate.bind({});
+SlotHeaderLeftBefore.args = {
   slotTemplate: `
     <template #header-left-before>
       <UIcon
@@ -117,8 +117,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" />
@@ -127,8 +127,8 @@ slotHeaderLeft.args = {
   `,
 };
 
-export const slotHeaderLeftAfter = DefaultTemplate.bind({});
-slotHeaderLeftAfter.args = {
+export const SlotHeaderLeftAfter = DefaultTemplate.bind({});
+SlotHeaderLeftAfter.args = {
   slotTemplate: `
     <template #header-left-after>
       <UIcon
@@ -140,8 +140,8 @@ slotHeaderLeftAfter.args = {
   `,
 };
 
-export const slotHeaderRight = DefaultTemplate.bind({});
-slotHeaderRight.args = {
+export const SlotHeaderRight = DefaultTemplate.bind({});
+SlotHeaderRight.args = {
   slotTemplate: `
     <template #header-right>
       <UButton label="I'm in the right slot" size="sm" color="gray" />
@@ -150,8 +150,8 @@ slotHeaderRight.args = {
   `,
 };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #default>
       🤘🤘🤘
@@ -159,8 +159,8 @@ slotDefault.args = {
   `,
 };
 
-export const slotFooterRight = DefaultTemplate.bind({});
-slotFooterRight.args = {
+export const SlotFooterRight = DefaultTemplate.bind({});
+SlotFooterRight.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-right>

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

@@ -61,27 +61,27 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const titleSizeSm = DefaultTemplate.bind({});
-titleSizeSm.args = { titleSize: "sm" };
+export const TitleSizeSm = DefaultTemplate.bind({});
+TitleSizeSm.args = { titleSize: "sm" };
 
-export const classes = DefaultTemplate.bind({});
-classes.args = {
+export const Classes = DefaultTemplate.bind({});
+Classes.args = {
   classes: {
     header: "text-violet-300",
   },
 };
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "Page description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "Page description" };
 
-export const width = DefaultTemplate.bind({});
-width.args = { width: "md", title: "Width = md" };
+export const Width = DefaultTemplate.bind({});
+Width.args = { width: "md", title: "Width = md" };
 
-export const widePage = DefaultTemplate.bind({});
-widePage.args = { widePage: true, width: "sm" };
+export const WidePage = DefaultTemplate.bind({});
+WidePage.args = { widePage: true, width: "sm" };
 
-export const backRoute = DefaultTemplate.bind({});
-backRoute.args = {
+export const BackRoute = DefaultTemplate.bind({});
+BackRoute.args = {
   backLabel: "back",
   backRoute: {
     path: "/",
@@ -89,8 +89,8 @@ backRoute.args = {
   },
 };
 
-export const slotHeaderLeftBefore = DefaultTemplate.bind({});
-slotHeaderLeftBefore.args = {
+export const SlotHeaderLeftBefore = DefaultTemplate.bind({});
+SlotHeaderLeftBefore.args = {
   slotTemplate: `
     <template #header-left-before>
       <UIcon
@@ -102,8 +102,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" />
@@ -112,8 +112,8 @@ slotHeaderLeft.args = {
   `,
 };
 
-export const slotHeaderLeftAfter = DefaultTemplate.bind({});
-slotHeaderLeftAfter.args = {
+export const SlotHeaderLeftAfter = DefaultTemplate.bind({});
+SlotHeaderLeftAfter.args = {
   slotTemplate: `
     <template #header-left-after>
       <UIcon
@@ -125,8 +125,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="button" />
@@ -135,8 +135,8 @@ slotHeaderRight.args = {
   `,
 };
 
-export const slotFooterLeft = DefaultTemplate.bind({});
-slotFooterLeft.args = {
+export const SlotFooterLeft = DefaultTemplate.bind({});
+SlotFooterLeft.args = {
   slotTemplate: `
     ${defaultTemplate}
     <template #footer-left>
@@ -145,8 +145,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-row/storybook/stories.js

@@ -77,8 +77,8 @@ Gap.args = { enum: "gap" };
 export const Align = EnumVariantTemplate.bind({});
 Align.args = { enum: "align" };
 
-export const noMobile = DefaultTemplate.bind({});
-noMobile.args = {
+export const NoMobile = DefaultTemplate.bind({});
+NoMobile.args = {
   noMobile: true,
   slotTemplate: `
     <UInput label="Name" />
@@ -86,8 +86,8 @@ noMobile.args = {
   `,
 };
 
-export const nestedRows = DefaultTemplate.bind({});
-nestedRows.args = {
+export const NestedRows = DefaultTemplate.bind({});
+NestedRows.args = {
   slotTemplate: `
     <UInput label="Name" />
 
@@ -98,8 +98,8 @@ nestedRows.args = {
   `,
 };
 
-export const textBlocksExample = DefaultTemplate.bind({});
-textBlocksExample.args = {
+export const TextBlocksExample = DefaultTemplate.bind({});
+TextBlocksExample.args = {
   slotTemplate: `
     <p>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit,

package/ui.data-list/storybook/stories.js

@@ -63,18 +63,18 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const emptyState = DefaultTemplate.bind({});
-emptyState.args = {
+export const EmptyState = DefaultTemplate.bind({});
+EmptyState.args = {
   list: [],
   emptyTitle: "The list is empty.",
   emptyDescription: "There is no data in the list.",
 };
 
-export const nesting = DefaultTemplate.bind({});
-nesting.args = { nesting: true };
+export const Nesting = DefaultTemplate.bind({});
+Nesting.args = { nesting: true };
 
-export const slotLabel = DefaultTemplate.bind({});
-slotLabel.args = {
+export const SlotLabel = DefaultTemplate.bind({});
+SlotLabel.args = {
   slotTemplate: `
     <template #label="{ item }">
       <URow gap="xs" align="center">
@@ -85,8 +85,8 @@ slotLabel.args = {
   `,
 };
 
-export const slotActions = DefaultTemplate.bind({});
-slotActions.args = {
+export const SlotActions = DefaultTemplate.bind({});
+SlotActions.args = {
   slotTemplate: `
     <template #actions>
       <UIcon interactive name="star" color="red" />
@@ -94,8 +94,8 @@ slotActions.args = {
   `,
 };
 
-export const slotDrag = DefaultTemplate.bind({});
-slotDrag.args = {
+export const SlotDrag = DefaultTemplate.bind({});
+SlotDrag.args = {
   slotTemplate: `
     <template #drag>
       <UIcon interactive name="swap_vert" size="sm" />
@@ -103,8 +103,8 @@ slotDrag.args = {
   `,
 };
 
-export const slotDelete = DefaultTemplate.bind({});
-slotDelete.args = {
+export const SlotDelete = DefaultTemplate.bind({});
+SlotDelete.args = {
   slotTemplate: `
     <template #delete>
       <UButton label="Delete" size="xs" variant="secondary" color="red" />
@@ -112,8 +112,8 @@ slotDelete.args = {
   `,
 };
 
-export const slotEdit = DefaultTemplate.bind({});
-slotEdit.args = {
+export const SlotEdit = DefaultTemplate.bind({});
+SlotEdit.args = {
   slotTemplate: `
     <template #edit>
       <UButton label="Edit" size="xs" variant="secondary" color="grayscale" />

package/ui.data-table/storybook/stories.js

@@ -204,10 +204,7 @@ export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
 export const Nesting = DefaultTemplate.bind({});
-Nesting.args = {
-  row: getNestedRow,
-  selectable: true,
-};
+Nesting.args = { row: getNestedRow, selectable: true };
 
 export const Empty = EmptyTemplate.bind({});
 Empty.args = {};
@@ -215,20 +212,16 @@ Empty.args = {};
 export const Filters = EmptyTemplate.bind({});
 Filters.args = { filters: true };
 
-export const selectable = DefaultTemplate.bind({});
-selectable.args = { selectable: true };
+export const Selectable = DefaultTemplate.bind({});
+Selectable.args = { selectable: true };
 
-export const stickyHeader = DefaultTemplate.bind({});
-stickyHeader.parameters = STICKY_PARAMETERS;
-stickyHeader.args = {
-  numberOfRows: 50,
-  selectable: true,
-  stickyHeader: true,
-};
+export const StickyHeader = DefaultTemplate.bind({});
+StickyHeader.parameters = STICKY_PARAMETERS;
+StickyHeader.args = { numberOfRows: 50, selectable: true, stickyHeader: true };
 
-export const stickyFooter = DefaultTemplate.bind({});
-stickyFooter.parameters = STICKY_PARAMETERS;
-stickyFooter.args = {
+export const StickyFooter = DefaultTemplate.bind({});
+StickyFooter.parameters = STICKY_PARAMETERS;
+StickyFooter.args = {
   numberOfRows: 50,
   selectable: true,
   stickyFooter: true,
@@ -244,8 +237,8 @@ stickyFooter.args = {
   `,
 };
 
-export const compact = DefaultTemplate.bind({});
-compact.args = { compact: true };
+export const Compact = DefaultTemplate.bind({});
+Compact.args = { compact: true };
 
 export const DateDivider = DefaultTemplate.bind({});
 DateDivider.args = { dateDivider: true };
@@ -260,8 +253,8 @@ DateDividerCustomLabel.args = {
   ],
 };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   slotTemplate: `
     <template #cell-key_3="{value}">
       🤘🤘🤘
@@ -269,8 +262,8 @@ slotDefault.args = {
   `,
 };
 
-export const slotHeaderActions = DefaultTemplate.bind({});
-slotHeaderActions.args = {
+export const SlotHeaderActions = DefaultTemplate.bind({});
+SlotHeaderActions.args = {
   numberOfRows: 50,
   stickyHeader: true,
   selectable: true,
@@ -295,8 +288,8 @@ slotHeaderActions.args = {
   `,
 };
 
-export const slotBeforeFirstRow = DefaultTemplate.bind({});
-slotBeforeFirstRow.args = {
+export const SlotBeforeFirstRow = DefaultTemplate.bind({});
+SlotBeforeFirstRow.args = {
   slotTemplate: `
     <template #before-first-row>
       <p>
@@ -309,8 +302,8 @@ slotBeforeFirstRow.args = {
   `,
 };
 
-export const slotAfterLastRow = DefaultTemplate.bind({});
-slotAfterLastRow.args = {
+export const SlotAfterLastRow = DefaultTemplate.bind({});
+SlotAfterLastRow.args = {
   slotTemplate: `
     <template #after-last-row>
       <p>
@@ -323,8 +316,8 @@ slotAfterLastRow.args = {
   `,
 };
 
-export const slotFooter = DefaultTemplate.bind({});
-slotFooter.args = {
+export const SlotFooter = DefaultTemplate.bind({});
+SlotFooter.args = {
   slotTemplate: `
     <template #footer>
       <td>
@@ -339,8 +332,8 @@ slotFooter.args = {
   `,
 };
 
-export const cellSlots = DefaultTemplate.bind({});
-cellSlots.args = {
+export const CellSlots = DefaultTemplate.bind({});
+CellSlots.args = {
   columns: [
     { key: "link", label: "link" },
     { key: "money", label: "money", thClass: "text-right" },

package/ui.dropdown-badge/storybook/stories.js

@@ -71,17 +71,17 @@ 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 withoutDropdownIcon = DefaultTemplate.bind({});
-withoutDropdownIcon.args = { noIcon: true };
+export const WithoutDropdownIcon = DefaultTemplate.bind({});
+WithoutDropdownIcon.args = { noIcon: true };
 
-export const defaultSlot = DefaultTemplate.bind({});
-defaultSlot.args = {
+export const DefaultSlot = DefaultTemplate.bind({});
+DefaultSlot.args = {
   slotTemplate: `
     <template #default>
       Custom label
@@ -89,8 +89,8 @@ defaultSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -102,8 +102,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UIcon

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

@@ -110,8 +110,8 @@ VariantColors.args = { text: "" };
 export const WithoutDropdownIcon = EnumVariantTemplate.bind({});
 WithoutDropdownIcon.args = { enum: "variant", noIcon: true };
 
-export const defaultSlot = DefaultTemplate.bind({});
-defaultSlot.args = {
+export const DefaultSlot = DefaultTemplate.bind({});
+DefaultSlot.args = {
   slotTemplate: `
     <template #default>
       Custom label
@@ -119,8 +119,8 @@ defaultSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -132,8 +132,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UIcon

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

@@ -76,17 +76,17 @@ 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 WithoutDropdownIcon = DefaultTemplate.bind({});
 WithoutDropdownIcon.args = { noIcon: true };
 
-export const defaultSlot = DefaultTemplate.bind({});
-defaultSlot.args = {
+export const DefaultSlot = DefaultTemplate.bind({});
+DefaultSlot.args = {
   slotTemplate: `
     <template #default>
       Custom label
@@ -94,8 +94,8 @@ defaultSlot.args = {
   `,
 };
 
-export const leftSlot = DefaultTemplate.bind({});
-leftSlot.args = {
+export const LeftSlot = DefaultTemplate.bind({});
+LeftSlot.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -107,8 +107,8 @@ leftSlot.args = {
   `,
 };
 
-export const rightSlot = DefaultTemplate.bind({});
-rightSlot.args = {
+export const RightSlot = DefaultTemplate.bind({});
+RightSlot.args = {
   slotTemplate: `
     <template #right>
       <UIcon

package/ui.dropdown-list/storybook/stories.js

@@ -68,11 +68,11 @@ 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 maxHeight = DefaultTemplate.bind({});
-maxHeight.args = { maxHeight: 80 };
+export const MaxHeight = DefaultTemplate.bind({});
+MaxHeight.args = { maxHeight: 80 };
 
-export const withoutOptions = DefaultTemplate.bind({});
-withoutOptions.args = { options: [] };
+export const WithoutOptions = DefaultTemplate.bind({});
+WithoutOptions.args = { options: [] };

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

@@ -125,8 +125,8 @@ Disabled.args = { disabled: true };
 export const Description = DefaultTemplate.bind({});
 Description.args = { description: "Some description" };
 
-export const slotFooter = DefaultTemplate.bind({});
-slotFooter.args = {
+export const SlotFooter = DefaultTemplate.bind({});
+SlotFooter.args = {
   slotTemplate: `
     <template #footer>
       <UBadge label="favourite" color="green" size="sm" />

package/ui.form-checkbox-group/storybook/stories.js

@@ -118,11 +118,11 @@ Options.args = {
   ],
 };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { name: "Disabled", disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { name: "Disabled", disabled: true };
 
-export const error = DefaultTemplate.bind({});
-error.args = { name: "Error", error: "some error" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { name: "Error", error: "some error" };
 
 export const Colors = EnumVariantTemplate.bind({});
 Colors.args = { enum: "color", name: "Colors" };

package/ui.form-checkbox-multi-state/storybook/stories.js

@@ -61,5 +61,5 @@ 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" };

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

@@ -114,23 +114,23 @@ const OpenDirectionTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = { modelValue: new Date() };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size", label: "" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size", label: "" };
 
-export const openDirection = OpenDirectionTemplate.bind({});
-openDirection.args = {};
+export const OpenDirection = OpenDirectionTemplate.bind({});
+OpenDirection.args = {};
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "some description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "some description" };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "some error" };
 
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "some placeholder" };
+export const Placeholder = DefaultTemplate.bind({});
+Placeholder.args = { placeholder: "some placeholder" };
 
 export const DateFormat = DefaultTemplate.bind({});
 DateFormat.args = { dateFormat: "d.m.Y", userDateFormat: "d.m.Y", modelValue: "28.06.2024" };
@@ -149,18 +149,18 @@ MinMax.args = {
   modelValue: new Date(2022, 2, 24),
 };
 
-export const leftIcon = DefaultTemplate.bind({});
-leftIcon.args = {
+export const LeftIcon = DefaultTemplate.bind({});
+LeftIcon.args = {
   leftIcon: "star",
 };
 
-export const rightIcon = DefaultTemplate.bind({});
-rightIcon.args = {
+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
@@ -171,8 +171,8 @@ leftIconSlot.args = {
   `,
 };
 
-export const rightIconSlot = DefaultTemplate.bind({});
-rightIconSlot.args = {
+export const RightIconSlot = DefaultTemplate.bind({});
+RightIconSlot.args = {
   slotTemplate: `
     <template #right-icon>
       <UIcon