@avakhula/ui 0.0.74 → 0.0.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/App.vue

@@ -1,12 +1,24 @@
 <template>
   <avatar src="https://placehold.co/600x400"/>
+
+  <alert :showCloseButton="true" @close="test">
+  test
+  </alert>
 </template>
 
 <script>
 import Avatar from "./components/Avatar/Avatar.vue";
+import Alert from "./components/Alert/Alert.vue";
+
 export default {
+  methods: {
+    test() {
+      console.log('close')
+    }
+  },
   components: {
     Avatar,
+    Alert
   },
 };
 </script>

package/src/components/Alert/Alert.vue

@@ -21,7 +21,7 @@
       class="close-button"
       kind="ghost"
       v-if="showCloseButton"
-      :preventDefault="true"
+      :prevent-default="true"
       @click="close"
     >
       <ib-icon class="close-button-icon" name="close-outline" />
@@ -61,6 +61,7 @@ export default {
   },
   methods: {
     close() {
+      console.log('test')
       this.$emit("close");
     },
     checkHeight() {

package/src/components/Form/Checkbox/Checkbox.vue

@@ -71,6 +71,9 @@ export default {
     value: {
       default: 1,
     },
+    modelValue: {
+      type: Boolean,
+    },
     isChecked: {
       type: Boolean,
       default: false,
@@ -102,6 +105,7 @@ export default {
     onChange() {
       this.checked = !this.checked;
       this.$emit("input", this.checked);
+      this.$emit("update:modelValue", this.checked);
     },
   },
   computed: {

package/src/components/Form/Input/constants.js

@@ -1,5 +1,6 @@
 export const inputTypeOptions = {
   text: "text",
   password: "password",
+  email: "email",
   number: "number",
 };

package/src/components/Tooltip/Tooltip.vue

@@ -50,11 +50,6 @@ export default {
     box-shadow: $ib-shadow-2;
   }
 
-  b,
-  p {
-    @include lineClamp;
-  }
-
   b {
     @include Ib-H4-medium;
   }