@onereach/ui-components 4.3.9 → 4.3.10-beta.2655.0

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-c71dafa8.js → OrModal.vue_vue_type_script_lang-61c8fc41.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { ModalSize } from './components/OrModalV3/props.js';
-import { ModalRoot, ModalRootSizes, ModalHeader } from './components/OrModalV3/styles.js';
+import { ModalRoot, ModalRootSizes, ModalHeader, ModalContent, ModalFooter } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
@@ -31,6 +31,8 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
     const headerStyles = computed(() => [...ModalHeader]);
+    const contentStyles = computed(() => [...ModalContent]);
+    const footerStyles = computed(() => [...ModalFooter]);
     // State
     const isActive = ref(false);
     // Events
@@ -57,6 +59,8 @@ var script = defineComponent({
       root,
       rootStyles,
       headerStyles,
+      contentStyles,
+      footerStyles,
       isActive,
       open,
       close

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-c71dafa8.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-c71dafa8.js';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-61c8fc41.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-61c8fc41.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -37,9 +37,6 @@ import '../../hooks/useResponsive/useResponsive.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");
@@ -57,7 +54,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       size: 'l',
       onClick: withModifiers(_ctx.close, ["stop"])
-    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "footer")], 16 /* FULL_PROPS */)]),
+    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", {
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
+      class: normalizeClass(_ctx.footerStyles)
+    }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);

package/dist/bundled/v3/components/OrModalV3/OrModal.vue.d.ts

@@ -13,6 +13,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     headerStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
+    footerStyles: import("vue-demi").ComputedRef<string[]>;
     isActive: import("vue-demi").Ref<boolean>;
     open: () => void;
     close: () => void;

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

@@ -1,5 +1,5 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-c71dafa8.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-61c8fc41.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/components/OrModalV3/styles.d.ts

@@ -2,3 +2,5 @@ import { ModalSize } from './props';
 export declare const ModalRoot: string[];
 export declare const ModalRootSizes: Record<ModalSize, string[]>;
 export declare const ModalHeader: string[];
+export declare const ModalContent: string[];
+export declare const ModalFooter: string[];

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

@@ -6,7 +6,7 @@ const ModalRoot = [
 // Shape
 'md:rounded-md',
 // Spacing
-'px-md md:px-lg', 'py-md md:py-lg', 'gap-md md:gap-lg',
+'gap-md md:gap-lg',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -25,9 +25,19 @@ const ModalRootSizes = {
   'md:w-[480px]']
 };
 const ModalHeader = [
-// Layouot
+// Layout
 'layout-row',
+// Spacing
+'px-md md:px-lg', 'pt-md md:pt-lg',
 // Typography
 'typography-headline-2'];
+const ModalContent = [
+// Box
+'grow', 'overflow-auto',
+// Spacing
+'px-md md:px-lg'];
+const ModalFooter = [
+// Spacing
+'px-md md:px-lg', 'pb-md md:pb-lg'];
 
-export { ModalHeader, ModalRoot, ModalRootSizes };
+export { ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalRootSizes };

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

@@ -82,7 +82,7 @@ export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-a18d3c8d.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-ae842e5b.js';
 export { OrModalSizes } from './OrModal/constants.js';
-export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-c71dafa8.js';
+export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-61c8fc41.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-cf2e272c.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './OrNotification/constants.js';