@avakhula/ui 0.0.503 → 0.0.505-alpha.10

package/package.json

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

package/src/components/Button/button.scss

@@ -216,6 +216,7 @@ $disabled-btn-color: $neutral-500;
     &:disabled {
       background: $disabled-btn-background;
       color: $disabled-btn-color;
+      cursor: auto;
     }
   }
 }

package/src/components/Dropdown/DropdownItem.vue

@@ -38,7 +38,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import "../../assets/scss/mixins/dropdown-list-item.scss";
 @include DropdownListItem;
 

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

@@ -118,6 +118,8 @@ export default {
   },
   methods: {
     onChange(e) {
+      if (this.disabled) return;
+
       if (this.readonly) {
         e.preventDefault();
         return;

package/src/components/Form/Label/Label.vue

@@ -9,18 +9,17 @@
       class="info-button"
       kind="ghost"
       type="button"
+      v-tooltip:[tooltipPosition]="infoText"
     >
       <ib-icon name="information-circle-outline" />
-
-      <ib-tooltip :text="infoText" :position="tooltipPosition"></ib-tooltip>
     </ib-icon-button>
   </label>
 </template>
 
 <script>
 import IbIconButton from "../../IconButton/IconButton.vue";
-import IbTooltip from "../../Tooltip/Tooltip.vue";
 import IbIcon from "../../Icon.vue";
+import { TooltipDirective as Tooltip } from "../../../directives/tooltip/tooltip";
 
 export default {
   name: "IbLabel",
@@ -68,7 +67,9 @@ export default {
   components: {
     IbIconButton,
     IbIcon,
-    IbTooltip,
+  },
+  directives: {
+    Tooltip,
   },
 };
 </script>
@@ -109,6 +110,8 @@ export default {
   .info-button {
     display: inline-block;
     margin-left: 3px;
+    position: relative;
+
     .ib-icon {
       color: $gray-600;
       font-size: 16px;

package/src/components/Popover/Popover.vue

@@ -33,10 +33,10 @@ export default {
       this.parentNode = this.$el.parentNode;
 
       if (!this.alwaysVisible) {
-        this.parentNode.addEventListener("focus", this.showPopover, true);
-        this.parentNode.addEventListener("blur", this.hidePopover, true);
-        this.parentNode.addEventListener("mouseover", this.showPopover);
-        this.parentNode.addEventListener("mouseleave", this.hidePopover);
+        this.parentNode?.addEventListener("focus", this.showPopover, true);
+        this.parentNode?.addEventListener("blur", this.hidePopover, true);
+        this.parentNode?.addEventListener("mouseover", this.showPopover);
+        this.parentNode?.addEventListener("mouseleave", this.hidePopover);
       }
     });
   },

package/src/index.js

@@ -38,6 +38,8 @@ export { default as IbToggle } from "./components/Form/Toggle/Toggle.vue";
 export { default as IbTextarea } from "./components/Form/Textarea/Textarea.vue";
 export { default as IbTreeSelect } from "./components/TreeSelect/Select.vue";
 export { default as IbDatePicker } from "./components/Form/DatePicker/DatePicker.vue";
+export { default as IbPhoneInput } from "./components/Form/PhoneInput/PhoneInput.vue";
+export { default as IbTextEditor } from "./components/Form/TextEditor/TextEditor.vue";
 
 // Table
 export { default as IbTable } from "./components/Table/Table.vue";