@onereach/ui-components 2.74.15-beta.2371.0 → 2.74.15

package/dist/esm/v2/{OrModal-407f3ac7.js → OrModal-370cfc3b.js}

@@ -14,7 +14,7 @@ const ModalRoot = [
 // Layout
 'layout-column',
 // Box
-'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
+'w-full', 'h-full',
 // Shape
 'md:rounded-md',
 // Spacing
@@ -28,13 +28,13 @@ const ModalRoot = [
 const ModalRootSizes = {
   'l': [
   // Box
-  'md:w-[1050px]'],
+  'md:w-[1050px]', 'md:h-auto'],
   'm': [
   // Box
-  'md:w-[700px]'],
+  'md:w-[700px]', 'md:h-auto'],
   's': [
   // Box
-  'md:w-[480px]']
+  'md:w-[480px]', 'md:h-auto']
 };
 const ModalHeader = [
 // Layouot

package/dist/esm/v2/components/index.js

@@ -51,7 +51,7 @@ export { _ as OrMenuItemV3 } from '../OrMenuItem-4f810513.js';
 export { _ as OrMenuV3 } from '../OrMenu-bb6e93bc.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-a101a230.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-a02dcd2a.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-407f3ac7.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-370cfc3b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-f905da81.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-76498693.js';
 export { _ as OrNumberInput } from '../OrNumberInput-eb0e7087.js';

package/dist/esm/v2/components/or-modal-v3/index.js

@@ -1,4 +1,4 @@
-export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-407f3ac7.js';
+export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-370cfc3b.js';
 import 'vue-demi';
 import '../../OrIconButton-fa9bff07.js';
 import '../../OrIcon-c434985a.js';

package/dist/esm/v2/index.js

@@ -51,7 +51,7 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-4f810513.js';
 export { _ as OrMenuV3 } from './OrMenu-bb6e93bc.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-a101a230.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-a02dcd2a.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-407f3ac7.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-370cfc3b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-f905da81.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-76498693.js';
 export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';

package/dist/esm/v3/{OrModal-17c3a1cb.js → OrModal-f9f2279b.js}

@@ -14,7 +14,7 @@ const ModalRoot = [
 // Layout
 'layout-column',
 // Box
-'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
+'w-full', 'h-full',
 // Shape
 'md:rounded-md',
 // Spacing
@@ -28,13 +28,13 @@ const ModalRoot = [
 const ModalRootSizes = {
   'l': [
   // Box
-  'md:w-[1050px]'],
+  'md:w-[1050px]', 'md:h-auto'],
   'm': [
   // Box
-  'md:w-[700px]'],
+  'md:w-[700px]', 'md:h-auto'],
   's': [
   // Box
-  'md:w-[480px]']
+  'md:w-[480px]', 'md:h-auto']
 };
 const ModalHeader = [
 // Layouot

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

@@ -48,7 +48,7 @@ export { s as OrMenuItemV3 } from '../OrMenuItem-de91aded.js';
 export { s as OrMenuV3 } from '../OrMenu-b4e8136c.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-35ee1b1e.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-153310f7.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-17c3a1cb.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-f9f2279b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-b90cf406.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-aab2e22a.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';

package/dist/esm/v3/components/or-modal-v3/index.js

@@ -1,4 +1,4 @@
-export { M as ModalSize, s as OrModalV3 } from '../../OrModal-17c3a1cb.js';
+export { M as ModalSize, s as OrModalV3 } from '../../OrModal-f9f2279b.js';
 import 'vue-demi';
 import '../../OrIconButton-385e997c.js';
 import '../../OrIcon-ea40e58c.js';

package/dist/esm/v3/index.js

@@ -48,7 +48,7 @@ export { s as OrMenuItemV3 } from './OrMenuItem-de91aded.js';
 export { s as OrMenuV3 } from './OrMenu-b4e8136c.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-35ee1b1e.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-153310f7.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-17c3a1cb.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-f9f2279b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-b90cf406.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-aab2e22a.js';
 export { s as OrNumberInput } from './OrNumberInput-dca5e850.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.74.15-beta.2371.0",
+  "version": "2.74.15",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -124,5 +124,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "369f29f205cc022f40d2fcf4a00ed4abcd9e4842"
 }

package/src/components/or-modal-v3/OrModal.stories3.ts

@@ -1,7 +1,6 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryFn } from '@storybook/vue3';
 import { ref } from 'vue-demi';
-import Faker from 'faker';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import OrModalDocs from './OrModal.docs.mdx';
 import OrModal from './OrModal.vue';
@@ -258,21 +257,3 @@ zIndex.args = {
     </div>
   `,
 };
-
-export const WithVerticalScroll = Template.bind({});
-
-WithVerticalScroll.args = {
-  header: 'Upload Files',
-  default: `
-    <div class="flex items-center justify-center">
-      ${Faker.lorem.lines(50)}
-    </div>
-  `,
-
-  footer: `
-    <div class="flex items-center justify-end gap-[16px]">
-      <OrButton variant="outlined">Save</OrButton>
-      <OrButton>Upload</OrButton>
-    </div>
-  `,
-};

package/src/components/or-modal-v3/styles.ts

@@ -6,7 +6,7 @@ export const ModalRoot: string[] = [
 
   // Box
   'w-full',
-  'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
+  'h-full',
 
   // Shape
   'md:rounded-md',
@@ -36,16 +36,19 @@ export const ModalRootSizes: Record<ModalSize, string[]> = {
   'l': [
     // Box
     'md:w-[1050px]',
+    'md:h-auto',
   ],
 
   'm': [
     // Box
     'md:w-[700px]',
+    'md:h-auto',
   ],
 
   's': [
     // Box
     'md:w-[480px]',
+    'md:h-auto',
   ],
 };
 

package/src/components/or-sidebar-v3/OrSidebar.stories3.ts

@@ -409,7 +409,7 @@ WithLeftToolbar.args = {
 };
 
 export const CollapsibleWithLeftToolbar = LeftTemplate.bind({});
-CollapsibleWithWithLeftToolbar.args = {
+CollapsibleWithLeftToolbar.args = {
   ...WithLeftToolbar.args,
   collapsible: true,
 };