classcard-ui 0.2.1506 → 0.2.1508-beta.0

package/src/components/CLinearProgressBar/CLinearProgressBar.vue

@@ -1,35 +1,35 @@
-<template>
-  <div class="flex items-center gap-3">
-    <div
-      :class="'h-1 w-full overflow-hidden rounded-full bg-gray-200 ' + customClasses"
-      role="progressbar"
-      :aria-valuemin="0"
-      :aria-valuemax="max"
-      :aria-valuenow="percentage"
-      :aria-label="ariaLabel"
-    >
-      <div
-        class="h-full origin-left rounded-full transition-transform duration-300"
-        :class="fillColorClass"
-        :style="{ transform: 'scaleX(' + (percentage / max) + ')' }"
-      />
-    </div>
-
-    <span class="text-sm text-gray-500">
-      {{ percentage + "%" }}
-    </span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "CLinearProgressBar",
-  props: {
-    max: { type: Number, default: 100 },
-    ariaLabel: { type: String, default: "Progress" },
-    fillColorClass: { type: String, default: "bg-gray-900" },
-    customClasses: { type: String, default: "" },
-    percentage: { type: Number, default: 0 },
-  },
-};
-</script>
+<template>
+  <div class="flex items-center gap-3">
+    <div
+      :class="'h-1 w-full overflow-hidden rounded-full bg-gray-200 ' + customClasses"
+      role="progressbar"
+      :aria-valuemin="0"
+      :aria-valuemax="max"
+      :aria-valuenow="percentage"
+      :aria-label="ariaLabel"
+    >
+      <div
+        class="h-full origin-left rounded-full transition-transform duration-300"
+        :class="fillColorClass"
+        :style="{ transform: 'scaleX(' + (percentage / max) + ')' }"
+      />
+    </div>
+
+    <span class="text-sm text-gray-500">
+      {{ percentage + "%" }}
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CLinearProgressBar",
+  props: {
+    max: { type: Number, default: 100 },
+    ariaLabel: { type: String, default: "Progress" },
+    fillColorClass: { type: String, default: "bg-gray-900" },
+    customClasses: { type: String, default: "" },
+    percentage: { type: Number, default: 0 },
+  },
+};
+</script>

package/src/components/CLinearProgressBar/index.js

@@ -1,3 +1,3 @@
-import CLinearProgressBar from './CLinearProgressBar.vue'
-
+import CLinearProgressBar from './CLinearProgressBar.vue'
+
 export default CLinearProgressBar

package/src/components/CModalHeading/CModalHeading.vue

@@ -1,22 +1,22 @@
-<template>
-  <div>
-    <div :class="{ 'border-b-2': divider }" class="pb-2 border-gray-200">
-      <h3 class="text-lg leading-6 font-medium text-gray-700">
-        {{ title }}
-      </h3>
-      <p v-if="description" class="max-w-4xl text-sm text-gray-500">
-        {{ description }}
-      </p>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "CModalHeading",
-  props: {
-    title: { type: String, required: true },
-    description: { type: String },
-    divider: { type: Boolean },
-  },
-};
-</script>
+<template>
+  <div>
+    <div :class="{ 'border-b-2': divider }" class="pb-2 border-gray-200">
+      <h3 class="text-lg leading-6 font-medium text-gray-700">
+        {{ title }}
+      </h3>
+      <p v-if="description" class="max-w-4xl text-sm text-gray-500">
+        {{ description }}
+      </p>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "CModalHeading",
+  props: {
+    title: { type: String, required: true },
+    description: { type: String },
+    divider: { type: Boolean },
+  },
+};
+</script>

package/src/components/CModalHeading/index.js

@@ -1,3 +1,3 @@
-import CModalHeading from './CModalHeading.vue'
-
+import CModalHeading from './CModalHeading.vue'
+
 export default CModalHeading

package/src/components/CModuleHelpLinks/CModuleHelpLinks.vue

@@ -1,88 +1,88 @@
-<template>
-  <div>
-    <div
-      v-if="description"
-      class="mt-2 flex flex-col sm:flex-row sm:flex-wrap sm:space-x-6"
-    >
-      <div class="flex items-center text-sm text-gray-500">
-        {{ description }}
-      </div>
-    </div>
-    <div
-      class="mt-1 flex flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6"
-    >
-      <div
-      v-if="helpArticle"
-        :class="['mt-2 flex items-center text-sm text-indigo-600', helpArticleClass]"
-      >
-        <c-icon
-        v-if="helpArticleIcon"
-        :class="helpArticleIcon.class"
-        :name="helpArticleIcon.name"
-        :type="helpArticleIcon.type"
-        :viewBox="helpArticleIcon.viewBox"
-        ></c-icon>
-        <a
-          :href="helpArticle"
-          target="_blank"
-          class="font-medium text-indigo-600 hover:underline"
-        >
-          {{ articleTitle }}
-        </a>
-      </div>
-      <div
-        class="mt-2 flex items-center text-sm text-indigo-600"
-        v-if="helpVideo"
-      >
-        <c-icon
-          class="mr-1.5 h-5 w-5"
-          name="video-camera"
-          type="solid"
-        ></c-icon>
-        <a
-          :href="helpVideo"
-          target="_blank"
-          class="font-medium text-indigo-600 hover:underline"
-        >
-          {{ videoTitle }}
-        </a>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import CIcon from "../CIcon/CIcon.vue";
-export default {
-  name: "CModuleHelpLinks",
-  components: { CIcon },
-  props: {
-    description: { type: String },
-    helpVideo: {
-      type: String,
-    },
-    helpArticle: { type: String },
-    articleTitle: {
-      type: String,
-      default: "How to get started",
-    },
-    videoTitle: {
-      type: String,
-      default: "Watch a video",
-    },
-    helpArticleClass: {
-      type: String,
-    },
-    helpArticleIcon: {
-      type: Object,
-      default: () => ({
-        name: "book-open",
-        type: "solid",
-        class: "mr-1.5 h-5 w-5",
-        viewBox: "0 0 20 20",
-      }),
-    },
-  },
-  methods: {},
-};
-</script>
+<template>
+  <div>
+    <div
+      v-if="description"
+      class="mt-2 flex flex-col sm:flex-row sm:flex-wrap sm:space-x-6"
+    >
+      <div class="flex items-center text-sm text-gray-500">
+        {{ description }}
+      </div>
+    </div>
+    <div
+      class="mt-1 flex flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6"
+    >
+      <div
+      v-if="helpArticle"
+        :class="['mt-2 flex items-center text-sm text-indigo-600', helpArticleClass]"
+      >
+        <c-icon
+        v-if="helpArticleIcon"
+        :class="helpArticleIcon.class"
+        :name="helpArticleIcon.name"
+        :type="helpArticleIcon.type"
+        :viewBox="helpArticleIcon.viewBox"
+        ></c-icon>
+        <a
+          :href="helpArticle"
+          target="_blank"
+          class="font-medium text-indigo-600 hover:underline"
+        >
+          {{ articleTitle }}
+        </a>
+      </div>
+      <div
+        class="mt-2 flex items-center text-sm text-indigo-600"
+        v-if="helpVideo"
+      >
+        <c-icon
+          class="mr-1.5 h-5 w-5"
+          name="video-camera"
+          type="solid"
+        ></c-icon>
+        <a
+          :href="helpVideo"
+          target="_blank"
+          class="font-medium text-indigo-600 hover:underline"
+        >
+          {{ videoTitle }}
+        </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CIcon from "../CIcon/CIcon.vue";
+export default {
+  name: "CModuleHelpLinks",
+  components: { CIcon },
+  props: {
+    description: { type: String },
+    helpVideo: {
+      type: String,
+    },
+    helpArticle: { type: String },
+    articleTitle: {
+      type: String,
+      default: "How to get started",
+    },
+    videoTitle: {
+      type: String,
+      default: "Watch a video",
+    },
+    helpArticleClass: {
+      type: String,
+    },
+    helpArticleIcon: {
+      type: Object,
+      default: () => ({
+        name: "book-open",
+        type: "solid",
+        class: "mr-1.5 h-5 w-5",
+        viewBox: "0 0 20 20",
+      }),
+    },
+  },
+  methods: {},
+};
+</script>

package/src/components/CModuleHelpLinks/index.js

@@ -1,3 +1,3 @@
-import CModuleHelpLinks from "./CModuleHelpLinks.vue";
-
-export default CModuleHelpLinks;
+import CModuleHelpLinks from "./CModuleHelpLinks.vue";
+
+export default CModuleHelpLinks;