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

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -1,103 +1,97 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-41e9c687.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-41e9c687.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-34d925f6.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-34d925f6.js';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../index-63e094a0.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../../useElevation-31bfe1f6.js';
-import '../OrButton/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-9355421f.js';
-import '../OrLoader/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrError/OrError.js';
-import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../OrHint/OrHint.js';
-import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../OrButton.vue_vue_type_script_lang-a0fdda7f.js';
+import '../../constants-c5d1139f.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrModal/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-c1dd0512.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
+import '../OrOverlay/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import '../OrInput/OrInput.js';
 import '../OrLabel/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import '../../style-inject.es-4c6f2515.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
+import '../OrHint/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
+import '../OrCollapse/OrCollapse.js';
+import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow', 'overflow-y-auto', 'overflow-x-hidden'])
+  class: "or-confirm-footer"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrInput = resolveComponent("OrInput");
-  const _component_OrButton = resolveComponent("OrButton");
-  const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
-    key: 0,
-    fullscreen: ""
+  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
   }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
-      role: "alertdialog"
-    }), [createElementVNode("div", {
-      class: normalizeClass(_ctx.headerStyles)
-    }, [renderSlot(_ctx.$slots, "header", {}, () => [createTextVNode(toDisplayString(_ctx.titleText), 1 /* TEXT */)])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default"), _ctx.confirmationText ? (openBlock(), createElementBlock("div", {
+    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,
-      class: normalizeClass(_ctx.inputBoxStyles)
-    }, [createVNode(_component_OrInput, {
-      ref: "confirmationInput",
+      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.touched && _ctx.isInvalid ? _ctx.textConfirmationError : undefined,
-      onFocus: _ctx.onInputFocus,
-      onBlur: _ctx.onInputBlur
-    }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "error", "onFocus", "onBlur"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "footer", {
-      cancel: _ctx.close,
-      confirm: _ctx.confirm
-    }, () => [createElementVNode("div", {
-      class: normalizeClass(_ctx.footerStyles)
-    }, [createVNode(_component_OrButton, {
-      class: normalizeClass(_ctx.buttonsStyles),
-      variant: "outlined",
-      disabled: _ctx.loading,
-      onClick: _ctx.close
-    }, {
-      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1 /* TEXT */)]),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrButton, {
-      ref: "confirmationButton",
-      class: normalizeClass(_ctx.buttonsStyles),
-      color: _ctx.confirmButtonColor,
-      loading: _ctx.loading,
-      disabled: _ctx.isConfirmationButtonDisabled,
-      onClick: _ctx.confirm
-    }, {
-      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1 /* TEXT */)]),
-
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "color", "loading", "disabled", "onClick"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
-
+      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 */
-  })) : createCommentVNode("v-if", true);
+  }, 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: 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.__file = "src/components/or-confirm-v3/OrConfirm.vue";
+script.__scopeId = "data-v-077d7158";
+script.__file = "src/components/or-confirm/OrConfirm.vue";

package/dist/bundled/v3/components/OrConfirm/index.js

@@ -1,38 +1,40 @@
-export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-49ae70d3.js';
+export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-34d925f6.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../index-63e094a0.js';
-import '../../OrButton-a1b966c0.js';
-import '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../OrButton.vue_vue_type_script_lang-a0fdda7f.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-c4809493.js';
+import '../../dom-28f5f62a.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
-import '../../OrModal-1e176a11.js';
-import '../../OrModal.vue_vue_type_script_lang-67de248c.js';
-import '../../OrIconButton-54994f76.js';
-import '../../OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip.vue_vue_type_script_lang-8f654b1b.js';
+import '../OrModal/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-c1dd0512.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
+import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 import '../OrInput/OrInput.js';
-import '../../OrLabel-48580954.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../../OrHint-f6730014.js';
+import '../OrHint/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import '../../OrError-dff84d09.js';
+import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-0dfd5dea.js';
+import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirmV3.js

@@ -0,0 +1,103 @@
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-01f99902.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-01f99902.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../index-63e094a0.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../../useElevation-31bfe1f6.js';
+import '../OrButtonV3/OrButtonV3.js';
+import '../../OrButton.vue_vue_type_script_lang-530056ac.js';
+import '../OrLoaderV3/OrLoaderV3.js';
+import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrErrorV3/OrErrorV3.js';
+import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../../useResponsive-a02e95b7.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
+import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
+import '../OrLabelV3/OrLabelV3.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['grow', 'overflow-y-auto', 'overflow-x-hidden'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrButton = resolveComponent("OrButton");
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
+    key: 0,
+    fullscreen: ""
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: "root"
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles,
+      role: "alertdialog"
+    }), [createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [renderSlot(_ctx.$slots, "header", {}, () => [createTextVNode(toDisplayString(_ctx.titleText), 1 /* TEXT */)])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default"), _ctx.confirmationText ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.inputBoxStyles)
+    }, [createVNode(_component_OrInput, {
+      ref: "confirmationInput",
+      modelValue: _ctx.confirmationValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.confirmationValue = $event),
+      label: _ctx.textConfirmationLabel,
+      placeholder: _ctx.textConfirmationPlaceholder,
+      error: _ctx.touched && _ctx.isInvalid ? _ctx.textConfirmationError : undefined,
+      onFocus: _ctx.onInputFocus,
+      onBlur: _ctx.onInputBlur
+    }, null, 8 /* PROPS */, ["modelValue", "label", "placeholder", "error", "onFocus", "onBlur"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "footer", {
+      cancel: _ctx.close,
+      confirm: _ctx.confirm
+    }, () => [createElementVNode("div", {
+      class: normalizeClass(_ctx.footerStyles)
+    }, [createVNode(_component_OrButton, {
+      class: normalizeClass(_ctx.buttonsStyles),
+      variant: "outlined",
+      disabled: _ctx.loading,
+      onClick: _ctx.close
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1 /* TEXT */)]),
+
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrButton, {
+      ref: "confirmationButton",
+      class: normalizeClass(_ctx.buttonsStyles),
+      color: _ctx.confirmButtonColor,
+      loading: _ctx.loading,
+      disabled: _ctx.isConfirmationButtonDisabled,
+      onClick: _ctx.confirm
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1 /* TEXT */)]),
+
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "color", "loading", "disabled", "onClick"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
+
+    _: 3 /* FORWARDED */
+  })) : createCommentVNode("v-if", true);
+}
+
+script.render = render;
+script.__file = "src/components/or-confirm-v3/OrConfirm.vue";

package/dist/bundled/v3/components/OrConfirmV3/index.js

@@ -1,38 +1,38 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-41e9c687.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-01f99902.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../index-63e094a0.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
 import '../../useClassAttribute-47fdb016.js';
 import '../../useElevation-31bfe1f6.js';
-import '../OrButton/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-9355421f.js';
-import '../OrLoader/OrLoader.js';
+import '../OrButtonV3/OrButtonV3.js';
+import '../../OrButton.vue_vue_type_script_lang-530056ac.js';
+import '../OrLoaderV3/OrLoaderV3.js';
 import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrError/OrError.js';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../OrHint/OrHint.js';
+import '../OrHintV3/OrHintV3.js';
 import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
 import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
 import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
-import '../OrLabel/OrLabel.js';
+import '../OrLabelV3/OrLabelV3.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/OrDateTimePicker/OrDateTimePicker.js

@@ -1,35 +1,36 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-6fa60fa4.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-6fa60fa4.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-7bc603fd.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-7bc603fd.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'lodash';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrDateTimePickerCalendarItem-6c38b593.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../OrLabel-48580954.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../../OrError-dff84d09.js';
+import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
-import '../../OrHint-f6730014.js';
+import '../OrHint/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-0dfd5dea.js';
-import '../../OrIconButton-54994f76.js';
-import '../../OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip.vue_vue_type_script_lang-8f654b1b.js';
+import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
-import '../../OrLoader-c4809493.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 const _withScopeId = n => (pushScopeId("data-v-733cf0b2"), n = n(), popScopeId(), n);

package/dist/bundled/v3/components/OrDateTimePicker/index.js

@@ -1,32 +1,33 @@
 export { D as DEFAULT_TEXT, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../../OrDateTimePickerCalendarItem-6c38b593.js';
-export { s as OrDateTimePicker } from '../../OrDateTimePicker.vue_vue_type_script_lang-6fa60fa4.js';
+export { s as OrDateTimePicker } from '../../OrDateTimePicker.vue_vue_type_script_lang-7bc603fd.js';
 import 'lodash';
 import 'vue-demi';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '@vueuse/core';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../OrLabel-48580954.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../../OrError-dff84d09.js';
+import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
-import '../../OrHint-f6730014.js';
+import '../OrHint/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-0dfd5dea.js';
-import '../../OrIconButton-54994f76.js';
-import '../../OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip.vue_vue_type_script_lang-8f654b1b.js';
+import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
-import '../../OrLoader-c4809493.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';

package/dist/bundled/v3/components/OrError/OrError.js

@@ -1,22 +1,19 @@
-import { s as script } from '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-export { s as default } from '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { s as script } from '../../OrError.vue_vue_type_script_lang-450321b8.js';
+export { s as default } from '../../OrError.vue_vue_type_script_lang-450321b8.js';
+import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../../useClassAttribute-47fdb016.js';
 
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = {
+  class: "or-error"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles,
-    disabled: _ctx.disabled ? '' : null
-  }), [createElementVNode("div", {
-    class: normalizeClass(_ctx.textStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
-    class: normalizeClass(_ctx.addonStyles)
-  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 16 /* FULL_PROPS */, _hoisted_1);
+  return openBlock(), createElementBlock("p", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)])]);
 }
 
+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-ee64af38 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-ee64af38 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-error[data-v-ee64af38] {\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  color: var(--c-error);\n  word-break: break-word;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-error-v3/OrError.vue";
+script.__scopeId = "data-v-ee64af38";
+script.__file = "src/components/or-error/OrError.vue";

package/dist/bundled/v3/components/{OrErrorTag/OrErrorTag.js → OrErrorTagV3/OrErrorTagV3.js}

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrErrorTag.vue_vue_type_script_lang-e0023f89.js';
-export { s as default } from '../../OrErrorTag.vue_vue_type_script_lang-e0023f89.js';
+import { s as script } from '../../OrErrorTag.vue_vue_type_script_lang-a97b4bde.js';
+export { s as default } from '../../OrErrorTag.vue_vue_type_script_lang-a97b4bde.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, normalizeClass, renderSlot } from 'vue';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 

package/dist/bundled/v3/components/OrErrorTagV3/index.js

@@ -1,6 +1,6 @@
-export { s as OrErrorTagV3 } from '../../OrErrorTag.vue_vue_type_script_lang-e0023f89.js';
+export { s as OrErrorTagV3 } from '../../OrErrorTag.vue_vue_type_script_lang-a97b4bde.js';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';

package/dist/bundled/v3/components/OrErrorV3/OrErrorV3.js

@@ -0,0 +1,22 @@
+import { s as script } from '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+export { s as default } from '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    disabled: _ctx.disabled ? '' : null
+  }), [createElementVNode("div", {
+    class: normalizeClass(_ctx.textStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.addonStyles)
+  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-error-v3/OrError.vue";

package/dist/bundled/v3/components/{OrExpansionPanel/OrExpansionPanel.js → OrExpansionPanelV3/OrExpansionPanelV3.js}

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
-export { s as default } from '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
+import { s as script } from '../../OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
+export { s as default } from '../../OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, withModifiers, createVNode, createTextVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 

package/dist/bundled/v3/components/OrExpansionPanelV3/index.js

@@ -1,6 +1,6 @@
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
 import 'vue-demi';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';