@volverjs/ui-vue 0.0.5 → 0.0.6-beta.15

package/src/stories/InputText/InputTextType.stories.mdx

@@ -1,259 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvInputText from '@/components/VvInputText/VvInputText.vue'
-import { Template } from './InputText.stories.mdx'
-import { defaultTest } from './InputText.test.ts'
-import { defaultArgs, argTypes } from './InputText.settings'
-
-<Meta
-	title="Components/InputText/Type"
-	component={VvInputText}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Text"
-		args={{
-			type: 'text',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Password"
-		args={{
-			type: 'password',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Date"
-		args={{
-			type: 'date',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="DateTime"
-		args={{
-			type: 'datetime-local',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Time"
-		args={{
-			type: 'time',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Month"
-		args={{
-			type: 'month',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Week"
-		args={{
-			type: 'week',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Number"
-		args={{
-			type: 'number',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Email"
-		args={{
-			type: 'email',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Tel"
-		args={{
-			type: 'tel',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Url"
-		args={{
-			type: 'url',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Color"
-		args={{
-			type: 'color',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Search"
-		args={{
-			type: 'search',
-		}}
-		argTypes={{
-			type: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		play={defaultTest}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Progress/Progress.stories.mdx

@@ -1,30 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs'
-import VvProgress from '@/components/VvProgress/VvProgress.vue'
-import { defaultTest } from './Progress.test'
-import { defaultArgs, argTypes } from './Progress.settings'
-
-<Meta
-	title="Components/Progress"
-	component={VvProgress}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvProgress },
-	setup() {
-		return { args }
-	},
-	template: /*html*/ `
-		<vv-progress v-bind="args" />
-	`,
-})
-
-<Story name="Default" play={defaultTest}>
-	{Template.bind()}
-</Story>
-
-<Story name="Determinate" play={defaultTest} args={{ max: '100', value: '25' }}>
-	{Template.bind()}
-</Story>

package/src/stories/Radio/Radio.stories.mdx

@@ -1,128 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvRadio from '@/components/VvRadio/VvRadio.vue'
-import { defaultArgs, argTypes } from './Radio.settings'
-import { defaultTest } from './Radio.test'
-
-<Meta
-	title="Components/Radio"
-	component={VvRadio}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvRadio },
-	setup() {
-		return { args }
-	},
-	data: () => ({ inputValue: undefined }),
-	template: /*html*/ `
-		<vv-radio v-bind="args" v-model="inputValue" :data-testData="inputValue" data-testId="element">
-			<template #default v-if="args.default"><span v-html="args.default"></span></template>
-			<template #hint v-if="args.hint"><span v-html="args.hint"></span></template>
-		</vv-radio>
-		<div>Value: <span data-testId="value">{{inputValue}}</span></div> 
-	`,
-})
-
-<Canvas>
-	<Story name="Default" play={defaultTest}>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Disabled"
-		play={defaultTest}
-		args={{ disabled: true }}
-		argTypes={{
-			disabled: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Readonly"
-		play={defaultTest}
-		args={{ readonly: true }}
-		argTypes={{
-			readonly: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Invalid"
-		play={defaultTest}
-		args={{
-			invalid: true,
-			invalidLabel: 'You must accept terms and conditions',
-			label: 'Accept terms and conditions',
-		}}
-		argTypes={{
-			invalid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Valid"
-		play={defaultTest}
-		args={{
-			valid: true,
-			validLabel: 'Thank you for accepting terms and conditions',
-			label: 'Accept terms and conditions',
-		}}
-		argTypes={{
-			valid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Hint"
-		play={defaultTest}
-		args={{
-			hintLabel: 'Please accept terms and conditions',
-		}}
-		argTypes={{
-			hintLabel: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/Radio/RadioSlots.stories.mdx

@@ -1,46 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs'
-import VvRadio from '@/components/VvRadio/VvRadio.vue'
-import { defaultTest } from './Radio.test'
-import { defaultArgs, argTypes } from './Radio.settings'
-import { Template } from './Radio.stories.mdx'
-
-<Meta
-	title="Components/Radio/Slots"
-	component={VvRadio}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Default"
-		play={defaultTest}
-		args={{ default: 'Default <em class="italic">slot!</em>' }}
-		argTypes={{
-			default: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Hint"
-		play={defaultTest}
-		args={{ hint: 'Hint <em class="italic">slot!</em>' }}
-		argTypes={{
-			hint: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/RadioGroup/RadioGroup.stories.mdx

@@ -1,135 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs'
-import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
-import { defaultArgs, argTypes } from './RadioGroup.settings'
-import { defaultTest } from './RadioGroup.test'
-
-<Meta
-	title="Components/RadioGroup"
-	component={VvRadioGroup}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-export const Template = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { VvRadioGroup },
-	setup() {
-		return { args }
-	},
-	data: () => ({ inputValue: undefined }),
-	template: /*html*/ `
-		<vv-radio-group v-bind="args" v-model="inputValue" :data-testData="inputValue" data-testId="element">
-			<template #default v-if="args.default"><span v-html="args.default"></span></template>
-			<template #hint v-if="args.hint"><span v-html="args.hint"></span></template>
-		</vv-radio-group>
-		<div>Value: <span data-testId="value">{{inputValue}}</span></div> 
-	`,
-})
-
-<Canvas>
-	<Story name="Default" play={defaultTest}>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Disabled"
-		play={defaultTest}
-		args={{ disabled: true }}
-		argTypes={{
-			disabled: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Readonly"
-		play={defaultTest}
-		args={{ readonly: true }}
-		argTypes={{
-			readonly: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Vertical"
-		play={defaultTest}
-		args={{ vertical: true }}
-		argTypes={{
-			vertical: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Invalid"
-		play={defaultTest}
-		args={{ invalid: true, invalidLabel: 'This field is required.' }}
-		argTypes={{
-			invalid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Valid"
-		play={defaultTest}
-		args={{ valid: true, validLabel: 'Selected response is valid.' }}
-		argTypes={{
-			valid: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Hint"
-		play={defaultTest}
-		args={{ hintLabel: 'Please fill the input above.' }}
-		argTypes={{
-			hint: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>

package/src/stories/RadioGroup/RadioGroupOptions.stories.mdx

@@ -1,100 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs'
-import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
-import { Template } from './RadioGroup.stories.mdx'
-import { defaultArgs, argTypes } from './RadioGroup.settings'
-import { defaultTest } from './RadioGroup.test'
-
-<Meta
-	title="Components/RadioGroup/Options"
-	component={VvRadioGroup}
-	args={defaultArgs}
-	argTypes={argTypes}
-/>
-
-<Canvas>
-	<Story
-		name="Array of Objects"
-		play={defaultTest}
-		argTypes={{
-			options: {
-				...argTypes.options,
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		args={{
-			options: [
-				{ value: 'first', label: 'First' },
-				{ value: 'second', label: 'Second' },
-				{ value: 'third', label: 'Third' },
-			],
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Option label key"
-		play={defaultTest}
-		argTypes={{
-			options: {
-				...argTypes.options,
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		args={{
-			labelKey: 'name',
-			options: [
-				{ value: 'first', name: 'First' },
-				{ value: 'second', name: 'Second' },
-				{ value: 'third', name: 'Third' },
-			],
-		}}
-		argTypes={{
-			labelKey: {
-				control: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>
-
-<Canvas>
-	<Story
-		name="Option value key"
-		play={defaultTest}
-		argTypes={{
-			options: {
-				...argTypes.options,
-				control: {
-					disable: true,
-				},
-			},
-		}}
-		args={{
-			valueKey: 'id',
-			options: [
-				{ id: 'first', label: 'First' },
-				{ id: 'second', label: 'Second' },
-				{ id: 'third', label: 'Third' },
-			],
-		}}
-		argTypes={{
-			options: {
-				valueKey: {
-					disable: true,
-				},
-			},
-		}}
-	>
-		{Template.bind()}
-	</Story>
-</Canvas>