@onereach/ui-components 2.76.8-beta.2446.0 → 2.76.8-beta.2450.0

package/dist/bundled/v2/OrIconButton-9545c1fb.js

@@ -1,206 +0,0 @@
-import './index-fa6eb4ca.js';
-import { O as OrTooltip } from './OrTooltip-e62cdd46.js';
-import { defineComponent, h } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { a as OrFloatingPlacements } from './OrFloating-507e8028.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.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 { O as OrIcon } from './OrIcon-90adc2bd.js';
-import { O as OrLoader } from './OrLoader-5cfd67fb.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-/** 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
-    }
-  },
-  ...({
-    render() {
-      const content = this.$slots.default;
-      if (!this.tooltipText) {
-        return content;
-      }
-      const props = {
-        content: this.$props.tooltipText,
-        placement: this.$props.tooltipPlacement
-      };
-      return h(OrTooltip, {
-        props
-      }, content);
-    }
-  })
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = undefined;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var OrTooltipWrapper = __vue_component__$1;
-
-var script = defineComponent({
-  name: 'OrIconButton',
-  components: {
-    OrIcon,
-    OrLoader,
-    OrTooltipWrapper
-  },
-  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);
-      }
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-5697b643{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5697b643{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-5697b643]{--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-5697b643]{display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.or-icon-button.disabled[data-v-5697b643]{cursor:not-allowed}.or-icon-button.loading[data-v-5697b643]{cursor:progress}.or-icon-button.size-small[data-v-5697b643]{--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-5697b643]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-5697b643]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-5697b643]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-5697b643]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-5697b643],.or-icon-button.icon.primary.loading[data-v-5697b643]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.primary.loading[data-v-5697b643]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-5697b643]{color:var(--c-success)}.or-icon-button.icon.success[data-v-5697b643]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-5697b643]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-5697b643],.or-icon-button.icon.success.loading[data-v-5697b643]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.success.loading[data-v-5697b643]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-5697b643]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-5697b643]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-5697b643]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-5697b643],.or-icon-button.icon.warning.loading[data-v-5697b643]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.warning.loading[data-v-5697b643]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-5697b643]{color:var(--c-error)}.or-icon-button.icon.error[data-v-5697b643]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-5697b643]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-5697b643],.or-icon-button.icon.error.loading[data-v-5697b643]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.error.loading[data-v-5697b643]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-5697b643]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-5697b643]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-5697b643]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-5697b643],.or-icon-button.icon.neutral-0.loading[data-v-5697b643]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-5697b643]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-5697b643]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-5697b643]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-5697b643],.or-icon-button.icon.neutral-3.loading[data-v-5697b643]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-5697b643]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-5697b643]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-5697b643]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-5697b643],.or-icon-button.icon.neutral-4.loading[data-v-5697b643]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-5697b643]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-5697b643]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-5697b643]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-5697b643],.or-icon-button.icon.neutral-5.loading[data-v-5697b643]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-5697b643]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-5697b643]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-5697b643]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-5697b643]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-5697b643],.or-icon-button.icon.neutral-6.loading[data-v-5697b643]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-5697b643]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-5697b643]{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-5697b643]: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-5697b643]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-5697b643]::after,.or-icon-button.floating[data-v-5697b643]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-5697b643]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.primary.loading[data-v-5697b643]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-5697b643]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.success.loading[data-v-5697b643]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-5697b643]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.warning.loading[data-v-5697b643]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-5697b643]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.error.loading[data-v-5697b643]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-5697b643]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.neutral-0.loading[data-v-5697b643]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-5697b643]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.neutral-3.loading[data-v-5697b643]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-5697b643]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.neutral-4.loading[data-v-5697b643]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-5697b643]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.neutral-5.loading[data-v-5697b643]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-5697b643]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.neutral-6.loading[data-v-5697b643]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-5697b643]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-primary-bg-color.loading[data-v-5697b643]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-5697b643]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-success-bg-color.loading[data-v-5697b643]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-5697b643]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-warning-bg-color.loading[data-v-5697b643]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-5697b643]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-error-bg-color.loading[data-v-5697b643]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-5697b643]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-5697b643]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-5697b643]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-5697b643]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-5697b643]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-5697b643]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-5697b643]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-5697b643]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-5697b643]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-5697b643]: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-5697b643]: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-5697b643],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-5697b643]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-5697b643],.or-icon-button.is-primary-icon-color.loading[data-v-5697b643]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-5697b643],.or-icon-button.is-success-icon-color.loading[data-v-5697b643]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-5697b643],.or-icon-button.is-warning-icon-color.loading[data-v-5697b643]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-5697b643],.or-icon-button.is-error-icon-color.loading[data-v-5697b643]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-5697b643]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-5697b643]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-5697b643]: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-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-5697b643],.or-icon-button.is-neutral-0-icon-color.loading[data-v-5697b643]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-5697b643]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-5697b643]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-5697b643]: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-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-5697b643],.or-icon-button.is-neutral-3-icon-color.loading[data-v-5697b643]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-5697b643]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-5697b643]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-5697b643]: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-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-5697b643],.or-icon-button.is-neutral-4-icon-color.loading[data-v-5697b643]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-5697b643]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-5697b643]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-5697b643]: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-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-5697b643],.or-icon-button.is-neutral-5-icon-color.loading[data-v-5697b643]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-5697b643]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-5697b643]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-5697b643]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-5697b643]: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-5697b643]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-5697b643]: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-5697b643]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-5697b643],.or-icon-button.is-neutral-6-icon-color.loading[data-v-5697b643]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-5697b643]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-5697b643]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-5697b643]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}";
-styleInject(css_248z);
-
-/* 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', _vm._g({
-    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.$listeners), [_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__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-5697b643";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* 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, undefined, undefined, undefined);
-var OrIconButton = __vue_component__;
-
-export { OrIconButton as O };