@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2084.0

package/dist/bundled/v2/components/OrIconButtonV2/OrIconButtonV2.js

@@ -0,0 +1,165 @@
+import { defineComponent } from 'vue-demi';
+import __vue_component__$3 from '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import { I as ICON_BUTTON_TYPE, H as HTML_BUTTON_TYPE, b as BUTTON_SIZE, a as BUTTON_COLOR } from '../../constants-c5d1139f.js';
+import { _ as __vue_component__$1 } from '../../OrIcon-bb0cf737.js';
+import { _ as __vue_component__$2 } from '../../OrLoader-003941a2.js';
+import { O as OrFloatingPlacements } from '../../OrFloating-7a3e6fdd.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+import '../OrTooltip/OrTooltip.js';
+import 'lodash';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue2/OrTeleportVue2.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
+import '../../px-to-rem-0b26b83e.js';
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: __vue_component__$1,
+    OrLoader: __vue_component__$2,
+    OrTooltipWrapper: __vue_component__$3
+  },
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: null
+    },
+    iconColor: {
+      type: String,
+      default: null
+    },
+    bgColor: {
+      type: String,
+      default: null
+    },
+    type: {
+      type: String,
+      default: ICON_BUTTON_TYPE.ICON
+    },
+    htmlButtonType: {
+      type: String,
+      default: HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    },
+    isLoading: Boolean,
+    isDisabled: Boolean,
+    size: {
+      type: String,
+      default: BUTTON_SIZE.DEFAULT
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  computed: {
+    buttonClasses() {
+      var _a;
+      return {
+        [(_a = this.color) !== null && _a !== void 0 ? _a : BUTTON_COLOR.PRIMARY]: true,
+        [this.type]: true,
+        [`is-${this.iconColor}-icon-color`]: !!this.iconColor,
+        [`is-${this.bgColor}-bg-color`]: !!this.bgColor,
+        [`size-${this.size}`]: true,
+        loading: this.isLoading,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  watch: {
+    color: {
+      handler(val) {
+        if (!val) return;
+        console.warn('OrIconButton color is being deprecated, consider using iconColor and bgColor.');
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "or-icon-button-root"
+  }, [_c('or-tooltip-wrapper', {
+    attrs: {
+      "tooltip-text": _vm.tooltipText,
+      "tooltip-placement": _vm.tooltipPlacement
+    }
+  }, [_c('button', {
+    staticClass: "or-icon-button",
+    class: _vm.buttonClasses,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    },
+    on: {
+      "click": _vm.handleButtonClick,
+      "focus": function ($event) {
+        return _vm.$emit('focus', $event);
+      },
+      "blur": function ($event) {
+        return _vm.$emit('blur', $event);
+      }
+    }
+  }, [_vm.isLoading ? _c('or-loader') : _vm._e(), _vm._v(" "), !_vm.isLoading ? _vm._t("default", function () {
+    return [_c('or-icon', {
+      attrs: {
+        "icon": _vm.icon
+      }
+    })];
+  }) : _vm._e()], 2)])], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-8726c7ae_0", {
+    source: "@keyframes spinAround-data-v-8726c7ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8726c7ae{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-8726c7ae]{--or-icon-button-font-size:1.25rem;--or-icon-button-loader-size:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:0 0;border:none;outline:0}.or-icon-button-root[data-v-8726c7ae]{display:inline-flex;width:fit-content;height:fit-content}.or-icon-button.disabled[data-v-8726c7ae]{cursor:not-allowed}.or-icon-button.loading[data-v-8726c7ae]{cursor:progress}.or-icon-button.size-small[data-v-8726c7ae]{--or-icon-button-size:1.75rem;--or-icon-button-font-size:0.875rem;--or-icon-button-loader-size:0.875rem;min-width:auto}.or-icon-button.icon[data-v-8726c7ae]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-8726c7ae]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-8726c7ae]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-8726c7ae]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-8726c7ae],.or-icon-button.icon.primary.loading[data-v-8726c7ae]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.primary.loading[data-v-8726c7ae]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-8726c7ae]{color:var(--c-success)}.or-icon-button.icon.success[data-v-8726c7ae]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-8726c7ae]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-8726c7ae],.or-icon-button.icon.success.loading[data-v-8726c7ae]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.success.loading[data-v-8726c7ae]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-8726c7ae]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-8726c7ae]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-8726c7ae]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-8726c7ae],.or-icon-button.icon.warning.loading[data-v-8726c7ae]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.warning.loading[data-v-8726c7ae]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-8726c7ae]{color:var(--c-error)}.or-icon-button.icon.error[data-v-8726c7ae]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-8726c7ae]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-8726c7ae],.or-icon-button.icon.error.loading[data-v-8726c7ae]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.error.loading[data-v-8726c7ae]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-0.loading[data-v-8726c7ae]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-3.loading[data-v-8726c7ae]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-4.loading[data-v-8726c7ae]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-5.loading[data-v-8726c7ae]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-6.loading[data-v-8726c7ae]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-8726c7ae]{width:var(--or-icon-button-size);height:var(--or-icon-button-size);border-radius:var(--or-icon-button-size);box-shadow:0 1px 2px 0 rgba(0,0,0,.2);color:var(--c-white)}.or-icon-button.floating[data-v-8726c7ae]:not(.size-small){--or-icon-button-font-size:1.5rem;--or-icon-button-loader-size:1.25rem;--or-icon-button-size:3.5rem}.or-icon-button.floating[data-v-8726c7ae]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-8726c7ae]::after,.or-icon-button.floating[data-v-8726c7ae]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-8726c7ae]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.primary[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.primary.disabled[data-v-8726c7ae],.or-icon-button.floating.primary.loading[data-v-8726c7ae]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-8726c7ae]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.success[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.success.disabled[data-v-8726c7ae],.or-icon-button.floating.success.loading[data-v-8726c7ae]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-8726c7ae]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.warning[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.warning.disabled[data-v-8726c7ae],.or-icon-button.floating.warning.loading[data-v-8726c7ae]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-8726c7ae]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.error[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.error.disabled[data-v-8726c7ae],.or-icon-button.floating.error.loading[data-v-8726c7ae]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-8726c7ae]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-0[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-0.disabled[data-v-8726c7ae],.or-icon-button.floating.neutral-0.loading[data-v-8726c7ae]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-8726c7ae]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-3[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-3.disabled[data-v-8726c7ae],.or-icon-button.floating.neutral-3.loading[data-v-8726c7ae]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-8726c7ae]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-4[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-4.disabled[data-v-8726c7ae],.or-icon-button.floating.neutral-4.loading[data-v-8726c7ae]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-8726c7ae]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-5[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-5.disabled[data-v-8726c7ae],.or-icon-button.floating.neutral-5.loading[data-v-8726c7ae]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-8726c7ae]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-6[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-6.disabled[data-v-8726c7ae],.or-icon-button.floating.neutral-6.loading[data-v-8726c7ae]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-8726c7ae]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-primary-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-primary-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-primary-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-8726c7ae]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-success-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-success-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-success-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-8726c7ae]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-warning-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-warning-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-warning-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-8726c7ae]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-error-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-error-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-error-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-0-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-3-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-4-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-5-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-6-bg-color.disabled[data-v-8726c7ae],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-primary-icon-color.loading[data-v-8726c7ae]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-success-icon-color.loading[data-v-8726c7ae]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-warning-icon-color.loading[data-v-8726c7ae]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-error-icon-color.loading[data-v-8726c7ae]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-0-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-3-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-4-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-5-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-6-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-8726c7ae]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-8726c7ae";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrIconButtonV2/index.d.ts

@@ -0,0 +1 @@
+export { default as OrIconButton } from './OrIconButton.vue';

package/dist/bundled/v2/components/OrIconButtonV2/index.js

@@ -0,0 +1,18 @@
+export { default as OrIconButton } from './OrIconButtonV2.js';
+import 'vue-demi';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import 'lodash';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
+import '../../OrFloating-7a3e6fdd.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue2/OrTeleportVue2.js';
+import 'portal-vue/dist/portal-vue.esm.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../../OrLoader-003941a2.js';

package/dist/bundled/v2/components/{OrIconButton/OrIconButton.js → OrIconButtonV3/OrIconButtonV3.js}

@@ -1,15 +1,15 @@
-export { _ as default } from '../../OrIconButton-cf05263d.js';
+export { _ as default } from '../../OrIconButton-6fd136ab.js';
 import '../../normalize-component-6e8e3d80.js';
 import 'vue-demi';
 import '../../OrIcon-8dcb2a6e.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrIconButtonV3/index.js

@@ -1,15 +1,15 @@
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-cf05263d.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../../OrIconButton-6fd136ab.js';
 import 'vue-demi';
 import '../../OrIcon-8dcb2a6e.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrIconV3/OrIconV3.js

@@ -0,0 +1,4 @@
+export { _ as default } from '../../OrIcon-8dcb2a6e.js';
+import '../../normalize-component-6e8e3d80.js';
+import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';

package/dist/bundled/v2/components/{OrInlineInput/OrInlineInput.js → OrInlineInputV3/OrInlineInputV3.js}

@@ -1,19 +1,19 @@
-export { _ as default } from '../../OrInlineInput-cea08e41.js';
+export { _ as default } from '../../OrInlineInput-c54cc6c5.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
 import 'vue-demi';
-import '../OrError/OrError.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../useClassAttribute-47fdb016.js';
-import '../OrHint/OrHint.js';
-import '../../OrIconButton-cf05263d.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrIconButton-6fd136ab.js';
 import '../../OrIcon-8dcb2a6e.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -1,19 +1,19 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-cea08e41.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-c54cc6c5.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-ade412e4.js';
 import 'vue-demi';
-import '../OrError/OrError.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../OrHint/OrHint.js';
-import '../../OrIconButton-cf05263d.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrIconButton-6fd136ab.js';
 import '../../OrIcon-8dcb2a6e.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,22 +1,22 @@
-export { _ as default } from '../../OrInlineTextEdit-0764ee64.js';
+export { _ as default } from '../../OrInlineTextEdit-7be0ed05.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrError-9c32e442.js';
-import '../../OrIconButton-05c25d9d.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip-cf20df81.js';
+import '../OrError/OrError.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
-import '../../OrLoader-16a453c4.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
+import '../../OrLoader-003941a2.js';

package/dist/bundled/v2/components/OrInlineTextEdit/index.js

@@ -1,22 +1,22 @@
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../../OrInlineTextEdit-0764ee64.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../../OrInlineTextEdit-7be0ed05.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrCollapse/OrCollapse.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
-import '../../OrError-9c32e442.js';
-import '../../OrIconButton-05c25d9d.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip-cf20df81.js';
+import '../OrError/OrError.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
-import '../../OrLoader-16a453c4.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
+import '../../OrLoader-003941a2.js';

package/dist/bundled/v2/components/{OrInlineTextarea/OrInlineTextarea.js → OrInlineTextareaV3/OrInlineTextareaV3.js}

@@ -1,19 +1,19 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue-demi';
-import __vue_component__$1 from '../OrError/OrError.js';
-import __vue_component__$2 from '../OrHint/OrHint.js';
-import { _ as __vue_component__$3 } from '../../OrIconButton-cf05263d.js';
+import __vue_component__$1 from '../OrErrorV3/OrErrorV3.js';
+import __vue_component__$2 from '../OrHintV3/OrHintV3.js';
+import { _ as __vue_component__$3 } from '../../OrIconButton-6fd136ab.js';
 import { _ as __vue_component__$4 } from '../../OrInlineInputBox-ade412e4.js';
 import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 import '../../OrIcon-8dcb2a6e.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/index.js

@@ -1,18 +1,18 @@
-export { default as OrInlineTextareaV3 } from '../OrInlineTextarea/OrInlineTextarea.js';
+export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3.js';
 import 'vue-demi';
-import '../OrError/OrError.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../OrHint/OrHint.js';
-import '../../OrIconButton-cf05263d.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrIconButton-6fd136ab.js';
 import '../../OrIcon-8dcb2a6e.js';
-import '../OrTooltip/OrTooltip.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

package/dist/bundled/v2/components/OrInput/OrInput.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { p as pxToRem } from '../../px-to-rem-0b26b83e.js';
-import { s as setStyle, r as requestAF, a as getCS, b as reflow, d as cancelAF } from '../../dom-ba0fb2e2.js';
-import { O as OrLabel } from '../../OrLabel-0574b639.js';
-import { O as OrHint } from '../../OrHint-4b5e2e20.js';
-import { O as OrError } from '../../OrError-9c32e442.js';
-import __vue_component__$1 from '../OrCollapse/OrCollapse.js';
+import { s as setStyle, r as requestAF, a as getCS, b as reflow, c as cancelAF } from '../../dom-28f5f62a.js';
+import __vue_component__$1 from '../OrLabel/OrLabel.js';
+import __vue_component__$2 from '../OrHint/OrHint.js';
+import __vue_component__$3 from '../OrError/OrError.js';
+import __vue_component__$4 from '../OrCollapse/OrCollapse.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 import 'lodash';
@@ -12,10 +12,10 @@ import 'lodash';
 var script = defineComponent({
   name: 'OrInput',
   components: {
-    OrLabel,
-    OrHint,
-    OrError,
-    OrCollapse: __vue_component__$1
+    OrLabel: __vue_component__$1,
+    OrHint: __vue_component__$2,
+    OrError: __vue_component__$3,
+    OrCollapse: __vue_component__$4
   },
   model: {
     prop: 'modelValue',

package/dist/bundled/v2/components/OrInputV3/OrInputV3.js

@@ -0,0 +1,21 @@
+export { _ as default } from '../../OrInput-90e09980.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../browser-82dea9ed.js';
+import 'vue-demi';
+import '../OrErrorV3/OrErrorV3.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrIcon-8dcb2a6e.js';
+import '../../OrIconButton-6fd136ab.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '@vueuse/core';
+import '../../OrPopover-021897c6.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
+import 'portal-vue';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrInputBox-9e202d87.js';
+import '../../OrLabel-53f23ecb.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1,19 +1,19 @@
-export { I as InputType, O as OrInputV3 } from '../../OrInput-ad5f47e0.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-90e09980.js';
 export { I as InputSize } from '../../OrInputBox-9e202d87.js';
 import 'vue-demi';
-import '../OrError/OrError.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../OrHint/OrHint.js';
+import '../OrHintV3/OrHintV3.js';
 import '../../OrIcon-8dcb2a6e.js';
-import '../../OrIconButton-cf05263d.js';
-import '../OrTooltip/OrTooltip.js';
+import '../../OrIconButton-6fd136ab.js';
+import '../OrTooltipV3/OrTooltipV3.js';
 import '@vueuse/core';
-import '../../OrPopover-f03a8230.js';
+import '../../OrPopover-021897c6.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrTeleport.vue2/OrTeleport.vue2.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import 'portal-vue';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';