@farm-investimentos/front-mfe-components 8.7.1 → 9.1.1

package/src/examples/Stepper/StepperHeader.stories.js

@@ -1,99 +0,0 @@
-import { StepperHeader } from '../../main';
-
-const steps = [
-	{ label: 'Solicitação de limite', icon: 'book' },
-	{ label: 'Lista impeditiva', icon: 'monitor' },
-	{ label: 'Lista pré-elegíveis', icon: 'book' },
-	{ label: 'Fila de compliance', icon: 'logout' },
-];
-
-export default {
-	title: 'Examples/Stepper/StepperHeader',
-	component: StepperHeader,
-	parameters: {
-		viewMode: 'docs',
-		docs: {
-			description: {
-				component: `StepperHeader`,
-			},
-		},
-	},
-};
-
-export const Primary = () => ({
-	components: { 'farm-stepper-header': StepperHeader },
-	data() {
-		return {
-			steps,
-			currentStep: 3,
-		};
-	},
-	template: '<farm-stepper-header :steps="steps" :currentStep="currentStep" />',
-});
-
-export const Error = () => ({
-	components: { 'farm-stepper-header': StepperHeader },
-	data() {
-		return {
-			steps,
-			currentStep: 3,
-		};
-	},
-	template:
-		'<farm-stepper-header :steps="steps" :currentStep="currentStep" :errorCurrentStepStatus="true" />',
-});
-
-export const Vertical = () => ({
-	components: { 'farm-stepper-header': StepperHeader },
-	data() {
-		return {
-			steps,
-			currentStep: 3,
-		};
-	},
-	template: '<farm-stepper-header :steps="steps" :currentStep="currentStep" vertical />',
-});
-
-export const VerticalError = () => ({
-	components: { 'farm-stepper-header': StepperHeader },
-	data() {
-		return {
-			steps,
-			currentStep: 3,
-		};
-	},
-	template:
-		'<farm-stepper-header :steps="steps" :currentStep="currentStep" vertical :errorCurrentStepStatus="true" />',
-});
-
-export const Numbers = () => ({
-	components: { 'farm-stepper-header': StepperHeader },
-	data() {
-		return {
-			steps: [
-				{ label: 'Solicitação de limite' },
-				{ label: 'Lista impeditiva' },
-				{ label: 'Lista pré-elegíveis' },
-				{ label: 'Fila de compliance' },
-			],
-			currentStep: 2,
-		};
-	},
-	template: '<farm-stepper-header :steps="steps" :currentStep="currentStep" />',
-});
-
-Primary.story = {
-	name: 'Básico',
-};
-Vertical.story = {
-	name: 'Vertical',
-};
-Error.story = {
-	name: 'Error',
-};
-VerticalError.story = {
-	name: 'Vertical Error',
-};
-Numbers.story = {
-	name: 'Numbers',
-};

package/src/examples/Typography/BodyText.stories.js

@@ -1,58 +0,0 @@
-import { BodyText } from '../../main';
-
-export default {
-	title: 'Examples/Typography/BodyText',
-	component: BodyText,
-	parameters: {
-		docs: {
-			description: {
-				component: `BodyText<br />
-				selector: <em>farm-bodytext</em>
-				`,
-			},
-		},
-		viewMode: 'docs',
-	},
-};
-
-export const Primary = () => ({
-	components: { 'farm-bodytext': BodyText },
-	data() {
-		return {
-			types: [1, 2],
-			variations: ['regular', 'medium', 'bold'],
-		};
-	},
-	template: `<div>
-	<div v-for="type in types" :key="type">
-		<farm-bodytext
-			v-for="variation in variations"
-			:key="variation"
-			:type="type"
-			:variation="variation">
-			BodyText {{ type }} {{ variation }}
-		</farm-bodytext>
-	</div>
-	</div>`,
-});
-
-export const CustomTag = () => ({
-	components: { 'farm-bodytext': BodyText },
-	data() {
-		return {
-			tags: ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li'],
-		};
-	},
-	template: `<div>
-		<farm-bodytext
-			v-for="t in tags"
-			:tag="t"
-			:key="t"
-			:type="1"
-			variation="regular"
-			>
-			BodyText with {{ t }} tag
-		</farm-bodytext>
-	
-	</div>`,
-});

package/src/examples/Typography/Caption.stories.js

@@ -1,55 +0,0 @@
-import { Caption } from '../../main';
-
-export default {
-	title: 'Examples/Typography/Caption',
-	component: Caption,
-	parameters: {
-		docs: {
-			description: {
-				component: `Caption<br />
-				selector: <em>farm-caption</em>
-				`,
-			},
-		},
-		viewMode: 'docs',
-	},
-};
-
-export const Primary = () => ({
-	components: { 'farm-caption': Caption },
-	data() {
-		return {
-			variations: ['regular', 'medium'],
-		};
-	},
-	template: `<div>
-		<farm-caption
-			v-for="variation in variations"
-			:key="variation"
-			:variation="variation">
-			Caption {{ variation }}
-		</farm-caption>
-
-	</div>`,
-});
-
-export const CustomTag = () => ({
-	components: { 'farm-caption': Caption },
-	data() {
-		return {
-			tags: ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li'],
-		};
-	},
-	template: `<div>
-		<farm-caption
-			v-for="t in tags"
-			:tag="t"
-			:key="t"
-			:type="1"
-			variation="regular"
-			>
-			Caption with {{ t }} tag
-		</farm-caption>
-	
-	</div>`,
-});

package/src/examples/Typography/Heading.stories.js

@@ -1,32 +0,0 @@
-import { Heading } from '../../main';
-
-export default {
-	title: 'Examples/Typography/Heading',
-	component: Heading,
-	parameters: {
-		docs: {
-			description: {
-				component: `Heading<br />
-				selector: <em>farm-heading</em>
-				`,
-			},
-		},
-		viewMode: 'docs',
-	},
-};
-
-export const Primary = () => ({
-	components: { 'farm-heading': Heading },
-	data() {
-		return {
-			types: [1, 2, 3, 4, 5, 6],
-		};
-	},
-	template: `<div>
-		<farm-heading v-for="type in types" :key="type" :type="type">
-		Heading {{ type }}
-	</farm-heading>
-	</div>`,
-});
-
-Primary.storyName = 'Basic';

package/src/examples/Typography/Subtitle.stories.js

@@ -1,58 +0,0 @@
-import { Subtitle } from '../../main';
-
-export default {
-	title: 'Examples/Typography/Subtitle',
-	component: Subtitle,
-	parameters: {
-		docs: {
-			description: {
-				component: `Subtitle<br />
-				selector: <em>farm-subtitle</em>
-				`,
-			},
-		},
-		viewMode: 'docs',
-	},
-};
-
-export const Primary = () => ({
-	components: { 'farm-subtitle': Subtitle },
-	data() {
-		return {
-			types: [1, 2],
-			variations: ['regular', 'medium'],
-		};
-	},
-	template: `<div>
-	<template v-for="type in types" :key="type">
-		<farm-subtitle
-			v-for="variation in variations"
-			:key="variation"
-			:type="type"
-			:variation="variation">
-			Subtitle {{ type }} {{ variation }}
-		</farm-subtitle>
-	</template>
-	</div>`,
-});
-
-export const CustomTag = () => ({
-	components: { 'farm-subtitle': Subtitle },
-	data() {
-		return {
-			tags: ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li'],
-		};
-	},
-	template: `<div>
-		<farm-subtitle
-			v-for="t in tags"
-			:tag="t"
-			:key="t"
-			:type="1"
-			variation="regular"
-			>
-			Subtitle with {{ t }} tag
-		</farm-subtitle>
-	
-	</div>`,
-});