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

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

@@ -1,10 +1,10 @@
-export { s as OrSidebarV3 } from '../../OrSidebar-4fb216c3.js';
-export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-d659d078.js';
+export { s as OrSidebarV3 } from '../../OrSidebar-89a1a397.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-69c64fef.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 import 'vue';
-import '../../OrIconButton-63abd073.js';
+import '../../OrIconButton-7724ce5c.js';
 import '../../OrIcon-ea40e58c.js';
 import '../../OrTooltip-adece7b6.js';
 import '../../OrPopover-35ee1b1e.js';

package/dist/esm/v3/components/or-sidebar-v3/partials/index.js

@@ -1,7 +1,7 @@
-export { s as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-d659d078.js';
+export { s as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-69c64fef.js';
 import 'lodash';
 import 'vue-demi';
-import '../../../OrIconButton-63abd073.js';
+import '../../../OrIconButton-7724ce5c.js';
 import '../../../OrIcon-ea40e58c.js';
 import 'vue';
 import '../../../OrTooltip-adece7b6.js';

package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js

@@ -1,7 +1,7 @@
-export { s as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-d659d078.js';
+export { s as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-69c64fef.js';
 import 'lodash';
 import 'vue-demi';
-import '../../../../OrIconButton-63abd073.js';
+import '../../../../OrIconButton-7724ce5c.js';
 import '../../../../OrIcon-ea40e58c.js';
 import 'vue';
 import '../../../../OrTooltip-adece7b6.js';

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

@@ -1,6 +1,6 @@
-export { s as OrStepper } from '../../OrStepper-fe8c55f1.js';
+export { s as OrStepper } from '../../OrStepper-8d16d968.js';
 import 'vue-demi';
-import '../../OrIconButton-bc9deb47.js';
+import '../../OrIconButton-1c8640d9.js';
 import '../../OrIcon-ed3e10b4.js';
 import 'lodash';
 import '../../OrTooltip-8d7385bc.js';

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

@@ -1,6 +1,6 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-94e872aa.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-bbc516fd.js';
 import 'vue-demi';
-import '../../OrIconButton-63abd073.js';
+import '../../OrIconButton-7724ce5c.js';
 import '../../OrIcon-ea40e58c.js';
 import 'vue';
 import '../../OrTooltip-adece7b6.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTextbox, T as TextboxTypes } from '../../OrTextbox-2666223b.js';
+export { s as OrTextbox, T as TextboxTypes } from '../../OrTextbox-6e355e69.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useToggle-29e4d7c7.js';
@@ -8,7 +8,7 @@ import 'lodash';
 import '../../OrLabel-876f8729.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrIconButton-bc9deb47.js';
+import '../../OrIconButton-1c8640d9.js';
 import '../../OrIcon-ed3e10b4.js';
 import '../../OrTooltip-8d7385bc.js';
 import '../../OrFloating-291c7653.js';

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

@@ -1,6 +1,6 @@
-export { s as OrToast, a as OrToastContainer } from '../../OrToastContainer-6f8ce851.js';
+export { s as OrToast, a as OrToastContainer } from '../../OrToastContainer-3718e4c0.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-bc9deb47.js';
+import '../../OrIconButton-1c8640d9.js';
 import 'vue-demi';
 import '../../OrIcon-ed3e10b4.js';
 import 'lodash';

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

@@ -1,10 +1,10 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-646ec153.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-32bb1df4.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrTeleport.vue3-8099178c.js';
 import 'vue';
-import '../../OrIconButton-63abd073.js';
+import '../../OrIconButton-7724ce5c.js';
 import '../../OrIcon-ea40e58c.js';
 import '../../OrTooltip-adece7b6.js';
 import '../../OrPopover-35ee1b1e.js';

package/dist/esm/v3/index.js

@@ -2,22 +2,22 @@ export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-986baa65.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-0dbd8be8.js';
 export { s as OrBottomSheetV3 } from './OrBottomSheet-9c291056.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-fca9019a.js';
-export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from './OrIconButton-bc9deb47.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-b1ffc582.js';
+export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from './OrIconButton-1c8640d9.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-f5a973f9.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-0124a3df.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-8339ebe2.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-c60708c9.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-891b36f7.js';
 export { s as OrCardV3 } from './OrCard-cd6af82e.js';
 export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-a3a855e8.js';
 export { s as OrCheckbox } from './OrCheckbox-8d8887ea.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-78b08b59.js';
 export { s as OrChip, a as OrChips } from './OrChips-d6227d21.js';
-export { s as OrCode, O as OrCodeLanguages } from './OrCode-05a51fdc.js';
+export { s as OrCode, O as OrCodeLanguages } from './OrCode-f74731c4.js';
 export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-9a149e6b.js';
-export { s as OrConfirm } from './OrConfirm-db6872cf.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-e821e06e.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6e87bc5e.js';
+export { s as OrConfirm } from './OrConfirm-006ba329.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-f7550277.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-2714abac.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-71fe44c2.js';
 export { s as OrErrorV3 } from './OrError-5e926d62.js';
@@ -28,53 +28,53 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from './OrHint-1414c530.js';
 export { s as OrHintV3 } from './OrHint-031f9265.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-ed3e10b4.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-63abd073.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-7724ce5c.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-ea40e58c.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-09b33e18.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-8d408f0c.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-14a0b420.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-76afbb56.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-d46bd150.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-736f500c.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-ed99991c.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-2467d7e4.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-d16b7930.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-4557bd87.js';
 export { s as OrInput } from './OrInput-0dbd5a01.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-5a2f55fd.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-3e5e13d3.js';
-export { s as OrList } from './OrList-8adb354e.js';
-export { s as OrListOfInputs } from './OrListOfInputs-ed698651.js';
+export { s as OrList } from './OrList-cc647838.js';
+export { s as OrListOfInputs } from './OrListOfInputs-d39c3d3b.js';
 export { L as LoaderViews, s as OrLoader } from './OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-18f66bca.js';
 export { s as OrMenuItemV3 } from './OrMenuItem-de91aded.js';
 export { s as OrMenuV3 } from './OrMenu-8c333ea1.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-35ee1b1e.js';
-export { s as OrModal, O as OrModalSizes } from './OrModal-56d60dd7.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-5b7b5393.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-cfd6ef1a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-cd7edece.js';
+export { s as OrModal, O as OrModalSizes } from './OrModal-325e7a46.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-baeb5b91.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-056a973c.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-11f5fb49.js';
 export { s as OrNumberInput } from './OrNumberInput-dca5e850.js';
-export { s as OrOverflowMenu } from './OrOverflowMenu-9b056e54.js';
+export { s as OrOverflowMenu } from './OrOverflowMenu-60b0d5d2.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-55f6cf9c.js';
-export { s as OrPassword } from './OrPassword-78acca6e.js';
-export { s as OrPaginationV3 } from './OrPagination-ffdb7e77.js';
+export { s as OrPassword } from './OrPassword-eaeab931.js';
+export { s as OrPaginationV3 } from './OrPagination-4fae9ef0.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-d0d52c86.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-2fea3fd7.js';
 export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-2ab7b845.js';
-export { s as OrSearch } from './OrSearch-7a01bb20.js';
-export { s as OrSearchV3 } from './OrSearch-4568eb9d.js';
+export { s as OrSearch } from './OrSearch-898a8c75.js';
+export { s as OrSearchV3 } from './OrSearch-800f436c.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-880b4911.js';
 export { s as OrSelect } from './OrSelect-88e5dfaf.js';
-export { s as OrSelectV3 } from './OrSelect-2e683ddd.js';
+export { s as OrSelectV3 } from './OrSelect-5ab9cc3a.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
-export { s as OrSidebarV3 } from './OrSidebar-4fb216c3.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-d659d078.js';
+export { s as OrSidebarV3 } from './OrSidebar-89a1a397.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-69c64fef.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-0546754d.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-afd3d007.js';
 export { s as OrSlider } from './OrSlider-858576e2.js';
 export { s as OrSortHeaderV3 } from './OrSortHeader-f66dcb37.js';
-export { s as OrStepper } from './OrStepper-fe8c55f1.js';
+export { s as OrStepper } from './OrStepper-8d16d968.js';
 export { s as OrSwitch } from './OrSwitch-c333ee32.js';
 export { s as OrSwitchV3 } from './OrSwitch-00d21fb8.js';
 export { s as OrTab } from './OrTab-bc98be02.js';
@@ -83,16 +83,16 @@ export { s as OrTabV3 } from './OrTab-2206d2dc.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-d6c6bc39.js';
 export { s as OrTag } from './OrTag-2192a3cf.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-94e872aa.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-bbc516fd.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-a3b00048.js';
 export { s as OrTextarea } from './OrTextarea-de1ecb0f.js';
 export { s as OrTextareaV3 } from './OrTextarea-f10160cb.js';
-export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-2666223b.js';
-export { s as OrToast, a as OrToastContainer } from './OrToastContainer-6f8ce851.js';
+export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-6e355e69.js';
+export { s as OrToast, a as OrToastContainer } from './OrToastContainer-3718e4c0.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-646ec153.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-32bb1df4.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-8d7385bc.js';
 export { s as OrTooltipV3 } from './OrTooltip-adece7b6.js';

package/dist/esm/v3/{types-646ec153.js → types-32bb1df4.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { s as script$2 } from './OrIconButton-63abd073.js';
+import { s as script$2 } from './OrIconButton-7724ce5c.js';
 import { s as script$3 } from './OrLoader-18f66bca.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.76.8-beta.2446.0",
+  "version": "2.76.8-beta.2450.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.37.3-beta.2446.0",
+    "@onereach/styles": "^2.37.2",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
@@ -57,10 +57,10 @@
     "@onereach/rollup-vue-lib-config": "2.0.0",
     "@rollup/plugin-replace": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
-    "@storybook/addon-actions": "6.5.16",
+    "@storybook/addon-actions": "6.5.15",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "^0.0.13",
-    "@storybook/vue3": "6.5.16",
+    "@storybook/vue3": "6.5.15",
     "@types/faker": "5.5.9",
     "@vue/composition-api": "1.7.0",
     "faker": "5.5.3",

package/src/components/or-button-v2/OrButton.vue

@@ -4,10 +4,12 @@
     :class="states"
     :disabled="isDisabled"
     :type="htmlButtonType"
-    v-on="$listeners"
-    @click="handleButtonClick"
-    @focus="$emit('focus', $event)"
-    @blur="$emit('blur', $event)"
+    v-on="{
+      ...$listeners,
+      click: (e) => handleButtonClick(e),
+      focus: (e) => $emit('focus', e),
+      blur: (e) => $emit('blur', e),
+    }"
   >
     <or-loader
       v-if="isLoading"

package/src/components/or-button-v2/OrIconButton.vue

@@ -9,10 +9,12 @@
         :class="buttonClasses"
         :disabled="isDisabled"
         :type="htmlButtonType"
-        v-on="$listeners"
-        @click="handleButtonClick"
-        @focus="$emit('focus', $event)"
-        @blur="$emit('blur', $event)"
+        v-on="{
+          ...$listeners,
+          click: () => handleButtonClick($event),
+          focus: () => $emit('focus', $event),
+          blur: () => $emit('blur', $event),
+        }"
       >
         <or-loader v-if="isLoading" />
 
@@ -178,7 +180,7 @@ export default defineComponent({
     width: var(--or-icon-button-size);
     height: var(--or-icon-button-size);
     border-radius: var(--or-icon-button-size);
-    box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
 
     ::v-deep .or-icon {
       font-size: var(--or-icon-button-font-size);

package/src/components/or-button-v3/OrButton.vue

@@ -5,10 +5,12 @@
     :type="type"
     :activated="activated ? '' : null"
     :disabled="disabled"
-    v-on="$listeners"
-    @click="$emit('click', $event)"
-    @focus="$emit('focus', $event)"
-    @blur="$emit('blur', $event)"
+    v-on="{
+      ...$listeners,
+      click: (e) => $emit('click', e),
+      focus: (e) => $emit('focus', e),
+      blur: (e) => $emit('blur', e),
+    }"
   >
     <div :class="['contents', loading && 'invisible']">
       <slot />

package/src/components/or-icon-button-v3/OrIconButton.vue

@@ -7,10 +7,12 @@
       :type="'button'"
       :selected="selected ? '' : null"
       :disabled="disabled"
-      v-on="$listeners"
-      @click="$emit('click', $event)"
-      @focus="$emit('focus', $event)"
-      @blur="$emit('blur', $event)"
+      v-on="{
+        ...$listeners,
+        click: (e) => $emit('click', e),
+        focus: (e) => $emit('focus', e),
+        blur: (e) => $emit('blur', e),
+      }"
     >
       <OrIcon
         :variant="'inherit'"

package/src/components/or-sidebar-v3/OrSidebar.stories3.ts

@@ -168,7 +168,7 @@ const LeftTemplate: StoryFn<typeof OrSidebar> = (args) => ({
           </template>
       </OrSidebar>
       <div
-        class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark typography-body-1-regular"
+        class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
         style="flex-grow: 1; overflow: auto; padding: 16px"
       >
         ${Faker.lorem.paragraphs(10)}

package/dist/bundled/v2/OrButton-29d88db0.js

@@ -1,174 +0,0 @@
-import './index-fa6eb4ca.js';
-import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-c5d1139f.js';
-import { O as OrIcon } from './OrIcon-90adc2bd.js';
-import { O as OrLoader, L as LoaderViews } from './OrLoader-5cfd67fb.js';
-import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var script = defineComponent({
-  name: 'OrButton',
-  components: {
-    OrIcon,
-    OrLoader
-  },
-  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);
-      }
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-521dc8bc{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-521dc8bc{from{opacity:1}to{opacity:0}}.or-button[data-v-521dc8bc]{--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:var(--or-button-height);padding:0;font-family:inherit;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-521dc8bc],.or-button.outlined[data-v-521dc8bc],.or-button.text[data-v-521dc8bc]{min-width:6rem;padding:0 1rem;font-weight:var(--fw-1);border-radius:.25rem}.or-button.inline[data-v-521dc8bc]{--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-521dc8bc]{color:var(--c-white)}.or-button.contained .or-loader[data-v-521dc8bc]::after,.or-button.contained[data-v-521dc8bc]  .or-icon{color:var(--c-white)}.or-button.contained.primary[data-v-521dc8bc]{background-color:var(--c-primary)}.or-button.contained.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.primary.disabled[data-v-521dc8bc],.or-button.contained.primary.loading[data-v-521dc8bc]{background-color:var(--c-primary-lighten-20)}.or-button.contained.success[data-v-521dc8bc]{background-color:var(--c-success)}.or-button.contained.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.success[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.success.disabled[data-v-521dc8bc],.or-button.contained.success.loading[data-v-521dc8bc]{background-color:var(--c-success-lighten-20)}.or-button.contained.warning[data-v-521dc8bc]{background-color:var(--c-warning)}.or-button.contained.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.warning.disabled[data-v-521dc8bc],.or-button.contained.warning.loading[data-v-521dc8bc]{background-color:var(--c-warning-lighten-20)}.or-button.contained.error[data-v-521dc8bc]{background-color:var(--c-error)}.or-button.contained.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.error[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.error.disabled[data-v-521dc8bc],.or-button.contained.error.loading[data-v-521dc8bc]{background-color:var(--c-error-lighten-20)}.or-button.contained.neutral-0[data-v-521dc8bc]{background-color:var(--c-neutral-0)}.or-button.contained.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-0.disabled[data-v-521dc8bc],.or-button.contained.neutral-0.loading[data-v-521dc8bc]{background-color:var(--c-neutral-0-lighten-20)}.or-button.contained.neutral-3[data-v-521dc8bc]{background-color:var(--c-neutral-3)}.or-button.contained.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-3.disabled[data-v-521dc8bc],.or-button.contained.neutral-3.loading[data-v-521dc8bc]{background-color:var(--c-neutral-3-lighten-20)}.or-button.contained.neutral-4[data-v-521dc8bc]{background-color:var(--c-neutral-4)}.or-button.contained.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-4.disabled[data-v-521dc8bc],.or-button.contained.neutral-4.loading[data-v-521dc8bc]{background-color:var(--c-neutral-4-lighten-20)}.or-button.contained.neutral-5[data-v-521dc8bc]{background-color:var(--c-neutral-5)}.or-button.contained.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-5.disabled[data-v-521dc8bc],.or-button.contained.neutral-5.loading[data-v-521dc8bc]{background-color:var(--c-neutral-5-lighten-20)}.or-button.contained.neutral-6[data-v-521dc8bc]{background-color:var(--c-neutral-6)}.or-button.contained.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-6.disabled[data-v-521dc8bc],.or-button.contained.neutral-6.loading[data-v-521dc8bc]{background-color:var(--c-neutral-6-lighten-20)}.or-button.outlined.primary[data-v-521dc8bc]{color:var(--c-primary);border:1px solid var(--c-primary)}.or-button.outlined.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.primary .or-loader[data-v-521dc8bc]::after{color:var(--c-primary)}.or-button.outlined.primary.disabled[data-v-521dc8bc],.or-button.outlined.primary.loading[data-v-521dc8bc]{border:1px solid var(--c-primary-lighten-20)}.or-button.outlined.primary.disabled[data-v-521dc8bc]{color:var(--c-primary-lighten-20)}.or-button.outlined.success[data-v-521dc8bc]{color:var(--c-success);border:1px solid var(--c-success)}.or-button.outlined.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.success[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.success .or-loader[data-v-521dc8bc]::after{color:var(--c-success)}.or-button.outlined.success.disabled[data-v-521dc8bc],.or-button.outlined.success.loading[data-v-521dc8bc]{border:1px solid var(--c-success-lighten-20)}.or-button.outlined.success.disabled[data-v-521dc8bc]{color:var(--c-success-lighten-20)}.or-button.outlined.warning[data-v-521dc8bc]{color:var(--c-warning);border:1px solid var(--c-warning)}.or-button.outlined.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.warning .or-loader[data-v-521dc8bc]::after{color:var(--c-warning)}.or-button.outlined.warning.disabled[data-v-521dc8bc],.or-button.outlined.warning.loading[data-v-521dc8bc]{border:1px solid var(--c-warning-lighten-20)}.or-button.outlined.warning.disabled[data-v-521dc8bc]{color:var(--c-warning-lighten-20)}.or-button.outlined.error[data-v-521dc8bc]{color:var(--c-error);border:1px solid var(--c-error)}.or-button.outlined.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.error[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.error .or-loader[data-v-521dc8bc]::after{color:var(--c-error)}.or-button.outlined.error.disabled[data-v-521dc8bc],.or-button.outlined.error.loading[data-v-521dc8bc]{border:1px solid var(--c-error-lighten-20)}.or-button.outlined.error.disabled[data-v-521dc8bc]{color:var(--c-error-lighten-20)}.or-button.outlined.neutral-0[data-v-521dc8bc]{color:var(--c-neutral-0);border:1px solid var(--c-neutral-0)}.or-button.outlined.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-0 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-0)}.or-button.outlined.neutral-0.disabled[data-v-521dc8bc],.or-button.outlined.neutral-0.loading[data-v-521dc8bc]{border:1px solid var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-0.disabled[data-v-521dc8bc]{color:var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-3[data-v-521dc8bc]{color:var(--c-neutral-3);border:1px solid var(--c-neutral-3)}.or-button.outlined.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-3 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-3)}.or-button.outlined.neutral-3.disabled[data-v-521dc8bc],.or-button.outlined.neutral-3.loading[data-v-521dc8bc]{border:1px solid var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-3.disabled[data-v-521dc8bc]{color:var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-4[data-v-521dc8bc]{color:var(--c-neutral-4);border:1px solid var(--c-neutral-4)}.or-button.outlined.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-4 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-4)}.or-button.outlined.neutral-4.disabled[data-v-521dc8bc],.or-button.outlined.neutral-4.loading[data-v-521dc8bc]{border:1px solid var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-4.disabled[data-v-521dc8bc]{color:var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-5[data-v-521dc8bc]{color:var(--c-neutral-5);border:1px solid var(--c-neutral-5)}.or-button.outlined.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-5 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-5)}.or-button.outlined.neutral-5.disabled[data-v-521dc8bc],.or-button.outlined.neutral-5.loading[data-v-521dc8bc]{border:1px solid var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-5.disabled[data-v-521dc8bc]{color:var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-6[data-v-521dc8bc]{color:var(--c-neutral-6);border:1px solid var(--c-neutral-6)}.or-button.outlined.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-6 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-6)}.or-button.outlined.neutral-6.disabled[data-v-521dc8bc],.or-button.outlined.neutral-6.loading[data-v-521dc8bc]{border:1px solid var(--c-neutral-6-lighten-20)}.or-button.outlined.neutral-6.disabled[data-v-521dc8bc]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.primary[data-v-521dc8bc],.or-button.text.primary[data-v-521dc8bc]{color:var(--c-primary)}.or-button.inline.primary[data-v-521dc8bc]  .or-icon,.or-button.text.primary[data-v-521dc8bc]  .or-icon{color:var(--c-primary)}.or-button.inline.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-button.inline.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-button.inline.primary .or-loader[data-v-521dc8bc]::after,.or-button.text.primary .or-loader[data-v-521dc8bc]::after{color:var(--c-primary)}.or-button.inline.primary.disabled[data-v-521dc8bc],.or-button.inline.primary.loading[data-v-521dc8bc],.or-button.text.primary.disabled[data-v-521dc8bc],.or-button.text.primary.loading[data-v-521dc8bc]{color:var(--c-primary-lighten-20)}.or-button.inline.primary.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.primary.loading[data-v-521dc8bc]  .or-icon,.or-button.text.primary.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.primary.loading[data-v-521dc8bc]  .or-icon{color:var(--c-primary-lighten-20)}.or-button.inline.success[data-v-521dc8bc],.or-button.text.success[data-v-521dc8bc]{color:var(--c-success)}.or-button.inline.success[data-v-521dc8bc]  .or-icon,.or-button.text.success[data-v-521dc8bc]  .or-icon{color:var(--c-success)}.or-button.inline.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-button.inline.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-button.inline.success[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.success[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-button.inline.success[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-button.inline.success .or-loader[data-v-521dc8bc]::after,.or-button.text.success .or-loader[data-v-521dc8bc]::after{color:var(--c-success)}.or-button.inline.success.disabled[data-v-521dc8bc],.or-button.inline.success.loading[data-v-521dc8bc],.or-button.text.success.disabled[data-v-521dc8bc],.or-button.text.success.loading[data-v-521dc8bc]{color:var(--c-success-lighten-20)}.or-button.inline.success.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.success.loading[data-v-521dc8bc]  .or-icon,.or-button.text.success.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.success.loading[data-v-521dc8bc]  .or-icon{color:var(--c-success-lighten-20)}.or-button.inline.warning[data-v-521dc8bc],.or-button.text.warning[data-v-521dc8bc]{color:var(--c-warning)}.or-button.inline.warning[data-v-521dc8bc]  .or-icon,.or-button.text.warning[data-v-521dc8bc]  .or-icon{color:var(--c-warning)}.or-button.inline.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-button.inline.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-button.inline.warning .or-loader[data-v-521dc8bc]::after,.or-button.text.warning .or-loader[data-v-521dc8bc]::after{color:var(--c-warning)}.or-button.inline.warning.disabled[data-v-521dc8bc],.or-button.inline.warning.loading[data-v-521dc8bc],.or-button.text.warning.disabled[data-v-521dc8bc],.or-button.text.warning.loading[data-v-521dc8bc]{color:var(--c-warning-lighten-20)}.or-button.inline.warning.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.warning.loading[data-v-521dc8bc]  .or-icon,.or-button.text.warning.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.warning.loading[data-v-521dc8bc]  .or-icon{color:var(--c-warning-lighten-20)}.or-button.inline.error[data-v-521dc8bc],.or-button.text.error[data-v-521dc8bc]{color:var(--c-error)}.or-button.inline.error[data-v-521dc8bc]  .or-icon,.or-button.text.error[data-v-521dc8bc]  .or-icon{color:var(--c-error)}.or-button.inline.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-button.inline.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-button.inline.error[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.error[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-button.inline.error[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-button.inline.error .or-loader[data-v-521dc8bc]::after,.or-button.text.error .or-loader[data-v-521dc8bc]::after{color:var(--c-error)}.or-button.inline.error.disabled[data-v-521dc8bc],.or-button.inline.error.loading[data-v-521dc8bc],.or-button.text.error.disabled[data-v-521dc8bc],.or-button.text.error.loading[data-v-521dc8bc]{color:var(--c-error-lighten-20)}.or-button.inline.error.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.error.loading[data-v-521dc8bc]  .or-icon,.or-button.text.error.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.error.loading[data-v-521dc8bc]  .or-icon{color:var(--c-error-lighten-20)}.or-button.inline.neutral-0[data-v-521dc8bc],.or-button.text.neutral-0[data-v-521dc8bc]{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-0[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0 .or-loader[data-v-521dc8bc]::after,.or-button.text.neutral-0 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-0)}.or-button.inline.neutral-0.disabled[data-v-521dc8bc],.or-button.inline.neutral-0.loading[data-v-521dc8bc],.or-button.text.neutral-0.disabled[data-v-521dc8bc],.or-button.text.neutral-0.loading[data-v-521dc8bc]{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-0.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.neutral-0.loading[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-0.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-0.loading[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-3[data-v-521dc8bc],.or-button.text.neutral-3[data-v-521dc8bc]{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-3[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3 .or-loader[data-v-521dc8bc]::after,.or-button.text.neutral-3 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-3)}.or-button.inline.neutral-3.disabled[data-v-521dc8bc],.or-button.inline.neutral-3.loading[data-v-521dc8bc],.or-button.text.neutral-3.disabled[data-v-521dc8bc],.or-button.text.neutral-3.loading[data-v-521dc8bc]{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-3.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.neutral-3.loading[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-3.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-3.loading[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-4[data-v-521dc8bc],.or-button.text.neutral-4[data-v-521dc8bc]{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-4[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4 .or-loader[data-v-521dc8bc]::after,.or-button.text.neutral-4 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-4)}.or-button.inline.neutral-4.disabled[data-v-521dc8bc],.or-button.inline.neutral-4.loading[data-v-521dc8bc],.or-button.text.neutral-4.disabled[data-v-521dc8bc],.or-button.text.neutral-4.loading[data-v-521dc8bc]{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-4.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.neutral-4.loading[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-4.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-4.loading[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-5[data-v-521dc8bc],.or-button.text.neutral-5[data-v-521dc8bc]{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-5[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5 .or-loader[data-v-521dc8bc]::after,.or-button.text.neutral-5 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-5)}.or-button.inline.neutral-5.disabled[data-v-521dc8bc],.or-button.inline.neutral-5.loading[data-v-521dc8bc],.or-button.text.neutral-5.disabled[data-v-521dc8bc],.or-button.text.neutral-5.loading[data-v-521dc8bc]{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-5.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.neutral-5.loading[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-5.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-5.loading[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-6[data-v-521dc8bc],.or-button.text.neutral-6[data-v-521dc8bc]{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-6[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-521dc8bc]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-521dc8bc]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6 .or-loader[data-v-521dc8bc]::after,.or-button.text.neutral-6 .or-loader[data-v-521dc8bc]::after{color:var(--c-neutral-6)}.or-button.inline.neutral-6.disabled[data-v-521dc8bc],.or-button.inline.neutral-6.loading[data-v-521dc8bc],.or-button.text.neutral-6.disabled[data-v-521dc8bc],.or-button.text.neutral-6.loading[data-v-521dc8bc]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.neutral-6.disabled[data-v-521dc8bc]  .or-icon,.or-button.inline.neutral-6.loading[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-6.disabled[data-v-521dc8bc]  .or-icon,.or-button.text.neutral-6.loading[data-v-521dc8bc]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-button.size-small[data-v-521dc8bc]: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-521dc8bc]{cursor:not-allowed}.or-button.loading[data-v-521dc8bc]{cursor:progress}.or-button .or-loader[data-v-521dc8bc]{position:absolute}.or-button .or-loader[data-v-521dc8bc]::after{width:var(--or-loader-size);height:var(--or-loader-size)}.or-button[data-v-521dc8bc]  .or-icon{font-size:var(--or-icon-size)}.or-button-content[data-v-521dc8bc]{display:flex;align-items:center;justify-content:center}.or-button-left-icon[data-v-521dc8bc]{margin-right:var(--or-icon-margin)}.or-button-right-icon[data-v-521dc8bc]{margin-left:var(--or-icon-margin)}@media only screen and (max-width:576px){.or-button[data-v-521dc8bc]{--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
-    },
-    on: {
-      "click": _vm.handleButtonClick,
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      }
-    }
-  }, _vm.$listeners), [_vm.isLoading ? _c('or-loader', {
-    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-521dc8bc";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-var OrButton = __vue_component__;
-
-export { OrButton as O };