@onereach/ui-components 8.20.1 → 8.20.2-beta.4019.0

package/dist/bundled/v3/components/OrColorPicker-2271c176.js

@@ -1,463 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from './OrAvatar-28d247a6.js';
-import { defineComponent, ref } from 'vue-demi';
-import { u as useToggle, o as onClickOutside } from './OrBottomSheetV3-66815f6f.js';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-9f2cc12e.js';
-
-const red = {
-  50: '#FFEBEE',
-  100: '#FFCDD2',
-  200: '#EF9A9A',
-  300: '#E57373',
-  400: '#EF5350',
-  500: '#F44336',
-  600: '#E53935',
-  700: '#D32F2F',
-  800: '#C62828',
-  900: '#B71C1C',
-  A100: '#FF8A80',
-  A200: '#FF5252',
-  A400: '#FF1744',
-  A700: '#D50000'
-};
-const pink = {
-  50: '#FCE4EC',
-  100: '#F8BBD0',
-  200: '#F48FB1',
-  300: '#F06292',
-  400: '#EC407A',
-  500: '#E91E63',
-  600: '#D81B60',
-  700: '#C2185B',
-  800: '#AD1457',
-  900: '#880E4F',
-  A100: '#FF80AB',
-  A200: '#FF4081',
-  A400: '#F50057',
-  A700: '#C51162'
-};
-const purple = {
-  50: '#F3E5F5',
-  100: '#E1BEE7',
-  200: '#CE93D8',
-  300: '#BA68C8',
-  400: '#AB47BC',
-  500: '#9C27B0',
-  600: '#8E24AA',
-  700: '#7B1FA2',
-  800: '#6A1B9A',
-  900: '#4A148C',
-  A100: '#EA80FC',
-  A200: '#E040FB',
-  A400: '#D500F9',
-  A700: '#AA00FF'
-};
-const deepPurple = {
-  50: '#EDE7F6',
-  100: '#D1C4E9',
-  200: '#B39DDB',
-  300: '#9575CD',
-  400: '#7E57C2',
-  500: '#673AB7',
-  600: '#5E35B1',
-  700: '#512DA8',
-  800: '#4527A0',
-  900: '#311B92',
-  A100: '#B388FF',
-  A200: '#7C4DFF',
-  A400: '#651FFF',
-  A700: '#6200EA'
-};
-const indigo = {
-  50: '#E8EAF6',
-  100: '#C5CAE9',
-  200: '#9FA8DA',
-  300: '#7986CB',
-  400: '#5C6BC0',
-  500: '#3F51B5',
-  600: '#3949AB',
-  700: '#303F9F',
-  800: '#283593',
-  900: '#1A237E',
-  A100: '#8C9EFF',
-  A200: '#536DFE',
-  A400: '#3D5AFE',
-  A700: '#304FFE'
-};
-const blue = {
-  50: '#E3F2FD',
-  100: '#BBDEFB',
-  200: '#90CAF9',
-  300: '#64B5F6',
-  400: '#42A5F5',
-  500: '#2196F3',
-  600: '#1E88E5',
-  700: '#1976D2',
-  800: '#1565C0',
-  900: '#0D47A1',
-  A100: '#82B1FF',
-  A200: '#448AFF',
-  A400: '#2979FF',
-  A700: '#2962FF'
-};
-const lightBlue = {
-  50: '#E1F5FE',
-  100: '#B3E5FC',
-  200: '#81D4FA',
-  300: '#4FC3F7',
-  400: '#29B6F6',
-  500: '#03A9F4',
-  600: '#039BE5',
-  700: '#0288D1',
-  800: '#0277BD',
-  900: '#01579B',
-  A100: '#80D8FF',
-  A200: '#40C4FF',
-  A400: '#00B0FF',
-  A700: '#0091EA'
-};
-const cyan = {
-  50: '#E0F7FA',
-  100: '#B2EBF2',
-  200: '#80DEEA',
-  300: '#4DD0E1',
-  400: '#26C6DA',
-  500: '#00BCD4',
-  600: '#00ACC1',
-  700: '#0097A7',
-  800: '#00838F',
-  900: '#006064',
-  A100: '#84FFFF',
-  A200: '#18FFFF',
-  A400: '#00E5FF',
-  A700: '#00B8D4'
-};
-const teal = {
-  50: '#E0F2F1',
-  100: '#B2DFDB',
-  200: '#80CBC4',
-  300: '#4DB6AC',
-  400: '#26A69A',
-  500: '#009688',
-  600: '#00897B',
-  700: '#00796B',
-  800: '#00695C',
-  900: '#004D40',
-  A100: '#A7FFEB',
-  A200: '#64FFDA',
-  A400: '#1DE9B6',
-  A700: '#00BFA5'
-};
-const green = {
-  50: '#E8F5E9',
-  100: '#C8E6C9',
-  200: '#A5D6A7',
-  300: '#81C784',
-  400: '#66BB6A',
-  500: '#4CAF50',
-  600: '#43A047',
-  700: '#388E3C',
-  800: '#2E7D32',
-  900: '#1B5E20',
-  A100: '#B9F6CA',
-  A200: '#69F0AE',
-  A400: '#00E676',
-  A700: '#00C853'
-};
-const lightGreen = {
-  50: '#F1F8E9',
-  100: '#DCEDC8',
-  200: '#C5E1A5',
-  300: '#AED581',
-  400: '#9CCC65',
-  500: '#8BC34A',
-  600: '#7CB342',
-  700: '#689F38',
-  800: '#558B2F',
-  900: '#33691E',
-  A100: '#CCFF90',
-  A200: '#B2FF59',
-  A400: '#76FF03',
-  A700: '#64DD17'
-};
-const lime = {
-  50: '#F9FBE7',
-  100: '#F0F4C3',
-  200: '#E6EE9C',
-  300: '#DCE775',
-  400: '#D4E157',
-  500: '#CDDC39',
-  600: '#C0CA33',
-  700: '#AFB42B',
-  800: '#9E9D24',
-  900: '#827717',
-  A100: '#F4FF81',
-  A200: '#EEFF41',
-  A400: '#C6FF00',
-  A700: '#AEEA00'
-};
-const yellow = {
-  50: '#FFFDE7',
-  100: '#FFF9C4',
-  200: '#FFF59D',
-  300: '#FFF176',
-  400: '#FFEE58',
-  500: '#FFEB3B',
-  600: '#FDD835',
-  700: '#FBC02D',
-  800: '#F9A825',
-  900: '#F57F17',
-  A100: '#FFFF8D',
-  A200: '#FFFF00',
-  A400: '#FFEA00',
-  A700: '#FFD600'
-};
-const amber = {
-  50: '#FFF8E1',
-  100: '#FFECB3',
-  200: '#FFE082',
-  300: '#FFD54F',
-  400: '#FFCA28',
-  500: '#FFC107',
-  600: '#FFB300',
-  700: '#FFA000',
-  800: '#FF8F00',
-  900: '#FF6F00',
-  A100: '#FFE57F',
-  A200: '#FFD740',
-  A400: '#FFC400',
-  A700: '#FFAB00'
-};
-const orange = {
-  50: '#FFF3E0',
-  100: '#FFE0B2',
-  200: '#FFCC80',
-  300: '#FFB74D',
-  400: '#FFA726',
-  500: '#FF9800',
-  600: '#FB8C00',
-  700: '#F57C00',
-  800: '#EF6C00',
-  900: '#E65100',
-  A100: '#FFD180',
-  A200: '#FFAB40',
-  A400: '#FF9100',
-  A700: '#FF6D00'
-};
-const deepOrange = {
-  50: '#FBE9E7',
-  100: '#FFCCBC',
-  200: '#FFAB91',
-  300: '#FF8A65',
-  400: '#FF7043',
-  500: '#FF5722',
-  600: '#F4511E',
-  700: '#E64A19',
-  800: '#D84315',
-  900: '#BF360C',
-  A100: '#FF9E80',
-  A200: '#FF6E40',
-  A400: '#FF3D00',
-  A700: '#DD2C00'
-};
-const brown = {
-  50: '#EFEBE9',
-  100: '#D7CCC8',
-  200: '#BCAAA4',
-  300: '#A1887F',
-  400: '#8D6E63',
-  500: '#795548',
-  600: '#6D4C41',
-  700: '#5D4037',
-  800: '#4E342E',
-  900: '#3E2723'
-};
-const blueGrey = {
-  50: '#ECEFF1',
-  100: '#CFD8DC',
-  200: '#B0BEC5',
-  300: '#90A4AE',
-  400: '#78909C',
-  500: '#607D8B',
-  600: '#546E7A',
-  700: '#455A64',
-  800: '#37474F',
-  900: '#263238'
-};
-// export const grey = {
-//   50: '#FAFAFA',
-//   100: '#F5F5F5',
-//   200: '#EEEEEE',
-//   300: '#E0E0E0',
-//   400: '#BDBDBD',
-//   500: '#9E9E9E',
-//   600: '#757575',
-//   700: '#616161',
-//   800: '#424242',
-//   900: '#212121',
-// };
-const black = {
-  default: '#000000'
-};
-const white = {
-  default: '#FFFFFF'
-};
-var Palette = {
-  red,
-  pink,
-  purple,
-  deepPurple,
-  indigo,
-  blue,
-  lightBlue,
-  cyan,
-  teal,
-  green,
-  lightGreen,
-  lime,
-  yellow,
-  amber,
-  orange,
-  deepOrange,
-  brown,
-  blueGrey,
-  // grey,
-  black,
-  white
-};
-
-const defaultTones = ['900', '700', '500', '300', '100'];
-function defaultPalette() {
-  return Object.entries(Palette).reduce((acc, _ref) => {
-    let [color, schema] = _ref;
-    if (color === 'black' || color === 'white') {
-      acc.push([Palette[color].default]);
-    } else {
-      acc.push(defaultTones === null || defaultTones === void 0 ? void 0 : defaultTones.map(tone => schema[tone]));
-    }
-    return acc;
-  }, []);
-}
-
-var script = defineComponent({
-  name: 'OrColorPicker',
-  components: {
-    OrFloating: script$1
-  },
-  props: {
-    palette: {
-      type: Object,
-      default: defaultPalette
-    },
-    defaultColor: {
-      type: String,
-      default: '#fff'
-    },
-    placement: {
-      type: String,
-      required: false,
-      default: () => OrFloatingPlacements.BOTTOM_START
-    }
-  },
-  emits: ['select'],
-  setup() {
-    const selected = ref(null);
-    const [isActive, toggle] = useToggle(false);
-    const trigger = ref(null);
-    onClickOutside(trigger, () => {
-      if (isActive.value) toggle();
-    });
-    return {
-      trigger,
-      toggle,
-      isActive,
-      selected
-    };
-  },
-  computed: {},
-  methods: {
-    getClass(tone) {
-      return ['or-color-picker-color-it', {
-        'or-color-picker-color--white': tone === Palette.white.default
-      }];
-    },
-    handlerClick(color) {
-      this.selected = color;
-      this.$emit('select', color);
-    }
-  }
-});
-
-const _withScopeId = n => (pushScopeId("data-v-da42f3fe"), n = n(), popScopeId(), n);
-const _hoisted_1 = {
-  class: "color-container"
-};
-const _hoisted_2 = {
-  class: "or-color-picker-box"
-};
-const _hoisted_3 = ["aria-label", "aria-selected", "data-color", "onClick"];
-const _hoisted_4 = {
-  class: "or-color-picker-pick"
-};
-const _hoisted_5 = {
-  style: {
-    "width": "24px",
-    "height": "24px"
-  },
-  viewBox: "0 0 24 24"
-};
-const _hoisted_6 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("path", {
-  d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
-}, null, -1 /* HOISTED */));
-const _hoisted_7 = [_hoisted_6];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_floating = resolveComponent("or-floating");
-  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
-    ref: "trigger",
-    class: "tag__color",
-    style: normalizeStyle({
-      backgroundColor: _ctx.selected || _ctx.defaultColor
-    }),
-    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
-      return _ctx.toggle && _ctx.toggle(...arguments);
-    }, ["prevent"]))
-  }, null, 4 /* STYLE */), _ctx.isActive ? (openBlock(), createBlock(_component_or_floating, {
-    key: 0,
-    trigger: _ctx.trigger,
-    offset: 8,
-    placement: _ctx.placement,
-    "is-using-shift": "",
-    "is-using-flip": ""
-  }, {
-    default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.palette, (group, idx) => {
-      return openBlock(), createElementBlock("div", {
-        key: idx,
-        class: "or-color-picker-color-group"
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group, color => {
-        return openBlock(), createElementBlock("div", {
-          key: color,
-          class: normalizeClass(_ctx.getClass(color)),
-          role: "option",
-          "aria-label": 'Color:' + color,
-          "aria-selected": color === _ctx.selected,
-          "data-color": color,
-          style: normalizeStyle({
-            background: color
-          }),
-          onClick: withModifiers($event => _ctx.handlerClick(color), ["prevent"])
-        }, [withDirectives(createElementVNode("div", _hoisted_4, [(openBlock(), createElementBlock("svg", _hoisted_5, _hoisted_7))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3);
-      }), 128 /* KEYED_FRAGMENT */))]);
-    }), 128 /* KEYED_FRAGMENT */))])]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger", "placement"])) : createCommentVNode("v-if", true)]);
-}
-
-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-da42f3fe {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-da42f3fe {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.color-container[data-v-da42f3fe] {\n  position: relative;\n}\n.color-container .tag__color[data-v-da42f3fe] {\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  cursor: pointer;\n  border: var(--s-1) solid var(--c-neutral-0-darken-3);\n  border-radius: 50%;\n}\n.or-color-picker-box[data-v-da42f3fe] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--s-3);\n  max-width: 312px;\n  max-height: 244px;\n  padding: var(--s-4);\n  overflow-y: scroll;\n  background-color: var(--c-neutral-0);\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16);\n}\n.or-color-picker-box .or-color-picker-color-group[data-v-da42f3fe] {\n  float: left;\n  width: 40px;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-da42f3fe] {\n  box-sizing: border-box;\n  width: 40px;\n  height: 24px;\n  margin-bottom: 1px;\n  overflow: hidden;\n  cursor: pointer;\n  border-radius: var(--s-1) var(--s-1) 0 0;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-da42f3fe] {\n  border: 1px solid #DDD;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-da42f3fe] {\n  display: block;\n  margin-left: 8px;\n  fill: rgb(255, 255, 255);\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-da42f3fe] {\n  fill: rgb(51, 51, 51);\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-da42f3fe";
-script.__file = "src/components/or-color-picker/OrColorPicker.vue";
-
-export { Palette as P, purple as a, blue as b, cyan as c, deepPurple as d, lightGreen as e, lime as f, green as g, amber as h, indigo as i, deepOrange as j, brown as k, lightBlue as l, blueGrey as m, black as n, orange as o, pink as p, defaultPalette as q, red as r, script as s, teal as t, white as w, yellow as y };

package/dist/bundled/v3/components/OrConfirm-66387c1f.js

@@ -1,218 +0,0 @@
-import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-28d247a6.js';
-import { computed, defineComponent, ref } from 'vue-demi';
-import { r as resolveUnref, b as useMagicKeys, c as useActiveElement, w as whenever } from './OrBottomSheetV3-66815f6f.js';
-import { s as script$1, B as BUTTON_COLOR } from './OrButtonV2-35743eea.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-70fa6d2d.js';
-import script$3 from './OrInput/OrInput.js';
-
-function logicAnd(...args) {
-  return computed(() => args.every((i) => resolveUnref(i)));
-}
-
-var script = defineComponent({
-  name: 'OrConfirm',
-  components: {
-    OrButton: script$1,
-    OrModal: script$2,
-    OrInput: script$3
-  },
-  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, _ref) {
-    let {
-      emit
-    } = _ref;
-    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');
-    }
-  }
-});
-
-const _hoisted_1 = {
-  class: "or-confirm-footer"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_input = resolveComponent("or-input");
-  const _component_or_button = resolveComponent("or-button");
-  const _component_or_modal = resolveComponent("or-modal");
-  return openBlock(), createBlock(_component_or_modal, {
-    "is-open": _ctx.isOpen,
-    role: "alertdialog",
-    "title-text": _ctx.titleText,
-    size: _ctx.size,
-    "show-close": _ctx.showClose,
-    "close-on-click-outside": _ctx.closeOnClickOutside,
-    class: "or-confirm",
-    onClose: _ctx.handleClose
-  }, {
-    footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {
-      close: _ctx.handleClose,
-      confirm: _ctx.handleConfirm
-    }, () => [createElementVNode("div", _hoisted_1, [createVNode(_component_or_button, {
-      ref: "confirmationButtonRef",
-      color: _ctx.confirmButtonColor,
-      content: _ctx.confirmButtonText,
-      "is-loading": _ctx.isLoading,
-      "is-disabled": _ctx.isButtonDisabled,
-      onClick: _ctx.handleConfirm
-    }, null, 8 /* PROPS */, ["color", "content", "is-loading", "is-disabled", "onClick"]), createVNode(_component_or_button, {
-      type: "outlined",
-      content: _ctx.denyButtonText,
-      "is-disabled": _ctx.isLoading,
-      onClick: _ctx.handleClose
-    }, null, 8 /* PROPS */, ["content", "is-disabled", "onClick"])])])]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default"), _ctx.confirmationText ? (openBlock(), createBlock(_component_or_input, {
-      key: 0,
-      ref: "confirmationTextboxRef",
-      modelValue: _ctx.confirmationValue,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.confirmationValue = $event),
-      class: "confirmation-textbox",
-      label: _ctx.textConfirmationLabel,
-      placeholder: _ctx.textConfirmationPlaceholder,
-      error: _ctx.textConfirmationError,
-      "is-invalid": _ctx.touched && _ctx.isInvalid,
-      onBlur: _ctx.touch
-    }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "error", "is-invalid", "onBlur"])) : createCommentVNode("v-if", true)]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["is-open", "title-text", "size", "show-close", "close-on-click-outside", "onClose"]);
-}
-
-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-077d7158 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-077d7158 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-confirm-footer[data-v-077d7158] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-4);\n  justify-content: flex-end;\n}\n.confirmation-textbox[data-v-077d7158] {\n  margin-top: var(--s-3);\n}\n.or-modal[data-v-077d7158] .header {\n  padding-bottom: var(--s-4) !important;\n}\n.or-modal[data-v-077d7158] .content {\n  padding-bottom: 0 !important;\n}\n.or-modal[data-v-077d7158] .content {\n  font-size: var(--fs-1);\n  font-weight: normal;\n  line-height: var(--lh-1);\n}\n.or-modal[data-v-077d7158] .footer {\n  box-shadow: none !important;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-077d7158";
-script.__file = "src/components/or-confirm/OrConfirm.vue";
-
-export { logicAnd as l, script as s };