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

package/dist/esm/v2/components/or-toast/index.js

@@ -1,6 +1,6 @@
-export { _ as OrToast, a as OrToastContainer } from '../../OrToastContainer-cf0378db.js';
+export { _ as OrToast, a as OrToastContainer } from '../../OrToastContainer-e47e6cfb.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../../useToast-4fbe0e5a.js';
-import '../../OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import '../../OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import 'vue-demi';
 import '../../OrIcon-84b90cfe.js';
 import 'lodash';
@@ -14,7 +14,8 @@ import 'portal-vue/dist/portal-vue.esm.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-003941a2.js';
+import '../../OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import '../../OrTooltip-0798a371.js';
-import '../../OrIconButton-7726e340.js';
+import '../../OrIconButton-967a1c67.js';
 import '../../OrProgress-4ee24824.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -2,12 +2,12 @@ export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-c6a1fdf2.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-0afdef36.js';
 export { _ as OrBottomSheetV3 } from './OrBottomSheet-5acd034f.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-2ca1c3d6.js';
-export { _ as OrButtonV2 } from './OrButton-7393a985.js';
-export { _ as OrIconButton } from './OrIconButton-7726e340.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+export { _ as OrButtonV2 } from './OrButton-2f25c464.js';
+export { _ as OrIconButton } from './OrIconButton-967a1c67.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-b458e82b.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
-export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-cc4610bc.js';
+export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-8a41899e.js';
 export { C as CardCollectionView, _ as OrCardCollectionV3 } from './OrCardCollection-d2d64ffe.js';
 export { _ as OrCardV3 } from './OrCard-1d904e72.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-b88f64f5.js';
@@ -15,12 +15,12 @@ export { _ as OrCheckbox } from './OrCheckbox-b2c9f612.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-c2a00426.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_script-33d7b9c1.js';
 export { _ as OrChips } from './OrChips-581e5f48.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-3f8617dc.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-b9fac554.js';
 export { _ as OrCollapse } from './OrCollapse-cff74fb1.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-aa0e432f.js';
-export { _ as OrConfirm } from './OrConfirm-c1eab20d.js';
+export { _ as OrConfirm } from './OrConfirm-22efda7e.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-37b2c594.js';
-export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-3f6e0de3.js';
+export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-d302c43c.js';
 export { _ as OrError } from './OrError-081130bb.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-c14e0298.js';
 export { _ as OrErrorV3 } from './OrError-be656098.js';
@@ -34,28 +34,28 @@ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-c4fa5a
 export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-05689298.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
 export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-a888df50.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-1b440c2b.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-234c431a.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-1925651c.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
 export { I as InputType, _ as OrInputV3 } from './OrInput-6e7e582e.js';
-export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-4348e84d.js';
-export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_script-89e370a1.js';
-export { _ as OrSearch } from './OrSearch-c9dd4ec2.js';
+export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-732044da.js';
+export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_script-455b796f.js';
+export { _ as OrSearch } from './OrSearch-e0123f41.js';
 export { _ as OrLabel } from './OrLabel-33b41516.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-5670468e.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-80742a17.js';
-export { _ as OrList } from './OrList-ff972455.js';
-export { _ as OrListOfInputs } from './OrListOfInputs-9c46d4ca.js';
+export { _ as OrList } from './OrList-06df2498.js';
+export { _ as OrListOfInputs } from './OrListOfInputs-41cd6784.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-003941a2.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-bd088836.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-038641b7.js';
 export { _ as OrMenuV3 } from './OrMenu-e7210edc.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-ef8c91f1.js';
-export { _ as OrModal, O as OrModalSizes } from './OrModal-74bd815c.js';
+export { _ as OrModal, O as OrModalSizes } from './OrModal-443c063c.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-3b081ef1.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-b79c5005.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-4da59ba1.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-1d316255.js';
-export { _ as OrOverflowMenu } from './OrOverflowMenu-812803d0.js';
+export { _ as OrOverflowMenu } from './OrOverflowMenu-25135bf9.js';
 export { _ as OrOverlay } from './OrOverlay-3b52865d.js';
 export { _ as OrOverlayV3 } from './OrOverlay-18ba2dc6.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-4ee24824.js';
@@ -73,7 +73,7 @@ export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as O
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from './OrSlider-2e956e0a.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-b4dbff08.js';
-export { _ as OrStepper } from './OrStepper-8c51ce7f.js';
+export { _ as OrStepper } from './OrStepper-72bb83d2.js';
 export { _ as OrSwitch } from './OrSwitch-f25f27f9.js';
 export { _ as OrSwitchV3 } from './OrSwitch-2e0a53ed.js';
 export { _ as OrTab } from './OrTab-eade8ab6.js';
@@ -87,8 +87,8 @@ export { _ as OrTeleport } from './OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
 export { _ as OrTextareaV3 } from './OrTextarea-f566682c.js';
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-094b5fe2.js';
-export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-cf0378db.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0309ca15.js';
+export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e47e6cfb.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-ed7aa2bb.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
@@ -107,6 +107,7 @@ import 'lodash';
 import './normalize-component-6e8e3d80.js';
 import './browser-82dea9ed.js';
 import '@vueuse/core';
+import './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import '@splidejs/splide';
 import '@codemirror/state';
 import 'codemirror';

package/dist/esm/v3/OrButton-19b4f2cc.js

@@ -0,0 +1,135 @@
+import { defineComponent } from 'vue-demi';
+import { s as script$1 } from './OrIcon-e23028f8.js';
+import { s as script$2, L as LoaderViews } from './OrLoader-15174477.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-7a793cf2.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrIcon: script$1,
+    OrLoader: script$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'],
+  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);
+      }
+    }
+  }
+});
+
+const _hoisted_1 = ["disabled", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_loader = resolveComponent("or-loader");
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass(["or-button", _ctx.states]),
+    disabled: _ctx.isDisabled,
+    type: _ctx.htmlButtonType,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleButtonClick && _ctx.handleButtonClick(...args)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }, [_ctx.isLoading ? (openBlock(), createBlock(_component_or_loader, {
+    key: 0,
+    type: _ctx.loadingType,
+    "text-type-label": _ctx.loadingText
+  }, null, 8 /* PROPS */, ["type", "text-type-label"])) : createCommentVNode("v-if", true), createElementVNode("span", {
+    class: "or-button-content",
+    style: normalizeStyle(_ctx.isContentVisible)
+  }, [renderSlot(_ctx.$slots, "prepend", {}, () => [_ctx.showLeftIcon ? (openBlock(), createBlock(_component_or_icon, {
+    key: 0,
+    class: "or-button-left-icon",
+    icon: _ctx.icon
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)]), renderSlot(_ctx.$slots, "append", {}, () => [_ctx.showRightIcon ? (openBlock(), createBlock(_component_or_icon, {
+    key: 0,
+    class: "or-button-right-icon",
+    icon: _ctx.icon
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 4 /* STYLE */)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-dd050812 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-dd050812 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/** \"Contained\" and \"Floating Icon\" buttons have the same color scheme  */\n/** \"Outline\" button has some styles copy-pasted from \"Contained\" button */\n/** \"Text\", \"Inline\" and \"Icon\" buttons have the same color scheme */\n.or-button[data-v-dd050812] {\n  --or-button-height: 2rem;\n  --or-button-font-size: var(--fs-1);\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n  --or-icon-margin: 0.5rem;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--or-button-height);\n  padding: 0;\n  font-family: inherit;\n  font-size: var(--or-button-font-size);\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color, background-color, box-shadow, border-color;\n}\n.or-button.contained[data-v-dd050812], .or-button.outlined[data-v-dd050812], .or-button.text[data-v-dd050812] {\n  min-width: 6rem;\n  padding: 0 1rem;\n  font-weight: var(--fw-1);\n  border-radius: 0.25rem;\n}\n.or-button.inline[data-v-dd050812] {\n  --or-button-height: 1.25rem;\n  --or-button-font-size: var(--fs-0);\n  --or-icon-margin: 0.25rem;\n  --or-loader-size: 1.25rem;\n  --or-icon-size: 1rem;\n}\n.or-button.contained[data-v-dd050812] {\n  color: var(--c-white);\n}\n.or-button.contained .or-loader[data-v-dd050812]::after,\n.or-button.contained[data-v-dd050812] .or-icon {\n  color: var(--c-white);\n}\n.or-button.contained.primary[data-v-dd050812] {\n  background-color: var(--c-primary);\n}\n.or-button.contained.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.primary.disabled[data-v-dd050812], .or-button.contained.primary.loading[data-v-dd050812] {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-button.contained.success[data-v-dd050812] {\n  background-color: var(--c-success);\n}\n.or-button.contained.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.success.disabled[data-v-dd050812], .or-button.contained.success.loading[data-v-dd050812] {\n  background-color: var(--c-success-lighten-20);\n}\n.or-button.contained.warning[data-v-dd050812] {\n  background-color: var(--c-warning);\n}\n.or-button.contained.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.warning.disabled[data-v-dd050812], .or-button.contained.warning.loading[data-v-dd050812] {\n  background-color: var(--c-warning-lighten-20);\n}\n.or-button.contained.error[data-v-dd050812] {\n  background-color: var(--c-error);\n}\n.or-button.contained.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.error.disabled[data-v-dd050812], .or-button.contained.error.loading[data-v-dd050812] {\n  background-color: var(--c-error-lighten-20);\n}\n.or-button.contained.neutral-0[data-v-dd050812] {\n  background-color: var(--c-neutral-0);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-0.disabled[data-v-dd050812], .or-button.contained.neutral-0.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.contained.neutral-3[data-v-dd050812] {\n  background-color: var(--c-neutral-3);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-3.disabled[data-v-dd050812], .or-button.contained.neutral-3.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.contained.neutral-4[data-v-dd050812] {\n  background-color: var(--c-neutral-4);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-4.disabled[data-v-dd050812], .or-button.contained.neutral-4.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.contained.neutral-5[data-v-dd050812] {\n  background-color: var(--c-neutral-5);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-5.disabled[data-v-dd050812], .or-button.contained.neutral-5.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.contained.neutral-6[data-v-dd050812] {\n  background-color: var(--c-neutral-6);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.contained.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.contained.neutral-6.disabled[data-v-dd050812], .or-button.contained.neutral-6.loading[data-v-dd050812] {\n  background-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.primary[data-v-dd050812] {\n  color: var(--c-primary);\n  border: 1px solid var(--c-primary);\n}\n.or-button.outlined.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812], .or-button.outlined.primary.loading[data-v-dd050812] {\n  border: 1px solid var(--c-primary-lighten-20);\n}\n.or-button.outlined.primary.disabled[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outlined.success[data-v-dd050812] {\n  color: var(--c-success);\n  border: 1px solid var(--c-success);\n}\n.or-button.outlined.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-success-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.outlined.success.disabled[data-v-dd050812], .or-button.outlined.success.loading[data-v-dd050812] {\n  border: 1px solid var(--c-success-lighten-20);\n}\n.or-button.outlined.success.disabled[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.outlined.warning[data-v-dd050812] {\n  color: var(--c-warning);\n  border: 1px solid var(--c-warning);\n}\n.or-button.outlined.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812], .or-button.outlined.warning.loading[data-v-dd050812] {\n  border: 1px solid var(--c-warning-lighten-20);\n}\n.or-button.outlined.warning.disabled[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outlined.error[data-v-dd050812] {\n  color: var(--c-error);\n  border: 1px solid var(--c-error);\n}\n.or-button.outlined.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.outlined.error.disabled[data-v-dd050812], .or-button.outlined.error.loading[data-v-dd050812] {\n  border: 1px solid var(--c-error-lighten-20);\n}\n.or-button.outlined.error.disabled[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outlined.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n  border: 1px solid var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812], .or-button.outlined.neutral-0.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-0.disabled[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outlined.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n  border: 1px solid var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812], .or-button.outlined.neutral-3.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-3.disabled[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outlined.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n  border: 1px solid var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812], .or-button.outlined.neutral-4.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-4.disabled[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outlined.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n  border: 1px solid var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812], .or-button.outlined.neutral-5.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-5.disabled[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outlined.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n  border: 1px solid var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-3);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.2);\n}\n.or-button.outlined.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  box-shadow: 0 0.0625rem 0.125rem 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outlined.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812], .or-button.outlined.neutral-6.loading[data-v-dd050812] {\n  border: 1px solid var(--c-neutral-6-lighten-20);\n}\n.or-button.outlined.neutral-6.disabled[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.primary[data-v-dd050812], .or-button.inline.primary[data-v-dd050812] {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812] .or-icon, .or-button.inline.primary[data-v-dd050812] .or-icon {\n  color: var(--c-primary);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-20);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.primary[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-primary-darken-25);\n}\n.or-button.text.primary .or-loader[data-v-dd050812]::after, .or-button.inline.primary .or-loader[data-v-dd050812]::after {\n  color: var(--c-primary);\n}\n.or-button.text.primary.disabled[data-v-dd050812], .or-button.text.primary.loading[data-v-dd050812], .or-button.inline.primary.disabled[data-v-dd050812], .or-button.inline.primary.loading[data-v-dd050812] {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.primary.disabled[data-v-dd050812] .or-icon, .or-button.text.primary.loading[data-v-dd050812] .or-icon, .or-button.inline.primary.disabled[data-v-dd050812] .or-icon, .or-button.inline.primary.loading[data-v-dd050812] .or-icon {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.text.success[data-v-dd050812], .or-button.inline.success[data-v-dd050812] {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812] .or-icon, .or-button.inline.success[data-v-dd050812] .or-icon {\n  color: var(--c-success);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-20);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.success[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-success-darken-25);\n}\n.or-button.text.success .or-loader[data-v-dd050812]::after, .or-button.inline.success .or-loader[data-v-dd050812]::after {\n  color: var(--c-success);\n}\n.or-button.text.success.disabled[data-v-dd050812], .or-button.text.success.loading[data-v-dd050812], .or-button.inline.success.disabled[data-v-dd050812], .or-button.inline.success.loading[data-v-dd050812] {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.success.disabled[data-v-dd050812] .or-icon, .or-button.text.success.loading[data-v-dd050812] .or-icon, .or-button.inline.success.disabled[data-v-dd050812] .or-icon, .or-button.inline.success.loading[data-v-dd050812] .or-icon {\n  color: var(--c-success-lighten-20);\n}\n.or-button.text.warning[data-v-dd050812], .or-button.inline.warning[data-v-dd050812] {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812] .or-icon, .or-button.inline.warning[data-v-dd050812] .or-icon {\n  color: var(--c-warning);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-20);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.warning[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-warning-darken-25);\n}\n.or-button.text.warning .or-loader[data-v-dd050812]::after, .or-button.inline.warning .or-loader[data-v-dd050812]::after {\n  color: var(--c-warning);\n}\n.or-button.text.warning.disabled[data-v-dd050812], .or-button.text.warning.loading[data-v-dd050812], .or-button.inline.warning.disabled[data-v-dd050812], .or-button.inline.warning.loading[data-v-dd050812] {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.warning.disabled[data-v-dd050812] .or-icon, .or-button.text.warning.loading[data-v-dd050812] .or-icon, .or-button.inline.warning.disabled[data-v-dd050812] .or-icon, .or-button.inline.warning.loading[data-v-dd050812] .or-icon {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.text.error[data-v-dd050812], .or-button.inline.error[data-v-dd050812] {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812] .or-icon, .or-button.inline.error[data-v-dd050812] .or-icon {\n  color: var(--c-error);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-20);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.error[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-error-darken-25);\n}\n.or-button.text.error .or-loader[data-v-dd050812]::after, .or-button.inline.error .or-loader[data-v-dd050812]::after {\n  color: var(--c-error);\n}\n.or-button.text.error.disabled[data-v-dd050812], .or-button.text.error.loading[data-v-dd050812], .or-button.inline.error.disabled[data-v-dd050812], .or-button.inline.error.loading[data-v-dd050812] {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.error.disabled[data-v-dd050812] .or-icon, .or-button.text.error.loading[data-v-dd050812] .or-icon, .or-button.inline.error.disabled[data-v-dd050812] .or-icon, .or-button.inline.error.loading[data-v-dd050812] .or-icon {\n  color: var(--c-error-lighten-20);\n}\n.or-button.text.neutral-0[data-v-dd050812], .or-button.inline.neutral-0[data-v-dd050812] {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812] .or-icon, .or-button.inline.neutral-0[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-20);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-0[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-0-darken-25);\n}\n.or-button.text.neutral-0 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-0 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-0);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812], .or-button.text.neutral-0.loading[data-v-dd050812], .or-button.inline.neutral-0.disabled[data-v-dd050812], .or-button.inline.neutral-0.loading[data-v-dd050812] {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-0.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-0.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.text.neutral-3[data-v-dd050812], .or-button.inline.neutral-3[data-v-dd050812] {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812] .or-icon, .or-button.inline.neutral-3[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-20);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-3[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-3-darken-25);\n}\n.or-button.text.neutral-3 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-3 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-3);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812], .or-button.text.neutral-3.loading[data-v-dd050812], .or-button.inline.neutral-3.disabled[data-v-dd050812], .or-button.inline.neutral-3.loading[data-v-dd050812] {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-3.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-3.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.text.neutral-4[data-v-dd050812], .or-button.inline.neutral-4[data-v-dd050812] {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812] .or-icon, .or-button.inline.neutral-4[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-20);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-4[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-4-darken-25);\n}\n.or-button.text.neutral-4 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-4 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-4);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812], .or-button.text.neutral-4.loading[data-v-dd050812], .or-button.inline.neutral-4.disabled[data-v-dd050812], .or-button.inline.neutral-4.loading[data-v-dd050812] {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-4.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-4.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.text.neutral-5[data-v-dd050812], .or-button.inline.neutral-5[data-v-dd050812] {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812] .or-icon, .or-button.inline.neutral-5[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-20);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-5[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-5-darken-25);\n}\n.or-button.text.neutral-5 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-5 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-5);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812], .or-button.text.neutral-5.loading[data-v-dd050812], .or-button.inline.neutral-5.disabled[data-v-dd050812], .or-button.inline.neutral-5.loading[data-v-dd050812] {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-5.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-5.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.text.neutral-6[data-v-dd050812], .or-button.inline.neutral-6[data-v-dd050812] {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812] .or-icon, .or-button.inline.neutral-6[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:hover:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-20);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading), .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon, .or-button.inline.neutral-6[data-v-dd050812]:active:not(.disabled):not(.loading) .or-icon {\n  color: var(--c-neutral-6-darken-25);\n}\n.or-button.text.neutral-6 .or-loader[data-v-dd050812]::after, .or-button.inline.neutral-6 .or-loader[data-v-dd050812]::after {\n  color: var(--c-neutral-6);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812], .or-button.text.neutral-6.loading[data-v-dd050812], .or-button.inline.neutral-6.disabled[data-v-dd050812], .or-button.inline.neutral-6.loading[data-v-dd050812] {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.text.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.text.neutral-6.loading[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.disabled[data-v-dd050812] .or-icon, .or-button.inline.neutral-6.loading[data-v-dd050812] .or-icon {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.size-small[data-v-dd050812]:not(.inline) {\n  --or-button-height: 1.75rem;\n  --or-button-font-size: var(--fs-0);\n  --or-loader-size: 1rem;\n  --or-icon-size: 0.875rem;\n  min-width: auto;\n}\n.or-button.disabled[data-v-dd050812] {\n  cursor: not-allowed;\n}\n.or-button.loading[data-v-dd050812] {\n  cursor: progress;\n}\n.or-button .or-loader[data-v-dd050812] {\n  position: absolute;\n}\n.or-button .or-loader[data-v-dd050812]::after {\n  width: var(--or-loader-size);\n  height: var(--or-loader-size);\n}\n.or-button[data-v-dd050812] .or-icon {\n  font-size: var(--or-icon-size);\n}\n.or-button-content[data-v-dd050812] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.or-button-left-icon[data-v-dd050812] {\n  margin-right: var(--or-icon-margin);\n}\n.or-button-right-icon[data-v-dd050812] {\n  margin-left: var(--or-icon-margin);\n}\n@media only screen and (max-width: 576px) {\n.or-button[data-v-dd050812] {\n    --or-button-height: 2.75rem;\n    /* TODO: Introduce mobile typography */\n    --or-button-font-size: 1rem;\n    --or-loader-size: 1.5rem;\n    --or-icon-size: 1.25rem;\n}\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-dd050812";
+script.__file = "src/components/or-button-v2/OrButton.vue";
+
+export { script as s };

package/dist/esm/v3/{OrCardCollection-737f073a.js → OrCardCollection-e2da80fd.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
 import { s as script$2 } from './OrIcon-e23028f8.js';
-import { d as script$3 } from './OrSearch-2874026c.js';
-import { a as script$4 } from './OrIconButton-f72cb8d9.js';
+import { d as script$3 } from './OrSearch-9991b173.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$4 } from './OrIconButton-7a793cf2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrCode-feeec003.js → OrCode-196c1128.js}

@@ -3,11 +3,12 @@ import { useElementHover } from '@vueuse/core';
 import { basicSetup, EditorView } from 'codemirror';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
-import { a as script$1 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$1 } from './OrIconButton-7a793cf2.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-1414c530.js';
 import { s as script$6 } from './OrLabel-876f8729.js';
-import { s as script$2 } from './OrModal-75c8e5b6.js';
+import { s as script$2 } from './OrModal-d1d1cc0e.js';
 import { s as script$3 } from './OrTeleportVue3-ad639f12.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v3/{OrConfirm-00134f53.js → OrConfirm-e8ed0e23.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, b as BUTTON_COLOR } from './OrIconButton-f72cb8d9.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-75c8e5b6.js';
-import { a as script$3 } from './OrSearch-2874026c.js';
+import { s as script$1 } from './OrButton-19b4f2cc.js';
+import { a as BUTTON_COLOR } from './OrIconButton-7a793cf2.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-d1d1cc0e.js';
+import { a as script$3 } from './OrSearch-9991b173.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePicker-6c79a764.js → OrDateTimePicker-b3a3ee07.js}

@@ -6,7 +6,8 @@ import { s as script$3 } from './OrLabel-876f8729.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-1414c530.js';
 import { s as script$6 } from './OrCollapse-37a52e8f.js';
-import { a as script$7 } from './OrIconButton-f72cb8d9.js';
+import './OrButton-19b4f2cc.js';
+import { s as script$7 } from './OrIconButton-7a793cf2.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 { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';