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

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

@@ -1,22 +1,23 @@
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification.vue_vue_type_script_lang-3ab2d11d.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification.vue_vue_type_script_lang-3956fad8.js';
 import 'vue-demi';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.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 '../../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 '../../constants-6678dfb5.js';
-import '../../OrLoader-c4809493.js';
+import '../../dom-28f5f62a.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-1d09db94.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
+import '../../constants-c5d1139f.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';

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

@@ -0,0 +1,49 @@
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-942e8585.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-942e8585.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
+import 'vue-demi';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../../useClassAttribute-47fdb016.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 '@vueuse/core';
+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 '../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 '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createElementVNode("div", {
+    class: normalizeClass(_ctx.iconStyles)
+  }, [createVNode(_component_OrIcon, {
+    icon: _ctx.icon,
+    variant: 'filled-bold'
+  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
+    class: normalizeClass(_ctx.actionStyles)
+  }, [createVNode(_component_OrIconButton, {
+    icon: 'close',
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
+  })], 2 /* CLASS */)], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-notification-v3/OrNotification.vue";

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

@@ -1,22 +1,22 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-a676b8d5.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-942e8585.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';
-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 '../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 '@vueuse/core';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.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 '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.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 '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';

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

@@ -1,20 +1,20 @@
-import { s as script } from '../../OrNumberInput.vue_vue_type_script_lang-10f2b9a6.js';
-export { s as default } from '../../OrNumberInput.vue_vue_type_script_lang-10f2b9a6.js';
+import { s as script } from '../../OrNumberInput.vue_vue_type_script_lang-a0c074e0.js';
+export { s as default } from '../../OrNumberInput.vue_vue_type_script_lang-a0c074e0.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot } from 'vue';
 import 'vue-demi';
 import '../OrInput/OrInput.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import 'lodash';
-import '../../OrLabel-48580954.js';
+import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
 import '../../style-inject.es-4c6f2515.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';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_input = resolveComponent("or-input");

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

@@ -1,30 +1,31 @@
-import { s as script } from '../../OrOverflowMenu.vue_vue_type_script_lang-f9f091b5.js';
-export { s as default } from '../../OrOverflowMenu.vue_vue_type_script_lang-f9f091b5.js';
+import { s as script } from '../../OrOverflowMenu.vue_vue_type_script_lang-be902756.js';
+export { s as default } from '../../OrOverflowMenu.vue_vue_type_script_lang-be902756.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, renderSlot, createVNode, createBlock, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../OrOverflowMenuItem/OrOverflowMenuItem.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 '../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 '../../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 '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-1d09db94.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
 
 const _hoisted_1 = {
   ref: "target",

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

@@ -1,26 +1,27 @@
-export { s as OrOverflowMenu } from '../../OrOverflowMenu.vue_vue_type_script_lang-f9f091b5.js';
+export { s as OrOverflowMenu } from '../../OrOverflowMenu.vue_vue_type_script_lang-be902756.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../OrOverflowMenuItem/OrOverflowMenuItem.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 '../../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 '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-1d09db94.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';

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

@@ -1,21 +1,21 @@
 import { defineComponent } from 'vue-demi';
-import '../../OrButton-a1b966c0.js';
-import { s as script$1 } from '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
+import '../OrButtonV2/OrButtonV2.js';
+import { s as script$1 } from '../../OrButton.vue_vue_type_script_lang-a0fdda7f.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.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 '../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';
 
 var script = defineComponent({

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

@@ -1,27 +1,18 @@
-import { s as script } from '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-export { s as default } from '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
-import '@vueuse/core';
+import { s as script } from '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+export { s as default } from '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useClassAttribute-47fdb016.js';
-import '../../useElevation-31bfe1f6.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrTeleport = resolveComponent("OrTeleport");
-  return openBlock(), createBlock(_component_OrTeleport, {
-    disabled: !_ctx.fullscreen
-  }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles
-    }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"]);
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-overlay", _ctx.states])
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
+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-34f88318 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-34f88318 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-overlay[data-v-34f88318] {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 25;\n}\n.or-overlay[data-v-34f88318]:not(.without-background) {\n  background-color: rgba(30, 35, 43, 0.8);\n}\n.or-overlay.active[data-v-34f88318] {\n  display: flex;\n}\n.or-overlay.page[data-v-34f88318] {\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-overlay-v3/OrOverlay.vue";
+script.__scopeId = "data-v-34f88318";
+script.__file = "src/components/or-overlay/OrOverlay.vue";

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

@@ -0,0 +1,27 @@
+import { s as script } from '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+export { s as default } from '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
+import '@vueuse/core';
+import 'vue-demi';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../../useElevation-31bfe1f6.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTeleport = resolveComponent("OrTeleport");
+  return openBlock(), createBlock(_component_OrTeleport, {
+    disabled: !_ctx.fullscreen
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: "root"
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles
+    }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-overlay-v3/OrOverlay.vue";

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

@@ -1,7 +1,7 @@
-export { s as OrOverlayV3 } from '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
+export { s as OrOverlayV3 } from '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
 import '../../useClassAttribute-47fdb016.js';

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

@@ -1,35 +1,36 @@
-import { s as script } from '../../OrPassword.vue_vue_type_script_lang-4be4a210.js';
-export { s as default } from '../../OrPassword.vue_vue_type_script_lang-4be4a210.js';
+import { s as script } from '../../OrPassword.vue_vue_type_script_lang-e71a9b44.js';
+export { s as default } from '../../OrPassword.vue_vue_type_script_lang-e71a9b44.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, renderSlot } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '../OrInput/OrInput.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../dom-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 import 'lodash';
-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';
 import '@vueuse/core';
-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 '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-1d09db94.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
 import '../OrTooltipContent/OrTooltipContent.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 '../../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';
 import '../../useToggle-29e4d7c7.js';
 

package/dist/bundled/v3/components/{OrPopover/OrPopover.js → OrPopoverV3/OrPopoverV3.js}

@@ -1,14 +1,14 @@
-import { s as script } from '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
-export { s as default } from '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import { s as script } from '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+export { s as default } from '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.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';

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

@@ -1,12 +1,12 @@
-export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.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';

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

@@ -1,83 +1,65 @@
-import { s as script } from '../../OrProgress.vue_vue_type_script_lang-42d51690.js';
-export { s as default } from '../../OrProgress.vue_vue_type_script_lang-42d51690.js';
-import { openBlock, createElementBlock, mergeProps, Fragment, normalizeClass, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as script } from '../../OrProgress.vue_vue_type_script_lang-6105a07e.js';
+export { s as default } from '../../OrProgress.vue_vue_type_script_lang-6105a07e.js';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'lodash';
-import '@vueuse/core';
 import 'vue-demi';
-import '../../useResponsive-a02e95b7.js';
-import '../../useClassAttribute-47fdb016.js';
 
 const _hoisted_1 = {
-  width: "100%",
-  height: "2"
+  key: 0,
+  class: "or-progress-header"
 };
 const _hoisted_2 = {
-  fill: "none",
-  "stroke-width": "2",
-  "stroke-linecap": "round"
+  class: "label"
+};
+const _hoisted_3 = {
+  class: "percent"
+};
+const _hoisted_4 = {
+  class: "or-progress-linear"
 };
-const _hoisted_3 = ["stroke-dasharray", "stroke-dashoffset"];
-const _hoisted_4 = ["width", "height"];
 const _hoisted_5 = {
-  fill: "none",
-  "stroke-width": "2",
-  "stroke-linecap": "round"
+  key: 0,
+  class: "or-progress-loader"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "or-progress-footer"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "or-progress-circle"
 };
-const _hoisted_6 = ["stroke-dasharray", "stroke-dashoffset"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), [_ctx.isLinearType ? (openBlock(), createElementBlock(Fragment, {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-progress", {
+      'is-linear': _ctx.isLinearType
+    }])
+  }, [_ctx.isLinearType ? (openBlock(), createElementBlock(Fragment, {
     key: 0
-  }, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(_ctx.headerStyles)
-  }, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
-    class: normalizeClass(_ctx.labelStyles)
-  }, [renderSlot(_ctx.$slots, "label")], 2 /* CLASS */), createElementVNode("div", {
-    class: normalizeClass(_ctx.percentStyles)
-  }, [renderSlot(_ctx.$slots, "percent", {
+  }, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.headerText), 1 /* TEXT */)])]), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "percent", {
     value: _ctx.percent
-  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])], 2 /* CLASS */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true), (openBlock(), createElementBlock("svg", _hoisted_1, [createElementVNode("g", _hoisted_2, [createElementVNode("line", {
-    class: normalizeClass(_ctx.progressBarBackgroundStyles),
-    x1: "2",
-    y1: "50%",
-    x2: "calc(100% - 2px)",
-    y2: "50%"
-  }, null, 2 /* CLASS */), createElementVNode("line", {
-    class: normalizeClass(_ctx.progressBarMainPartStyles),
-    x1: "2",
-    y1: "50%",
-    x2: "calc(100% - 2px)",
-    y2: "50%",
-    "stroke-dasharray": _ctx.strokeDasharray,
-    "stroke-dashoffset": _ctx.strokeDashoffset
-  }, null, 10 /* CLASS, PROPS */, _hoisted_3)])])), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", {
+  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [_ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_5)) : (openBlock(), createElementBlock("div", {
     key: 1,
-    class: normalizeClass(_ctx.footerStyles)
-  }, [renderSlot(_ctx.$slots, "footer", {
+    class: normalizeClass(_ctx.progressBarClasses),
+    style: normalizeStyle(_ctx.progressBarStyle)
+  }, null, 6 /* CLASS, STYLE */))]), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "footer", {
     value: _ctx.localValue
-  })], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : _ctx.isCircleType ? (openBlock(), createElementBlock("svg", {
-    key: 1,
-    viewBox: "0 0 16 16",
-    width: _ctx.computedSize,
-    height: _ctx.computedSize
-  }, [createElementVNode("g", _hoisted_5, [createElementVNode("circle", {
-    class: normalizeClass(_ctx.progressBarBackgroundStyles),
-    cx: "50%",
-    cy: "50%",
-    r: "7"
-  }, null, 2 /* CLASS */), createElementVNode("circle", {
-    class: normalizeClass(_ctx.progressBarMainPartStyles),
-    cx: "50%",
-    cy: "50%",
-    r: "7",
-    "stroke-dasharray": _ctx.strokeDasharray,
-    "stroke-dashoffset": _ctx.strokeDashoffset
-  }, null, 10 /* CLASS, PROPS */, _hoisted_6)])], 8 /* PROPS */, _hoisted_4)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
+  }, () => [createTextVNode(toDisplayString(_ctx.footerText), 1 /* TEXT */)])])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : _ctx.isCircleType ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("div", {
+    class: normalizeClass(_ctx.progressPieClasses),
+    style: normalizeStyle(_ctx.pieCircleStyle)
+  }, [createElementVNode("div", {
+    class: "left-side half-circle",
+    style: normalizeStyle(_ctx.leftCircleHalfStyle)
+  }, null, 4 /* STYLE */), createElementVNode("div", {
+    class: "right-side half-circle",
+    style: normalizeStyle(_ctx.rightCircleHalfStyle)
+  }, null, 4 /* STYLE */)], 6 /* CLASS, STYLE */)])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
+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-cb4dbcd0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-cb4dbcd0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes loaderLinear-cb4dbcd0 {\n0% {\n    transform: translate(-100%, 0);\n}\n100% {\n    transform: translate(100%, 0);\n}\n}\n.or-progress[data-v-cb4dbcd0] {\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  color: var(--c-neutral-5);\n}\n.or-progress.is-linear[data-v-cb4dbcd0] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  min-width: 10rem;\n  max-width: 18.4375rem;\n}\n.or-progress .or-progress-header[data-v-cb4dbcd0] {\n  margin-bottom: 0.375rem;\n  display: flex;\n  flex-direction: row;\n}\n.or-progress .or-progress-header .label[data-v-cb4dbcd0] {\n  color: var(--c-neutral-6);\n  font-weight: bold;\n}\n.or-progress .or-progress-header .percent[data-v-cb4dbcd0] {\n  margin-left: auto;\n}\n.or-progress .or-progress-linear[data-v-cb4dbcd0] {\n  height: var(--s-1);\n  border-radius: 1px;\n  background-color: var(--c-neutral-2);\n  position: relative;\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: 0.3s;\n  transition-property: height, opacity;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0],\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0]::after,\n.or-progress .or-progress-linear .or-progress-bar[data-v-cb4dbcd0] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: auto;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0] {\n  animation: loaderLinear-cb4dbcd0 1.2s var(--t-func) infinite;\n}\n.or-progress .or-progress-linear .or-progress-loader[data-v-cb4dbcd0]::after {\n  max-width: 7rem;\n  background-color: var(--c-neutral-5);\n  border-radius: var(--s-1);\n  content: \"\";\n}\n.or-progress .or-progress-linear .or-progress-bar[data-v-cb4dbcd0] {\n  transition: transform 0.2s linear;\n  transform-origin: left;\n}\n.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-cb4dbcd0] {\n  background-color: var(--c-primary);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-cb4dbcd0] {\n  background-color: var(--c-success);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-cb4dbcd0] {\n  background-color: var(--c-warning);\n}\n.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-cb4dbcd0] {\n  background-color: var(--c-error);\n}\n.or-progress .or-progress-circle[data-v-cb4dbcd0] {\n  position: relative;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.or-progress .or-progress-circle .or-progress-pie[data-v-cb4dbcd0] {\n  clip: rect(0, 1.5rem, 1.5rem, 0.75rem);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-cb4dbcd0] {\n  clip: rect(auto, auto, auto, auto);\n  animation: spinAround-cb4dbcd0 0.7s linear infinite;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-cb4dbcd0] {\n  visibility: visible !important;\n  border-color: var(--c-primary) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.left-side[data-v-cb4dbcd0] {\n  transform: rotate(270deg) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-cb4dbcd0] {\n  transform: rotate(180deg) !important;\n}\n.or-progress .or-progress-circle .or-progress-pie[data-v-cb4dbcd0],\n.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-cb4dbcd0] {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-cb4dbcd0] {\n  border-style: solid;\n  border-width: var(--s-1);\n  border-radius: 50%;\n  clip: rect(0, 0.75rem, 1.5rem, 0);\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-cb4dbcd0] {\n  transform: rotate(180deg);\n  transition: visibility 0.2s linear 0.2s, transform 0.2s linear 0.2s;\n}\n.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-cb4dbcd0] {\n  transition: transform 0.2s linear;\n}\n.or-progress .or-progress-circle .or-progress-pie.is-primary-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-primary);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-success-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-success);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-warning-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-warning);\n}\n.or-progress .or-progress-circle .or-progress-pie.is-error-color > .half-circle[data-v-cb4dbcd0] {\n  border-color: var(--c-error);\n}\n.or-progress .or-progress-footer[data-v-cb4dbcd0] {\n  margin-top: var(--s-1);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-progress-v3/OrProgress.vue";
+script.__scopeId = "data-v-cb4dbcd0";
+script.__file = "src/components/or-progress/OrProgress.vue";