classcard-ui 0.2.985 → 0.2.986

package/src/stories/CBreadcrumbs.stories.js

@@ -1,24 +1,24 @@
-import CBreadcrumbs from "../components/CBreadcrumbs/CBreadcrumbs.vue";
-import "./utils.css";
-
-export default {
-  title: "CBreadcrumbs",
-  component: CBreadcrumbs,
-  argTypes: {
-    navObject: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CBreadcrumbs },
-  template: '<c-breadcrumbs v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  navObject: [
-    { href: "#", label: "Students" },
-    { href: "#", label: "Alkama" },
-  ],
-};
+import CBreadcrumbs from "../components/CBreadcrumbs/CBreadcrumbs.vue";
+import "./utils.css";
+
+export default {
+  title: "CBreadcrumbs",
+  component: CBreadcrumbs,
+  argTypes: {
+    navObject: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CBreadcrumbs },
+  template: '<c-breadcrumbs v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  navObject: [
+    { href: "#", label: "Students" },
+    { href: "#", label: "Alkama" },
+  ],
+};

package/src/stories/CButton.stories.js

@@ -1,47 +1,47 @@
-import CButton from "../components/CButton/CButton.vue";
-import "./utils.css";
-
-export default {
-  title: "CButton",
-  component: CButton,
-  argTypes: {
-    type: {
-      control: {
-        type: "select",
-        options: [
-          "primary",
-          "secondary",
-          "white",
-          "danger",
-          "success",
-          "tertiary",
-          "secondary-gray",
-          "light-red",
-          "dark-blue",
-          "secondary-success",
-          "yellow",
-        ],
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButton },
-  template: '<c-button @onClick="onClick" v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  isLoading: false,
-  label: "Button",
-  type: "primary",
-  icon: {
-    name: "check",
-    type: "solid",
-    class: "h-5 w-5",
-    viewBox: "0 0 24 24",
-  },
-  customClasses: "",
-};
+import CButton from "../components/CButton/CButton.vue";
+import "./utils.css";
+
+export default {
+  title: "CButton",
+  component: CButton,
+  argTypes: {
+    type: {
+      control: {
+        type: "select",
+        options: [
+          "primary",
+          "secondary",
+          "white",
+          "danger",
+          "success",
+          "tertiary",
+          "secondary-gray",
+          "light-red",
+          "dark-blue",
+          "secondary-success",
+          "yellow",
+        ],
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButton },
+  template: '<c-button @onClick="onClick" v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  isLoading: false,
+  label: "Button",
+  type: "primary",
+  icon: {
+    name: "check",
+    type: "solid",
+    class: "h-5 w-5",
+    viewBox: "0 0 24 24",
+  },
+  customClasses: "",
+};

package/src/stories/CButtonGroup.stories.js

@@ -1,33 +1,33 @@
-import CButtonGroup from "../components/CButtonGroup/CButtonGroup.vue";
-import "./utils.css";
-
-export default {
-  title: "CButtonGroup",
-  component: CButtonGroup,
-  argTypes: {
-    buttonObject: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonGroup },
-  template: '<c-button-group v-bind="$props" />',
-});
-
-const consoleIt = () => {
-  console.log("onclick fired")
-}
-
-const consoleOut = () => {
-  console.log("focus lost")
-}
-
-export const Default = Template.bind({});
-Default.args = {
-  buttonObject: [
-    { icon: "bookmark", label: "Students", value:'students', onClickAction: consoleIt, blurAction: consoleOut },
-    { icon: "chat", label: "Alkama", value:'alkama'},
-    { icon: "bookmark", label: "Attendance", value:'attendance' },
-  ],
-};
+import CButtonGroup from "../components/CButtonGroup/CButtonGroup.vue";
+import "./utils.css";
+
+export default {
+  title: "CButtonGroup",
+  component: CButtonGroup,
+  argTypes: {
+    buttonObject: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonGroup },
+  template: '<c-button-group v-bind="$props" />',
+});
+
+const consoleIt = () => {
+  console.log("onclick fired")
+}
+
+const consoleOut = () => {
+  console.log("focus lost")
+}
+
+export const Default = Template.bind({});
+Default.args = {
+  buttonObject: [
+    { icon: "bookmark", label: "Students", value:'students', onClickAction: consoleIt, blurAction: consoleOut },
+    { icon: "chat", label: "Alkama", value:'alkama'},
+    { icon: "bookmark", label: "Attendance", value:'attendance' },
+  ],
+};

package/src/stories/CButtonIcon.stories.js

@@ -1,27 +1,27 @@
-import CButtonIcon from '../components/CButtonIcon/CButtonIcon.vue';
-import './utils.css'
-
-export default {
-  title: 'CButtonIcon',
-  component: CButtonIcon,
-  argTypes: {
-    type: { control: { type: 'select', options: ['primary', 'secondary', 'white', 'danger', 'success', 'tertiary', 'secondary-gray', 'rounded-hover'] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonIcon },
-  template: '<c-button-icon @onClick="onClick" v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  isLoading: false,
-  type: 'primary',
-  icon: {
-    name: 'check',
-    type: 'solid',
-    class: 'h-5 w-5'
-  }
-};
+import CButtonIcon from '../components/CButtonIcon/CButtonIcon.vue';
+import './utils.css'
+
+export default {
+  title: 'CButtonIcon',
+  component: CButtonIcon,
+  argTypes: {
+    type: { control: { type: 'select', options: ['primary', 'secondary', 'white', 'danger', 'success', 'tertiary', 'secondary-gray', 'rounded-hover'] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonIcon },
+  template: '<c-button-icon @onClick="onClick" v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  isLoading: false,
+  type: 'primary',
+  icon: {
+    name: 'check',
+    type: 'solid',
+    class: 'h-5 w-5'
+  }
+};

package/src/stories/CButtonLink.stories.js

@@ -1,24 +1,24 @@
-import CButtonLink from "../components/CButtonLink/CButtonLink.vue";
-import "./utils.css";
-
-export default {
-  title: "CButtonLink",
-  component: CButtonLink,
-  argTypes: {
-    label: String,
-    image: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonLink },
-  template: '<c-button-link v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  isLoading: false,
-  label: "Button",
-  image: null,
-};
+import CButtonLink from "../components/CButtonLink/CButtonLink.vue";
+import "./utils.css";
+
+export default {
+  title: "CButtonLink",
+  component: CButtonLink,
+  argTypes: {
+    label: String,
+    image: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonLink },
+  template: '<c-button-link v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  isLoading: false,
+  label: "Button",
+  image: null,
+};

package/src/stories/CButtonSelect.stories.js

@@ -1,41 +1,41 @@
-import CButtonSelect from "../components/CButtonSelect/CButtonSelect.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CButtonSelect",
-  component: CButtonSelect,
-  subcomponents: { CIcon },
-  argTypes: {
-    type: {
-      control: {
-        type: "select",
-        options: [
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "white-rounded-right",
-        ],
-      },
-    },
-    items: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonSelect },
-  template: '<c-button-select v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    { icon: "check", text: "one", action: "first", iconType: "solid" },
-    { icon: "check", text: "two", action: "second", iconType: "solid" },
-  ],
-  type: "primary",
-  label: "Button",
-  isLoading: false,
-};
+import CButtonSelect from "../components/CButtonSelect/CButtonSelect.vue";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CButtonSelect",
+  component: CButtonSelect,
+  subcomponents: { CIcon },
+  argTypes: {
+    type: {
+      control: {
+        type: "select",
+        options: [
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "white-rounded-right",
+        ],
+      },
+    },
+    items: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonSelect },
+  template: '<c-button-select v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  items: [
+    { icon: "check", text: "one", action: "first", iconType: "solid" },
+    { icon: "check", text: "two", action: "second", iconType: "solid" },
+  ],
+  type: "primary",
+  label: "Button",
+  isLoading: false,
+};

package/src/stories/CButtonSelectBorder.stories.js

@@ -1,48 +1,48 @@
-import CButtonSelectBorder from "../components/CButtonSelectBorder";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CButtonSelectBorder",
-  component: CButtonSelectBorder,
-  subcomponents: { CIcon },
-  argTypes: {
-    type: {
-      control: {
-        type: "select",
-        options: [
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "white-rounded-right",
-        ],
-      },
-    },
-    items: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonSelectBorder },
-  template: '<c-button-select-border v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    { icon: "check", text: "one", action: "first", iconType: "solid" },
-    { icon: "check", text: "one", action: "first", iconType: "solid" },
-    { hasNoData: true },
-    { icon: "check", text: "one", action: "first", iconType: "solid" },
-    { hasNoData: true },
-    { icon: "check", text: "two", action: "second", iconType: "solid" },
-    { hasNoData: true },
-    { icon: "check", text: "two", action: "second", iconType: "solid" },
-    { icon: "check", text: "two", action: "second", iconType: "solid" },
-  ],
-  type: "primary",
-  label: "Button",
-  isLoading: false,
-};
+import CButtonSelectBorder from "../components/CButtonSelectBorder";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CButtonSelectBorder",
+  component: CButtonSelectBorder,
+  subcomponents: { CIcon },
+  argTypes: {
+    type: {
+      control: {
+        type: "select",
+        options: [
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "white-rounded-right",
+        ],
+      },
+    },
+    items: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonSelectBorder },
+  template: '<c-button-select-border v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  items: [
+    { icon: "check", text: "one", action: "first", iconType: "solid" },
+    { icon: "check", text: "one", action: "first", iconType: "solid" },
+    { hasNoData: true },
+    { icon: "check", text: "one", action: "first", iconType: "solid" },
+    { hasNoData: true },
+    { icon: "check", text: "two", action: "second", iconType: "solid" },
+    { hasNoData: true },
+    { icon: "check", text: "two", action: "second", iconType: "solid" },
+    { icon: "check", text: "two", action: "second", iconType: "solid" },
+  ],
+  type: "primary",
+  label: "Button",
+  isLoading: false,
+};

package/src/stories/CButtonWithDropdown.stories.js

@@ -1,41 +1,41 @@
-import CButtonWithDropdown from "../components/CButtonWithDropdown/CButtonWithDropdown.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CButtonWithDropdown",
-  component: CButtonWithDropdown,
-  subcomponents: { CIcon },
-  argTypes: {
-    type: {
-      control: {
-        type: "select",
-        options: [
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "light-green",
-          "light-red",
-        ],
-      },
-    },
-    items: { control: { type: "object" } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CButtonWithDropdown },
-  template: '<c-button-with-dropdown v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    { text: "one", value: "one" },
-    { text: "two", value: "two" },
-  ],
-  //   type: 'primary',
-  label: "Button",
-};
+import CButtonWithDropdown from "../components/CButtonWithDropdown/CButtonWithDropdown.vue";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CButtonWithDropdown",
+  component: CButtonWithDropdown,
+  subcomponents: { CIcon },
+  argTypes: {
+    type: {
+      control: {
+        type: "select",
+        options: [
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "light-green",
+          "light-red",
+        ],
+      },
+    },
+    items: { control: { type: "object" } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CButtonWithDropdown },
+  template: '<c-button-with-dropdown v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  items: [
+    { text: "one", value: "one" },
+    { text: "two", value: "two" },
+  ],
+  //   type: 'primary',
+  label: "Button",
+};

package/src/stories/CCalendar.stories.js

@@ -1,16 +1,16 @@
-import { CCalendar } from "../components";
-import "./utils.css";
-
-export default {
-  title: "CCalendar",
-  component: CCalendar,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CCalendar },
-  template: '<c-calendar v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
+import { CCalendar } from "../components";
+import "./utils.css";
+
+export default {
+  title: "CCalendar",
+  component: CCalendar,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CCalendar },
+  template: '<c-calendar v-bind="$props" />',
+});
+
+export const Default = Template.bind({});

package/src/stories/CCard.stories.js

@@ -1,30 +1,30 @@
-import CCard from "../components/CCard/CCard.vue";
-import "./utils.css";
-
-export default {
-  title: "CCard",
-  component: CCard,
-  argTypes: {
-    image: Object,
-    name: String,
-    description: String
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CCard },
-  template: '<c-card v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  image: {
-    size: "small",
-    rounded: false,
-    image:
-    "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=ukDMP4XEnx&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
-  },
-  name: "Alkama",
-  description: 'Video'
-};
+import CCard from "../components/CCard/CCard.vue";
+import "./utils.css";
+
+export default {
+  title: "CCard",
+  component: CCard,
+  argTypes: {
+    image: Object,
+    name: String,
+    description: String
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CCard },
+  template: '<c-card v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  image: {
+    size: "small",
+    rounded: false,
+    image:
+    "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=ukDMP4XEnx&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
+  },
+  name: "Alkama",
+  description: 'Video'
+};