classcard-ui 0.2.354 → 0.2.357

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.354",
+  "version": "0.2.357",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CAnchorTag/CAnchorTag.vue

@@ -3,7 +3,7 @@
     :href="href"
     :class="`${classes} ${textColor}`"
     class="flex cursor-pointer text-sm hover:underline"
-    @click.prevent="action"
+    @click="(event) => clickAction(event,action)"
     ><c-icon
       v-if="icon"
       :type="icon.type"
@@ -41,6 +41,14 @@ export default {
       default: "blue",
     },
   },
+  methods: {
+    clickAction(event,action) {
+      if(action) {
+        event.preventDefault();
+        action();
+      }
+    }
+  },
   computed: {
     textColor() {
       if (this.color === "red") {

package/src/icons.js

@@ -60,6 +60,7 @@ export default {
   search: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
   "menu-alt-2": "M4 6h16M4 12h16M4 18h7",
   close: "M6 18L18 6M6 6l12 12",
+  "inbox-in": "M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2m-4-1v8m0 0l3-3m-3 3L9 8m-5 5h2.586a1 1 0 01.707.293l2.414 2.414a1 1 0 00.707.293h3.172a1 1 0 00.707-.293l2.414-2.414a1 1 0 01.707-.293H20",
   "plus-circle":
     "M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z",
   trash:
@@ -137,6 +138,8 @@ export default {
     "M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z",
   "mail-solid":
     "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z",
+  "mail-open":
+    "M3 19v-8.93a2 2 0 01.89-1.664l7-4.666a2 2 0 012.22 0l7 4.666A2 2 0 0121 10.07V19M3 19a2 2 0 002 2h14a2 2 0 002-2M3 19l6.75-4.5M21 19l-6.75-4.5M3 10l6.75 4.5M21 10l-6.75 4.5m0 0l-1.14.76a2 2 0 01-2.22 0l-1.14-.76",
   "credit-card-solid":
     "M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z",
   "pause-solid":
@@ -215,4 +218,5 @@ export default {
     "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
   "template":
     "M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z",
-};
+  'cloud-upload-solid':'M5.5 13a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 13H11V9.413l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13H5.5z M9 13h2v5a1 1 0 11-2 0v-5z'
+};

package/src/stories/CAnchorTag.stories.js

@@ -9,6 +9,7 @@ export default {
     href: String,
     icon: { control: { type: "object" } },
     color: { control: { type: "select", options: ["blue", "red"] } },
+    action: Function
   },
 };
 
@@ -18,6 +19,10 @@ const Template = (args, { argTypes }) => ({
   template: '<c-anchor-tag v-bind="$props" />',
 });
 
+const clickAction = () => {
+  console.log("link clicked")
+}
+
 export const Default = Template.bind({});
 Default.args = {
   href: "#",
@@ -27,4 +32,5 @@ Default.args = {
     type: "outline",
   },
   color: "blue",
+  action: clickAction
 };