@volverjs/ui-vue 0.0.6-beta.7 → 0.0.7-beta.1

package/src/stories/Textarea/Textarea.stories.mdx

@@ -1,187 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvTextarea from '@/components/VvTextarea/VvTextarea.vue'
-import { defaultArgs, argTypes } from './Textarea.settings'
-import { defaultTest } from './Textarea.test'
-
-<Meta
-	title="Components/Textarea"
-	component={VvTextarea}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvTextarea },
-	setup() {
-		return { args }
-	},
-	data: () => ({ inputValue: undefined }),
-	template: /*html*/ `
-		<vv-textarea v-bind="args" v-model="inputValue" :data-testData="inputValue" data-testId="element">
-			<template #before v-if="args.before"><div class="flex" v-html="args.before"></div></template>
-			<template #after v-if="args.after"><div class="flex" v-html="args.after"></div></template>
-			<template #hint v-if="args.hint"><span v-html="args.hint"></span></template>
-		</vv-textarea>
-		<div>Value: <span data-testId="value">{{inputValue}}</span></div> 
-	`,
-})
-
-<Canvas>
-	<Story name="Default" play={defaultTest}>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Disabled"
-		args={{ disabled: true }}
-		argTypes={{
-			disabled: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Readonly"
-		args={{ readonly: true }}
-		argTypes={{
-			readonly: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Valid"
-		args={{
-			valid: true,
-			validLabel: 'The field is valid.',
-			icon: 'check',
-		}}
-		argTypes={{
-			valid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Invalid"
-		args={{
-			invalid: true,
-			invalidLabel: 'The field is required.',
-			icon: 'error-2',
-		}}
-		argTypes={{
-			invalid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Hint"
-		args={{
-			hintLabel: 'Please enter your name.',
-		}}
-		argTypes={{
-			hintLabel: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Loading"
-		args={{
-			loading: true,
-			loadingLabel: 'Loading...',
-		}}
-		argTypes={{
-			laoding: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Floating"
-		args={{
-			floating: true,
-		}}
-		argTypes={{
-			floating: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Resizable"
-		args={{
-			resizable: true,
-		}}
-		argTypes={{
-			resizable: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Textarea/TextareaLength.stories.mdx

@@ -1,110 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvTextarea from '@/components/VvTextarea/VvTextarea.vue'
-import { Template } from './Textarea.stories.mdx'
-import { defaultTest } from './Textarea.test.ts'
-import { defaultArgs, argTypes } from './Textarea.settings'
-
-<Meta
-	title="Components/Textarea/Length"
-	component={VvTextarea}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Maxlength"
-		args={{
-			maxlength: 5,
-		}}
-		argTypes={{
-			maxlength: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Minlength"
-		args={{
-			minlength: 5,
-		}}
-		argTypes={{
-			minlength: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Count"
-		args={{
-			count: true,
-			minlength: 100,
-		}}
-		argTypes={{
-			count: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Limit"
-		args={{
-			count: 'limit',
-			maxlength: 100,
-		}}
-		argTypes={{
-			count: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Countdown"
-		args={{
-			count: 'countdown',
-			maxlength: 100,
-		}}
-		argTypes={{
-			count: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Textarea/TextareaSlots.stories.mdx

@@ -1,69 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvTextarea from '@/components/VvTextarea/VvTextarea.vue'
-import { Template } from './Textarea.stories.mdx'
-import { defaultTest } from './Textarea.test.ts'
-import { defaultArgs, argTypes } from './Textarea.settings'
-
-<Meta
-	title="Components/Textarea/Slots"
-	component={VvTextarea}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Before"
-		args={{
-			before: '<div class="vv-badge vv-badge--sm uppercase">Before</div>',
-		}}
-		argTypes={{
-			before: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="After"
-		args={{
-			after: '<div class="vv-badge vv-badge--sm uppercase">After</div>',
-		}}
-		argTypes={{
-			after: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Hint"
-		args={{
-			hint: 'Hint <em class="italic">slot!</em>',
-		}}
-		argTypes={{
-			hint: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Textarea/TextareatIconPosition.stories.mdx

@@ -1,78 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvTextarea from '@/components/VvTextarea/VvTextarea.vue'
-import { Template } from './Textarea.stories.mdx'
-import { defaultTest } from './Textarea.test.ts'
-import { defaultArgs, argTypes } from './Textarea.settings'
-
-<Meta
-	title="Components/Textarea/Icon"
-	component={VvTextarea}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Default"
-		args={{
-			icon: 'heart',
-		}}
-		argTypes={{
-			icon: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="After"
-		args={{
-			icon: 'heart',
-			iconPosition: 'after',
-		}}
-		argTypes={{
-			icon: {
-				control: {
-					disable: true,
-				},
-			},
-			iconPosition: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Src"
-		args={{
-			icon: {
-				name: 'engineering',
-				src: 'https://raw.githubusercontent.com/google/material-design-icons/master/src/social/engineering/materialicons/24px.svg',
-			},
-		}}
-		argTypes={{
-			icon: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Tooltip/Tooltip.stories.mdx

@@ -1,102 +0,0 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs'
-import VvTooltip from '@/components/VvTooltip/VvTooltip.vue'
-import VvButton from '@/components/VvButton/VvButton.vue'
-import { defaultArgs, argTypes } from './Tooltip.settings'
-import { defaultTest } from './Tooltip.test'
-
-<Meta
-	title="Components/Tooltip"
-	component={VvTooltip}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvTooltip, VvButton },
-	setup() {
-		return { args }
-	},
-	template: /* html */ `
-		<vv-button class="fixed left-1/2 top-1/2 -translate-1/2" data-testId="parent">
-			Hover me
-			<vv-tooltip v-bind="args">
-				<template #default v-if="args.default"><div v-html="args.default"></div></template>
-			</vv-tooltip>
-		</vv-button>
-	`,
-})
-
-<Canvas>
-	<Story name="Default" play={defaultTest}>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Top"
-		play={defaultTest}
-		args={{ position: 'top' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Bottom"
-		play={defaultTest}
-		args={{ position: 'bottom' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Right"
-		play={defaultTest}
-		args={{ position: 'right' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Left"
-		play={defaultTest}
-		args={{ position: 'left' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>

package/src/stories/Tooltip/TooltipDirective.stories.mdx

@@ -1,99 +0,0 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs'
-import VvTooltip from '@/components/VvTooltip/VvTooltip.vue'
-import VvButton from '@/components/VvButton/VvButton.vue'
-import { defaultArgs, argTypes } from './Tooltip.settings'
-import { defaultTest } from './Tooltip.test'
-
-<Meta
-	title="Directives/Tooltip"
-	component={VvTooltip}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvTooltip, VvButton },
-	setup() {
-		return { args }
-	},
-	template: /* html */ `
-		<vv-button v-tooltip:[args.position]="args.value" class="fixed left-1/2 top-1/2 -translate-1/2" data-testId="parent">
-            Hover me
-        </vv-button>
-	`,
-})
-
-<Canvas>
-	<Story name="Default" play={defaultTest}>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Top"
-		play={defaultTest}
-		args={{ position: 'top' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Bottom"
-		play={defaultTest}
-		args={{ position: 'bottom' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Right"
-		play={defaultTest}
-		args={{ position: 'right' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Left"
-		play={defaultTest}
-		args={{ position: 'left' }}
-		argTypes={{
-			position: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind({})}
-	</Story>
-</Canvas>