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

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

@@ -0,0 +1,59 @@
+import { s as script } from '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
+export { s as default } from '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createCommentVNode } from 'vue';
+import 'vue-demi';
+import '../../useClassAttribute-47fdb016.js';
+
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = {
+  fill: "none",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+};
+const _hoisted_3 = ["stroke"];
+const _hoisted_4 = {
+  key: 1,
+  width: "100%",
+  height: "4"
+};
+const _hoisted_5 = {
+  fill: "none",
+  "stroke-width": "4",
+  "stroke-linecap": "round"
+};
+const _hoisted_6 = /*#__PURE__*/createElementVNode("line", {
+  class: /*#__PURE__*/normalizeClass(['stroke-surface-variant', 'dark:stroke-surface-variant-dark']),
+  x1: "2",
+  y1: "50%",
+  x2: "calc(100% - 2px)",
+  y2: "50%"
+}, null, -1 /* HOISTED */);
+const _hoisted_7 = ["stroke"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [_ctx.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
+    key: 0,
+    viewBox: "0 0 16 16",
+    width: _ctx.computedSize,
+    height: _ctx.computedSize
+  }, [createElementVNode("g", _hoisted_2, [createElementVNode("circle", {
+    class: normalizeClass(['animate-circular-loader', 'origin-center']),
+    cx: "50%",
+    cy: "50%",
+    r: "7",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_3)])], 8 /* PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), _ctx.variant === 'linear' ? (openBlock(), createElementBlock("svg", _hoisted_4, [createElementVNode("g", _hoisted_5, [_hoisted_6, createElementVNode("line", {
+    class: normalizeClass(['animate-linear-loader', 'origin-center']),
+    x1: "2",
+    y1: "50%",
+    x2: "calc(100% - 2px)",
+    y2: "50%",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_7)])])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-loader-v3/OrLoader.vue";

package/dist/bundled/v3/components/{OrMenuItem/OrMenuItem.js → OrMenuItemV3/OrMenuItemV3.js}

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-export { s as default } from '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
+import { s as script } from '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+export { s as default } from '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, normalizeProps, createCommentVNode, createElementVNode, renderSlot, normalizeClass } 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/OrMenuItemV3/index.js

@@ -1,6 +1,6 @@
-export { s as OrMenuItemV3 } from '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
+export { s as OrMenuItemV3 } from '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.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/{OrMenu/OrMenu.js → OrMenuV3/OrMenuV3.js}

@@ -1,16 +1,16 @@
-import { s as script } from '../../OrMenu.vue_vue_type_script_lang-46ecf85f.js';
-export { s as default } from '../../OrMenu.vue_vue_type_script_lang-46ecf85f.js';
+import { s as script } from '../../OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
+export { s as default } from '../../OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
 import 'vue-demi';
-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 '@vueuse/core';
-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/OrMenuV3/index.js

@@ -1,15 +1,15 @@
-export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-46ecf85f.js';
-export { P as MenuPlacement } from '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-0f9a9e75.js';
+export { P as MenuPlacement } from '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import 'vue-demi';
-import '../OrPopover/OrPopover.js';
+import '../OrPopoverV3/OrPopoverV3.js';
 import 'vue';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
-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/OrModal/OrModal.js

@@ -1,59 +1,75 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-bd9984fa.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-bd9984fa.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-c1dd0512.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-c1dd0512.js';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, withDirectives, vShow, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
+import 'lodash';
 import '@vueuse/core';
-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 '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.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-f5885526.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.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-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 '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrOverlay/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow'])
+  key: 0,
+  class: "or-modal"
 };
 const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['grow', 'overflow-y-auto'])
+  class: "header"
+};
+const _hoisted_3 = {
+  class: "title"
+};
+const _hoisted_4 = {
+  class: "content"
+};
+const _hoisted_5 = {
+  class: "footer"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
-    key: 0,
-    fullscreen: true
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_overlay = resolveComponent("or-overlay");
+  return _ctx.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_or_overlay, {
+    ref: "overlay",
+    "is-active": "",
+    "is-without-background": _ctx.isWithoutOverlay
   }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: "root"
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles
-    }), [createElementVNode("div", {
-      class: normalizeClass(_ctx.headerStyles)
-    }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")]), createElementVNode("div", {
-      class: normalizeClass(_ctx.closeButtonStyles)
-    }, [createVNode(_component_OrIconButton, {
-      icon: {
-        icon: 'close',
-        size: 'l'
-      },
-      onClick: withModifiers(_ctx.close, ["stop"])
-    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "footer")], 16 /* FULL_PROPS */)]),
+    default: withCtx(() => [createElementVNode("div", {
+      ref: "container",
+      class: normalizeClass([_ctx.sizeClass, 'container', {
+        'is-without-overlay': _ctx.isWithoutOverlay
+      }])
+    }, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("div", _hoisted_3, toDisplayString(_ctx.titleText), 1 /* TEXT */)]), withDirectives(createVNode(_component_or_icon_button, {
+      icon: "close",
+      "icon-color": "neutral-6",
+      onClick: _ctx.handleClose
+    }, null, 8 /* PROPS */, ["onClick"]), [[vShow, _ctx.showClose]])])]), renderSlot(_ctx.$slots, "content", {}, () => [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]), withDirectives(createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "footer", {
+      close: _ctx.handleClose
+    })], 512 /* NEED_PATCH */), [[vShow, _ctx.$slots.footer]])], 2 /* CLASS */)]),
 
     _: 3 /* FORWARDED */
-  })) : createCommentVNode("v-if", true);
+  }, 8 /* PROPS */, ["is-without-background"])])) : 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-083760a4 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-083760a4 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-modal[data-v-083760a4] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n}\n.or-modal .or-overlay[data-v-083760a4] {\n  align-items: center;\n  justify-content: center;\n}\n.or-modal .container[data-v-083760a4] {\n  position: absolute;\n  display: flex;\n  flex-flow: column;\n  max-width: 100%;\n  max-height: 80%;\n  background-color: var(--c-neutral-0);\n  border-radius: var(--s-2);\n  outline: none;\n}\n.or-modal .container.is-without-overlay[data-v-083760a4] {\n  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);\n}\n.or-modal .container.is-fullScreen[data-v-083760a4] {\n  width: calc(100% - var(--s-7));\n  height: calc(100% - var(--s-7));\n  max-height: calc(100% - var(--s-7));\n  margin: 0 auto;\n}\n.or-modal .container.is-tiny[data-v-083760a4] {\n  width: 320px;\n}\n.or-modal .container.is-small[data-v-083760a4] {\n  width: 480px;\n}\n.or-modal .container.is-medium[data-v-083760a4] {\n  width: 700px;\n}\n.or-modal .container.is-large[data-v-083760a4] {\n  width: 1049px;\n}\n.or-modal .container .header[data-v-083760a4] {\n  display: flex;\n  justify-content: space-between;\n  padding: 24px 24px 20px 24px;\n  border-radius: var(--s-2) var(--s-2) 0 0;\n}\n.or-modal .container .header .title[data-v-083760a4] {\n  font-size: 1.125rem;\n  font-weight: bold;\n}\n.or-modal .container .content[data-v-083760a4] {\n  flex-grow: 1;\n  padding: 0 24px 24px 24px;\n  overflow: auto;\n}\n.or-modal .container .footer[data-v-083760a4] {\n  padding: 16px 24px 24px 24px;\n  border-radius: 0 0 var(--s-2) var(--s-2);\n  box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.08);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-modal-v3/OrModal.vue";
+script.__scopeId = "data-v-083760a4";
+script.__file = "src/components/or-modal/OrModal.vue";

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

@@ -1,24 +1,26 @@
-export { s as OrModal, O as OrModalSizes } from '../../OrModal.vue_vue_type_script_lang-67de248c.js';
+export { s as OrModal, O as OrModalSizes } from '../../OrModal.vue_vue_type_script_lang-c1dd0512.js';
 import 'vue-demi';
 import 'lodash';
 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-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.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 '../../constants-6678dfb5.js';
-import '../../OrIcon-6f6eb367.js';
-import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../../dom-28f5f62a.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../OrLoader-c4809493.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';

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

@@ -0,0 +1,59 @@
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-9bdd57a8.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-9bdd57a8.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
+import 'vue-demi';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '@vueuse/core';
+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 '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.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';
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['grow', 'overflow-y-auto'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
+    key: 0,
+    fullscreen: true
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: "root"
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles
+    }), [createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")]), createElementVNode("div", {
+      class: normalizeClass(_ctx.closeButtonStyles)
+    }, [createVNode(_component_OrIconButton, {
+      icon: {
+        icon: 'close',
+        size: 'l'
+      },
+      onClick: withModifiers(_ctx.close, ["stop"])
+    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "footer")], 16 /* FULL_PROPS */)]),
+
+    _: 3 /* FORWARDED */
+  })) : createCommentVNode("v-if", true);
+}
+
+script.render = render;
+script.__file = "src/components/or-modal-v3/OrModal.vue";

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

@@ -1,22 +1,22 @@
-export { M as ModalSize, s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-bd9984fa.js';
+export { M as ModalSize, s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-9bdd57a8.js';
 import 'vue-demi';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
 import '@vueuse/core';
-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';
 import '../../useElevation-31bfe1f6.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrIcon/OrIcon.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.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 '../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';

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

@@ -1,49 +1,56 @@
-import { s as script } from '../../OrNotification.vue_vue_type_script_lang-a676b8d5.js';
-export { s as default } from '../../OrNotification.vue_vue_type_script_lang-a676b8d5.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-5dd49ad9.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-5dd49ad9.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../../useClassAttribute-47fdb016.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 '@vueuse/core';
-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 '../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 '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-28f5f62a.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 '../../constants-c5d1139f.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow'])
+  class: "or-notification--icon"
+};
+const _hoisted_2 = {
+  class: "or-notification--content"
 };
 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 */);
+  const _component_or_icon = resolveComponent("or-icon");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-notification", _ctx.states])
+  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
+    icon: _ctx.iconByType,
+    color: _ctx.iconColorByType
+  }, null, 8 /* PROPS */, ["icon", "color"])])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default"), !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)]), _ctx.canDelete ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    icon: "close",
+    "icon-color": "neutral-6",
+    class: "or-notification--close",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('close'))
+  })) : 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-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-notification-v3/OrNotification.vue";
+script.__scopeId = "data-v-2a8b1558";
+script.__file = "src/components/or-notification/OrNotification.vue";

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-5dd49ad9.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-7c94b69b.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';