@ceed/cds 1.2.3 → 1.2.4-next.2

package/dist/index.cjs

@@ -2781,7 +2781,7 @@ function Pagination(props) {
       onClick: () => handlePageChange(p)
     },
     p
-  )), /* @__PURE__ */ import_react22.default.createElement(PaginationButton, { active: true, size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ import_react22.default.createElement(
+  )), /* @__PURE__ */ import_react22.default.createElement(PaginationButton, { active: "active", size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ import_react22.default.createElement(
     PaginationButton,
     {
       key: p,
@@ -3595,6 +3595,7 @@ function Component(props, apiRef) {
       background: backgroundProps = {}
     } = {},
     stripe,
+    isTotalSelected: ___________,
     ...innerProps
   } = props;
   const tableId = (0, import_react24.useId)();
@@ -4129,23 +4130,39 @@ var import_joy34 = require("@mui/joy");
 var import_framer_motion21 = require("framer-motion");
 var MotionDrawer = (0, import_framer_motion21.motion)(import_joy34.Drawer);
 var Drawer = (props) => {
-  const { children, size, ...innerProps } = props;
+  const { children, size = "md", ...innerProps } = props;
   const theme = (0, import_joy34.useTheme)();
   return /* @__PURE__ */ import_react26.default.createElement(
     MotionDrawer,
     {
       ...innerProps,
+      size,
       slotProps: {
         ...innerProps.slotProps,
         content: {
           ...innerProps.slotProps?.content,
           sx: {
+            // @ts-expect-error: slotProps 는 fn을 넘길수 있어서 인터페이스 에러가 발생하지만 우리는 커스텀을 이정도로 허용하지 않을것이라 무시하고 쓴다.
+            ...innerProps.slotProps?.content?.sx,
             bgcolor: "transparent",
             boxShadow: "none",
             [theme.breakpoints.down("md")]: {
               width: "100%"
             }
           }
+        },
+        // HACK: MUI 5 & 6 버전을 함께 사용하면서 @mui/base & @mui/system 의 참조가 꼬인다. 전부 mui 6 기반으로 업그레이드 하기 전까지는 임시로 아래와 같이 복제하여 사용한다.
+        root: {
+          ...innerProps.slotProps?.root,
+          sx: {
+            // @ts-expect-error: slotProps 는 fn을 넘길수 있어서 인터페이스 에러가 발생하지만 우리는 커스텀을 이정도로 허용하지 않을것이라 무시하고 쓴다.
+            ...innerProps.slotProps?.root?.sx,
+            "--Drawer-horizontalSize": {
+              sm: "360px",
+              md: "600px",
+              lg: "900px"
+            }[size]
+          }
         }
       },
       sx: {
@@ -4154,7 +4171,7 @@ var Drawer = (props) => {
           sm: "360px",
           md: "600px",
           lg: "900px"
-        }[size || "md"]
+        }[size]
       }
     },
     children

package/dist/index.js

@@ -2738,7 +2738,7 @@ function Pagination(props) {
       onClick: () => handlePageChange(p)
     },
     p
-  )), /* @__PURE__ */ React20.createElement(PaginationButton, { active: true, size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ React20.createElement(
+  )), /* @__PURE__ */ React20.createElement(PaginationButton, { active: "active", size, "aria-current": "page" }, paginationModel.page), afterPages.map((p) => /* @__PURE__ */ React20.createElement(
     PaginationButton,
     {
       key: p,
@@ -3555,6 +3555,7 @@ function Component(props, apiRef) {
       background: backgroundProps = {}
     } = {},
     stripe,
+    isTotalSelected: ___________,
     ...innerProps
   } = props;
   const tableId = useId();
@@ -4097,23 +4098,39 @@ import { Drawer as JoyDrawer, useTheme as useTheme2 } from "@mui/joy";
 import { motion as motion21 } from "framer-motion";
 var MotionDrawer = motion21(JoyDrawer);
 var Drawer = (props) => {
-  const { children, size, ...innerProps } = props;
+  const { children, size = "md", ...innerProps } = props;
   const theme = useTheme2();
   return /* @__PURE__ */ React24.createElement(
     MotionDrawer,
     {
       ...innerProps,
+      size,
       slotProps: {
         ...innerProps.slotProps,
         content: {
           ...innerProps.slotProps?.content,
           sx: {
+            // @ts-expect-error: slotProps 는 fn을 넘길수 있어서 인터페이스 에러가 발생하지만 우리는 커스텀을 이정도로 허용하지 않을것이라 무시하고 쓴다.
+            ...innerProps.slotProps?.content?.sx,
             bgcolor: "transparent",
             boxShadow: "none",
             [theme.breakpoints.down("md")]: {
               width: "100%"
             }
           }
+        },
+        // HACK: MUI 5 & 6 버전을 함께 사용하면서 @mui/base & @mui/system 의 참조가 꼬인다. 전부 mui 6 기반으로 업그레이드 하기 전까지는 임시로 아래와 같이 복제하여 사용한다.
+        root: {
+          ...innerProps.slotProps?.root,
+          sx: {
+            // @ts-expect-error: slotProps 는 fn을 넘길수 있어서 인터페이스 에러가 발생하지만 우리는 커스텀을 이정도로 허용하지 않을것이라 무시하고 쓴다.
+            ...innerProps.slotProps?.root?.sx,
+            "--Drawer-horizontalSize": {
+              sm: "360px",
+              md: "600px",
+              lg: "900px"
+            }[size]
+          }
         }
       },
       sx: {
@@ -4122,7 +4139,7 @@ var Drawer = (props) => {
           sm: "360px",
           md: "600px",
           lg: "900px"
-        }[size || "md"]
+        }[size]
       }
     },
     children