classcard-ui 0.2.1475 → 0.2.1476

package/src/stories/CIcon.stories.js

@@ -1,31 +1,31 @@
-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", "mini"],
-      },
-    },
-    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", "mini"],
+      },
+    },
+    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,52 +1,52 @@
-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",
-      disabled: true
-    },
-    {
-      text: "two",
-      isLoading: true,
-    },
-  ],
-  dropdownIcons: [
-    {
-      name: "trash",
-      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
-      type: "solid",
-    },
-    {
-      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
-    },
-  ],
-  icon: {
-    name: "dots-vertical-solid",
-    class: "h-5 w-5 text-gray-400",
-    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",
+      disabled: true
+    },
+    {
+      text: "two",
+      isLoading: true,
+    },
+  ],
+  dropdownIcons: [
+    {
+      name: "trash",
+      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
+      type: "solid",
+    },
+    {
+      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
+    },
+  ],
+  icon: {
+    name: "dots-vertical-solid",
+    class: "h-5 w-5 text-gray-400",
+    type: "solid",
+  },
+};

package/src/stories/CIconSelect.stories.js

@@ -1,45 +1,45 @@
-import CIconSelect from "../components/CIconSelect/CIconSelect.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CIconSelect",
-  component: CIconSelect,
-  subcomponents: { CIcon },
-  argTypes: {
-    items: { control: { type: "object" } },
-    icon: Object,
-    dropdownIcons: { type: Array },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CIconSelect },
-  template: '<c-icon-select v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  items: [
-    {
-      icon: false,
-      text: "English",
-      class: "w-44",
-    },
-    { text: "Arabic" },
-  ],
-  dropdownIcons: [
-    {
-      name: "trash",
-      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
-      type: "solid",
-    },
-  ],
-  icon: {
-    name: "language-outline-v2",
-    class: "h-5 w-5 text-gray-400",
-    type: "outline-v2",
-  },
-  selectedOption: "English",
-};
+import CIconSelect from "../components/CIconSelect/CIconSelect.vue";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CIconSelect",
+  component: CIconSelect,
+  subcomponents: { CIcon },
+  argTypes: {
+    items: { control: { type: "object" } },
+    icon: Object,
+    dropdownIcons: { type: Array },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CIconSelect },
+  template: '<c-icon-select v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  items: [
+    {
+      icon: false,
+      text: "English",
+      class: "w-44",
+    },
+    { text: "Arabic" },
+  ],
+  dropdownIcons: [
+    {
+      name: "trash",
+      class: "mr-3 h-5 w-5 text-gray-400 hover:text-red-500",
+      type: "solid",
+    },
+  ],
+  icon: {
+    name: "language-outline-v2",
+    class: "h-5 w-5 text-gray-400",
+    type: "outline-v2",
+  },
+  selectedOption: "English",
+};

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,48 +1,48 @@
-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: "Grid",
-  tabOptions: [
-    {
-      label: "Grid",
-      showLabel: true,
-      icon: {
-        name: "view-grid-outline",
-        type: "outline",
-        viewBox: "0 0 24 24",
-      },
-    },
-    {
-      label: "Week",
-      showLabel: true,
-      icon: {
-        name: "mini-queue-solid",
-        type: "solid",
-      },
-    },
-    {
-      label: "Schedule",
-      showLabel: true,
-      icon: {
-        name: "view-list-outline",
-        type: "outline",
-        viewBox: "0 0 24 24",
-      },
-    },
-  ],
-};
+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: "Grid",
+  tabOptions: [
+    {
+      label: "Grid",
+      showLabel: true,
+      icon: {
+        name: "view-grid-outline",
+        type: "outline",
+        viewBox: "0 0 24 24",
+      },
+    },
+    {
+      label: "Week",
+      showLabel: true,
+      icon: {
+        name: "mini-queue-solid",
+        type: "solid",
+      },
+    },
+    {
+      label: "Schedule",
+      showLabel: true,
+      icon: {
+        name: "view-list-outline",
+        type: "outline",
+        viewBox: "0 0 24 24",
+      },
+    },
+  ],
+};

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"
+};