@onereach/ui-components 4.2.6-beta.2605.0 → 4.2.6-beta.2606.0

package/dist/bundled/v2/components/OrModalV3/styles.js

@@ -6,7 +6,7 @@ const ModalRoot = [
 // Shape
 'md:rounded-md',
 // Spacing
-'px-lg', 'py-lg', 'gap-md md:gap-lg',
+'px-md md:px-lg', 'py-md md:py-lg', 'gap-md md:gap-lg',
 // Typography
 'typography-body-2-regular',
 // Theme

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -1,12 +1,11 @@
 import { useToggle } from '@vueuse/core';
-import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
+import { defineComponent, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import useQueue from '../OrToastV3/composable/useQueue.js';
 import useToastEventBus from '../OrToastV3/composable/useToastEventBus.js';
 import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconButtonV3/OrIconButton.js';
@@ -25,12 +24,13 @@ import '../OrBottomSheetV3/OrBottomSheet.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import 'portal-vue';
-import '../../utils/isVisible.js';
 
 var script = defineComponent({
   name: 'OrToastContainer',
@@ -56,8 +56,6 @@ var script = defineComponent({
     }
   },
   setup(props) {
-    // Refs
-    const root = ref();
     const {
       on,
       off
@@ -147,7 +145,6 @@ var script = defineComponent({
       off('toastUpdate', toastUpdate);
       off('toastCloseAll', clearAll);
     });
-    useElevation(root, isActive);
     return {
       on,
       off,
@@ -160,7 +157,6 @@ var script = defineComponent({
       clearAll,
       getItem,
       queue,
-      root,
       createToast,
       toastUpdate,
       toastRemove,
@@ -172,7 +168,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-toast--transition-slide-enter-active[data-v-9c5633de],.or-toast--transition-slide-leave-active[data-v-9c5633de]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-9c5633de],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-9c5633de]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-9c5633de],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-9c5633de]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-9c5633de],.or-toast--transition-fade-leave-active[data-v-9c5633de]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-9c5633de],.or-toast--transition-fade-leave-to[data-v-9c5633de]{opacity:0}";
+var css_248z = ".or-toast-container[data-v-0eb6626c]{z-index:26}.or-toast--transition-slide-enter-active[data-v-0eb6626c],.or-toast--transition-slide-leave-active[data-v-0eb6626c]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-0eb6626c],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-0eb6626c]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-0eb6626c],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-0eb6626c]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-0eb6626c],.or-toast--transition-fade-leave-active[data-v-0eb6626c]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-0eb6626c],.or-toast--transition-fade-leave-to[data-v-0eb6626c]{opacity:0}";
 styleInject(css_248z);
 
 /* script */
@@ -182,14 +178,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrTeleport', {
-    attrs: {
-      "disabled": _vm.isActive
-    }
-  }, [_c('div', {
-    ref: "root",
+  return _vm.isActive ? _c('OrTeleport', [_c('div', {
     class: _vm.classes
   }, [_c('TransitionGroup', {
+    class: ['contents'],
     attrs: {
       "name": _vm.transitionName
     },
@@ -214,14 +206,14 @@ var __vue_render__ = function () {
         }
       }
     }, 'OrToast', toastConfiguration.toastProps, false));
-  }), 1)], 1)]);
+  }), 1)], 1)]) : _vm._e();
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-9c5633de";
+const __vue_scope_id__ = "data-v-0eb6626c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.vue.d.ts

@@ -15,7 +15,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     clearAll: () => void;
     getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
     queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     createToast: (toastConfiguration: ToastConfiguration) => void;
     toastUpdate: (toast: ToastConfiguration) => void;
     toastRemove: (toast: ToastConfiguration) => void;
@@ -67,7 +66,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     clearAll: () => void;
     getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
     queue: import("@vue/composition-api").ComputedRef<ToastConfiguration[]>;
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     createToast: (toastConfiguration: ToastConfiguration) => void;
     toastUpdate: (toast: ToastConfiguration) => void;
     toastRemove: (toast: ToastConfiguration) => void;