@onereach/ui-components 4.0.1 → 4.0.2

package/dist/esm/v2/{OrCode-90e15e84.js → OrCode-dcb0132a.js}

@@ -4,13 +4,13 @@ import { indentWithTab } from '@codemirror/commands';
 import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, ref } from 'vue-demi';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$1 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$1 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { _ as __vue_component__$4 } from './OrError-efc74907.js';
 import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
 import { _ as __vue_component__$6 } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$2 } from './OrModal-beff61df.js';
+import { _ as __vue_component__$2 } from './OrModal-6d84829c.js';
 import { _ as __vue_component__$3 } from './OrTeleport.vue2-f0c16c71.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v2/{OrConfirm-360884f6.js → OrConfirm-497cd260.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrButton-86c800fe.js';
-import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
-import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-beff61df.js';
+import { _ as __vue_component__$1 } from './OrButton-bdddd8d4.js';
+import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
+import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-6d84829c.js';
 import { _ as __vue_component__$3 } from './OrInput-c005a759.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';

package/dist/esm/v2/{OrConfirm-7eee1481.js → OrConfirm-cd41987e.js}

@@ -1,8 +1,8 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-2283df1c.js';
-import { _ as __vue_component__$3 } from './OrInput-a7903c0f.js';
+import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-236d9c2e.js';
+import { _ as __vue_component__$3 } from './OrInput-044a9c85.js';
 import { _ as __vue_component__$1 } from './OrOverlay-2ce3cfd7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePicker-0a5dfc88.js → OrDateTimePicker-c88ca716.js}

@@ -6,9 +6,9 @@ import { _ as __vue_component__$3 } from './OrLabel-931394a5.js';
 import { _ as __vue_component__$4 } from './OrError-efc74907.js';
 import { _ as __vue_component__$5 } from './OrHint-fe65fbe6.js';
 import { _ as __vue_component__$6 } from './OrCollapse-50e3914c.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$7 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$7 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 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';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrFab-83550865.js → OrFab-f3a590c0.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -52,7 +52,8 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-fab-v3', ...FabRoot, ...FabRootColors[props.color]]);
     return {
       root,
-      rootStyles
+      rootStyles,
+      isVue3
     };
   }
 });
@@ -72,7 +73,7 @@ var __vue_render__ = function () {
       "type": 'button',
       "disabled": _vm.disabled
     }
-  }, _vm.$listeners), [_c('OrIcon', {
+  }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners)), [_c('OrIcon', {
     attrs: {
       "icon": _vm.icon,
       "size": 'l'

package/dist/esm/v2/{OrIconButton-729fe6a2.js → OrIconButton-97bfd51d.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -22,7 +22,7 @@ var __vue_render__ = function () {
       "disabled": _vm.isDisabled,
       "type": _vm.htmlButtonType
     }
-  }, Object.assign({}, _vm.$listeners, {
+  }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
     click: function (e) {
       return _vm.handleButtonClick(e);
     },
@@ -45,7 +45,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-331eb81e";
+const __vue_scope_id__ = "data-v-150ffd54";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrIconButton-ec2e21aa.js → OrIconButton-a9db16fa.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$2 } from './OrTooltip-2c09dcaf.js';
 import './OrPopover-83c885d0.js';
@@ -102,7 +102,8 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-icon-button-v3', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
     return {
       root,
-      rootStyles
+      rootStyles,
+      isVue3
     };
   }
 });
@@ -125,7 +126,7 @@ var __vue_render__ = function () {
       "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled
     }
-  }, 'button', _vm.$attrs, false), Object.assign({}, _vm.$listeners, {
+  }, 'button', _vm.$attrs, false), Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
     click: function (e) {
       return _vm.$emit('click', e);
     },

package/dist/esm/v2/OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js

@@ -0,0 +1,205 @@
+import { defineComponent, isVue3, h } from 'vue-demi';
+import { _ as __vue_component__$2 } from './OrIcon-8a6d663a.js';
+import { _ as __vue_component__$3 } from './OrLoader-212ef381.js';
+import { _ as __vue_component__$1 } from './OrTooltip-cfb56e8f.js';
+import './OrTooltipContent-c9540548.js';
+import { O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+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(__vue_component__$1, 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(__vue_component__$1, {
+        props
+      }, content);
+    }
+  })
+});
+
+/* script */
+const __vue_script__ = script$1;
+
+/* template */
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = undefined;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: __vue_component__$2,
+    OrLoader: __vue_component__$3,
+    OrTooltipWrapper: __vue_component__
+  },
+  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'],
+  setup() {
+    return {
+      isVue3
+    };
+  },
+  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-150ffd54{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-150ffd54{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-150ffd54]{--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-150ffd54]{display:inline-flex;width:fit-content;height:fit-content}.or-icon-button.disabled[data-v-150ffd54]{cursor:not-allowed}.or-icon-button.loading[data-v-150ffd54]{cursor:progress}.or-icon-button.size-small[data-v-150ffd54]{--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-150ffd54]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-150ffd54]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-150ffd54]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-150ffd54]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-150ffd54],.or-icon-button.icon.primary.loading[data-v-150ffd54]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.primary.loading[data-v-150ffd54]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-150ffd54]{color:var(--c-success)}.or-icon-button.icon.success[data-v-150ffd54]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-150ffd54]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-150ffd54],.or-icon-button.icon.success.loading[data-v-150ffd54]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.success.loading[data-v-150ffd54]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-150ffd54]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-150ffd54]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-150ffd54]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-150ffd54],.or-icon-button.icon.warning.loading[data-v-150ffd54]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.warning.loading[data-v-150ffd54]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-150ffd54]{color:var(--c-error)}.or-icon-button.icon.error[data-v-150ffd54]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-150ffd54]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-150ffd54],.or-icon-button.icon.error.loading[data-v-150ffd54]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.error.loading[data-v-150ffd54]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-0.loading[data-v-150ffd54]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-3.loading[data-v-150ffd54]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-4.loading[data-v-150ffd54]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-5.loading[data-v-150ffd54]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-150ffd54]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-150ffd54]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-150ffd54],.or-icon-button.icon.neutral-6.loading[data-v-150ffd54]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-150ffd54]{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-150ffd54]: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-150ffd54]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-150ffd54]::after,.or-icon-button.floating[data-v-150ffd54]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-150ffd54]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.primary.loading[data-v-150ffd54]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-150ffd54]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.success.loading[data-v-150ffd54]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-150ffd54]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.warning.loading[data-v-150ffd54]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-150ffd54]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.error.loading[data-v-150ffd54]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-150ffd54]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.neutral-0.loading[data-v-150ffd54]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-150ffd54]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.neutral-3.loading[data-v-150ffd54]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-150ffd54]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.neutral-4.loading[data-v-150ffd54]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-150ffd54]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.neutral-5.loading[data-v-150ffd54]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-150ffd54]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.neutral-6.loading[data-v-150ffd54]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-150ffd54]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-primary-bg-color.loading[data-v-150ffd54]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-150ffd54]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-success-bg-color.loading[data-v-150ffd54]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-150ffd54]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-warning-bg-color.loading[data-v-150ffd54]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-150ffd54]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-error-bg-color.loading[data-v-150ffd54]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-150ffd54]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-150ffd54]: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-150ffd54]: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-150ffd54],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-150ffd54]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-primary-icon-color.loading[data-v-150ffd54]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-success-icon-color.loading[data-v-150ffd54]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-warning-icon-color.loading[data-v-150ffd54]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-error-icon-color.loading[data-v-150ffd54]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]: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-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-0-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]: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-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-3-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]: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-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-4-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]: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-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-5-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]: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-150ffd54]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-150ffd54]: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-150ffd54]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-150ffd54],.or-icon-button.is-neutral-6-icon-color.loading[data-v-150ffd54]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-150ffd54]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-150ffd54]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-150ffd54]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}";
+styleInject(css_248z);
+
+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/v2/{OrInlineInput-34f28593.js → OrInlineInput-79c86e6a.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a9db16fa.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextEdit-24870b6d.js → OrInlineTextEdit-e8414fb6.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCollapse-50e3914c.js';
 import { _ as __vue_component__$2 } from './OrError-efc74907.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$3 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$3 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.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/v2/{OrInlineTextarea-07a2cdc1.js → OrInlineTextarea-3e24548d.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$3 } from './OrIconButton-a9db16fa.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-a7903c0f.js → OrInput-044a9c85.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$4 } from './OrIconButton-a9db16fa.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-6b1aec08.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';

package/dist/esm/v2/{OrList-74216118.js → OrList-a46d6306.js}

@@ -2,9 +2,9 @@ import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { v4 } from 'uuid';
 import { _ as __vue_component__$2 } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$3 } from './OrButton-86c800fe.js';
-import { _ as __vue_component__$4 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import { _ as __vue_component__$3 } from './OrButton-bdddd8d4.js';
+import { _ as __vue_component__$4 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { _ as __vue_component__$5 } from './OrIcon-8a6d663a.js';
 import { _ as __vue_component__$1 } from './OrError-efc74907.js';
 import Sortable from 'sortablejs';

package/dist/esm/v2/{OrListOfInputs-14c510e6.js → OrListOfInputs-33a7bf87.js}

@@ -1,11 +1,11 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import { _ as __vue_component__$1 } from './OrList-74216118.js';
+import { _ as __vue_component__$1 } from './OrList-a46d6306.js';
 import { _ as __vue_component__$2 } from './OrInput-c005a759.js';
 import { _ as __vue_component__$3 } from './OrIcon-8a6d663a.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$4 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$4 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrModal-beff61df.js → OrModal-6d84829c.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$1 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$1 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { _ as __vue_component__$2 } from './OrOverlay-ccec2218.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';

package/dist/esm/v2/{OrModal-69791114.js → OrModal-fa99b102.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a9db16fa.js';
 import { _ as __vue_component__$1 } from './OrOverlay-2ce3cfd7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-5e98ac28.js → OrNotification-6411c891.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$2 } from './OrIconButton-a9db16fa.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-d0da833a.js → OrNotification-7945568d.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-8a6d663a.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$2 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverflowMenu-abb6883b.js → OrOverflowMenu-5ce7171b.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$3 } from './OrIconButton-729fe6a2.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
-import { _ as __vue_component__$2 } from './OrButton-86c800fe.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$3 } from './OrIconButton-97bfd51d.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
+import { _ as __vue_component__$2 } from './OrButton-bdddd8d4.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$4, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';

package/dist/esm/v2/{OrPagination-4d330d4f.js → OrPagination-28ad44a3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrButton-2283df1c.js';
+import { _ as __vue_component__$1 } from './OrButton-236d9c2e.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-6f9b8a93.js';
 import { _ as __vue_component__$3 } from './OrMenu-47b319a6.js';

package/dist/esm/v2/{OrPassword-028c657f.js → OrPassword-3597153d.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrInput-c005a759.js';
 import { u as useToggle } from './useToggle-29e4d7c7.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$2 } from './OrIconButton-729fe6a2.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-97bfd51d.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSearch-68a6f290.js → OrSearch-49ceaac4.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrInput-c005a759.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-03013ef7.js';
-import { _ as __vue_component__$2 } from './OrIconButton-729fe6a2.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-affe3331.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3dbd90b4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-97bfd51d.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSearch-97a701b0.js → OrSearch-83631294.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-a7903c0f.js';
+import { _ as __vue_component__$1 } from './OrInput-044a9c85.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-2d48ddee.js → OrSelect-affebf55.js}

@@ -9,11 +9,11 @@ import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrInputBox-6b1aec08.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
-import { _ as __vue_component__$6 } from './OrInput-a7903c0f.js';
+import { _ as __vue_component__$6 } from './OrInput-044a9c85.js';
 import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
 import { _ as __vue_component__$a } from './OrPopover-83c885d0.js';
-import { _ as __vue_component__$b } from './OrTag-335525e6.js';
+import { _ as __vue_component__$b } from './OrTag-ca297170.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrSidebar-6431f9f0.js → OrSidebar-9834d431.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-fbbac5f0.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-3275b9dd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-fbbac5f0.js → OrSidebarCollapseButton-3275b9dd.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-ec2e21aa.js';
+import { _ as __vue_component__$1 } from './OrIconButton-a9db16fa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;