classcard-ui 0.2.1477 → 0.2.1480

package/src/stories/CStackedList.stories.js

@@ -1,37 +1,37 @@
-import CStackedList from "../components/CStackedList/CStackedList.vue";
-import "./utils.css";
-
-export default {
-  title: "CStackedList",
-  component: CStackedList,
-  argTypes: {
-    listItems: { control: { type: "object" } },
-    divider: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CStackedList },
-  template: '<c-stacked-list v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  listItems: [
-    {
-      image:
-        "https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80",
-      heading: "Maths-Level1",
-      tagLabel: "test",
-      tagColor: "green",
-      description: "calvin.hawkins@example.com",
-      size: "medium",
-      rounded: false,
-      tag: true,
-      collapse: true,
-      listIcon: true,
-    },
-  ],
-  divider: true,
-};
+import CStackedList from "../components/CStackedList/CStackedList.vue";
+import "./utils.css";
+
+export default {
+  title: "CStackedList",
+  component: CStackedList,
+  argTypes: {
+    listItems: { control: { type: "object" } },
+    divider: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CStackedList },
+  template: '<c-stacked-list v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  listItems: [
+    {
+      image:
+        "https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80",
+      heading: "Maths-Level1",
+      tagLabel: "test",
+      tagColor: "green",
+      description: "calvin.hawkins@example.com",
+      size: "medium",
+      rounded: false,
+      tag: true,
+      collapse: true,
+      listIcon: true,
+    },
+  ],
+  divider: true,
+};

package/src/stories/CStats.stories.js

@@ -1,53 +1,53 @@
-import CStats from "../components/CStats/CStats.vue";
-import "./utils.css";
-
-export default {
-  title: "CStats",
-  component: CStats,
-  argTypes: {
-    statsCount: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CStats },
-  template: '<c-stats v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  statsCount: [
-    {
-      label: "Invoiced",
-      totalCount: "52145",
-      number: 4,
-      icon: { name: "check", type: "solid", class: "h-5 w-5" },
-      tag: {
-        label: "+10",
-        color: "green",
-        icon: {
-          name: "arrow-down-solid-v2",
-          type: "solid",
-          class: "h-5 w-5 text-green-500",
-          viewBox: "0 0 24 24",
-        },
-      },
-      days: "Last 7 days",
-      icon: {
-        name: "information-circle",
-        type: "solid",
-        class: "h-5 w-5 shrink-0 text-gray-400 hover:text-gray-500",
-        cursorType: "cursor-pointer",
-      },
-      toolTip: {
-        showToolTip: true,
-        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
-        classes: "bottom-6",
-      },
-    },
-    { label: "Partially paid", totalCount: "66145", number: 2 },
-    { label: "Paid", totalCount: "88845", number: 4 },
-    // { label: "Overdue", totalCount: "$14545", number: 2 },
-  ],
-};
+import CStats from "../components/CStats/CStats.vue";
+import "./utils.css";
+
+export default {
+  title: "CStats",
+  component: CStats,
+  argTypes: {
+    statsCount: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CStats },
+  template: '<c-stats v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  statsCount: [
+    {
+      label: "Invoiced",
+      totalCount: "52145",
+      number: 4,
+      icon: { name: "check", type: "solid", class: "h-5 w-5" },
+      tag: {
+        label: "+10",
+        color: "green",
+        icon: {
+          name: "arrow-down-solid-v2",
+          type: "solid",
+          class: "h-5 w-5 text-green-500",
+          viewBox: "0 0 24 24",
+        },
+      },
+      days: "Last 7 days",
+      icon: {
+        name: "information-circle",
+        type: "solid",
+        class: "h-5 w-5 shrink-0 text-gray-400 hover:text-gray-500",
+        cursorType: "cursor-pointer",
+      },
+      toolTip: {
+        showToolTip: true,
+        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+        classes: "bottom-6",
+      },
+    },
+    { label: "Partially paid", totalCount: "66145", number: 2 },
+    { label: "Paid", totalCount: "88845", number: 4 },
+    // { label: "Overdue", totalCount: "$14545", number: 2 },
+  ],
+};

package/src/stories/CSwitch.stories.js

@@ -1,28 +1,28 @@
-import CSwitch from "../components/CSwitch/CSwitch.vue";
-import "./utils.css";
-
-export default {
-  title: "CSwitch",
-  component: CSwitch,
-  argTypes: {
-    label: String,
-    description: String,
-    classes: String,
-    value: Boolean,
-    disabled: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CSwitch },
-  template: '<c-switch v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  description: "Nulla amet tempus sit accumsan. Aliquet turpis sed sit lacinia.",
-  value: 1,
-  direction: "left",
-};
+import CSwitch from "../components/CSwitch/CSwitch.vue";
+import "./utils.css";
+
+export default {
+  title: "CSwitch",
+  component: CSwitch,
+  argTypes: {
+    label: String,
+    description: String,
+    classes: String,
+    value: Boolean,
+    disabled: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CSwitch },
+  template: '<c-switch v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Name",
+  description: "Nulla amet tempus sit accumsan. Aliquet turpis sed sit lacinia.",
+  value: 1,
+  direction: "left",
+};

package/src/stories/CTabLazy.stories.js

@@ -1,42 +1,42 @@
-import CTabLazy from "../components/CTabLazy/CTabLazy.vue";
-
-import "./utils.css";
-
-export default {
-  title: "CTabLazy",
-  component: CTabLazy,
-  argTypes: {
-    tabs: { control: { type: "object" } },
-    currentTabComponent: String,
-    data: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTabLazy },
-  template: '<c-tab-lazy v-bind="$props"/>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  tabs: [
-    {
-      key: "tab1",
-      label: "Tab 1",
-      count: 7,
-    },
-    {
-      key: "tab2",
-      label: "Tab 2",
-      count: 3,
-    },
-    {
-      key: "tab3",
-      label: "Tab 3",
-      count: 3,
-    },
-  ],
-  currentTabComponent: "defualt",
-  data: { array: [1, 2, 3] },
-};
+import CTabLazy from "../components/CTabLazy/CTabLazy.vue";
+
+import "./utils.css";
+
+export default {
+  title: "CTabLazy",
+  component: CTabLazy,
+  argTypes: {
+    tabs: { control: { type: "object" } },
+    currentTabComponent: String,
+    data: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CTabLazy },
+  template: '<c-tab-lazy v-bind="$props"/>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  tabs: [
+    {
+      key: "tab1",
+      label: "Tab 1",
+      count: 7,
+    },
+    {
+      key: "tab2",
+      label: "Tab 2",
+      count: 3,
+    },
+    {
+      key: "tab3",
+      label: "Tab 3",
+      count: 3,
+    },
+  ],
+  currentTabComponent: "defualt",
+  data: { array: [1, 2, 3] },
+};