@ceed/cds 1.5.0 → 1.5.1

package/dist/components/Modal/Modal.d.ts

@@ -21,14 +21,7 @@ declare const ModalDialog: import("@emotion/styled").StyledComponent<{
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { ModalDialog };
-declare const ModalClose: import("@emotion/styled").StyledComponent<Omit<{
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalClosePropsSizeOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalClosePropsVariantOverrides> | undefined;
-} & import("@mui/joy").ModalCloseSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "variant" | "sx" | "size" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
+declare const ModalClose: import("@mui/types").OverridableComponent<import("@mui/joy").ModalCloseTypeMap<{}, "button">>;
 export { ModalClose };
 declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
@@ -40,6 +33,7 @@ declare function ModalFrame(props: {
     title: React.ReactNode;
     children: React.ReactNode;
     titleStartDecorator?: React.ReactNode;
+    onClose?: () => void;
 } & React.ComponentProps<typeof ModalDialog>): React.JSX.Element;
 declare namespace ModalFrame {
     var displayName: string;

package/dist/index.cjs

@@ -2964,6 +2964,16 @@ var VirtualizedTableBody = (0, import_joy33.styled)("tbody", {
     content: "''",
     display: "block",
     height: "0.01em"
+  },
+  // NOTE: 테이블 안에 버튼을 넣을 때 버튼의 높이가 테이블의 높이를 넘어가지 않도록 설정
+  [`& .${import_joy33.buttonClasses.root}`]: {
+    "--Button-minHeight": "20px",
+    "--Button-paddingBlock": "0.25rem",
+    lineHeight: 1
+  },
+  [`& .${import_joy33.iconButtonClasses.root}`]: {
+    "--IconButton-size": "21px",
+    verticalAlign: "middle"
   }
 });
 var StyledTableRow = (0, import_joy33.styled)("tr", {
@@ -4303,18 +4313,13 @@ var StyledModalDialog = (0, import_joy38.styled)(import_joy38.ModalDialog)({
 });
 var ModalDialog = StyledModalDialog;
 ModalDialog.displayName = "ModalDialog";
-var MotionModalClose = (0, import_joy38.styled)((0, import_framer_motion25.motion)(import_joy38.ModalClose))(({ theme }) => ({
-  top: theme.spacing(3),
-  right: theme.spacing(6)
-}));
-var ModalClose = MotionModalClose;
-ModalClose.displayName = "ModalClose";
+var ModalClose = import_joy38.ModalClose;
 var MotionModalOverflow = (0, import_framer_motion25.motion)(import_joy38.ModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
-  const { title, children, titleStartDecorator, ...innerProps } = props;
-  return /* @__PURE__ */ import_react28.default.createElement(StyledModalDialog, { ...innerProps }, /* @__PURE__ */ import_react28.default.createElement(ModalClose, null), /* @__PURE__ */ import_react28.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react28.default.createElement(DialogContent_default, null, children));
+  const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
+  return /* @__PURE__ */ import_react28.default.createElement(StyledModalDialog, { ...innerProps }, /* @__PURE__ */ import_react28.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react28.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react28.default.createElement(DialogContent_default, null, children));
 }
 ModalFrame.displayName = "ModalFrame";
 

package/dist/index.js

@@ -62,10 +62,10 @@ import {
   ButtonGroup,
   alertClasses,
   boxClasses,
-  buttonClasses,
+  buttonClasses as buttonClasses2,
   checkboxClasses as checkboxClasses2,
   dividerClasses,
-  iconButtonClasses,
+  iconButtonClasses as iconButtonClasses2,
   inputClasses as inputClasses2,
   menuClasses,
   menuButtonClasses,
@@ -2001,7 +2001,14 @@ import React23, {
   memo
 } from "react";
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
-import { styled as styled12, LinearProgress, Link, useTheme } from "@mui/joy";
+import {
+  styled as styled12,
+  LinearProgress,
+  Link,
+  useTheme,
+  buttonClasses,
+  iconButtonClasses
+} from "@mui/joy";
 import SortIcon from "@mui/icons-material/ArrowUpwardRounded";
 
 // src/components/Sheet/Sheet.tsx
@@ -2925,6 +2932,16 @@ var VirtualizedTableBody = styled12("tbody", {
     content: "''",
     display: "block",
     height: "0.01em"
+  },
+  // NOTE: 테이블 안에 버튼을 넣을 때 버튼의 높이가 테이블의 높이를 넘어가지 않도록 설정
+  [`& .${buttonClasses.root}`]: {
+    "--Button-minHeight": "20px",
+    "--Button-paddingBlock": "0.25rem",
+    lineHeight: 1
+  },
+  [`& .${iconButtonClasses.root}`]: {
+    "--IconButton-size": "21px",
+    verticalAlign: "middle"
   }
 });
 var StyledTableRow = styled12("tr", {
@@ -4282,18 +4299,13 @@ var StyledModalDialog = styled17(JoyModalDialog)({
 });
 var ModalDialog = StyledModalDialog;
 ModalDialog.displayName = "ModalDialog";
-var MotionModalClose = styled17(motion25(JoyModalClose))(({ theme }) => ({
-  top: theme.spacing(3),
-  right: theme.spacing(6)
-}));
-var ModalClose = MotionModalClose;
-ModalClose.displayName = "ModalClose";
+var ModalClose = JoyModalClose;
 var MotionModalOverflow = motion25(JoyModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
-  const { title, children, titleStartDecorator, ...innerProps } = props;
-  return /* @__PURE__ */ React26.createElement(StyledModalDialog, { ...innerProps }, /* @__PURE__ */ React26.createElement(ModalClose, null), /* @__PURE__ */ React26.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React26.createElement(DialogContent_default, null, children));
+  const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
+  return /* @__PURE__ */ React26.createElement(StyledModalDialog, { ...innerProps }, /* @__PURE__ */ React26.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React26.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React26.createElement(DialogContent_default, null, children));
 }
 ModalFrame.displayName = "ModalFrame";
 
@@ -6248,7 +6260,7 @@ export {
   badgeClasses,
   boxClasses,
   breadcrumbsClasses,
-  buttonClasses,
+  buttonClasses2 as buttonClasses,
   cardActionsClasses,
   cardClasses,
   cardContentClasses,
@@ -6267,7 +6279,7 @@ export {
   formHelperTextClasses,
   formLabelClasses2 as formLabelClasses,
   gridClasses,
-  iconButtonClasses,
+  iconButtonClasses2 as iconButtonClasses,
   inputClasses2 as inputClasses,
   linearProgressClasses,
   linkClasses,