classcard-ui 0.2.1069 → 0.2.1071

package/src/stories/CGroupedSelect.stories.js

@@ -1,71 +1,71 @@
-import CGroupedSelect from "../components/CGroupedSelect/CGroupedSelect.vue";
-import "./utils.css";
-
-export default {
-  title: "CGroupedSelect",
-  component: CGroupedSelect,
-  argTypes: {
-    options: Array,
-    label: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CGroupedSelect },
-  template: '<c-grouped-select v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  options: [
-    {
-      id: 0,
-      label: "fees",
-      options: [
-        {
-          id: 11751,
-          label: "Activity - Cricket - Flat Rate",
-          labelExtra: "Something",
-        },
-        {
-          id: 13344,
-          label: "Cricket Kit",
-        },
-        {
-          id: 13407,
-          label: "Sports - Cricket - 60 mins",
-          labelExtra: "Football - extra - 15mins",
-        },
-        {
-          id: 15370,
-          label: "Sports - Cricket - 60 mins",
-        },
-      ],
-    },
-    {
-      id: 1,
-      label: "packages",
-      options: [
-        {
-          id: 15664,
-          label: "Sports Cricket 4 Sessions",
-        },
-        {
-          id: 15663,
-          label: "Sports - Cricket 6 Sessions",
-        },
-      ],
-    },
-    {
-      id: 2,
-      label: "others",
-      options: [],
-    },
-  ],
-  value: {
-    id: 11751,
-    label: "Activity - Cricket - Flat Rate",
-  },
-};
+import CGroupedSelect from "../components/CGroupedSelect/CGroupedSelect.vue";
+import "./utils.css";
+
+export default {
+  title: "CGroupedSelect",
+  component: CGroupedSelect,
+  argTypes: {
+    options: Array,
+    label: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CGroupedSelect },
+  template: '<c-grouped-select v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  options: [
+    {
+      id: 0,
+      label: "fees",
+      options: [
+        {
+          id: 11751,
+          label: "Activity - Cricket - Flat Rate",
+          labelExtra: "Something",
+        },
+        {
+          id: 13344,
+          label: "Cricket Kit",
+        },
+        {
+          id: 13407,
+          label: "Sports - Cricket - 60 mins",
+          labelExtra: "Football - extra - 15mins",
+        },
+        {
+          id: 15370,
+          label: "Sports - Cricket - 60 mins",
+        },
+      ],
+    },
+    {
+      id: 1,
+      label: "packages",
+      options: [
+        {
+          id: 15664,
+          label: "Sports Cricket 4 Sessions",
+        },
+        {
+          id: 15663,
+          label: "Sports - Cricket 6 Sessions",
+        },
+      ],
+    },
+    {
+      id: 2,
+      label: "others",
+      options: [],
+    },
+  ],
+  value: {
+    id: 11751,
+    label: "Activity - Cricket - Flat Rate",
+  },
+};

package/src/stories/CIcon.stories.js

@@ -1,28 +1,28 @@
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CIcon",
-  component: CIcon,
-  argTypes: {
-    name: String,
-    classes: String,
-    type: {
-      control: { type: "select", options: ["solid", "outline", "outline-v2"] },
-    },
-    viewBox: String,
-    dimensions: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CIcon },
-  template: '<c-icon v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  name: "bell",
-  classes: "h-5 w-5",
-};
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CIcon",
+  component: CIcon,
+  argTypes: {
+    name: String,
+    classes: String,
+    type: {
+      control: { type: "select", options: ["solid", "outline", "outline-v2"] },
+    },
+    viewBox: String,
+    dimensions: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CIcon },
+  template: '<c-icon v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  name: "bell",
+  classes: "h-5 w-5",
+};

package/src/stories/CIconDropdown.stories.js

@@ -1,45 +1,45 @@
-import CIconDropdown from "../components/CIconDropdown/CIconDropdown.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CIconDropdown",
-  component: CIconDropdown,
-  subcomponents: { CIcon },
-  argTypes: {
-    items: { control: { type: "object" } },
-    icon: Object,
-    dropdownIcons: { type: Array },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CIconDropdown },
-  template: '<c-icon-dropdown v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    {
-      icon: true,
-      text: "one",
-      action: "alert",
-      class: "hover:bg-red-100 hover:text-red-500 w-56",
-    },
-    { text: "two" },
-  ],
-  dropdownIcons: [
-    {
-      name: "trash",
-      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
-      type: "solid",
-    },
-  ],
-  icon: {
-    name: "dots-vertical-solid",
-    class: "h-5 w-5 text-gray-500",
-    type: "solid",
-  },
-};
+import CIconDropdown from "../components/CIconDropdown/CIconDropdown.vue";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CIconDropdown",
+  component: CIconDropdown,
+  subcomponents: { CIcon },
+  argTypes: {
+    items: { control: { type: "object" } },
+    icon: Object,
+    dropdownIcons: { type: Array },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CIconDropdown },
+  template: '<c-icon-dropdown v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  items: [
+    {
+      icon: true,
+      text: "one",
+      action: "alert",
+      class: "hover:bg-red-100 hover:text-red-500 w-56",
+    },
+    { text: "two" },
+  ],
+  dropdownIcons: [
+    {
+      name: "trash",
+      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
+      type: "solid",
+    },
+  ],
+  icon: {
+    name: "dots-vertical-solid",
+    class: "h-5 w-5 text-gray-500",
+    type: "solid",
+  },
+};

package/src/stories/CInput.stories.js

@@ -1,36 +1,36 @@
-import CInput from "../components/CInput/CInput.vue";
-import "./utils.css";
-
-export default {
-  title: "CInput",
-  component: CInput,
-  argTypes: {
-    label: String,
-    placeholder: String,
-    addon: String,
-    hint: String,
-    helpText: String,
-    isValidate: Boolean,
-    value: String,
-    disabled: Boolean,
-    type: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CInput },
-  template: '<c-input v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  placeholder: "Enter your name",
-  addon: "AED",
-  hint: "Optional",
-  helpText: "Any message",
-  isValidate: true,
-  disabled: true,
-  type: "text",
-};
+import CInput from "../components/CInput/CInput.vue";
+import "./utils.css";
+
+export default {
+  title: "CInput",
+  component: CInput,
+  argTypes: {
+    label: String,
+    placeholder: String,
+    addon: String,
+    hint: String,
+    helpText: String,
+    isValidate: Boolean,
+    value: String,
+    disabled: Boolean,
+    type: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CInput },
+  template: '<c-input v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  addon: "AED",
+  hint: "Optional",
+  helpText: "Any message",
+  isValidate: true,
+  disabled: true,
+  type: "text",
+};

package/src/stories/CInputAddon.stories.js

@@ -1,37 +1,37 @@
-import CInputAddon from "../components/CInputAddon/CInputAddon.vue";
-import "./utils.css";
-
-export default {
-  title: "CInputAddon",
-  component: CInputAddon,
-  argTypes: {
-    addonType: {
-      control: { type: "select", options: ["leading", "trailing"] },
-    },
-    helpTextColor: {
-      control: { type: "select", options: ["gray", "red", "green"] },
-    },
-    disabled: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CInputAddon },
-  template: '<c-input-addon v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  placeholder: "Enter your name",
-  addon: "AED",
-  hint: "Optional",
-  helpText: "Any message",
-  isValidate: true,
-  addonType: "leading",
-  helpTextColor: "gray",
-  inlineAddon: false,
-  disabled: true,
-  inputType: "text",
-};
+import CInputAddon from "../components/CInputAddon/CInputAddon.vue";
+import "./utils.css";
+
+export default {
+  title: "CInputAddon",
+  component: CInputAddon,
+  argTypes: {
+    addonType: {
+      control: { type: "select", options: ["leading", "trailing"] },
+    },
+    helpTextColor: {
+      control: { type: "select", options: ["gray", "red", "green"] },
+    },
+    disabled: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CInputAddon },
+  template: '<c-input-addon v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  addon: "AED",
+  hint: "Optional",
+  helpText: "Any message",
+  isValidate: true,
+  addonType: "leading",
+  helpTextColor: "gray",
+  inlineAddon: false,
+  disabled: true,
+  inputType: "text",
+};

package/src/stories/CInputEmail.stories.js

@@ -1,27 +1,27 @@
-import CInputEmail from '../components/CInputEmail/CInputEmail.vue';
-import './utils.css'
-
-export default {
-  title: 'CInputEmail',
-  component: CInputEmail,
-  argTypes: {
-    label: String,
-    placeholder: String,
-    hint:String,
-    helpText: String
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CInputEmail },
-  template: '<c-input-email v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
- label: 'Email',
- placeholder: 'Enter email address',
- hint:'Optional',
- helpText: 'Any message'
-};
+import CInputEmail from '../components/CInputEmail/CInputEmail.vue';
+import './utils.css'
+
+export default {
+  title: 'CInputEmail',
+  component: CInputEmail,
+  argTypes: {
+    label: String,
+    placeholder: String,
+    hint:String,
+    helpText: String
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CInputEmail },
+  template: '<c-input-email v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+ label: 'Email',
+ placeholder: 'Enter email address',
+ hint:'Optional',
+ helpText: 'Any message'
+};

package/src/stories/CInsetTabs.stories.js

@@ -1,38 +1,38 @@
-import CInsetTabs from "../components/CInsetTabs/CInsetTabs.vue";
-
-export default {
-  title: "CInsetTabs",
-  components: CInsetTabs,
-  argTypes: {
-    currentTab: String,
-    tabOptions: Array,
-  },
-};
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CInsetTabs },
-  template: '<c-inset-tabs v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  currentTab: "Dates",
-  tabOptions: [
-    {
-      label: "Dates",
-      icon: {
-        type: "solid",
-        name: "calendar-solid",
-        viewBox: "0 0 20 20",
-      },
-    },
-    {
-      label: "Days",
-      icon: {
-        type: "solid",
-        name: "calendar-solid",
-        viewBox: "0 0 20 20",
-      },
-    },
-  ],
-};
+import CInsetTabs from "../components/CInsetTabs/CInsetTabs.vue";
+
+export default {
+  title: "CInsetTabs",
+  components: CInsetTabs,
+  argTypes: {
+    currentTab: String,
+    tabOptions: Array,
+  },
+};
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CInsetTabs },
+  template: '<c-inset-tabs v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  currentTab: "Dates",
+  tabOptions: [
+    {
+      label: "Dates",
+      icon: {
+        type: "solid",
+        name: "calendar-solid",
+        viewBox: "0 0 20 20",
+      },
+    },
+    {
+      label: "Days",
+      icon: {
+        type: "solid",
+        name: "calendar-solid",
+        viewBox: "0 0 20 20",
+      },
+    },
+  ],
+};

package/src/stories/CModalHeading.stories.js

@@ -1,25 +1,25 @@
-import CModalHeading from "../components/CModalHeading/CModalHeading.vue";
-import "./utils.css";
-
-export default {
-  title: "CModalHeading",
-  component: CModalHeading,
-  argTypes: {
-    title: String,
-    description: String,
-    divider: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CModalHeading },
-  template: '<c-modal-heading v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  title: "Includes",
-  description: "Add subjects to include them in the package",
-  divider: false,
-};
+import CModalHeading from "../components/CModalHeading/CModalHeading.vue";
+import "./utils.css";
+
+export default {
+  title: "CModalHeading",
+  component: CModalHeading,
+  argTypes: {
+    title: String,
+    description: String,
+    divider: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CModalHeading },
+  template: '<c-modal-heading v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  title: "Includes",
+  description: "Add subjects to include them in the package",
+  divider: false,
+};

package/src/stories/CModuleHelpLinks.stories.js

@@ -1,25 +1,25 @@
-import CModuleHelpLinks from "../components/CModuleHelpLinks/CModuleHelpLinks.vue";
-import "./utils.css";
-
-export default {
-  title: "CModuleHelpLinks",
-  component: CModuleHelpLinks,
-  argTypes: {
-    description: String,
-    helpVideo: String,
-    helpArticle: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CModuleHelpLinks },
-  template: '<c-module-help-links v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  description: "pp",
-  helpArticle: "iop",
-  helpVideo: "gueue",
-};
+import CModuleHelpLinks from "../components/CModuleHelpLinks/CModuleHelpLinks.vue";
+import "./utils.css";
+
+export default {
+  title: "CModuleHelpLinks",
+  component: CModuleHelpLinks,
+  argTypes: {
+    description: String,
+    helpVideo: String,
+    helpArticle: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CModuleHelpLinks },
+  template: '<c-module-help-links v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  description: "pp",
+  helpArticle: "iop",
+  helpVideo: "gueue",
+};