@team-monolith/cds 1.27.1 → 1.28.0

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

@@ -16,12 +16,14 @@ export interface DropdownProps {
     bold?: boolean;
     /** 버튼 컴포넌트 내 좌측에 표기될 아이콘 */
     startIcon?: React.ReactNode;
-    /** 버튼 컴포넌트 내 우측에 표기될 아이콘 */
+    /** 버튼 컴포넌트 내 우측에 표기될 아이콘.
+     * 전달하지 않으면 기본으로 ArrowDropDownFillIcon이 표기됩니다.
+     */
     endIcon?: React.ReactNode;
     /** button에 적용되는 css 스타일 */
     buttonCss?: SerializedStyles;
     /** 버튼 컴포넌트 내 표기될 문자열 */
-    label: string;
+    label?: string;
     /** 버튼 클릭 시 호출될 콜백 함수 */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /** 드롭다운 메뉴의 props */

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

@@ -3,7 +3,7 @@ import React from "react";
 import { ModalProps } from "@mui/material";
 import { OriginProps } from "./style";
 import { ItemState } from "../DropdownItem";
-export declare const DROPDOWN_MENU_WIDTH = 124;
+export declare const DROPDOWN_MENU_WIDTH = 132;
 export declare const DROPDOWN_MENU_MAX_HEIGHT = 160;
 export interface DropdownMenuProps extends Omit<ModalProps, "open" | "onClose" | "children"> {
     /** 드롭다운 메뉴의 커스텀 스타일 */

package/dist/patterns/Dropdown/DropdownMenu/DropdownMenu.js

@@ -18,7 +18,7 @@ import { shadows } from "../../..";
 import { Modal as MuiModal, Grow as MuiGrow, Portal, } from "@mui/material";
 import { ORIGIN_PROPS_TO_POSITION, ORIGIN_PROPS_TO_TRANSFORM, } from "./style";
 import DropdownContext from "../DropdownContext";
-export const DROPDOWN_MENU_WIDTH = 124;
+export const DROPDOWN_MENU_WIDTH = 132;
 export const DROPDOWN_MENU_MAX_HEIGHT = 160;
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1921&t=FwczLZ1IVvskUVbT-0)

package/dist/patterns/Dropdown/DropdownMenu/style.js

@@ -23,7 +23,7 @@ export const ORIGIN_PROPS_TO_POSITION = (anchorOrigin, anchorRect, nested) => {
             right: css `
         top: ${top}px;
         left: ${left + (nested ? DROPDOWN_MENU_WIDTH : width)}px;
-        margin-left: 12px;
+        margin-left: 4px;
       `,
         },
         center: {

package/package.json

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