classcard-ui 0.2.1475 → 0.2.1476

package/src/stories/CTabs.stories.js

@@ -1,36 +1,36 @@
-import CTabs from "../components/CTabs/CTabs.vue";
-import CIcon from "../components/CIcon/CIcon.vue";
-import "./utils.css";
-
-export default {
-  title: "CTabs",
-  component: CTabs,
-  subcomponents: { CIcon },
-  argTypes: {
-    tabs: { control: { type: "object" } },
-    initialTab: String,
-    classes: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTabs },
-  template:
-    '<c-tabs v-bind="$props"><template slot="tab-panel-url">url panel</template><template slot="tab-panel-mobile-app">app panel</template><template slot="tab-panel-preferences">preferences panel</template></c-tabs>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  tabs: [
-    { name: "url", text: "Booking URL", count: 10 },
-    { name: "mobile-app", text: "Mobile app" },
-    { name: "preferences", text: "Preferences" },
-    { name: "private", text: "Private classes", count: 5 },
-    { name: "subpages", text: "Subpages" },
-    { name: "marketing", text: "Marketing" },
-    { name: "design", text: "Design" },
-    { name: "productandtechsupport", text: "Product and Tech Support" },
-  ],
-  initialTab: "url",
-};
+import CTabs from "../components/CTabs/CTabs.vue";
+import CIcon from "../components/CIcon/CIcon.vue";
+import "./utils.css";
+
+export default {
+  title: "CTabs",
+  component: CTabs,
+  subcomponents: { CIcon },
+  argTypes: {
+    tabs: { control: { type: "object" } },
+    initialTab: String,
+    classes: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CTabs },
+  template:
+    '<c-tabs v-bind="$props"><template slot="tab-panel-url">url panel</template><template slot="tab-panel-mobile-app">app panel</template><template slot="tab-panel-preferences">preferences panel</template></c-tabs>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  tabs: [
+    { name: "url", text: "Booking URL", count: 10 },
+    { name: "mobile-app", text: "Mobile app" },
+    { name: "preferences", text: "Preferences" },
+    { name: "private", text: "Private classes", count: 5 },
+    { name: "subpages", text: "Subpages" },
+    { name: "marketing", text: "Marketing" },
+    { name: "design", text: "Design" },
+    { name: "productandtechsupport", text: "Product and Tech Support" },
+  ],
+  initialTab: "url",
+};

package/src/stories/CTag.stories.js

@@ -1,37 +1,37 @@
-import CTag from "../components/CTag/CTag.vue";
-import "./utils.css";
-
-export default {
-  title: "CTag",
-  component: CTag,
-  argTypes: {
-    label: String,
-    color: {
-      control: {
-        type: "select",
-        options: ["gray", "red", "yellow", "green", "blue", "purple", "pink", "indigo", "orange", "white"],
-      },
-    },
-    showIcon: Boolean,
-    tagClasses: String,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTag },
-  template: '<c-tag v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Active",
-  color: "green",
-  icon: {
-    name: "newspaper-outline",
-    type: "outline",
-    class: "h-5 w-5 mr-2 text-green-400",
-  },
-  showIcon: true,
-  tagClasses: ""
-};
+import CTag from "../components/CTag/CTag.vue";
+import "./utils.css";
+
+export default {
+  title: "CTag",
+  component: CTag,
+  argTypes: {
+    label: String,
+    color: {
+      control: {
+        type: "select",
+        options: ["gray", "red", "yellow", "green", "blue", "purple", "pink", "indigo", "orange", "white"],
+      },
+    },
+    showIcon: Boolean,
+    tagClasses: String,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CTag },
+  template: '<c-tag v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Active",
+  color: "green",
+  icon: {
+    name: "newspaper-outline",
+    type: "outline",
+    class: "h-5 w-5 mr-2 text-green-400",
+  },
+  showIcon: true,
+  tagClasses: ""
+};

package/src/stories/CTextarea.stories.js

@@ -1,32 +1,32 @@
-import CTextarea from "../components/CTextarea/CTextarea.vue";
-import "./utils.css";
-
-export default {
-  title: "CTextarea",
-  component: CTextarea,
-  argTypes: {
-    label: String,
-    placeholder: String,
-    rows: String,
-    helpText: String,
-    hint: String,
-    isValidate: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTextarea },
-  template: '<c-textarea v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  label: "Name",
-  placeholder: "Enter your name",
-  rows: "3",
-  helpText: "This information is displayed on booking page",
-  hint: "Optional",
-  isValidate: true,
-  disabled: false,
-};
+import CTextarea from "../components/CTextarea/CTextarea.vue";
+import "./utils.css";
+
+export default {
+  title: "CTextarea",
+  component: CTextarea,
+  argTypes: {
+    label: String,
+    placeholder: String,
+    rows: String,
+    helpText: String,
+    hint: String,
+    isValidate: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CTextarea },
+  template: '<c-textarea v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  rows: "3",
+  helpText: "This information is displayed on booking page",
+  hint: "Optional",
+  isValidate: true,
+  disabled: false,
+};

package/src/stories/CTimeline.stories.js

@@ -1,26 +1,26 @@
-import CTimeline from "../components/CTimeline/CTimeline.vue";
-import "./utils.css";
-
-export default {
-  title: "CTimeline",
-  component: CTimeline,
-  argTypes: {
-    statsCount: { control: { type: "object" } },
-    color: { control: { type: 'select', options: ['red', 'yellow', 'green', 'indigo'] } },
-    icon: { control: { type: 'select', options: ['clock', 'calendar', 'user'] } }
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CTimeline },
-  template: '<c-timeline v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  statsCount: [
-  ],
-  color:'red',
-  icon: 'calendar'
-};
+import CTimeline from "../components/CTimeline/CTimeline.vue";
+import "./utils.css";
+
+export default {
+  title: "CTimeline",
+  component: CTimeline,
+  argTypes: {
+    statsCount: { control: { type: "object" } },
+    color: { control: { type: 'select', options: ['red', 'yellow', 'green', 'indigo'] } },
+    icon: { control: { type: 'select', options: ['clock', 'calendar', 'user'] } }
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CTimeline },
+  template: '<c-timeline v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  statsCount: [
+  ],
+  color:'red',
+  icon: 'calendar'
+};

package/src/stories/CToolTip.stories.js

@@ -1,27 +1,27 @@
-import CToolTip from "../components/CToolTip/CToolTip.vue";
-import "./utils.css";
-
-export default {
-  title: "CToolTip",
-  component: CToolTip,
-  argTypes: {
-    classes: String,
-    tooltipText: String,
-    color: String,
-    isTopAligned: Boolean,
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CToolTip },
-  template: '<c-tool-tip v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  classes: "text-white bg-gray-800 w-72",
-  tooltipText: "ToolTipText",
-  color: "#1f2937",
-  isTopAligned: false,
-};
+import CToolTip from "../components/CToolTip/CToolTip.vue";
+import "./utils.css";
+
+export default {
+  title: "CToolTip",
+  component: CToolTip,
+  argTypes: {
+    classes: String,
+    tooltipText: String,
+    color: String,
+    isTopAligned: Boolean,
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CToolTip },
+  template: '<c-tool-tip v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  classes: "text-white bg-gray-800 w-72",
+  tooltipText: "ToolTipText",
+  color: "#1f2937",
+  isTopAligned: false,
+};

package/src/stories/CUpload.stories.js

@@ -1,36 +1,36 @@
-import CUpload from "../components/CUpload/CUpload.vue";
-import "./utils.css";
-
-export default {
-  title: "CUpload",
-  component: CUpload,
-  argTypes: {
-    label: String,
-    hint: String,
-    fileSize: String,
-    isValidate: Boolean,
-    type: {
-      control: {
-        type: "inline-radio",
-        options: ["default", "filestack", "uppload"],
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { CUpload },
-  template: '<c-upload v-bind="$props" />',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  buttonText: "Select File",
-  hint: "Optional",
-  fileSize: "10",
-  isValidate: true,
-  type: "default",
-  filestackApiKey: "",
-  maxFiles: 1,
-};
+import CUpload from "../components/CUpload/CUpload.vue";
+import "./utils.css";
+
+export default {
+  title: "CUpload",
+  component: CUpload,
+  argTypes: {
+    label: String,
+    hint: String,
+    fileSize: String,
+    isValidate: Boolean,
+    type: {
+      control: {
+        type: "inline-radio",
+        options: ["default", "filestack", "uppload"],
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { CUpload },
+  template: '<c-upload v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  buttonText: "Select File",
+  hint: "Optional",
+  fileSize: "10",
+  isValidate: true,
+  type: "default",
+  filestackApiKey: "",
+  maxFiles: 1,
+};