@onereach/ui-components 8.13.0 → 8.13.1-beta.3776.0

package/dist/bundled/v2/components/OrButtonGroupV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrButtonV3-dbc4a56d.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-2af1781a.js';
+import '../OrButtonV3-54ae8063.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-33414d34.js';

package/dist/bundled/v2/components/{OrButtonGroupV3-2af1781a.js → OrButtonGroupV3-33414d34.js}

@@ -1,6 +1,6 @@
-import { a as ButtonVariant, B as ButtonColor } from './OrButtonV3-dbc4a56d.js';
+import { a as ButtonVariant, B as ButtonColor } from './OrButtonV3-54ae8063.js';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-f32ddb1f.js';
+import { n as normalizeComponent } from './OrAvatar-3f8448d6.js';
 
 const ButtonGroup = [
 // Layout
@@ -28,11 +28,11 @@ var script = defineComponent({
   props: {
     variant: {
       type: String,
-      default: ButtonVariant.Contained
+      default: () => ButtonVariant.Contained
     },
     color: {
       type: String,
-      default: ButtonColor.Primary
+      default: () => ButtonColor.Primary
     },
     disabled: {
       type: Boolean,

package/dist/bundled/v2/components/OrButtonV2/OrButton.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonV2-acd9bf39.js';
-import '../OrAvatar-f32ddb1f.js';
+export { _ as default } from '../OrButtonV2-822dcd87.js';
+import '../OrAvatar-3f8448d6.js';

package/dist/bundled/v2/components/OrButtonV2/OrButton.vue.d.ts

@@ -17,11 +17,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     type: {
         type: PropType<BUTTON_TYPE>;
-        default: BUTTON_TYPE;
+        default: () => BUTTON_TYPE.CONTAINED;
     };
     color: {
         type: PropType<BUTTON_COLOR>;
-        default: BUTTON_COLOR;
+        default: () => BUTTON_COLOR.PRIMARY;
     };
     content: {
         type: StringConstructor;
@@ -29,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<BUTTON_SIZE>;
-        default: BUTTON_SIZE;
+        default: () => BUTTON_SIZE.DEFAULT;
     };
     icon: {
         type: StringConstructor;
@@ -37,7 +37,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     htmlButtonType: {
         type: PropType<HTML_BUTTON_TYPE>;
-        default: HTML_BUTTON_TYPE;
+        default: () => HTML_BUTTON_TYPE.BUTTON;
         required: false;
     };
     iconPosition: {
@@ -46,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     loadingType: {
         type: PropType<LoaderViews>;
-        default: LoaderViews;
+        default: () => LoaderViews.default;
     };
     loadingText: {
         type: StringConstructor;
@@ -63,11 +63,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     type: {
         type: PropType<BUTTON_TYPE>;
-        default: BUTTON_TYPE;
+        default: () => BUTTON_TYPE.CONTAINED;
     };
     color: {
         type: PropType<BUTTON_COLOR>;
-        default: BUTTON_COLOR;
+        default: () => BUTTON_COLOR.PRIMARY;
     };
     content: {
         type: StringConstructor;
@@ -75,7 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<BUTTON_SIZE>;
-        default: BUTTON_SIZE;
+        default: () => BUTTON_SIZE.DEFAULT;
     };
     icon: {
         type: StringConstructor;
@@ -83,7 +83,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     htmlButtonType: {
         type: PropType<HTML_BUTTON_TYPE>;
-        default: HTML_BUTTON_TYPE;
+        default: () => HTML_BUTTON_TYPE.BUTTON;
         required: false;
     };
     iconPosition: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     loadingType: {
         type: PropType<LoaderViews>;
-        default: LoaderViews;
+        default: () => LoaderViews.default;
     };
     loadingText: {
         type: StringConstructor;

package/dist/bundled/v2/components/OrButtonV2/constants.js

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-acd9bf39.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-822dcd87.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, _ as OrButtonV2 } from '../OrButtonV2-acd9bf39.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, _ as OrButtonV2 } from '../OrButtonV2-822dcd87.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v2/components/OrButtonV2-822dcd87.js

@@ -0,0 +1,219 @@
+import { defineComponent, isVue3 } from 'vue-demi';
+import { OrIcon as __vue_component__$1 } from './OrIcon/index.js';
+import { OrLoader as __vue_component__$2, LoaderViews } from './OrLoader/index.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-3f8448d6.js';
+import './OrIconButtonV2/OrIconButton.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 = {}));
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrIcon: __vue_component__$1,
+    OrLoader: __vue_component__$2
+  },
+  props: {
+    type: {
+      type: String,
+      default: () => BUTTON_TYPE.CONTAINED
+    },
+    color: {
+      type: String,
+      default: () => BUTTON_COLOR.PRIMARY
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: () => BUTTON_SIZE.DEFAULT
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    htmlButtonType: {
+      type: String,
+      default: () => HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    iconPosition: {
+      type: String,
+      default: 'left'
+    },
+    loadingType: {
+      type: String,
+      default: () => LoaderViews.default
+    },
+    loadingText: {
+      type: String,
+      default: ''
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  setup() {
+    return {
+      isVue3
+    };
+  },
+  computed: {
+    states() {
+      const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
+      const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
+      return {
+        [type]: true,
+        [this.color]: true,
+        [`size-${this.size}`]: true,
+        disabled: this.isDisabled,
+        loading: this.isLoading
+      };
+    },
+    showLeftIcon() {
+      return !!this.icon && this.iconPosition === 'left';
+    },
+    showRightIcon() {
+      return !!this.icon && this.iconPosition === 'right';
+    },
+    /**
+     * Button's content is hidden rather then removed,
+     * in order to retain original button size when loading indicator is active.
+     */
+    isContentVisible() {
+      return this.isLoading ? {
+        'visibility': 'hidden'
+      } : {};
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-0e92d9da{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-0e92d9da{from{opacity:1}to{opacity:0}}.or-button[data-v-0e92d9da]{--or-button-height:2rem;--or-button-font-size:var(--fs-1);--or-loader-size:1.25rem;--or-icon-size:1rem;--or-icon-margin:0.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;height:2rem;height:var(--or-button-height);padding:0;font-family:inherit;font-size:var(--fs-1);font-size:var(--or-button-font-size);cursor:pointer;background:0 0;border:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color,background-color,box-shadow,border-color}.or-button.contained[data-v-0e92d9da],.or-button.outlined[data-v-0e92d9da],.or-button.text[data-v-0e92d9da]{min-width:6rem;padding:0 1rem;font-weight:var(--fw-1);border-radius:.25rem}.or-button.inline[data-v-0e92d9da]{--or-button-height:1.25rem;--or-button-font-size:var(--fs-0);--or-icon-margin:0.25rem;--or-loader-size:1.25rem;--or-icon-size:1rem}.or-button.contained[data-v-0e92d9da]{color:var(--c-white)}.or-button.contained .or-loader[data-v-0e92d9da]::after,.or-button.contained[data-v-0e92d9da]  .or-icon{color:var(--c-white)}.or-button.contained.primary[data-v-0e92d9da]{background-color:var(--c-primary)}.or-button.contained.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.primary.disabled[data-v-0e92d9da],.or-button.contained.primary.loading[data-v-0e92d9da]{background-color:var(--c-primary-lighten-20)}.or-button.contained.success[data-v-0e92d9da]{background-color:var(--c-success)}.or-button.contained.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.success[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.success.disabled[data-v-0e92d9da],.or-button.contained.success.loading[data-v-0e92d9da]{background-color:var(--c-success-lighten-20)}.or-button.contained.warning[data-v-0e92d9da]{background-color:var(--c-warning)}.or-button.contained.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.warning.disabled[data-v-0e92d9da],.or-button.contained.warning.loading[data-v-0e92d9da]{background-color:var(--c-warning-lighten-20)}.or-button.contained.error[data-v-0e92d9da]{background-color:var(--c-error)}.or-button.contained.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.error[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.error.disabled[data-v-0e92d9da],.or-button.contained.error.loading[data-v-0e92d9da]{background-color:var(--c-error-lighten-20)}.or-button.contained.neutral-0[data-v-0e92d9da]{background-color:var(--c-neutral-0)}.or-button.contained.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.neutral-0.disabled[data-v-0e92d9da],.or-button.contained.neutral-0.loading[data-v-0e92d9da]{background-color:var(--c-neutral-0-lighten-20)}.or-button.contained.neutral-3[data-v-0e92d9da]{background-color:var(--c-neutral-3)}.or-button.contained.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.neutral-3.disabled[data-v-0e92d9da],.or-button.contained.neutral-3.loading[data-v-0e92d9da]{background-color:var(--c-neutral-3-lighten-20)}.or-button.contained.neutral-4[data-v-0e92d9da]{background-color:var(--c-neutral-4)}.or-button.contained.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.neutral-4.disabled[data-v-0e92d9da],.or-button.contained.neutral-4.loading[data-v-0e92d9da]{background-color:var(--c-neutral-4-lighten-20)}.or-button.contained.neutral-5[data-v-0e92d9da]{background-color:var(--c-neutral-5)}.or-button.contained.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.neutral-5.disabled[data-v-0e92d9da],.or-button.contained.neutral-5.loading[data-v-0e92d9da]{background-color:var(--c-neutral-5-lighten-20)}.or-button.contained.neutral-6[data-v-0e92d9da]{background-color:var(--c-neutral-6)}.or-button.contained.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.contained.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.contained.neutral-6.disabled[data-v-0e92d9da],.or-button.contained.neutral-6.loading[data-v-0e92d9da]{background-color:var(--c-neutral-6-lighten-20)}.or-button.outlined.primary[data-v-0e92d9da]{color:var(--c-primary);border:1px solid var(--c-primary)}.or-button.outlined.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.primary .or-loader[data-v-0e92d9da]::after{color:var(--c-primary)}.or-button.outlined.primary.disabled[data-v-0e92d9da],.or-button.outlined.primary.loading[data-v-0e92d9da]{border:1px solid var(--c-primary-lighten-20)}.or-button.outlined.primary.disabled[data-v-0e92d9da]{color:var(--c-primary-lighten-20)}.or-button.outlined.success[data-v-0e92d9da]{color:var(--c-success);border:1px solid var(--c-success)}.or-button.outlined.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.success[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.success .or-loader[data-v-0e92d9da]::after{color:var(--c-success)}.or-button.outlined.success.disabled[data-v-0e92d9da],.or-button.outlined.success.loading[data-v-0e92d9da]{border:1px solid var(--c-success-lighten-20)}.or-button.outlined.success.disabled[data-v-0e92d9da]{color:var(--c-success-lighten-20)}.or-button.outlined.warning[data-v-0e92d9da]{color:var(--c-warning);border:1px solid var(--c-warning)}.or-button.outlined.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.warning .or-loader[data-v-0e92d9da]::after{color:var(--c-warning)}.or-button.outlined.warning.disabled[data-v-0e92d9da],.or-button.outlined.warning.loading[data-v-0e92d9da]{border:1px solid var(--c-warning-lighten-20)}.or-button.outlined.warning.disabled[data-v-0e92d9da]{color:var(--c-warning-lighten-20)}.or-button.outlined.error[data-v-0e92d9da]{color:var(--c-error);border:1px solid var(--c-error)}.or-button.outlined.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.error[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.error .or-loader[data-v-0e92d9da]::after{color:var(--c-error)}.or-button.outlined.error.disabled[data-v-0e92d9da],.or-button.outlined.error.loading[data-v-0e92d9da]{border:1px solid var(--c-error-lighten-20)}.or-button.outlined.error.disabled[data-v-0e92d9da]{color:var(--c-error-lighten-20)}.or-button.outlined.neutral-0[data-v-0e92d9da]{color:var(--c-neutral-0);border:1px solid var(--c-neutral-0)}.or-button.outlined.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.neutral-0 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-0)}.or-button.outlined.neutral-0.disabled[data-v-0e92d9da],.or-button.outlined.neutral-0.loading[data-v-0e92d9da]{border:1px solid var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-0.disabled[data-v-0e92d9da]{color:var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-3[data-v-0e92d9da]{color:var(--c-neutral-3);border:1px solid var(--c-neutral-3)}.or-button.outlined.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.neutral-3 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-3)}.or-button.outlined.neutral-3.disabled[data-v-0e92d9da],.or-button.outlined.neutral-3.loading[data-v-0e92d9da]{border:1px solid var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-3.disabled[data-v-0e92d9da]{color:var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-4[data-v-0e92d9da]{color:var(--c-neutral-4);border:1px solid var(--c-neutral-4)}.or-button.outlined.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.neutral-4 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-4)}.or-button.outlined.neutral-4.disabled[data-v-0e92d9da],.or-button.outlined.neutral-4.loading[data-v-0e92d9da]{border:1px solid var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-4.disabled[data-v-0e92d9da]{color:var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-5[data-v-0e92d9da]{color:var(--c-neutral-5);border:1px solid var(--c-neutral-5)}.or-button.outlined.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.neutral-5 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-5)}.or-button.outlined.neutral-5.disabled[data-v-0e92d9da],.or-button.outlined.neutral-5.loading[data-v-0e92d9da]{border:1px solid var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-5.disabled[data-v-0e92d9da]{color:var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-6[data-v-0e92d9da]{color:var(--c-neutral-6);border:1px solid var(--c-neutral-6)}.or-button.outlined.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.2)}.or-button.outlined.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0,0%,0%,.1)}.or-button.outlined.neutral-6 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-6)}.or-button.outlined.neutral-6.disabled[data-v-0e92d9da],.or-button.outlined.neutral-6.loading[data-v-0e92d9da]{border:1px solid var(--c-neutral-6-lighten-20)}.or-button.outlined.neutral-6.disabled[data-v-0e92d9da]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.primary[data-v-0e92d9da],.or-button.text.primary[data-v-0e92d9da]{color:var(--c-primary)}.or-button.inline.primary[data-v-0e92d9da]  .or-icon,.or-button.text.primary[data-v-0e92d9da]  .or-icon{color:var(--c-primary)}.or-button.inline.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-button.inline.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-button.inline.primary .or-loader[data-v-0e92d9da]::after,.or-button.text.primary .or-loader[data-v-0e92d9da]::after{color:var(--c-primary)}.or-button.inline.primary.disabled[data-v-0e92d9da],.or-button.inline.primary.loading[data-v-0e92d9da],.or-button.text.primary.disabled[data-v-0e92d9da],.or-button.text.primary.loading[data-v-0e92d9da]{color:var(--c-primary-lighten-20)}.or-button.inline.primary.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.primary.loading[data-v-0e92d9da]  .or-icon,.or-button.text.primary.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.primary.loading[data-v-0e92d9da]  .or-icon{color:var(--c-primary-lighten-20)}.or-button.inline.success[data-v-0e92d9da],.or-button.text.success[data-v-0e92d9da]{color:var(--c-success)}.or-button.inline.success[data-v-0e92d9da]  .or-icon,.or-button.text.success[data-v-0e92d9da]  .or-icon{color:var(--c-success)}.or-button.inline.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-button.inline.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-button.inline.success[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.success[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-button.inline.success[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-button.inline.success .or-loader[data-v-0e92d9da]::after,.or-button.text.success .or-loader[data-v-0e92d9da]::after{color:var(--c-success)}.or-button.inline.success.disabled[data-v-0e92d9da],.or-button.inline.success.loading[data-v-0e92d9da],.or-button.text.success.disabled[data-v-0e92d9da],.or-button.text.success.loading[data-v-0e92d9da]{color:var(--c-success-lighten-20)}.or-button.inline.success.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.success.loading[data-v-0e92d9da]  .or-icon,.or-button.text.success.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.success.loading[data-v-0e92d9da]  .or-icon{color:var(--c-success-lighten-20)}.or-button.inline.warning[data-v-0e92d9da],.or-button.text.warning[data-v-0e92d9da]{color:var(--c-warning)}.or-button.inline.warning[data-v-0e92d9da]  .or-icon,.or-button.text.warning[data-v-0e92d9da]  .or-icon{color:var(--c-warning)}.or-button.inline.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-button.inline.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-button.inline.warning .or-loader[data-v-0e92d9da]::after,.or-button.text.warning .or-loader[data-v-0e92d9da]::after{color:var(--c-warning)}.or-button.inline.warning.disabled[data-v-0e92d9da],.or-button.inline.warning.loading[data-v-0e92d9da],.or-button.text.warning.disabled[data-v-0e92d9da],.or-button.text.warning.loading[data-v-0e92d9da]{color:var(--c-warning-lighten-20)}.or-button.inline.warning.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.warning.loading[data-v-0e92d9da]  .or-icon,.or-button.text.warning.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.warning.loading[data-v-0e92d9da]  .or-icon{color:var(--c-warning-lighten-20)}.or-button.inline.error[data-v-0e92d9da],.or-button.text.error[data-v-0e92d9da]{color:var(--c-error)}.or-button.inline.error[data-v-0e92d9da]  .or-icon,.or-button.text.error[data-v-0e92d9da]  .or-icon{color:var(--c-error)}.or-button.inline.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-button.inline.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-button.inline.error[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.error[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-button.inline.error[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-button.inline.error .or-loader[data-v-0e92d9da]::after,.or-button.text.error .or-loader[data-v-0e92d9da]::after{color:var(--c-error)}.or-button.inline.error.disabled[data-v-0e92d9da],.or-button.inline.error.loading[data-v-0e92d9da],.or-button.text.error.disabled[data-v-0e92d9da],.or-button.text.error.loading[data-v-0e92d9da]{color:var(--c-error-lighten-20)}.or-button.inline.error.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.error.loading[data-v-0e92d9da]  .or-icon,.or-button.text.error.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.error.loading[data-v-0e92d9da]  .or-icon{color:var(--c-error-lighten-20)}.or-button.inline.neutral-0[data-v-0e92d9da],.or-button.text.neutral-0[data-v-0e92d9da]{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-0[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0 .or-loader[data-v-0e92d9da]::after,.or-button.text.neutral-0 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-0)}.or-button.inline.neutral-0.disabled[data-v-0e92d9da],.or-button.inline.neutral-0.loading[data-v-0e92d9da],.or-button.text.neutral-0.disabled[data-v-0e92d9da],.or-button.text.neutral-0.loading[data-v-0e92d9da]{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-0.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.neutral-0.loading[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-0.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-0.loading[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-3[data-v-0e92d9da],.or-button.text.neutral-3[data-v-0e92d9da]{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-3[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3 .or-loader[data-v-0e92d9da]::after,.or-button.text.neutral-3 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-3)}.or-button.inline.neutral-3.disabled[data-v-0e92d9da],.or-button.inline.neutral-3.loading[data-v-0e92d9da],.or-button.text.neutral-3.disabled[data-v-0e92d9da],.or-button.text.neutral-3.loading[data-v-0e92d9da]{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-3.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.neutral-3.loading[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-3.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-3.loading[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-4[data-v-0e92d9da],.or-button.text.neutral-4[data-v-0e92d9da]{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-4[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4 .or-loader[data-v-0e92d9da]::after,.or-button.text.neutral-4 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-4)}.or-button.inline.neutral-4.disabled[data-v-0e92d9da],.or-button.inline.neutral-4.loading[data-v-0e92d9da],.or-button.text.neutral-4.disabled[data-v-0e92d9da],.or-button.text.neutral-4.loading[data-v-0e92d9da]{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-4.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.neutral-4.loading[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-4.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-4.loading[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-5[data-v-0e92d9da],.or-button.text.neutral-5[data-v-0e92d9da]{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-5[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5 .or-loader[data-v-0e92d9da]::after,.or-button.text.neutral-5 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-5)}.or-button.inline.neutral-5.disabled[data-v-0e92d9da],.or-button.inline.neutral-5.loading[data-v-0e92d9da],.or-button.text.neutral-5.disabled[data-v-0e92d9da],.or-button.text.neutral-5.loading[data-v-0e92d9da]{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-5.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.neutral-5.loading[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-5.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-5.loading[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-6[data-v-0e92d9da],.or-button.text.neutral-6[data-v-0e92d9da]{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-6[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-0e92d9da]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-0e92d9da]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6 .or-loader[data-v-0e92d9da]::after,.or-button.text.neutral-6 .or-loader[data-v-0e92d9da]::after{color:var(--c-neutral-6)}.or-button.inline.neutral-6.disabled[data-v-0e92d9da],.or-button.inline.neutral-6.loading[data-v-0e92d9da],.or-button.text.neutral-6.disabled[data-v-0e92d9da],.or-button.text.neutral-6.loading[data-v-0e92d9da]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.neutral-6.disabled[data-v-0e92d9da]  .or-icon,.or-button.inline.neutral-6.loading[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-6.disabled[data-v-0e92d9da]  .or-icon,.or-button.text.neutral-6.loading[data-v-0e92d9da]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-button.size-small[data-v-0e92d9da]:not(.inline){--or-button-height:1.75rem;--or-button-font-size:var(--fs-0);--or-loader-size:1rem;--or-icon-size:0.875rem;min-width:auto}.or-button.disabled[data-v-0e92d9da]{cursor:not-allowed}.or-button.loading[data-v-0e92d9da]{cursor:progress}.or-button .or-loader[data-v-0e92d9da]{position:absolute}.or-button .or-loader[data-v-0e92d9da]::after{width:var(--or-loader-size);height:var(--or-loader-size)}.or-button[data-v-0e92d9da]  .or-icon{font-size:var(--or-icon-size)}.or-button-content[data-v-0e92d9da]{display:flex;align-items:center;justify-content:center}.or-button-left-icon[data-v-0e92d9da]{margin-right:var(--or-icon-margin)}.or-button-right-icon[data-v-0e92d9da]{margin-left:var(--or-icon-margin)}@media only screen and (max-width:576px){.or-button[data-v-0e92d9da]{--or-button-height:2.75rem;--or-button-font-size:1rem;--or-loader-size:1.5rem;--or-icon-size:1.25rem}}";
+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('button', _vm._g({
+    staticClass: "or-button",
+    class: _vm.states,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    }
+  }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
+    click: function (e) {
+      return _vm.handleButtonClick(e);
+    },
+    focus: function (e) {
+      return _vm.$emit('focus', e);
+    },
+    blur: function (e) {
+      return _vm.$emit('blur', e);
+    }
+  })), [_vm.isLoading ? _c('or-loader', {
+    attrs: {
+      "type": _vm.loadingType,
+      "text-type-label": _vm.loadingText
+    }
+  }) : _vm._e(), _vm._v(" "), _c('span', {
+    staticClass: "or-button-content",
+    style: _vm.isContentVisible
+  }, [_vm._t("prepend", function () {
+    return [_vm.showLeftIcon ? _c('or-icon', {
+      staticClass: "or-button-left-icon",
+      attrs: {
+        "icon": _vm.icon
+      }
+    }) : _vm._e()];
+  }), _vm._v(" "), _vm._t("default", function () {
+    return [_vm._v("\n      " + _vm._s(_vm.content) + "\n    ")];
+  }), _vm._v(" "), _vm._t("append", function () {
+    return [_vm.showRightIcon ? _c('or-icon', {
+      staticClass: "or-button-right-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-0e92d9da";
+/* 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);
+
+export { BUTTON_COLOR as B, HTML_BUTTON_TYPE as H, ICON_BUTTON_TYPE as I, __vue_component__ as _, BUTTON_SIZE as a, BUTTON_TYPE as b, BUTTON_LOADER_TYPE as c };

package/dist/bundled/v2/components/OrButtonV3/OrButton.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonV3-dbc4a56d.js';
-import '../OrAvatar-f32ddb1f.js';
+export { _ as default } from '../OrButtonV3-54ae8063.js';
+import '../OrAvatar-3f8448d6.js';

package/dist/bundled/v2/components/OrButtonV3/OrButton.vue.d.ts

@@ -7,15 +7,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     type: {
         type: PropType<"button" | "submit" | "reset">;
-        default: ButtonType;
+        default: () => ButtonType.Button;
     };
     variant: {
         type: PropType<"contained" | "outlined" | "text" | "link">;
-        default: ButtonVariant;
+        default: () => ButtonVariant.Contained;
     };
     color: {
         type: PropType<"primary" | "danger" | "inherit">;
-        default: ButtonColor;
+        default: () => ButtonColor.Primary;
     };
     activated: {
         type: BooleanConstructor;
@@ -36,15 +36,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
-        default: ButtonType;
+        default: () => ButtonType.Button;
     };
     variant: {
         type: PropType<"contained" | "outlined" | "text" | "link">;
-        default: ButtonVariant;
+        default: () => ButtonVariant.Contained;
     };
     color: {
         type: PropType<"primary" | "danger" | "inherit">;
-        default: ButtonColor;
+        default: () => ButtonColor.Primary;
     };
     activated: {
         type: BooleanConstructor;

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

@@ -1 +1 @@
-export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from '../OrButtonV3-dbc4a56d.js';
+export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from '../OrButtonV3-54ae8063.js';

package/dist/bundled/v2/components/OrButtonV3/props.js

@@ -1 +1 @@
-export { B as ButtonColor, b as ButtonType, a as ButtonVariant } from '../OrButtonV3-dbc4a56d.js';
+export { B as ButtonColor, b as ButtonType, a as ButtonVariant } from '../OrButtonV3-54ae8063.js';

package/dist/bundled/v2/components/OrButtonV3/styles.js

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-dbc4a56d.js';
+export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-54ae8063.js';

package/dist/bundled/v2/components/{OrButtonV3-dbc4a56d.js → OrButtonV3-54ae8063.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrLoaderV3-33183da5.js';
-import { n as normalizeComponent } from './OrAvatar-f32ddb1f.js';
+import { _ as __vue_component__$1 } from './OrLoaderV3-145b2174.js';
+import { n as normalizeComponent } from './OrAvatar-3f8448d6.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {
@@ -102,15 +102,15 @@ var script = defineComponent({
   props: {
     type: {
       type: String,
-      default: ButtonType.Button
+      default: () => ButtonType.Button
     },
     variant: {
       type: String,
-      default: ButtonVariant.Contained
+      default: () => ButtonVariant.Contained
     },
     color: {
       type: String,
-      default: ButtonColor.Primary
+      default: () => ButtonColor.Primary
     },
     activated: {
       type: Boolean,

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

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-f32ddb1f.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-3f8448d6.js';
 
 var script = defineComponent({
   name: 'OrCard',

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

@@ -1,2 +1,2 @@
 export { OrCardCollection as default } from './index.js';
-import '../OrAvatar-f32ddb1f.js';
+import '../OrAvatar-3f8448d6.js';

package/dist/bundled/v2/components/OrCardCollection/OrCardCollection.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     layout: {
         type: PropType<string>;
-        default: CARD_COLLECTION_LAYOUT;
+        default: () => CARD_COLLECTION_LAYOUT.GRID;
     };
     sortableColumns: {
         type: PropType<SortableColumn[]>;
@@ -60,7 +60,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     layout: {
         type: PropType<string>;
-        default: CARD_COLLECTION_LAYOUT;
+        default: () => CARD_COLLECTION_LAYOUT.GRID;
     };
     sortableColumns: {
         type: PropType<SortableColumn[]>;

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

@@ -3,7 +3,7 @@ import __vue_component__$1 from '../OrCard/OrCard.js';
 import { OrIcon as __vue_component__$2 } from '../OrIcon/index.js';
 import __vue_component__$3 from '../OrSearch/OrSearch.js';
 import __vue_component__$4 from '../OrIconButtonV2/OrIconButton.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-f32ddb1f.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-3f8448d6.js';
 
 var CARD_COLLECTION_LAYOUT;
 (function (CARD_COLLECTION_LAYOUT) {
@@ -40,7 +40,7 @@ var script = defineComponent({
     },
     layout: {
       type: String,
-      default: CARD_COLLECTION_LAYOUT.GRID
+      default: () => CARD_COLLECTION_LAYOUT.GRID
     },
     sortableColumns: {
       type: Array,
@@ -102,7 +102,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z$1 = "@keyframes spinAround-data-v-06085c59{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-06085c59{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-06085c59]{display:flex;-moz-column-gap:var(--s-4);column-gap:var(--s-4);align-items:center;justify-content:space-between;margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-06085c59]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-06085c59]{display:inline-flex;margin:var(--s-2) var(--s-6);font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0);color:var(--c-neutral-4);text-transform:capitalize;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-06085c59]{font-weight:700;color:var(--c-neutral-6)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-06085c59]{width:14px;height:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-06085c59]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-06085c59]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-06085c59]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-06085c59]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-06085c59]{flex-direction:column}";
+var css_248z$1 = "@keyframes spinAround-data-v-8134ba4e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8134ba4e{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-8134ba4e]{display:flex;-moz-column-gap:var(--s-4);column-gap:var(--s-4);align-items:center;justify-content:space-between;margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-8134ba4e]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-8134ba4e]{display:inline-flex;margin:var(--s-2) var(--s-6);font-size:var(--fs-0);font-weight:var(--fw-0);line-height:var(--lh-0);color:var(--c-neutral-4);text-transform:capitalize;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-8134ba4e]{font-weight:700;color:var(--c-neutral-6)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-8134ba4e]{width:14px;height:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-8134ba4e]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-8134ba4e]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-8134ba4e]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-8134ba4e]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-8134ba4e]{flex-direction:column}";
 styleInject(css_248z$1);
 
 var css_248z = ".or-card-collection-filter .or-textbox .or-textbox--input{max-width:256px;height:30px}.or-card-collection-sort-direction .or-icon{font-size:1rem}";
@@ -201,7 +201,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-06085c59";
+const __vue_scope_id__ = "data-v-8134ba4e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCardCollectionV3-4b3b7054.js';
-import '../OrAvatar-f32ddb1f.js';
+export { _ as default } from '../OrCardCollectionV3-e8f87dc4.js';
+import '../OrAvatar-3f8448d6.js';

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: string;
+        default: () => string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;
@@ -54,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: string;
+        default: () => string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;

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

@@ -1 +1 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-4b3b7054.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-e8f87dc4.js';

package/dist/bundled/v2/components/OrCardCollectionV3/props.js

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-4b3b7054.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-e8f87dc4.js';

package/dist/bundled/v2/components/OrCardCollectionV3/styles.js

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-4b3b7054.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-e8f87dc4.js';

package/dist/bundled/v2/components/{OrCardCollectionV3-4b3b7054.js → OrCardCollectionV3-e8f87dc4.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-f32ddb1f.js';
-import { _ as __vue_component__$2 } from './OrIconButtonV3-9b1c073c.js';
-import { _ as __vue_component__$3 } from './OrSortingV3-2ff74203.js';
+import { n as normalizeComponent } from './OrAvatar-3f8448d6.js';
+import { _ as __vue_component__$2 } from './OrIconButtonV3-84ebe3a5.js';
+import { _ as __vue_component__$3 } from './OrSortingV3-3db97569.js';
 import { OrSearchV3 as __vue_component__$4 } from './OrSearchV3/index.js';
-import { _ as __vue_component__$5 } from './OrLoaderV3-33183da5.js';
+import { _ as __vue_component__$5 } from './OrLoaderV3-145b2174.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -133,7 +133,7 @@ var script = defineComponent({
     },
     view: {
       type: String,
-      default: gridView.view
+      default: () => gridView.view
     },
     viewModes: {
       type: Array,

package/dist/bundled/v2/components/OrCardV3/OrCard.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCardV3-0e9bcfbd.js';
-import '../OrAvatar-f32ddb1f.js';
+export { _ as default } from '../OrCardV3-a6947a8b.js';
+import '../OrAvatar-3f8448d6.js';