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

package/dist/bundled/v2/OrConfirm-e1abcf12.js

@@ -1,262 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
-import { l as logicAnd } from './index-63e094a0.js';
-import { O as OrButton } from './OrButton-a036fc0c.js';
-import { O as OrModal, a as OrModalSizes } from './OrModal-a1b766dd.js';
-import __vue_component__$2 from './components/OrInput/OrInput.js';
-import { a as BUTTON_COLOR } from './constants-6678dfb5.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrConfirm',
-  components: {
-    OrButton,
-    OrModal,
-    OrInput: __vue_component__$2
-  },
-  props: {
-    titleText: {
-      type: String,
-      required: false,
-      default: null
-    },
-    confirmButtonText: {
-      type: String,
-      required: false,
-      default: 'Confirm'
-    },
-    denyButtonText: {
-      type: String,
-      required: false,
-      default: 'Deny'
-    },
-    confirmButtonColor: {
-      type: String,
-      required: false,
-      default: BUTTON_COLOR.ERROR
-    },
-    isOpen: {
-      type: Boolean,
-      required: true
-    },
-    isLoading: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isDisabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    confirmationText: {
-      type: String,
-      required: false,
-      default: null
-    },
-    textConfirmationLabel: {
-      type: String,
-      required: false,
-      default: null
-    },
-    textConfirmationPlaceholder: {
-      type: String,
-      required: false,
-      default: null
-    },
-    textConfirmationError: {
-      type: String,
-      required: false,
-      default: null
-    },
-    showClose: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    closeOnClickOutside: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    size: {
-      type: String,
-      required: false,
-      default: OrModalSizes.tiny
-    }
-  },
-  emits: ['close', 'confirm'],
-  setup(props, {
-    emit
-  }) {
-    const confirmationTextboxRef = ref();
-    const confirmationButtonRef = ref();
-    const confirmationValue = ref('');
-    const {
-      escape,
-      enter
-    } = useMagicKeys();
-    const activeElement = useActiveElement();
-    const isTextboxActive = computed(() => {
-      var _a;
-      return (activeElement === null || activeElement === void 0 ? void 0 : activeElement.value) === ((_a = confirmationTextboxRef === null || confirmationTextboxRef === void 0 ? void 0 : confirmationTextboxRef.value) === null || _a === void 0 ? void 0 : _a.inputRef);
-    });
-    const isInvalid = computed(() => {
-      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;
-    });
-    const handleConfirm = () => {
-      if (!props.isDisabled && !isInvalid.value) emit('confirm');
-    };
-    whenever(logicAnd(enter, isTextboxActive), () => {
-      handleConfirm();
-    });
-    return {
-      confirmationTextboxRef,
-      confirmationButtonRef,
-      confirmationValue,
-      isInvalid,
-      escape,
-      handleConfirm
-    };
-  },
-  data() {
-    return {
-      touched: false
-    };
-  },
-  computed: {
-    isButtonDisabled() {
-      return !!this.isDisabled || this.isInvalid;
-    }
-  },
-  watch: {
-    escape(val) {
-      if (val) this.handleClose();
-    },
-    isOpen() {
-      this.confirmationValue = '';
-      this.touched = false;
-    },
-    confirmationTextboxRef(val) {
-      if (val) val.focus();
-    },
-    confirmationButtonRef(val) {
-      var _a;
-      if (val && !this.confirmationText) (_a = val.$el) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-  },
-  methods: {
-    touch() {
-      this.touched = true;
-    },
-    handleClose() {
-      if (this.isOpen) this.$emit('close');
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('or-modal', {
-    staticClass: "or-confirm",
-    attrs: {
-      "is-open": _vm.isOpen,
-      "role": "alertdialog",
-      "title-text": _vm.titleText,
-      "size": _vm.size,
-      "show-close": _vm.showClose,
-      "close-on-click-outside": _vm.closeOnClickOutside
-    },
-    on: {
-      "close": _vm.handleClose
-    },
-    scopedSlots: _vm._u([{
-      key: "footer",
-      fn: function () {
-        return [_vm._t("footer", function () {
-          return [_c('div', {
-            staticClass: "or-confirm-footer"
-          }, [_c('or-button', {
-            ref: "confirmationButtonRef",
-            attrs: {
-              "color": _vm.confirmButtonColor,
-              "content": _vm.confirmButtonText,
-              "is-loading": _vm.isLoading,
-              "is-disabled": _vm.isButtonDisabled
-            },
-            on: {
-              "click": _vm.handleConfirm
-            }
-          }), _vm._v(" "), _c('or-button', {
-            attrs: {
-              "type": "outlined",
-              "content": _vm.denyButtonText,
-              "is-disabled": _vm.isLoading
-            },
-            on: {
-              "click": _vm.handleClose
-            }
-          })], 1)];
-        }, {
-          "close": _vm.handleClose,
-          "confirm": _vm.handleConfirm
-        })];
-      },
-      proxy: true
-    }], null, true)
-  }, [_vm._t("default"), _vm._v(" "), _vm.confirmationText ? _c('or-input', {
-    ref: "confirmationTextboxRef",
-    staticClass: "confirmation-textbox",
-    attrs: {
-      "label": _vm.textConfirmationLabel,
-      "placeholder": _vm.textConfirmationPlaceholder,
-      "error": _vm.textConfirmationError,
-      "is-invalid": _vm.touched && _vm.isInvalid
-    },
-    on: {
-      "blur": _vm.touch
-    },
-    model: {
-      value: _vm.confirmationValue,
-      callback: function ($$v) {
-        _vm.confirmationValue = $$v;
-      },
-      expression: "confirmationValue"
-    }
-  }) : _vm._e()], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-001a7d92_0", {
-    source: "@keyframes spinAround-data-v-001a7d92{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-001a7d92{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-001a7d92]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-001a7d92]{margin-top:var(--s-3)}.or-modal[data-v-001a7d92]  .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-001a7d92]  .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-001a7d92]  .footer{box-shadow:none!important}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-001a7d92";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrError-9c32e442.js

@@ -1,56 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrError',
-  props: {
-    error: {
-      type: String,
-      default: ''
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('p', {
-    staticClass: "or-error"
-  }, [_vm._t("default", function () {
-    return [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")];
-  })], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-6773740c_0", {
-    source: "@keyframes spinAround-data-v-6773740c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6773740c{from{opacity:1}to{opacity:0}}.or-error[data-v-6773740c]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-error);word-break:break-word}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-6773740c";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var OrError = __vue_component__;
-
-export { OrError as O };

package/dist/bundled/v2/OrHint-4b5e2e20.js

@@ -1,59 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrHint',
-  props: {
-    hint: {
-      type: String,
-      default: '',
-      required: true,
-      validator: _.isString
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('p', {
-    staticClass: "or-hint"
-  }, [_vm._t("default", function () {
-    return [_vm._v("\n    " + _vm._s(_vm.hint) + "\n  ")];
-  })], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-10d48dda_0", {
-    source: "@keyframes spinAround-data-v-10d48dda{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-10d48dda{from{opacity:1}to{opacity:0}}.or-hint[data-v-10d48dda]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-10d48dda";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var OrHint = __vue_component__;
-
-export { OrHint as O };

package/dist/bundled/v2/OrLabel-0574b639.js

@@ -1,82 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-/**
- * TODO: Using "v-bind=$attrs" on label might not work for things like "aria-label"
- */
-var script = defineComponent({
-  name: 'OrLabel',
-  inheritAttrs: false,
-  props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    isRequired: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup() {
-    return {
-      REQUIRED_SYMBOL: '*'
-    };
-  },
-  computed: {
-    rootClasses() {
-      return ['or-label', 'or-label-root', {
-        'has-slot': this.$slots.append
-      }, this.$attrs.class];
-    },
-    localAttrs() {
-      return _.omit(this.$attrs, 'class');
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.rootClasses
-  }, [_c('label', _vm._b({
-    staticClass: "or-label-content"
-  }, 'label', _vm.localAttrs, false), [_vm._t("default", function () {
-    return [_vm._v(_vm._s(_vm.label))];
-  }), _vm._v(" "), _vm.isRequired ? [_vm._v(_vm._s(_vm.REQUIRED_SYMBOL))] : _vm._e()], 2), _vm._v(" "), _vm._t("append")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-6ae86761_0", {
-    source: "@keyframes spinAround-data-v-6ae86761{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6ae86761{from{opacity:1}to{opacity:0}}.or-label[data-v-6ae86761]{width:100%;font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}.or-label-content[data-v-6ae86761]{display:block;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.or-label .or-icon[data-v-6ae86761]{font-size:var(--fs-1)}.or-label.has-slot[data-v-6ae86761]{display:flex;align-items:center}.or-label.has-slot .or-label-content[data-v-6ae86761]{margin-right:auto}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-6ae86761";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var OrLabel = __vue_component__;
-
-export { OrLabel as O };

package/dist/bundled/v2/OrOverlay-f25c0d05.js

@@ -1,75 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrOverlay',
-  props: {
-    /** You can use this prop instead of v-if if you want to preserve content state */
-    isActive: {
-      type: Boolean,
-      default: false
-    },
-    /** Attach overlay to browser window rather then nearest relative container */
-    isPage: {
-      type: Boolean,
-      default: false
-    },
-    /** Show overlay without default background color */
-    isWithoutBackground: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    states() {
-      return {
-        active: this.isActive,
-        page: this.isPage,
-        'without-background': this.isWithoutBackground
-      };
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-overlay",
-    class: _vm.states
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-72f1a32b_0", {
-    source: "@keyframes spinAround-data-v-72f1a32b{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-72f1a32b{from{opacity:1}to{opacity:0}}.or-overlay[data-v-72f1a32b]{display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:25}.or-overlay[data-v-72f1a32b]:not(.without-background){background-color:rgba(30,35,43,.8)}.or-overlay.active[data-v-72f1a32b]{display:flex}.or-overlay.page[data-v-72f1a32b]{position:fixed;height:100vh;width:100vw}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-72f1a32b";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var OrOverlay = __vue_component__;
-
-export { OrOverlay as O };

package/dist/bundled/v2/OrRadio-48d04879.js

@@ -1,145 +0,0 @@
-import { defineComponent, inject, computed } from 'vue-demi';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrRadio',
-  inheritAttrs: false,
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: null,
-      default: null
-    },
-    value: {
-      type: null,
-      default: null,
-      required: true
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isUncheckable: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
-    const radioGroupInstance = inject('radioGroupInstance', null);
-    const hasInjection = computed(() => !!radioGroupInstance);
-    const modifiedIsDisabled = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isDisabled) || props.isDisabled : props.isDisabled;
-    });
-    const modifiedIsUncheckable = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isUncheckable) || props.isUncheckable : props.isUncheckable;
-    });
-    const isChecked = computed(() => {
-      var _a;
-      if (hasInjection.value) {
-        return _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue'], null), props.value) || _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
-      }
-      return _.isEqual(props.modelValue, props.value) || _.isEqual((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
-    });
-    function onClick() {
-      if (!modifiedIsUncheckable.value && isChecked.value || modifiedIsDisabled.value) return;
-      const emitValue = modifiedIsUncheckable.value && isChecked.value ? null : {
-        label: props.label,
-        value: props.value
-      };
-      hasInjection.value ? radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.emit('update:modelValue', emitValue) : emit('update:modelValue', emitValue);
-    }
-    return {
-      modifiedIsDisabled,
-      modifiedIsUncheckable,
-      isChecked,
-      onClick
-    };
-  },
-  computed: {
-    rootClasses() {
-      return ['or-radio', {
-        'is-checked': this.isChecked,
-        'is-uncheckable': !this.modifiedIsUncheckable,
-        'is-disabled': this.modifiedIsDisabled
-      }, this.$attrs.class];
-    },
-    localAttrs() {
-      return _.omit(this.$attrs, 'class');
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('label', {
-    class: _vm.rootClasses
-  }, [_c('input', _vm._b({
-    staticClass: "or-radio--input visually-hidden",
-    attrs: {
-      "disabled": _vm.modifiedIsDisabled,
-      "type": "radio"
-    },
-    domProps: {
-      "value": _vm.value,
-      "checked": _vm.isChecked
-    },
-    on: {
-      "click": _vm.onClick
-    }
-  }, 'input', _vm.localAttrs, false)), _vm._v(" "), _c('span', {
-    staticClass: "or-radio--radio"
-  }), _vm._v(" "), _c('span', {
-    staticClass: "or-radio--content"
-  }, [_vm._t("default", function () {
-    return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
-  })], 2)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-5a7edd11_0", {
-    source: "@keyframes spinAround-data-v-5a7edd11{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5a7edd11{from{opacity:1}to{opacity:0}}.or-radio[data-v-5a7edd11]{display:inline-flex;align-items:center;cursor:pointer}.or-radio--radio[data-v-5a7edd11]{position:relative;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,opacity}.or-radio--radio[data-v-5a7edd11]::after{position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;content:\"\";background-color:var(--c-white);border-radius:inherit;transition-delay:.15s;transform:translate(-50%,-50%) scale(0);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform}.or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-radio.is-checked.is-uncheckable[data-v-5a7edd11]{cursor:default}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-primary);border-color:var(--c-primary)}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]::after{transform:translate(-50%,-50%) scale(1)}@media (hover:hover) and (pointer:fine){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-5);border-color:var(--c-neutral-2-darken-5)}.or-radio.is-disabled[data-v-5a7edd11],.or-radio[data-v-5a7edd11]:disabled{cursor:not-allowed}.or-radio.is-disabled .or-radio--radio[data-v-5a7edd11],.or-radio:disabled .or-radio--radio[data-v-5a7edd11]{opacity:.5}.or-radio.is-disabled .or-radio--content[data-v-5a7edd11],.or-radio:disabled .or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-4)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-5a7edd11";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };