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

package/dist/esm/v3/OrIconButton-7a793cf2.js

@@ -0,0 +1,214 @@
+import { defineComponent, isVue3, h } from 'vue-demi';
+import { s as script$3 } from './OrIcon-e23028f8.js';
+import { s as script$4 } from './OrLoader-15174477.js';
+import { s as script$2 } from './OrTooltip-121eae2b.js';
+import { O as OrFloatingPlacements } from './OrFloating-3da814a2.js';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+var ICON_BUTTON_TYPE;
+(function (ICON_BUTTON_TYPE) {
+  ICON_BUTTON_TYPE["ICON"] = "icon";
+  ICON_BUTTON_TYPE["FLOATING"] = "floating";
+})(ICON_BUTTON_TYPE || (ICON_BUTTON_TYPE = {}));
+var BUTTON_TYPE;
+(function (BUTTON_TYPE) {
+  BUTTON_TYPE["CONTAINED"] = "contained";
+  BUTTON_TYPE["OUTLINE"] = "outline";
+  BUTTON_TYPE["OUTLINED"] = "outlined";
+  BUTTON_TYPE["TEXT"] = "text";
+  BUTTON_TYPE["INLINE"] = "inline";
+})(BUTTON_TYPE || (BUTTON_TYPE = {}));
+var HTML_BUTTON_TYPE;
+(function (HTML_BUTTON_TYPE) {
+  HTML_BUTTON_TYPE["BUTTON"] = "button";
+  HTML_BUTTON_TYPE["SUBMIT"] = "submit";
+  HTML_BUTTON_TYPE["RESET"] = "reset";
+})(HTML_BUTTON_TYPE || (HTML_BUTTON_TYPE = {}));
+var BUTTON_SIZE;
+(function (BUTTON_SIZE) {
+  BUTTON_SIZE["DEFAULT"] = "default";
+  BUTTON_SIZE["SMALL"] = "small";
+})(BUTTON_SIZE || (BUTTON_SIZE = {}));
+var BUTTON_LOADER_TYPE;
+(function (BUTTON_LOADER_TYPE) {
+  BUTTON_LOADER_TYPE["DEFAULT"] = "default";
+  BUTTON_LOADER_TYPE["TEXT"] = "text";
+})(BUTTON_LOADER_TYPE || (BUTTON_LOADER_TYPE = {}));
+var BUTTON_COLOR;
+(function (BUTTON_COLOR) {
+  BUTTON_COLOR["PRIMARY"] = "primary";
+  BUTTON_COLOR["SUCCESS"] = "success";
+  BUTTON_COLOR["WARNING"] = "warning";
+  BUTTON_COLOR["ERROR"] = "error";
+  BUTTON_COLOR["NEUTRAL_0"] = "neutral-0";
+  BUTTON_COLOR["NEUTRAL_3"] = "neutral-3";
+  BUTTON_COLOR["NEUTRAL_4"] = "neutral-4";
+  BUTTON_COLOR["NEUTRAL_5"] = "neutral-5";
+  BUTTON_COLOR["NEUTRAL_6"] = "neutral-6";
+})(BUTTON_COLOR || (BUTTON_COLOR = {}));
+
+/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
+var script$1 = defineComponent({
+  props: {
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    }
+  },
+  ...(isVue3 ? {
+    setup(props, {
+      slots
+    }) {
+      const content = slots.default;
+      if (!props.tooltipText) {
+        return content;
+      }
+      const tooltipProps = {
+        content: props.tooltipText,
+        placement: props.tooltipPlacement
+      };
+      return () => h(script$2, tooltipProps, content);
+    }
+  } : {
+    render() {
+      const content = this.$slots.default;
+      if (!this.tooltipText) {
+        return content;
+      }
+      const props = {
+        content: this.$props.tooltipText,
+        placement: this.$props.tooltipPlacement
+      };
+      return h(script$2, {
+        props
+      }, content);
+    }
+  })
+});
+
+script$1.__file = "src/components/or-button-v2/OrTooltipWrapper.vue";
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: script$3,
+    OrLoader: script$4,
+    OrTooltipWrapper: script$1
+  },
+  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);
+      }
+    }
+  }
+});
+
+const _hoisted_1 = {
+  class: "or-icon-button-root"
+};
+const _hoisted_2 = ["disabled", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_loader = resolveComponent("or-loader");
+  const _component_or_icon = resolveComponent("or-icon");
+  const _component_or_tooltip_wrapper = resolveComponent("or-tooltip-wrapper");
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_or_tooltip_wrapper, {
+    "tooltip-text": _ctx.tooltipText,
+    "tooltip-placement": _ctx.tooltipPlacement
+  }, {
+    default: withCtx(() => [createElementVNode("button", {
+      class: normalizeClass(["or-icon-button", _ctx.buttonClasses]),
+      disabled: _ctx.isDisabled,
+      type: _ctx.htmlButtonType,
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
+      onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+    }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
+      key: 0
+    })) : createCommentVNode("v-if", true), !_ctx.isLoading ? renderSlot(_ctx.$slots, "default", {
+      key: 1
+    }, () => [createVNode(_component_or_icon, {
+      icon: _ctx.icon
+    }, null, 8 /* PROPS */, ["icon"])]) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2)]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["tooltip-text", "tooltip-placement"])]);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-94138700 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-94138700 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/** \"Contained\" and \"Floating Icon\" buttons have the same color scheme  */\n/** \"Outline\" button has some styles copy-pasted from \"Contained\" button */\n/** \"Text\", \"Inline\" and \"Icon\" buttons have the same color scheme */\n.or-icon-button[data-v-94138700] {\n  --or-icon-button-font-size: 1.25rem;\n  --or-icon-button-loader-size: 1.25rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-icon-button-root[data-v-94138700] {\n  display: inline-flex;\n  width: fit-content;\n  height: fit-content;\n}\n.or-icon-button.disabled[data-v-94138700] {\n  cursor: not-allowed;\n}\n.or-icon-button.loading[data-v-94138700] {\n  cursor: progress;\n}\n.or-icon-button.size-small[data-v-94138700] {\n  --or-icon-button-size: 1.75rem;\n  --or-icon-button-font-size: 0.875rem;\n  --or-icon-button-loader-size: 0.875rem;\n  min-width: auto;\n}\n.or-icon-button.icon[data-v-94138700] .or-icon {\n  font-size: var(--or-icon-button-font-size);\n}\n.or-icon-button.icon.primary[data-v-94138700] {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary[data-v-94138700] .or-icon {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-20);\n}\n.or-icon-button.icon.primary[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-20);\n}\n.or-icon-button.icon.primary[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-25);\n}\n.or-icon-button.icon.primary[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-25);\n}\n.or-icon-button.icon.primary .or-loader[data-v-94138700]::after {\n  color: var(--c-primary);\n}\n.or-icon-button.icon.primary.disabled[data-v-94138700], .or-icon-button.icon.primary.loading[data-v-94138700] {\n  color: var(--c-primary-lighten-20);\n}\n.or-icon-button.icon.primary.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.primary.loading[data-v-94138700] .or-icon {\n  color: var(--c-primary-lighten-20);\n}\n.or-icon-button.icon.success[data-v-94138700] {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success[data-v-94138700] .or-icon {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-20);\n}\n.or-icon-button.icon.success[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-20);\n}\n.or-icon-button.icon.success[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-25);\n}\n.or-icon-button.icon.success[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-25);\n}\n.or-icon-button.icon.success .or-loader[data-v-94138700]::after {\n  color: var(--c-success);\n}\n.or-icon-button.icon.success.disabled[data-v-94138700], .or-icon-button.icon.success.loading[data-v-94138700] {\n  color: var(--c-success-lighten-20);\n}\n.or-icon-button.icon.success.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.success.loading[data-v-94138700] .or-icon {\n  color: var(--c-success-lighten-20);\n}\n.or-icon-button.icon.warning[data-v-94138700] {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning[data-v-94138700] .or-icon {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-20);\n}\n.or-icon-button.icon.warning[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-20);\n}\n.or-icon-button.icon.warning[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-25);\n}\n.or-icon-button.icon.warning[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-25);\n}\n.or-icon-button.icon.warning .or-loader[data-v-94138700]::after {\n  color: var(--c-warning);\n}\n.or-icon-button.icon.warning.disabled[data-v-94138700], .or-icon-button.icon.warning.loading[data-v-94138700] {\n  color: var(--c-warning-lighten-20);\n}\n.or-icon-button.icon.warning.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.warning.loading[data-v-94138700] .or-icon {\n  color: var(--c-warning-lighten-20);\n}\n.or-icon-button.icon.error[data-v-94138700] {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error[data-v-94138700] .or-icon {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-20);\n}\n.or-icon-button.icon.error[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-20);\n}\n.or-icon-button.icon.error[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-25);\n}\n.or-icon-button.icon.error[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-25);\n}\n.or-icon-button.icon.error .or-loader[data-v-94138700]::after {\n  color: var(--c-error);\n}\n.or-icon-button.icon.error.disabled[data-v-94138700], .or-icon-button.icon.error.loading[data-v-94138700] {\n  color: var(--c-error-lighten-20);\n}\n.or-icon-button.icon.error.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.error.loading[data-v-94138700] .or-icon {\n  color: var(--c-error-lighten-20);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700] {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700] .or-icon {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-icon-button.icon.neutral-0[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-icon-button.icon.neutral-0 .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-0);\n}\n.or-icon-button.icon.neutral-0.disabled[data-v-94138700], .or-icon-button.icon.neutral-0.loading[data-v-94138700] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.icon.neutral-0.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.neutral-0.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700] {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700] .or-icon {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-icon-button.icon.neutral-3[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-icon-button.icon.neutral-3 .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-3);\n}\n.or-icon-button.icon.neutral-3.disabled[data-v-94138700], .or-icon-button.icon.neutral-3.loading[data-v-94138700] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.icon.neutral-3.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.neutral-3.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700] {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700] .or-icon {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-icon-button.icon.neutral-4[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-icon-button.icon.neutral-4 .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-4);\n}\n.or-icon-button.icon.neutral-4.disabled[data-v-94138700], .or-icon-button.icon.neutral-4.loading[data-v-94138700] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.icon.neutral-4.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.neutral-4.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700] {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700] .or-icon {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-icon-button.icon.neutral-5[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-icon-button.icon.neutral-5 .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-5);\n}\n.or-icon-button.icon.neutral-5.disabled[data-v-94138700], .or-icon-button.icon.neutral-5.loading[data-v-94138700] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.icon.neutral-5.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.neutral-5.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700] {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700] .or-icon {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-icon-button.icon.neutral-6[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-icon-button.icon.neutral-6 .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-6);\n}\n.or-icon-button.icon.neutral-6.disabled[data-v-94138700], .or-icon-button.icon.neutral-6.loading[data-v-94138700] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.icon.neutral-6.disabled[data-v-94138700] .or-icon, .or-icon-button.icon.neutral-6.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.floating[data-v-94138700] {\n  width: var(--or-icon-button-size);\n  height: var(--or-icon-button-size);\n  border-radius: var(--or-icon-button-size);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  color: var(--c-white);\n}\n.or-icon-button.floating[data-v-94138700]:not(.size-small) {\n  --or-icon-button-font-size: 1.5rem;\n  --or-icon-button-loader-size: 1.25rem;\n  --or-icon-button-size: 3.5rem;\n}\n.or-icon-button.floating[data-v-94138700] .or-icon {\n  font-size: var(--or-icon-button-font-size);\n}\n.or-icon-button.floating .or-loader[data-v-94138700]::after,\n.or-icon-button.floating[data-v-94138700] .or-icon {\n  color: var(--c-white);\n}\n.or-icon-button.floating.primary[data-v-94138700] {\n  background-color: var(--c-primary);\n}\n.or-icon-button.floating.primary[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.primary[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.primary.disabled[data-v-94138700], .or-icon-button.floating.primary.loading[data-v-94138700] {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-icon-button.floating.success[data-v-94138700] {\n  background-color: var(--c-success);\n}\n.or-icon-button.floating.success[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.success[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.success.disabled[data-v-94138700], .or-icon-button.floating.success.loading[data-v-94138700] {\n  background-color: var(--c-success-lighten-20);\n}\n.or-icon-button.floating.warning[data-v-94138700] {\n  background-color: var(--c-warning);\n}\n.or-icon-button.floating.warning[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.warning[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.warning.disabled[data-v-94138700], .or-icon-button.floating.warning.loading[data-v-94138700] {\n  background-color: var(--c-warning-lighten-20);\n}\n.or-icon-button.floating.error[data-v-94138700] {\n  background-color: var(--c-error);\n}\n.or-icon-button.floating.error[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.error[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.error.disabled[data-v-94138700], .or-icon-button.floating.error.loading[data-v-94138700] {\n  background-color: var(--c-error-lighten-20);\n}\n.or-icon-button.floating.neutral-0[data-v-94138700] {\n  background-color: var(--c-neutral-0);\n}\n.or-icon-button.floating.neutral-0[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-0[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-0.disabled[data-v-94138700], .or-icon-button.floating.neutral-0.loading[data-v-94138700] {\n  background-color: var(--c-neutral-0-lighten-20);\n}\n.or-icon-button.floating.neutral-3[data-v-94138700] {\n  background-color: var(--c-neutral-3);\n}\n.or-icon-button.floating.neutral-3[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-3[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-3.disabled[data-v-94138700], .or-icon-button.floating.neutral-3.loading[data-v-94138700] {\n  background-color: var(--c-neutral-3-lighten-20);\n}\n.or-icon-button.floating.neutral-4[data-v-94138700] {\n  background-color: var(--c-neutral-4);\n}\n.or-icon-button.floating.neutral-4[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-4[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-4.disabled[data-v-94138700], .or-icon-button.floating.neutral-4.loading[data-v-94138700] {\n  background-color: var(--c-neutral-4-lighten-20);\n}\n.or-icon-button.floating.neutral-5[data-v-94138700] {\n  background-color: var(--c-neutral-5);\n}\n.or-icon-button.floating.neutral-5[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-5[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-5.disabled[data-v-94138700], .or-icon-button.floating.neutral-5.loading[data-v-94138700] {\n  background-color: var(--c-neutral-5-lighten-20);\n}\n.or-icon-button.floating.neutral-6[data-v-94138700] {\n  background-color: var(--c-neutral-6);\n}\n.or-icon-button.floating.neutral-6[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-icon-button.floating.neutral-6[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-icon-button.floating.neutral-6.disabled[data-v-94138700], .or-icon-button.floating.neutral-6.loading[data-v-94138700] {\n  background-color: var(--c-neutral-6-lighten-20);\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-94138700] {\n  background-color: var(--c-primary) !important;\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-primary-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-primary-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-primary-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-94138700] {\n  background-color: var(--c-success) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-success-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-success-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-success-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-94138700] {\n  background-color: var(--c-warning) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-warning-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-warning-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-warning-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-94138700] {\n  background-color: var(--c-error) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-error-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-error-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-error-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-94138700] {\n  background-color: var(--c-neutral-0) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-0-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-94138700] {\n  background-color: var(--c-neutral-3) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-3-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-94138700] {\n  background-color: var(--c-neutral-4) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-4-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-94138700] {\n  background-color: var(--c-neutral-5) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-5-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-94138700] {\n  background-color: var(--c-neutral-6) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5) !important;\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1) !important;\n}\n.or-icon-button.floating.is-neutral-6-bg-color.disabled[data-v-94138700], .or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-94138700] {\n  background-color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700] {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-3) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-3) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-5) !important;\n}\n.or-icon-button.is-primary-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-5) !important;\n}\n.or-icon-button.is-primary-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-primary) !important;\n}\n.or-icon-button.is-primary-icon-color.disabled[data-v-94138700], .or-icon-button.is-primary-icon-color.loading[data-v-94138700] {\n  color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.is-primary-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-primary-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-primary-lighten-20) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700] {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-3) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-3) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-5) !important;\n}\n.or-icon-button.is-success-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-5) !important;\n}\n.or-icon-button.is-success-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-success) !important;\n}\n.or-icon-button.is-success-icon-color.disabled[data-v-94138700], .or-icon-button.is-success-icon-color.loading[data-v-94138700] {\n  color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.is-success-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-success-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-success-lighten-20) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700] {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-3) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-3) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-5) !important;\n}\n.or-icon-button.is-warning-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-5) !important;\n}\n.or-icon-button.is-warning-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-warning) !important;\n}\n.or-icon-button.is-warning-icon-color.disabled[data-v-94138700], .or-icon-button.is-warning-icon-color.loading[data-v-94138700] {\n  color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.is-warning-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-warning-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-warning-lighten-20) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700] {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-3) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-3) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-5) !important;\n}\n.or-icon-button.is-error-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-5) !important;\n}\n.or-icon-button.is-error-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-error) !important;\n}\n.or-icon-button.is-error-icon-color.disabled[data-v-94138700], .or-icon-button.is-error-icon-color.loading[data-v-94138700] {\n  color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.is-error-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-error-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-error-lighten-20) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700] {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-3) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-3) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-5) !important;\n}\n.or-icon-button.is-neutral-0-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-5) !important;\n}\n.or-icon-button.is-neutral-0-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-0) !important;\n}\n.or-icon-button.is-neutral-0-icon-color.disabled[data-v-94138700], .or-icon-button.is-neutral-0-icon-color.loading[data-v-94138700] {\n  color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.is-neutral-0-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-neutral-0-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-0-lighten-20) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700] {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-5) !important;\n}\n.or-icon-button.is-neutral-3-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-5) !important;\n}\n.or-icon-button.is-neutral-3-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-3) !important;\n}\n.or-icon-button.is-neutral-3-icon-color.disabled[data-v-94138700], .or-icon-button.is-neutral-3-icon-color.loading[data-v-94138700] {\n  color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.is-neutral-3-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-neutral-3-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-3-lighten-20) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700] {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-3) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-3) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-5) !important;\n}\n.or-icon-button.is-neutral-4-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-5) !important;\n}\n.or-icon-button.is-neutral-4-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-4) !important;\n}\n.or-icon-button.is-neutral-4-icon-color.disabled[data-v-94138700], .or-icon-button.is-neutral-4-icon-color.loading[data-v-94138700] {\n  color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.is-neutral-4-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-neutral-4-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-4-lighten-20) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700] {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-3) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-3) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-5) !important;\n}\n.or-icon-button.is-neutral-5-icon-color.disabled[data-v-94138700], .or-icon-button.is-neutral-5-icon-color.loading[data-v-94138700] {\n  color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.is-neutral-5-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-neutral-5-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-5-lighten-20) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700] {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700] .or-icon {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-3) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-3) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-5) !important;\n}\n.or-icon-button.is-neutral-6-icon-color[data-v-94138700]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-5) !important;\n}\n.or-icon-button.is-neutral-6-icon-color .or-loader[data-v-94138700]::after {\n  color: var(--c-neutral-6) !important;\n}\n.or-icon-button.is-neutral-6-icon-color.disabled[data-v-94138700], .or-icon-button.is-neutral-6-icon-color.loading[data-v-94138700] {\n  color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button.is-neutral-6-icon-color.disabled[data-v-94138700] .or-icon, .or-icon-button.is-neutral-6-icon-color.loading[data-v-94138700] .or-icon {\n  color: var(--c-neutral-6-lighten-20) !important;\n}\n.or-icon-button .or-loader[data-v-94138700]::after {\n  width: var(--or-icon-button-loader-size);\n  height: var(--or-icon-button-loader-size);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-94138700";
+script.__file = "src/components/or-icon-button-v2/OrIconButton.vue";
+
+export { BUTTON_TYPE as B, HTML_BUTTON_TYPE as H, ICON_BUTTON_TYPE as I, BUTTON_COLOR as a, BUTTON_SIZE as b, BUTTON_LOADER_TYPE as c, script as s };

package/dist/esm/v3/{OrInlineTextEdit-455a2d64.js → OrInlineTextEdit-d07f532d.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { s as script$1 } from './OrCollapse-37a52e8f.js';
 import { s as script$2 } from './OrError-f90296db.js';
-import { a as script$3 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$3 } from './OrIconButton-7a793cf2.js';
 import { useVModel } from '@vueuse/core';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';

package/dist/esm/v3/{OrList-a68c5be3.js → OrList-84781768.js}

@@ -2,7 +2,8 @@ import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { v4 } from 'uuid';
 import { s as script$2 } from './OrLabel-876f8729.js';
-import { s as script$3, a as script$4 } from './OrIconButton-f72cb8d9.js';
+import { s as script$3 } from './OrButton-19b4f2cc.js';
+import { s as script$4 } from './OrIconButton-7a793cf2.js';
 import { s as script$5 } from './OrIcon-e23028f8.js';
 import { s as script$1 } from './OrError-f90296db.js';
 import Sortable from 'sortablejs';

package/dist/esm/v3/{OrListOfInputs-b4c051a8.js → OrListOfInputs-03d915be.js}

@@ -1,9 +1,10 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import { s as script$1 } from './OrList-a68c5be3.js';
-import { a as script$2 } from './OrSearch-2874026c.js';
+import { s as script$1 } from './OrList-84781768.js';
+import { a as script$2 } from './OrSearch-9991b173.js';
 import { s as script$3 } from './OrIcon-e23028f8.js';
-import { a as script$4 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$4 } from './OrIconButton-7a793cf2.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrModal-75c8e5b6.js → OrModal-d1d1cc0e.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
-import { a as script$1 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$1 } from './OrIconButton-7a793cf2.js';
 import { s as script$2 } from './OrOverlay-451dce49.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';

package/dist/esm/v3/{OrNotification-38664729.js → OrNotification-3788c3f5.js}

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { s as script$1 } from './OrIcon-e23028f8.js';
-import { a as script$2 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$2 } from './OrIconButton-7a793cf2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrOverflowMenu-7a177537.js → OrOverflowMenu-08e85624.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$2, a as script$3 } from './OrIconButton-f72cb8d9.js';
+import { s as script$2 } from './OrButton-19b4f2cc.js';
+import { s as script$3 } from './OrIconButton-7a793cf2.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers, createElementVNode, renderSlot, createBlock, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$4, O as OrFloatingPlacements } from './OrFloating-3da814a2.js';

package/dist/esm/v3/{OrSearch-2874026c.js → OrSearch-9991b173.js}

@@ -9,7 +9,8 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, create
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { useVModel, debouncedWatch } from '@vueuse/core';
 import { u as useToggle } from './useToggle-29e4d7c7.js';
-import { a as script$9, c as BUTTON_SIZE } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$9, b as BUTTON_SIZE } from './OrIconButton-7a793cf2.js';
 
 var script$4 = defineComponent({
   name: 'OrTextarea',

package/dist/esm/v3/{OrStepper-f355b7b7.js → OrStepper-3090ca14.js}

@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$6 } from './OrIconButton-f72cb8d9.js';
+import { s as script$6 } from './OrButton-19b4f2cc.js';
+import './OrIconButton-7a793cf2.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTextbox-faa4f81a.js → OrTextbox-23e9bdbf.js}

@@ -5,7 +5,8 @@ import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.js';
 import _ from 'lodash';
 import { s as script$1 } from './OrLabel-876f8729.js';
-import { a as script$2 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$2 } from './OrIconButton-7a793cf2.js';
 import { s as script$3 } from './OrHint-1414c530.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrCollapse-37a52e8f.js';

package/dist/esm/v3/{OrToastContainer-fe6abe90.js → OrToastContainer-06df1e1b.js}

@@ -1,4 +1,5 @@
-import { a as script$3 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$3 } from './OrIconButton-7a793cf2.js';
 import { defineComponent, nextTick } from 'vue-demi';
 import { s as script$2 } from './OrProgress-d0d52c86.js';
 import { c as ToastType, P as PositionsX, b as PositionsY, T as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-4fbe0e5a.js';

package/dist/esm/v3/components/index.js

@@ -2,22 +2,23 @@ export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-200d3f9f.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-ef88d31c.js';
 export { s as OrBottomSheetV3 } from '../OrBottomSheet-0eb33b18.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
-export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../OrIconButton-f72cb8d9.js';
+export { s as OrButtonV2 } from '../OrButton-19b4f2cc.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton } from '../OrIconButton-7a793cf2.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-4d0c2edd.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-737f073a.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-e2da80fd.js';
 export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection-34aa611e.js';
 export { s as OrCardV3 } from '../OrCard-b63658a8.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-ec8333c7.js';
 export { s as OrCheckbox } from '../OrCheckbox-56e4171e.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-a20fcc04.js';
 export { s as OrChip, a as OrChips } from '../OrChips-feab2a38.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode-feeec003.js';
+export { s as OrCode, O as OrCodeLanguages } from '../OrCode-196c1128.js';
 export { s as OrCollapse } from '../OrCollapse-37a52e8f.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-0a944d25.js';
-export { s as OrConfirm } from '../OrConfirm-00134f53.js';
+export { s as OrConfirm } from '../OrConfirm-e8ed0e23.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-349e5179.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-6c79a764.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-b3a3ee07.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-bbfd3ca6.js';
 export { s as OrErrorV3 } from '../OrError-19a62a18.js';
@@ -31,26 +32,26 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-1d784
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from '../OrIcon-e2fa4cf8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-1b473796.js';
 export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-0beabb4a.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-455a2d64.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-d07f532d.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-d33a09a2.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-542d2f2c.js';
 export { I as InputType, s as OrInputV3 } from '../OrInput-5672f47b.js';
-export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-2874026c.js';
+export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-9991b173.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-7d4fe80b.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-338db3ca.js';
-export { s as OrList } from '../OrList-a68c5be3.js';
-export { s as OrListOfInputs } from '../OrListOfInputs-b4c051a8.js';
+export { s as OrList } from '../OrList-84781768.js';
+export { s as OrListOfInputs } from '../OrListOfInputs-03d915be.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-60943812.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-d001f0f6.js';
 export { s as OrMenuV3 } from '../OrMenu-d9e12030.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-94a8f21d.js';
-export { s as OrModal, O as OrModalSizes } from '../OrModal-75c8e5b6.js';
+export { s as OrModal, O as OrModalSizes } from '../OrModal-d1d1cc0e.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-e44b80fd.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-38664729.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-3788c3f5.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-7d05b546.js';
-export { s as OrOverflowMenu } from '../OrOverflowMenu-7a177537.js';
+export { s as OrOverflowMenu } from '../OrOverflowMenu-08e85624.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-738a44d5.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-d0d52c86.js';
@@ -68,7 +69,7 @@ export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as O
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from '../OrSlider-af80bac9.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader-9d645226.js';
-export { s as OrStepper } from '../OrStepper-f355b7b7.js';
+export { s as OrStepper } from '../OrStepper-3090ca14.js';
 export { s as OrSwitch } from '../OrSwitch-c333ee32.js';
 export { s as OrSwitchV3 } from '../OrSwitch-ec454b76.js';
 export { s as OrTab } from '../OrTab-bc98be02.js';
@@ -82,8 +83,8 @@ export { s as OrTeleport } from '../OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ecb46923.js';
 export { s as OrTextareaV3 } from '../OrTextarea-98895b2a.js';
-export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-faa4f81a.js';
-export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-fe6abe90.js';
+export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-23e9bdbf.js';
+export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-06df1e1b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-652ae29f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';

package/dist/esm/v3/components/or-button-v2/index.d.ts

@@ -1,3 +1,3 @@
 export { default as OrButtonV2 } from './OrButton.vue';
-export { default as OrIconButton } from './OrIconButton.vue';
+export { default as OrIconButton } from '../or-icon-button-v2/OrIconButton.vue';
 export { BUTTON_TYPE, ICON_BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, BUTTON_LOADER_TYPE, } from './constants';

package/dist/esm/v3/components/or-button-v2/index.js

@@ -1,4 +1,5 @@
-export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../../OrIconButton-f72cb8d9.js';
+export { s as OrButtonV2 } from '../../OrButton-19b4f2cc.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton } from '../../OrIconButton-7a793cf2.js';
 import 'vue-demi';
 import '../../OrIcon-e23028f8.js';
 import 'lodash';

package/dist/esm/v3/components/or-card-collection/index.js

@@ -1,4 +1,4 @@
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-737f073a.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-e2da80fd.js';
 import 'vue-demi';
 import '../../OrCard-e3a5aea4.js';
 import 'vue';
@@ -11,12 +11,13 @@ import '@floating-ui/dom';
 import '../../OrTeleportVue3-ad639f12.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../OrSearch-2874026c.js';
+import '../../OrSearch-9991b173.js';
 import '../../OrLabel-876f8729.js';
 import '../../OrHint-1414c530.js';
 import '../../OrError-f90296db.js';
 import '../../OrCollapse-37a52e8f.js';
 import '@vueuse/core';
 import '../../useToggle-29e4d7c7.js';
-import '../../OrIconButton-f72cb8d9.js';
+import '../../OrButton-19b4f2cc.js';
 import '../../OrLoader-15174477.js';
+import '../../OrIconButton-7a793cf2.js';

package/dist/esm/v3/components/or-code/index.js

@@ -1,10 +1,10 @@
-export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-feeec003.js';
+export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-196c1128.js';
 import '@codemirror/state';
 import '@vueuse/core';
 import 'codemirror';
 import 'lodash';
 import 'vue-demi';
-import '../../OrIconButton-f72cb8d9.js';
+import '../../OrButton-19b4f2cc.js';
 import '../../OrIcon-e23028f8.js';
 import '../../OrTooltip-121eae2b.js';
 import 'vue';
@@ -15,10 +15,11 @@ import '../../OrTeleportVue3-ad639f12.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-15174477.js';
+import '../../OrIconButton-7a793cf2.js';
 import '../../OrError-f90296db.js';
 import '../../OrHint-1414c530.js';
 import '../../OrLabel-876f8729.js';
-import '../../OrModal-75c8e5b6.js';
+import '../../OrModal-d1d1cc0e.js';
 import '../../OrOverlay-451dce49.js';
 import '@vueuse/integrations/useFocusTrap';
 import '@codemirror/lang-html';

package/dist/esm/v3/components/or-confirm/index.js

@@ -1,6 +1,6 @@
-export { s as OrConfirm } from '../../OrConfirm-00134f53.js';
+export { s as OrConfirm } from '../../OrConfirm-e8ed0e23.js';
 import 'vue-demi';
-import '../../OrIconButton-f72cb8d9.js';
+import '../../OrButton-19b4f2cc.js';
 import '../../OrIcon-e23028f8.js';
 import 'lodash';
 import '../../OrTooltip-121eae2b.js';
@@ -12,11 +12,12 @@ import '../../OrTeleportVue3-ad639f12.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-15174477.js';
-import '../../OrModal-75c8e5b6.js';
+import '../../OrIconButton-7a793cf2.js';
+import '../../OrModal-d1d1cc0e.js';
 import '../../OrOverlay-451dce49.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
-import '../../OrSearch-2874026c.js';
+import '../../OrSearch-9991b173.js';
 import '../../OrLabel-876f8729.js';
 import '../../OrHint-1414c530.js';
 import '../../OrError-f90296db.js';

package/dist/esm/v3/components/or-date-time-picker/index.js

@@ -1,4 +1,4 @@
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-6c79a764.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePicker-b3a3ee07.js';
 import 'lodash';
 import 'vue-demi';
 import '@vueuse/core';
@@ -13,7 +13,8 @@ import '../../OrError-f90296db.js';
 import '../../OrHint-1414c530.js';
 import '../../OrCollapse-37a52e8f.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../OrIconButton-f72cb8d9.js';
+import '../../OrButton-19b4f2cc.js';
 import '../../OrIcon-e23028f8.js';
 import '../../OrTooltip-121eae2b.js';
 import '../../OrLoader-15174477.js';
+import '../../OrIconButton-7a793cf2.js';

package/dist/{bundled/v3/components/OrButtonV2 → esm/v3/components/or-icon-button-v2}/OrIconButton.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OrFloatingPlacements } from '../or-floating';
-import { BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE, ICON_BUTTON_TYPE } from './constants';
+import { BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE, ICON_BUTTON_TYPE } from '../or-button-v2/constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
     handleButtonClick(event: MouseEvent): void;
 }, {

package/dist/esm/v3/components/or-icon-button-v2/index.d.ts

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

package/dist/esm/v3/components/or-icon-button-v2/index.js

@@ -0,0 +1,13 @@
+export { s as OrIconButton } from '../../OrIconButton-7a793cf2.js';
+import 'vue-demi';
+import '../../OrIcon-e23028f8.js';
+import 'lodash';
+import '../../OrTooltip-121eae2b.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../../OrFloating-3da814a2.js';
+import '@floating-ui/dom';
+import '../../OrTeleportVue3-ad639f12.js';
+import '../../dom-7a41831b.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../../OrLoader-15174477.js';