classcard-ui 0.2.1462 → 0.2.1464

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,49 +1,49 @@
-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",
-          "delete-button",
-          "white-plain",
-        ],
-      },
-    },
-  },
-};
-
-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",
+          "delete-button",
+          "white-plain",
+        ],
+      },
+    },
+  },
+};
+
+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,43 +1,43 @@
-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: 'chevron-left',
-      value: 'previous',
-      onClickAction: consoleIt,
-    },
-    { icon: "bookmark", label: "Students", value:'students', onClickAction: consoleIt, blurAction: consoleOut },
-    { icon: "chat", label: "Alkama", value:'alkama'},
-    { icon: "bookmark", label: "Attendance", value:'attendance' },
-    {
-      icon: 'chevron-right',
-      value: 'next',
-      onClickAction: consoleIt,
-    },
-  ],
-};
+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: 'chevron-left',
+      value: 'previous',
+      onClickAction: consoleIt,
+    },
+    { icon: "bookmark", label: "Students", value:'students', onClickAction: consoleIt, blurAction: consoleOut },
+    { icon: "chat", label: "Alkama", value:'alkama'},
+    { icon: "bookmark", label: "Attendance", value:'attendance' },
+    {
+      icon: 'chevron-right',
+      value: 'next',
+      onClickAction: consoleIt,
+    },
+  ],
+};

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', 'dark-blue', 'white-plain'] } },
-  },
-};
-
-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', 'dark-blue', 'white-plain'] } },
+  },
+};
+
+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,44 +1,44 @@
-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",
-          "dark-blue",
-          "white",
-          "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", iconClass: "text-gray-400" },
-    { icon: "check", text: "two", action: "second", iconType: "solid", iconClass: "text-gray-400", isDisabled: true },
-    { icon: "check", text: "three", action: "third", iconType: "solid", iconClass: "text-gray-400", iconViewBox: "0 0 24 24" },
-  ],
-  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",
+          "dark-blue",
+          "white",
+          "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", iconClass: "text-gray-400" },
+    { icon: "check", text: "two", action: "second", iconType: "solid", iconClass: "text-gray-400", isDisabled: true },
+    { icon: "check", text: "three", action: "third", iconType: "solid", iconClass: "text-gray-400", iconViewBox: "0 0 24 24" },
+  ],
+  type: "primary",
+  label: "Button",
+  isLoading: false,
+};

package/src/stories/CButtonSelectBorder.stories.js

@@ -1,56 +1,56 @@
-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",
-          "white-rounded-right",
-          "dark-blue",
-          "white-plain"
-        ],
-      },
-    },
-    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,
-  labelIcon: {
-    name: "check",
-    type: "solid",
-    class: "mr-2 h-5 w-5 text-gray-400",
-  },
-};
+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",
+          "white-rounded-right",
+          "dark-blue",
+          "white-plain"
+        ],
+      },
+    },
+    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,
+  labelIcon: {
+    name: "check",
+    type: "solid",
+    class: "mr-2 h-5 w-5 text-gray-400",
+  },
+};

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({});