@onereach/ui-components 4.3.2-beta.2618.0 → 4.3.3-beta.2627.0

package/dist/esm/v3/OrButton-49605f5c.js

@@ -0,0 +1,162 @@
+import { defineComponent, computed } from 'vue-demi';
+import { s as script$1, L as LoaderViews } from './OrLoader-15174477.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+var OrButtonViews;
+(function (OrButtonViews) {
+  OrButtonViews["outline"] = "outline";
+  OrButtonViews["text"] = "text";
+  OrButtonViews["icon"] = "icon";
+  OrButtonViews["iconSimple"] = "icon-simple";
+})(OrButtonViews || (OrButtonViews = {}));
+var OrButtonColors;
+(function (OrButtonColors) {
+  OrButtonColors["primary"] = "primary";
+  OrButtonColors["error"] = "error";
+  OrButtonColors["warning"] = "warning";
+  OrButtonColors["neutral-0"] = "neutral-0";
+  OrButtonColors["neutral-3"] = "neutral-3";
+  OrButtonColors["neutral-4"] = "neutral-4";
+  OrButtonColors["neutral-5"] = "neutral-5";
+  OrButtonColors["neutral-6"] = "neutral-6";
+})(OrButtonColors || (OrButtonColors = {}));
+var OrButtonSizes;
+(function (OrButtonSizes) {
+  OrButtonSizes["small"] = "small";
+  OrButtonSizes["normal"] = "normal";
+})(OrButtonSizes || (OrButtonSizes = {}));
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrLoader: script$1
+  },
+  props: {
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    size: {
+      type: String,
+      default: '',
+      required: false
+    },
+    color: {
+      type: String,
+      default: OrButtonColors.primary,
+      required: false
+    },
+    isBlock: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isIcon: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isIconSimple: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isOutline: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isText: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    loadingText: {
+      type: String,
+      default: null,
+      required: false
+    },
+    isFullwidth: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isLoading: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  setup(props) {
+    console.warn('OrButton is being deprecated, consider using OrButtonV2.');
+    const rootClasses = computed(() => {
+      const colorClass = Object.values(OrButtonColors).includes(props.color) ? `is-${props.color}-color` : `is-${OrButtonColors.primary}-color`;
+      const sizeClass = props.size ? `is-${props.size}` : null;
+      return ['or-button', sizeClass, colorClass, {
+        [`${OrButtonViews.outline}-type`]: props.isOutline,
+        [`${OrButtonViews.text}-type`]: props.isText,
+        [`${OrButtonViews.icon}-type`]: props.isIcon,
+        [`${OrButtonViews.iconSimple}-type`]: props.isIconSimple,
+        'is-fullwidth': props.isFullwidth,
+        'is-block': props.isBlock,
+        'is-loading': props.isLoading
+      }];
+    });
+    const isInactive = computed(() => props.isDisabled || props.isLoading);
+    const loaderType = computed(() => props.isText ? LoaderViews.text : LoaderViews.default);
+    return {
+      rootClasses,
+      loaderType,
+      isInactive
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  class: "or-button--content"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "or-button--content-prepend"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "or-button--content-append"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_loader = resolveComponent("or-loader");
+  return openBlock(), createElementBlock("button", mergeProps(_ctx.$attrs, {
+    class: _ctx.rootClasses,
+    disabled: _ctx.isDisabled,
+    onClick: _cache[0] || (_cache[0] = $event => !_ctx.isInactive && _ctx.$emit('click', $event)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), [createVNode(Transition, {
+    name: "fade",
+    persisted: ""
+  }, {
+    default: withCtx(() => [withDirectives(createVNode(_component_or_loader, {
+      type: _ctx.loaderType,
+      "text-type-label": _ctx.loadingText
+    }, null, 8 /* PROPS */, ["type", "text-type-label"]), [[vShow, _ctx.isLoading]])]),
+    _: 1 /* STABLE */
+  }), createElementVNode("span", _hoisted_2, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _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-1f08cb78 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-1f08cb78 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-button[data-v-1f08cb78] {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 6rem;\n  padding: var(--s-2) var(--s-4);\n  font-family: inherit;\n  font-size: var(--fs-1);\n  font-weight: var(--fw-1);\n  line-height: 1.375rem;\n  letter-spacing: -0.15px;\n  cursor: pointer;\n  border: 1px solid;\n  border-radius: 4px;\n  box-shadow: 0 1px 2px 0 hsla(0, 0%, 0%, 0.2);\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[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) + 0.375rem);\n}\n.or-button .or-loader[data-v-1f08cb78] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.or-button--content[data-v-1f08cb78] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: opacity;\n}\n.or-button--content-prepend[data-v-1f08cb78], .or-button--content-append[data-v-1f08cb78] {\n  display: inline-flex;\n}\n.or-button--content-prepend[data-v-1f08cb78] {\n  margin-right: 0.5rem;\n}\n.or-button--content-append[data-v-1f08cb78] {\n  margin-left: 0.5rem;\n}\n.or-button.is-small[data-v-1f08cb78] {\n  min-width: auto;\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: var(--lh-0);\n}\n.or-button.is-small[data-v-1f08cb78] .or-icon {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.is-primary-color[data-v-1f08cb78]:disabled, .or-button.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-error-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.is-error-color[data-v-1f08cb78]:disabled, .or-button.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.is-warning-color[data-v-1f08cb78]:disabled, .or-button.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.outline-type[data-v-1f08cb78] {\n  background-color: transparent;\n  box-shadow: none;\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0, 0%, 0%, 0.2);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0, 0%, 0%, 0.2);\n}\n}\n.or-button.outline-type[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  box-shadow: 0 1px 2px 0 hsla(0, 0%, 0%, 0.1);\n}\n.or-button.outline-type.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  box-shadow: 0 1px 2px 0 hsla(0, 0%, 0%, 0.1);\n}\n.or-button.text-type[data-v-1f08cb78] {\n  min-width: auto;\n  padding: 0;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] {\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: 1;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.icon-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0.875rem;\n  border-radius: 9999px;\n}\n.or-button.icon-type[data-v-1f08cb78]:not(.icon-simple-type) .material-icons {\n  font-size: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] {\n  min-width: 1.5rem;\n  min-height: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .tooltip-container {\n  display: inline-flex;\n  flex-direction: row;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .trigger {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.or-button.icon-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.icon-simple-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0;\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 9999px;\n  box-shadow: none;\n}\n.or-button.icon-simple-type .or-loader[data-v-1f08cb78]::after {\n  width: 100%;\n  height: 100%;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .or-icon {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-simple-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.is-fullwidth[data-v-1f08cb78] {\n  width: 100%;\n}\n.or-button.is-block[data-v-1f08cb78] {\n  display: flex;\n}\n.or-button.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n}\n.or-button.is-loading .or-button--content[data-v-1f08cb78] {\n  opacity: 0;\n}\n.or-button[data-v-1f08cb78]:disabled, .or-button.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  box-shadow: none;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-1f08cb78";
+script.__file = "src/components/or-button/OrButton.vue";
+
+export { OrButtonViews as O, OrButtonColors as a, OrButtonSizes as b, script as s };

package/dist/esm/v3/OrButton-d6834ea0.js

@@ -0,0 +1,142 @@
+import { defineComponent, isVue3 } from 'vue-demi';
+import { s as script$1 } from './OrIcon-b566a871.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-049a3bd2.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, 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'],
+  setup() {
+    return {
+      isVue3
+    };
+  },
+  computed: {
+    states() {
+      const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
+      const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
+      return {
+        [type]: true,
+        [this.color]: true,
+        [`size-${this.size}`]: true,
+        disabled: this.isDisabled,
+        loading: this.isLoading
+      };
+    },
+    showLeftIcon() {
+      return !!this.icon && this.iconPosition === 'left';
+    },
+    showRightIcon() {
+      return !!this.icon && this.iconPosition === 'right';
+    },
+    /**
+     * Button's content is hidden rather then removed,
+     * in order to retain original button size when loading indicator is active.
+     */
+    isContentVisible() {
+      return this.isLoading ? {
+        'visibility': 'hidden'
+      } : {};
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+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", mergeProps({
+    class: ["or-button", _ctx.states],
+    disabled: _ctx.isDisabled,
+    type: _ctx.htmlButtonType
+  }, toHandlers({
+    ...(_ctx.isVue3 ? {} : _ctx.$listeners),
+    click: e => _ctx.handleButtonClick(e),
+    focus: e => _ctx.$emit('focus', e),
+    blur: e => _ctx.$emit('blur', e)
+  }, true)), [_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 */)], 16 /* FULL_PROPS */, _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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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(0, 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-b7d73647.js → OrCardCollection-d217f7af.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrIconButton-46b3c1e2.js';
+import { s as script$2 } from './OrIconButton-025fb2de.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
-import { s as script$4 } from './OrMenu-03a8a492.js';
-import './OrPopover-e34e8f6c.js';
-import { s as script$7 } from './OrSearch-7277ebfd.js';
+import { s as script$4 } from './OrMenu-054e0d2e.js';
+import './OrPopover-986f867f.js';
+import { s as script$7 } from './OrSearch-bb3a3acc.js';
 import './OrInputBox-ba40bbdf.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCardCollection-ffbb9eda.js → OrCardCollection-d79dac85.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
-import { s as script$2 } from './OrIcon-925c5413.js';
-import { s as script$3 } from './OrSearch-c4caf04e.js';
-import './OrButton-f8b10d79.js';
-import { s as script$4 } from './OrIconButton-5387fd59.js';
+import { s as script$2 } from './OrIcon-b566a871.js';
+import { s as script$3 } from './OrSearch-f4ad73db.js';
+import './OrButton-d6834ea0.js';
+import { s as script$4 } from './OrIconButton-049a3bd2.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';
 
@@ -54,9 +54,10 @@ var script = defineComponent({
     }
   },
   emits: ['filter', 'sort', 'layoutChanged', 'itemClicked'],
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     var _a;
     if (!slots.default) throw new Error('Can\'t render collection without default template for cards.');
     const sortingDirection = ref('asc');

package/dist/esm/v3/{OrCarousel-03597740.js → OrCarousel-4fb775f8.js}

@@ -1,5 +1,5 @@
 import { Splide } from '@splidejs/splide';
-import { s as script$1 } from './OrIcon-925c5413.js';
+import { s as script$1 } from './OrIcon-b566a871.js';
 import { defineComponent, ref } from 'vue-demi';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -171,9 +171,15 @@ var script = defineComponent({
   },
   methods: {
     initEventsEmitting() {
+      var _this = this;
       EVENTS.forEach(e => {
         var _a;
-        return (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.on(e, (...args) => this.$emit(e, args));
+        return (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.on(e, function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return _this.$emit(e, args);
+        });
       });
     }
   }

package/dist/esm/v3/{OrCheckbox-247ce27b.js → OrCheckbox-56d7b6eb.js}

@@ -76,9 +76,10 @@ var script = defineComponent({
   },
   emits: ['update:modelValue', 'click', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const control = ref();
@@ -147,7 +148,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ".indeterminate": _ctx.indeterminate,
     required: _ctx.required,
     disabled: _ctx.disabled,
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event)),
     onClick: _cache[3] || (_cache[3] = $event => _ctx.$emit('click', $event))