@team-monolith/cds 1.59.1 → 1.60.1

package/dist/components/SquareButton.d.ts

@@ -1,5 +1,6 @@
 import React, { ButtonHTMLAttributes } from "react";
 import { PolymorphicProps } from "@mui/base";
+import { ButtonProps } from "./Button";
 export type SquareButtonColor = "danger" | "primary" | "grey" | "icon" | "black" | "white";
 export type SquareButtonSize = "large" | "medium" | "small" | "xsmall";
 export interface SquareButtonOwnProps<RootComponentType extends React.ElementType> {
@@ -23,6 +24,8 @@ export interface SquareButtonOwnProps<RootComponentType extends React.ElementTyp
     loading?: boolean;
     /** 버튼 클릭 시 호출될 콜백 함수 */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** 버튼에 전달될 Props */
+    buttonProps?: Omit<ButtonProps, "disabled" | "color" | "type" | "size" | "icon" | "label" | "loading" | "fullWidth" | "onClick">;
 }
 export type SquareButtonProps<RootComponentType extends React.ElementType = SquareButtonTypeMap["defaultComponent"]> = PolymorphicProps<SquareButtonTypeMap<RootComponentType>, RootComponentType>;
 export interface SquareButtonTypeMap<RootComponentType extends React.ElementType = "span"> {

package/dist/components/SquareButton.js

@@ -168,7 +168,7 @@ const SIZE_TO_LABEL_STYLE = {
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=22-374&t=kTLv3t86qtGalHSS-0)
  */
 const SquareButton = React.forwardRef(function SquareButton(props, ref) {
-    const { className, component: Component = "span", disabled, type = "button", color, size, icon, label, fullWidth, onClick, loading = false } = props, other = __rest(props, ["className", "component", "disabled", "type", "color", "size", "icon", "label", "fullWidth", "onClick", "loading"]);
+    const { className, component: Component = "span", disabled, type = "button", color, size, icon, label, fullWidth, onClick, loading = false, buttonProps } = props, other = __rest(props, ["className", "component", "disabled", "type", "color", "size", "icon", "label", "fullWidth", "onClick", "loading", "buttonProps"]);
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
           display: flex;
           flex-direction: column;
@@ -176,7 +176,7 @@ const SquareButton = React.forwardRef(function SquareButton(props, ref) {
           gap: 8px;
 
           width: ${fullWidth ? "100%" : "fit-content"};
-        ` }, { children: [_jsx(Button, Object.assign({ type: type, color: color, size: size, disabled: disabled || loading, fullWidth: fullWidth, onClick: onClick }, { children: loading ? _jsx(Spinner, {}) : icon })), label && (_jsx(Label, Object.assign({ disabled: disabled || loading, size: size }, { children: label })))] })));
+        ` }, { children: [_jsx(Button, Object.assign({}, buttonProps, { type: type, color: color, size: size, disabled: disabled || loading, fullWidth: fullWidth, onClick: onClick }, { children: loading ? _jsx(Spinner, {}) : icon })), label && (_jsx(Label, Object.assign({ disabled: disabled || loading, size: size }, { children: label })))] })));
 });
 const Button = styled.button `
   cursor: pointer;

package/dist/patterns/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
-import { ButtonColor, ButtonSize } from "../..";
+import { ButtonColor, ButtonSize, ButtonProps } from "../..";
 import { DropdownMenuProps } from "./DropdownMenu";
 import { SerializedStyles } from "@emotion/react";
 export interface DropdownProps {
@@ -20,6 +20,8 @@ export interface DropdownProps {
      * 전달하지 않으면 기본으로 ArrowDropDownFillIcon이 표기됩니다.
      */
     endIcon?: React.ReactNode;
+    /** 버튼에 전달할 Props */
+    buttonProps?: Omit<ButtonProps, "disabled" | "color" | "size" | "startIcon" | "endIcon" | "label" | "onClick">;
     /** button에 적용되는 css 스타일 */
     buttonCss?: SerializedStyles;
     /** 버튼 컴포넌트 내 표기될 문자열 */

package/dist/patterns/Dropdown/Dropdown.js

@@ -12,20 +12,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useRef, useState } from "react";
-import { Button, ArrowDropDownFillIcon } from "../..";
+import { Button, ArrowDropDownFillIcon, } from "../..";
 import { DropdownMenu } from "./DropdownMenu";
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=203-95329&t=FwczLZ1IVvskUVbT-0)
  */
 const Dropdown = forwardRef((props, ref) => {
     const { className, component: Component = "div", disabled, color = "primary", size = "medium", bold, startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "bold", "startIcon", "endIcon", "buttonCss", "label", "onClick", "menuProps", "children", "closeOnItemClick"]);
-    const buttonProps = {
-        disabled,
+    const buttonProps = Object.assign(Object.assign({}, props.buttonProps), { disabled,
         color,
         size,
         startIcon,
         endIcon,
-    };
+        label,
+        bold });
     const menuRef = useRef(null);
     const isControlled = menuProps.open !== undefined;
     const [open, setOpen] = useState(false);
@@ -52,6 +52,6 @@ const Dropdown = forwardRef((props, ref) => {
         });
         (_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.onClose) === null || _a === void 0 ? void 0 : _a.call(menuProps, e);
     };
-    return (_jsxs(Component, Object.assign({ className: className }, other, { ref: ref }, { children: [_jsx(Button, Object.assign({ css: buttonCss, ref: menuRef }, buttonProps, { label: label, bold: bold, onClick: handleClick, fullWidth: true })), _jsx(DropdownMenu, Object.assign({}, menuProps, { open: isControlled ? menuProps.open : open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
+    return (_jsxs(Component, Object.assign({ className: className }, other, { ref: ref }, { children: [_jsx(Button, Object.assign({ css: buttonCss, ref: menuRef }, buttonProps, { onClick: handleClick, fullWidth: true })), _jsx(DropdownMenu, Object.assign({}, menuProps, { open: isControlled ? menuProps.open : open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
 });
 export { Dropdown };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.59.1",
+  "version": "1.60.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,