@team-monolith/cds 1.89.1 → 1.89.3

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

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import React from "react";
+import React, { ReactNode } from "react";
 import { ButtonColor, ButtonSize, ButtonProps } from "../..";
 import { DropdownMenuProps } from "./DropdownMenu";
 import { SerializedStyles } from "@emotion/react";
@@ -25,7 +25,7 @@ export interface DropdownProps {
     /** button에 적용되는 css 스타일 */
     buttonCss?: SerializedStyles;
     /** 버튼 컴포넌트 내 표기될 문자열 */
-    label?: string;
+    label?: ReactNode;
     /** 버튼 클릭 시 호출될 콜백 함수 */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /** 드롭다운 메뉴의 props */

package/dist/patterns/Dropdown/DropdownItem/DropdownItem.js

@@ -97,6 +97,7 @@ const LeftWrapper = styled.div `
   overflow: hidden;
   white-space: nowrap;
   gap: 4px;
+  flex: 1;
 `;
 const Item = styled.div(({ theme, selected, disabled }) => css `
     background-color: ${theme.color.background.neutralBase};

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

@@ -30,7 +30,7 @@ export interface DropdownMenuProps {
     /** 중첩 드롭다운 메뉴가 아닐 경우 주어주지 않아도 됩니다. */
     itemState?: ItemState;
     setItemState?: React.Dispatch<React.SetStateAction<ItemState>>;
-    disableFocus?: boolean;
+    disablePortal?: boolean;
 }
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1921&t=FwczLZ1IVvskUVbT-0)

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

@@ -20,7 +20,7 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
     }, transformOrigin = {
         vertical: "top",
         horizontal: "left",
-    }, closeOnItemClick, children, menuCss, itemState = EMPTY_MAP, setItemState = () => { }, disableFocus, } = props;
+    }, closeOnItemClick, children, menuCss, itemState = EMPTY_MAP, setItemState = () => { }, disablePortal = false, } = props;
     const { nestedIndex, onCloseOnItemClick } = useContext(DropdownContext);
     // 드롭다운 메뉴 위치 조정
     const menuStyle = css `
@@ -40,7 +40,7 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
                 nestedIndex,
                 itemState,
                 setItemState,
-            } }, { children: _jsx(Menu, Object.assign({ className: className, open: open, onClose: onClose, anchorEl: anchorEl, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ref: ref, css: menuStyle, disableAutoFocus: disableFocus, disableEnforceFocus: disableFocus, disableRestoreFocus: disableFocus }, { children: children })) })));
+            } }, { children: _jsx(Menu, Object.assign({ className: className, open: open, onClose: onClose, anchorEl: anchorEl, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ref: ref, css: menuStyle, disablePortal: disablePortal }, { children: children })) })));
     }
     // 중첩 드롭다운 메뉴
     return (_jsx(DropdownContext.Provider, Object.assign({ value: {
@@ -61,7 +61,7 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
               pointer-events: auto;
             }
           `,
-            ], disableAutoFocus: disableFocus, disableEnforceFocus: disableFocus, disableRestoreFocus: disableFocus }, { children: children })) })));
+            ], disablePortal: disablePortal }, { children: children })) })));
 });
 export { DropdownMenu };
 const Menu = styled(Popover)(({ theme }) => css `

package/package.json

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