diff --git a/packages/orbit-components/src/Modal/Modal.ct-story.tsx b/packages/orbit-components/src/Modal/Modal.ct-story.tsx
index 270b032be3..b29ce24d9d 100644
--- a/packages/orbit-components/src/Modal/Modal.ct-story.tsx
+++ b/packages/orbit-components/src/Modal/Modal.ct-story.tsx
@@ -56,3 +56,13 @@ export function ModalVisualMobileHeader() {
</Modal>
);
}
+
+export function ModalVisualNoHeaderNoFooter({ isMobileFullPage = false }) {
+ return (
+ <Modal onClose={() => {}} size={SIZES.NORMAL} isMobileFullPage={isMobileFullPage}>
+ <ModalSection>
+ <Text>No Header nor Footer modal</Text>
+ </ModalSection>
+ </Modal>
+ );
+}
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx b/packages/orbit-components/src/Modal/Modal.ct.tsx
index 2d0ca0baed..04a354d80a 100644
--- a/packages/orbit-components/src/Modal/Modal.ct.tsx
+++ b/packages/orbit-components/src/Modal/Modal.ct.tsx
@@ -1,7 +1,11 @@
import * as React from "react";
import { test, expect } from "@playwright/experimental-ct-react";
-import { ModalVisualDefaultStory, ModalVisualMobileHeader } from "./Modal.ct-story";
+import {
+ ModalVisualDefaultStory,
+ ModalVisualMobileHeader,
+ ModalVisualNoHeaderNoFooter,
+} from "./Modal.ct-story";
import { SIZES } from "./consts";
test.describe("visual Modal", () => {
@@ -24,4 +28,16 @@ test.describe("visual Modal", () => {
await expect(component).toHaveScreenshot();
});
+
+ test("ModalVisualNoHeaderNoFooter", async ({ mount }) => {
+ const component = await mount(<ModalVisualNoHeaderNoFooter />);
+
+ await expect(component).toHaveScreenshot();
+ });
+
+ test("ModalVisualNoHeaderNoFooter isMobileFullPage", async ({ mount }) => {
+ const component = await mount(<ModalVisualNoHeaderNoFooter isMobileFullPage />);
+
+ await expect(component).toHaveScreenshot();
+ });
});
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualDefaultStory-extraLarge-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualDefaultStory-extraLarge-1-Medium-Mobile-darwin.png
index 7bb96e2e46..ec419baea8 100644
Binary files a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualDefaultStory-extraLarge-1-Medium-Mobile-darwin.png and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualDefaultStory-extraLarge-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Medium-Mobile-darwin.png
index 0ad20f7b37..7f407d68f4 100644
Binary files a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Medium-Mobile-darwin.png and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Small-Mobile-darwin.png
index e6cbbd48ad..27dcfd1b3d 100644
Binary files a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Small-Mobile-darwin.png and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualMobileHeader-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-darwin.png
new file mode 100644
index 0000000000..9e70b2c472
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-linux.png
new file mode 100644
index 0000000000..a139aea37c
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..3d1302b89c
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..7418fab533
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..ccc6c13cbc
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..7523aff11a
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..679f1def06
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..243400a01a
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..e61f3c7bca
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..2baa9f7941
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-darwin.png
new file mode 100644
index 0000000000..afdf77e2f6
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-linux.png
new file mode 100644
index 0000000000..58d6baa027
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-darwin.png
new file mode 100644
index 0000000000..9e70b2c472
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-linux.png
new file mode 100644
index 0000000000..a139aea37c
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..3d1302b89c
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..7418fab533
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..ccc6c13cbc
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..7523aff11a
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..17b1532461
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..56f43cbc61
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..1b18383c25
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..a063641953
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-darwin.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-darwin.png
new file mode 100644
index 0000000000..afdf77e2f6
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-linux.png b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-linux.png
new file mode 100644
index 0000000000..58d6baa027
Binary files /dev/null and b/packages/orbit-components/src/Modal/Modal.ct.tsx-snapshots/visual-Modal-ModalVisualNoHeaderNoFooter-isMobileFullPage-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/Modal/ModalFooter/index.tsx b/packages/orbit-components/src/Modal/ModalFooter/index.tsx
index f3cfd7d06a..4c412d89d9 100644
--- a/packages/orbit-components/src/Modal/ModalFooter/index.tsx
+++ b/packages/orbit-components/src/Modal/ModalFooter/index.tsx
@@ -74,7 +74,6 @@ const ModalFooter = ({ dataTest, children, flex = "0 1 auto" }: Props) => {
"duration-fast transition-shadow ease-in-out",
"sm:max-lm:[&_.orbit-button-primitive]:h-form-box-normal sm:max-lm:[&_.orbit-button-primitive]:text-button-normal",
childrenLength > 1 ? "lm:justify-between" : "lm:justify-end",
- "lm:rounded-b-modal",
"[&_.orbit-modal-footer-child:last-of-type]:p-0",
)}
ref={containerRef}
diff --git a/packages/orbit-components/src/Modal/ModalHeader/index.tsx b/packages/orbit-components/src/Modal/ModalHeader/index.tsx
index 469d3f4259..63f6a685f1 100644
--- a/packages/orbit-components/src/Modal/ModalHeader/index.tsx
+++ b/packages/orbit-components/src/Modal/ModalHeader/index.tsx
@@ -11,13 +11,11 @@ import type { Props } from "./types";
export const ModalHeaderWrapper = ({
className,
suppressed,
- isMobileFullPage,
dataTest,
children,
}: {
className?: string;
suppressed?: boolean;
- isMobileFullPage?: boolean;
dataTest?: string;
children?: React.ReactNode;
}) => {
@@ -26,9 +24,7 @@ export const ModalHeaderWrapper = ({
className={cx(
className,
"orbit-modal-header-container",
- "lm:rounded-t-modal box-border block w-full",
- !isMobileFullPage && "rounded-t-modal",
- "lm:[&_~_.orbit-modal-section:first-of-type]:rounded-t-none [&_~_.orbit-modal-section:first-of-type]:rounded-t-none",
+ "box-border block w-full",
suppressed
? [
"bg-cloud-light py-xl px-md lm:p-xl",
@@ -66,11 +62,7 @@ const ModalHeader = ({
const hasHeader = Boolean(title || description);
return (
- <ModalHeaderWrapper
- suppressed={suppressed}
- dataTest={dataTest}
- isMobileFullPage={isMobileFullPage}
- >
+ <ModalHeaderWrapper suppressed={suppressed} dataTest={dataTest}>
{illustration}
{hasHeader && (
<div
diff --git a/packages/orbit-components/src/Modal/ModalSection/index.tsx b/packages/orbit-components/src/Modal/ModalSection/index.tsx
index cf3fc6315d..54ca9c7bbb 100644
--- a/packages/orbit-components/src/Modal/ModalSection/index.tsx
+++ b/packages/orbit-components/src/Modal/ModalSection/index.tsx
@@ -29,7 +29,6 @@ export const ModalSectionWrapper = ({
"orbit-modal-section",
"py-lg px-md lm:p-xl box-border w-full",
"border-b-elevation-flat-border-color border-b border-solid",
- "last-of-type:[&:not(:last-child)]:rounded-b-none",
suppressed
? [
"bg-cloud-light",
@@ -41,10 +40,7 @@ export const ModalSectionWrapper = ({
"bg-white-normal",
"lm:[&_~_.orbit-modal-footer]:last-of-type:pt-0 last-of-type:border-b-0",
],
- !isMobileFullPage && [
- "first-of-type:rounded-t-modal lm:first-of-type:rounded-t-modal",
- "last-of-type:rounded-b-modal lm:last-of-type:rounded-t-modal lm:[&_~_.orbit-modal-footer]:last-of-type:mt-0",
- ],
+ !isMobileFullPage && ["lm:[&_~_.orbit-modal-footer]:last-of-type:mt-0"],
)}
data-test={dataTest}
>
diff --git a/packages/orbit-components/src/Modal/index.tsx b/packages/orbit-components/src/Modal/index.tsx
index 33e58acf2e..a83501c650 100644
--- a/packages/orbit-components/src/Modal/index.tsx
+++ b/packages/orbit-components/src/Modal/index.tsx
@@ -421,7 +421,6 @@ const Modal = React.forwardRef<Instance, Props>(
className={cx(
"orbit-modal-wrapper",
"fixed mx-auto my-0 box-border flex min-h-full w-full items-start",
- !isMobileFullPage && "rounded-t-modal",
disableAnimation
? !isMobileFullPage && "top-[32px]"
: [
@@ -436,11 +435,11 @@ const Modal = React.forwardRef<Instance, Props>(
<div
className={cx(
"orbit-modal-wrapper-content",
- "font-base bg-elevation-flat shadow-overlay absolute box-border w-full overflow-y-auto overflow-x-hidden",
- "lm:relative lm:bottom-auto lm:pb-0 lm:overflow-visible",
+ "lm:rounded-modal overflow-hidden",
+ "font-base bg-elevation-flat shadow-overlay absolute box-border w-full",
+ "lm:relative lm:bottom-auto lm:pb-0",
"lm:[&_.orbit-modal-section:last-of-type]:pb-xxl lm:[&_.orbit-modal-section:last-of-type:after]:content-none lm:[&_.orbit-modal-section:last-of-type]:mb-[var(--orbit-modal-footer-height,0px)]",
"lm:[&_.orbit-modal-mobile-header]:w-[calc(var(--orbit-modal-width)-48px-theme(spacing.xxl))]",
- "lm:rounded-modal",
!hasModalSection &&
"[&_.orbit-modal-header-container]:mb-xl lm:[&_.orbit-modal-header-container]:mb-[var(--orbit-modal-footer-height,0px)]",
isMobileFullPage
@@ -482,10 +481,8 @@ const Modal = React.forwardRef<Instance, Props>(
className={cx(
"z-overlay h-form-box-large pointer-events-none right-0 box-border flex w-full items-center justify-end",
"duration-fast transition-[shadow,_background-color] ease-in-out",
- "lm:rounded-none",
fixedClose || scrolled ? "lm:top-0 lm:right-auto fixed" : "absolute",
!isMobileFullPage && (fixedClose || scrolled) ? "top-[32px]" : "top-0",
- !isMobileFullPage && "rounded-t-modal",
modalWidth ? "max-w-[var(--orbit-modal-width)]" : maxWidthClasses[size],
scrolled && "shadow-fixed bg-white-normal",
"[&_+_.orbit-modal-section:first-of-type]:pt-xxxl [&_+_.orbit-modal-section:first-of-type]:m-0 [&_+_.orbit-modal-section:first-of-type]:border-t-0",