@weni/unnnic-system 1.16.17 → 1.16.19-develop.0

package/src/stories/CardFlow.stories.js

@@ -1,44 +1,44 @@
-import UnnnicCardFlow from '../components/CardFlow/CardFlow.vue';
-
-export default {
-  title: 'card/CardFlow',
-  component: UnnnicCardFlow,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  components: {
-    UnnnicCardFlow,
-  },
-
-  props: Object.keys(argTypes),
-
-  data() {
-    return {
-      v: false,
-    };
-  },
-
-  template: '<div><unnnic-card-flow v-model="v" v-bind="$props"></unnnic-card-flow></div>',
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  title: 'Title',
-  description: 'Description',
-  options: [
-    {
-      name: 'Option 1',
-      value: '10',
-    },
-    {
-      name: 'Option 2',
-      value: '8',
-    },
-    {
-      name: 'Option 3',
-      value: '9',
-    },
-  ],
-};
+import UnnnicCardFlow from '../components/CardFlow/CardFlow.vue';
+
+export default {
+  title: 'card/CardFlow',
+  component: UnnnicCardFlow,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  components: {
+    UnnnicCardFlow,
+  },
+
+  props: Object.keys(argTypes),
+
+  data() {
+    return {
+      v: false,
+    };
+  },
+
+  template: '<div><unnnic-card-flow v-model="v" v-bind="$props"></unnnic-card-flow></div>',
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  title: 'Title',
+  description: 'Description',
+  options: [
+    {
+      name: 'Option 1',
+      value: '10',
+    },
+    {
+      name: 'Option 2',
+      value: '8',
+    },
+    {
+      name: 'Option 3',
+      value: '9',
+    },
+  ],
+};

package/src/stories/CardImage.stories.js

@@ -1,56 +1,56 @@
-import UnnnicCardImage from '../components/CardImage/CardImage.vue';
-import UnnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
-
-export default {
-  title: 'card/CardImage',
-  component: UnnnicCardImage,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  components: {
-    UnnnicCardImage,
-    UnnnicDropdownItem,
-  },
-
-  props: Object.keys(argTypes),
-
-  data() {
-    return {
-      v: false,
-    };
-  },
-
-  template: `<div><pre>v-model: {{ v }}</pre>
-  <unnnic-card-image v-model="v" v-bind="$props">
-  <template slot="actions">
-    <unnnic-dropdown-item>
-      Option 1
-    </unnnic-dropdown-item>
-
-    <unnnic-dropdown-item>
-      Option 2
-    </unnnic-dropdown-item>
-  </template>
-  </unnnic-card-image>
-</div>`,
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  title: 'Title Card',
-  description: 'Last edit',
-  image: 'https://picsum.photos/300/150',
-  data: [{
-    icon: 'graph-stats-1',
-    scheme: 'aux-purple',
-    name: 'Data',
-    value: '00',
-  }, {
-    icon: 'graph-stats-1',
-    scheme: 'aux-purple',
-    name: 'Data',
-    value: '00',
-  }],
-};
+import UnnnicCardImage from '../components/CardImage/CardImage.vue';
+import UnnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
+
+export default {
+  title: 'card/CardImage',
+  component: UnnnicCardImage,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  components: {
+    UnnnicCardImage,
+    UnnnicDropdownItem,
+  },
+
+  props: Object.keys(argTypes),
+
+  data() {
+    return {
+      v: false,
+    };
+  },
+
+  template: `<div><pre>v-model: {{ v }}</pre>
+  <unnnic-card-image v-model="v" v-bind="$props">
+  <template slot="actions">
+    <unnnic-dropdown-item>
+      Option 1
+    </unnnic-dropdown-item>
+
+    <unnnic-dropdown-item>
+      Option 2
+    </unnnic-dropdown-item>
+  </template>
+  </unnnic-card-image>
+</div>`,
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  title: 'Title Card',
+  description: 'Last edit',
+  image: 'https://picsum.photos/300/150',
+  data: [{
+    icon: 'graph-stats-1',
+    scheme: 'aux-purple',
+    name: 'Data',
+    value: '00',
+  }, {
+    icon: 'graph-stats-1',
+    scheme: 'aux-purple',
+    name: 'Data',
+    value: '00',
+  }],
+};

package/src/stories/CardInformation.stories.js

@@ -1,64 +1,64 @@
-import unnnicCardInformation from '../components/CardInformation/CardInformation.vue';
-
-export default {
-  title: 'Card/CardInformation',
-  component: unnnicCardInformation,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicCardInformation,
-  },
-
-  data() {
-    return {};
-  },
-
-  template: `
-    <div>
-      <unnnic-card-information v-bind="$props">
-      </unnnic-card-information>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  name: 'Title Card',
-  subtitle: 'Subtitle',
-  description: 'Description',
-  descriptionRow: 'Description Row',
-  descriptionRowInfo: 'Description Row Info',
-  statuses: [
-    {
-      title: 'AI',
-      icon: 'science-fiction-robot-2',
-      scheme: 'aux-blue',
-      count: 1,
-    },
-    {
-      title: 'Flows',
-      icon: 'hierarchy-3-2',
-      scheme: 'aux-purple',
-      count: 2,
-    },
-    {
-      title: 'Contatos',
-      icon: 'single-neutral-actions-1',
-      scheme: 'aux-lemon',
-      count: 3,
-    },
-    {
-      title: 'Contatos',
-      icon: 'single-neutral-actions-1',
-      scheme: 'aux-lemon',
-      count: 3,
-    },
-  ],
-};
+import unnnicCardInformation from '../components/CardInformation/CardInformation.vue';
+
+export default {
+  title: 'Card/CardInformation',
+  component: unnnicCardInformation,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicCardInformation,
+  },
+
+  data() {
+    return {};
+  },
+
+  template: `
+    <div>
+      <unnnic-card-information v-bind="$props">
+      </unnnic-card-information>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  name: 'Title Card',
+  subtitle: 'Subtitle',
+  description: 'Description',
+  descriptionRow: 'Description Row',
+  descriptionRowInfo: 'Description Row Info',
+  statuses: [
+    {
+      title: 'AI',
+      icon: 'science-fiction-robot-2',
+      scheme: 'aux-blue',
+      count: 1,
+    },
+    {
+      title: 'Flows',
+      icon: 'hierarchy-3-2',
+      scheme: 'aux-purple',
+      count: 2,
+    },
+    {
+      title: 'Contatos',
+      icon: 'single-neutral-actions-1',
+      scheme: 'aux-lemon',
+      count: 3,
+    },
+    {
+      title: 'Contatos',
+      icon: 'single-neutral-actions-1',
+      scheme: 'aux-lemon',
+      count: 3,
+    },
+  ],
+};

package/src/stories/CardNumber.stories.js

@@ -1,35 +1,35 @@
-import unnnicCardNumber from '../components/CardNumber/CardNumber.vue';
-
-export default {
-  title: 'Card/CardNumber',
-  component: unnnicCardNumber,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicCardNumber,
-  },
-
-  data() {
-    return {};
-  },
-
-  template: `
-    <div>
-      <unnnic-card-number v-bind="$props">
-      </unnnic-card-number>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  description: 'Description',
-  number: '00',
-};
+import unnnicCardNumber from '../components/CardNumber/CardNumber.vue';
+
+export default {
+  title: 'Card/CardNumber',
+  component: unnnicCardNumber,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicCardNumber,
+  },
+
+  data() {
+    return {};
+  },
+
+  template: `
+    <div>
+      <unnnic-card-number v-bind="$props">
+      </unnnic-card-number>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  description: 'Description',
+  number: '00',
+};

package/src/stories/CardProject.stories.js

@@ -1,70 +1,70 @@
-import unnnicCardProject from '../components/CardProject/CardProject.vue';
-import unnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
-import unnnicIcon from '../components/Icon.vue';
-
-export default {
-  title: 'Card/CardProject',
-  component: unnnicCardProject,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicCardProject,
-    unnnicDropdownItem,
-    unnnicIcon,
-  },
-
-  data() {
-    return {};
-  },
-
-  template: `
-    <div>
-      <unnnic-card-project v-bind="$props">
-        <template slot="actions">
-          <unnnic-dropdown-item>
-            <unnnic-icon size="sm" icon="cog-1" />
-            Configuração
-          </unnnic-dropdown-item>
-
-          <unnnic-dropdown-item>
-            <unnnic-icon size="sm" icon="single-neutral-actions-1" />
-            Gerenciar membros
-          </unnnic-dropdown-item>
-        </template>
-      </unnnic-card-project>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  name: 'Nome do Projeto',
-  actionText: 'Entrar',
-  statuses: [
-    {
-      title: 'AI',
-      icon: 'science-fiction-robot-2',
-      scheme: 'aux-blue',
-      count: 1,
-    },
-    {
-      title: 'Flows',
-      icon: 'hierarchy-3-2',
-      scheme: 'aux-purple',
-      count: 2,
-    },
-    {
-      title: 'Contatos',
-      icon: 'single-neutral-actions-1',
-      scheme: 'aux-lemon',
-      count: 3,
-    },
-  ],
-};
+import unnnicCardProject from '../components/CardProject/CardProject.vue';
+import unnnicDropdownItem from '../components/Dropdown/DropdownItem.vue';
+import unnnicIcon from '../components/Icon.vue';
+
+export default {
+  title: 'Card/CardProject',
+  component: unnnicCardProject,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicCardProject,
+    unnnicDropdownItem,
+    unnnicIcon,
+  },
+
+  data() {
+    return {};
+  },
+
+  template: `
+    <div>
+      <unnnic-card-project v-bind="$props">
+        <template slot="actions">
+          <unnnic-dropdown-item>
+            <unnnic-icon size="sm" icon="cog-1" />
+            Configuração
+          </unnnic-dropdown-item>
+
+          <unnnic-dropdown-item>
+            <unnnic-icon size="sm" icon="single-neutral-actions-1" />
+            Gerenciar membros
+          </unnnic-dropdown-item>
+        </template>
+      </unnnic-card-project>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  name: 'Nome do Projeto',
+  actionText: 'Entrar',
+  statuses: [
+    {
+      title: 'AI',
+      icon: 'science-fiction-robot-2',
+      scheme: 'aux-blue',
+      count: 1,
+    },
+    {
+      title: 'Flows',
+      icon: 'hierarchy-3-2',
+      scheme: 'aux-purple',
+      count: 2,
+    },
+    {
+      title: 'Contatos',
+      icon: 'single-neutral-actions-1',
+      scheme: 'aux-lemon',
+      count: 3,
+    },
+  ],
+};

package/src/stories/Carousel.stories.js

@@ -1,38 +1,38 @@
-import unnnicCarousel from '../components/Carousel/Carousel.vue';
-import iconList from '../utils/iconList';
-
-export default {
-  title: 'Example/Carousel',
-  component: unnnicCarousel,
-  argTypes: {
-    type: { control: { type: 'select', options: ['brand'] } },
-    icon: { control: { type: 'select', options: iconList } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicCarousel },
-  data() {
-    return {
-      selecteds: [1],
-    };
-  },
-  template: '<div><unnnic-carousel v-model="selecteds" v-bind="$props"/></div>',
-});
-
-export const Tag = Template.bind({});
-Tag.args = {
-  type: 'brand',
-  tagItems: [
-    { id: 1, name: 'tag - 1' },
-    { id: 2, name: 'tag - 2' },
-    { id: 3, name: 'tag - 3' },
-    { id: 4, name: 'tag - 4' },
-    { id: 5, name: 'tag - 5' },
-    { id: 6, name: 'tag - 6' },
-    { id: 7, name: 'tag - 7' },
-    { id: 8, name: 'tag - 8' },
-    { id: 9, name: 'tag - 9' },
-  ],
-};
+import unnnicCarousel from '../components/Carousel/Carousel.vue';
+import iconList from '../utils/iconList';
+
+export default {
+  title: 'Example/Carousel',
+  component: unnnicCarousel,
+  argTypes: {
+    type: { control: { type: 'select', options: ['brand'] } },
+    icon: { control: { type: 'select', options: iconList } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicCarousel },
+  data() {
+    return {
+      selecteds: [1],
+    };
+  },
+  template: '<div><unnnic-carousel v-model="selecteds" v-bind="$props"/></div>',
+});
+
+export const Tag = Template.bind({});
+Tag.args = {
+  type: 'brand',
+  tagItems: [
+    { id: 1, name: 'tag - 1' },
+    { id: 2, name: 'tag - 2' },
+    { id: 3, name: 'tag - 3' },
+    { id: 4, name: 'tag - 4' },
+    { id: 5, name: 'tag - 5' },
+    { id: 6, name: 'tag - 6' },
+    { id: 7, name: 'tag - 7' },
+    { id: 8, name: 'tag - 8' },
+    { id: 9, name: 'tag - 9' },
+  ],
+};