Merge 802c957 into 71456aa

stone-payments · Dec 19, 2018 · 2da30eb · 2da30eb
2 parents 71456aa + 802c957
commit 2da30eb
Show file tree

Hide file tree

Showing 12 changed files with 76 additions and 0 deletions.
diff --git a/storybook/package-lock.json b/storybook/package-lock.json
diff --git a/storybook/package.json b/storybook/package.json
@@ -19,6 +19,7 @@
   },
   "dependencies": {
     "sling-web-component-button": "^1.11.7",
+    "sling-web-component-input": "^1.11.7",
     "vue": "^2.5.21"
   }
 }
diff --git a/...ok/stories/emerald-button/ButtonDanger.js → storybook/stories/button/ButtonDanger.js b/...ok/stories/emerald-button/ButtonDanger.js → storybook/stories/button/ButtonDanger.js
diff --git a/...k/stories/emerald-button/ButtonDefault.js → storybook/stories/button/ButtonDefault.js b/...k/stories/emerald-button/ButtonDefault.js → storybook/stories/button/ButtonDefault.js
diff --git a/.../stories/emerald-button/ButtonDisabled.js → storybook/stories/button/ButtonDisabled.js b/.../stories/emerald-button/ButtonDisabled.js → storybook/stories/button/ButtonDisabled.js
diff --git a/...tories/emerald-button/ButtonExpandable.js → storybook/stories/button/ButtonExpandable.js b/...tories/emerald-button/ButtonExpandable.js → storybook/stories/button/ButtonExpandable.js
diff --git a/...ook/stories/emerald-button/ButtonLight.js → storybook/stories/button/ButtonLight.js b/...ook/stories/emerald-button/ButtonLight.js → storybook/stories/button/ButtonLight.js
diff --git a/...k/stories/emerald-button/ButtonPrimary.js → storybook/stories/button/ButtonPrimary.js b/...k/stories/emerald-button/ButtonPrimary.js → storybook/stories/button/ButtonPrimary.js
diff --git a/...k/stories/emerald-button/ButtonSuccess.js → storybook/stories/button/ButtonSuccess.js b/...k/stories/emerald-button/ButtonSuccess.js → storybook/stories/button/ButtonSuccess.js
diff --git a/.../stories/emerald-button/button.stories.js → storybook/stories/button/button.stories.js b/.../stories/emerald-button/button.stories.js → storybook/stories/button/button.stories.js
diff --git a/storybook/stories/input/Input.js b/storybook/stories/input/Input.js
@@ -0,0 +1,49 @@
+import 'sling-web-component-input'
+
+export default {
+    name: 'storybook-input',
+
+    template: `
+        <div>
+            <h1>Simple label</h1>
+            <sling-input label="Label" placeholder="Placeholder..."></sling-input>
+
+            <h1>Disabled</h1>
+            <sling-input label="Disabled" placeholder="Placeholder..." disabled></sling-input>
+
+            <h1>Success</h1>
+            <sling-input label="Success" placeholder="Placeholder..." validationstatus="success"></sling-input>
+
+            <h1>Warning</h1>
+            <sling-input label="Warning" placeholder="Placeholder..." validationstatus="warning"></sling-input>
+
+            <h1>Error</h1>
+            <sling-input label="Error" placeholder="Placeholder..." validationstatus="error"></sling-input>
+
+            <h1>CNPJ</h1>
+            <sling-input label="CNPJ" placeholder="Placeholder..." type="cnpj"></sling-input>
+
+            <h1>CPF</h1>
+            <sling-input label="CPF" placeholder="Placeholder..." type="cpf"></sling-input>
+
+            <h1>Phone number</h1>
+            <sling-input label="Telefone com DDD" placeholder="(00) 0000-0000" type="phone"></sling-input>
+
+            <h1>Cell phone number</h1>
+            <sling-input label="Celular com DDD" placeholder="(00) 00000-0000" type="phone"></sling-input>
+
+            <h1>Email</h1>
+            <sling-input label="email" placeholder="Placeholder..." type="email"></sling-input>
+
+            <h1>CEP</h1>
+            <sling-input label="cep" placeholder="Placeholder..." type="cep"></sling-input>
+        </div>
+    `,
+
+    methods: {
+        onClick() {
+        this.$emit('click');
+        },
+    },
+
+};
diff --git a/storybook/stories/input/input.stories.js b/storybook/stories/input/input.stories.js
@@ -0,0 +1,11 @@
+import { storiesOf } from '@storybook/vue';
+
+import StorybookInput from './Input';
+
+const stories = storiesOf('Input', module);
+
+stories
+	.add('List of input types', () => ({
+  	components: { StorybookInput },
+  	template: '<storybook-Input />',
+	}));