@team-monolith/cds 1.24.1 → 1.26.0

package/dist/components/Button.d.ts

@@ -17,6 +17,8 @@ export interface ButtonOwnProps<RootComponentType extends React.ElementType> {
     endIcon?: React.ReactNode;
     /** 컴포넌트 내 표기될 문자열 */
     label: React.ReactNode;
+    /** 버튼 텍스트 굵음 여부 */
+    bold?: boolean;
     /** 전체 너비 유무 */
     fullWidth?: boolean;
 }

package/dist/components/Button.js

@@ -201,7 +201,7 @@ const SIZE_TO_LABEL_STYLE = {
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=20-173&t=cXcCv3QijbX7MkoC-0)
  */
 const Button = React.forwardRef(function Button(props, ref) {
-    const { className, component: Component = "button", disabled, color, size, startIcon, endIcon, label, fullWidth } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "startIcon", "endIcon", "label", "fullWidth"]);
+    const { className, component: Component = "button", disabled, color, size, startIcon, endIcon, label, fullWidth, bold = false } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "startIcon", "endIcon", "label", "fullWidth", "bold"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({ type: "button" }, other, { className: className, ref: ref, css: [
             css `
@@ -229,10 +229,10 @@ const Button = React.forwardRef(function Button(props, ref) {
         `,
             COLOR_TO_BUTTON_STYLE(theme, color, Boolean(disabled)),
             SIZE_TO_BUTTON_STYLE[size],
-        ], disabled: disabled }, { children: [startIcon, _jsx(Label, Object.assign({ size: size }, { children: label })), endIcon] })));
+        ], disabled: disabled }, { children: [startIcon, _jsx(Label, Object.assign({ size: size, bold: bold }, { children: label })), endIcon] })));
 });
 const Label = styled.span `
-  font-weight: 400;
+  font-weight: ${({ bold }) => (bold ? 700 : 400)};
   white-space: nowrap;
   ${({ size }) => SIZE_TO_LABEL_STYLE[size]}
 `;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { ItemState } from "./DropdownItem";
+import { ItemState } from "./DropdownItemV2";
 declare const DropdownContext: React.Context<{
     /** 최상위 드롭다운 메뉴의 open 여부 */
     open: boolean;

package/dist/patterns/Dropdown/{DropdownItem/DropdownItem.d.ts → DropdownItemV2/DropdownItemV2.d.ts}

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
 import * as React from "react";
-import { DropdownMenuProps } from "../DropdownMenu";
-import { CheckboxInputProps } from "../../../components/CheckboxInput";
+import { CheckboxInputProps } from "../../..";
+import { DropdownMenuProps } from "../DropdownMenuV2";
 export type DropdownItemType = "default" | "danger";
 export type ItemState = Map<string, {
     open: boolean;
@@ -47,4 +47,4 @@ export interface DropdownItemProps {
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1900&t=FwczLZ1IVvskUVbT-0)
  */
 declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<any>>;
-export default DropdownItem;
+export { DropdownItem };

package/dist/patterns/Dropdown/{DropdownItem/DropdownItem.js → DropdownItemV2/DropdownItemV2.js}

@@ -14,13 +14,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
 import { css } from "@emotion/react";
 import * as React from "react";
 import styled from "@emotion/styled";
+import { CheckboxInput, ArrowRightSLineIcon, HOVER, } from "../../..";
 import { useContext, useRef } from "react";
-import DropdownMenu from "../DropdownMenu";
+import { DropdownMenu } from "../DropdownMenuV2";
 import DropdownContext from "../DropdownContext";
 import { getSelected, setSelected } from "./selected";
-import CheckboxInput from "../../../components/CheckboxInput";
-import { ArrowRightSLineIcon } from "../../../icons";
-import { HOVER } from "../../../utils/hover";
 const TYPE_TO_COLOR = (theme, type) => {
     return {
         default: theme.color.foreground.neutralBase,
@@ -125,4 +123,4 @@ const Item = styled.div(({ theme, selected, disabled }) => css `
       background-color: ${theme.color.background.neutralBase};
     `}
   `);
-export default DropdownItem;
+export { DropdownItem };

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

@@ -0,0 +1 @@
+export * from "./DropdownItemV2";

package/dist/patterns/Dropdown/DropdownItemV2/index.js

@@ -0,0 +1 @@
+export * from "./DropdownItemV2";

package/dist/patterns/Dropdown/{DropdownItem → DropdownItemV2}/selected.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ItemState } from "./DropdownItem";
+import { ItemState } from "./DropdownItemV2";
 /** index에 해당하는 아이템의 open state를 리턴합니다. */
 export declare function getSelected(state: ItemState, index: string): boolean;
 /** index에 해당하는 아이템의 open state를 true로 업데이트합니다.

package/dist/patterns/Dropdown/{DropdownMenu/DropdownMenu.d.ts → DropdownMenuV2/DropdownMenuV2.d.ts}

@@ -2,7 +2,7 @@ import { SerializedStyles } from "@emotion/react";
 import React from "react";
 import { ModalProps } from "@mui/material";
 import { OriginProps } from "./style";
-import { ItemState } from "../DropdownItem";
+import { ItemState } from "../DropdownItemV2";
 export declare const DROPDOWN_MENU_WIDTH = 124;
 export declare const DROPDOWN_MENU_MAX_HEIGHT = 160;
 export interface DropdownMenuProps extends Omit<ModalProps, "open" | "onClose" | "children"> {
@@ -34,4 +34,4 @@ export interface DropdownMenuProps extends Omit<ModalProps, "open" | "onClose" |
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1921&t=FwczLZ1IVvskUVbT-0)
  */
 declare const DropdownMenu: React.ForwardRefExoticComponent<Omit<DropdownMenuProps, "ref"> & React.RefAttributes<any>>;
-export default DropdownMenu;
+export { DropdownMenu };

package/dist/patterns/Dropdown/{DropdownMenu/DropdownMenu.js → DropdownMenuV2/DropdownMenuV2.js}

@@ -14,10 +14,10 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import React, { useContext } from "react";
+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";
-import shadows from "../../../foundation/shadows";
 export const DROPDOWN_MENU_WIDTH = 124;
 export const DROPDOWN_MENU_MAX_HEIGHT = 160;
 /**
@@ -89,4 +89,4 @@ const Menu = styled.div(({ theme }) => css `
     // 최상위 메뉴의 mui modal 백드롭의 z-index는 1300입니다.
     z-index: 1300;
   `);
-export default DropdownMenu;
+export { DropdownMenu };

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

@@ -0,0 +1 @@
+export * from "./DropdownMenuV2";

package/dist/patterns/Dropdown/DropdownMenuV2/index.js

@@ -0,0 +1 @@
+export * from "./DropdownMenuV2";

package/dist/patterns/Dropdown/{DropdownMenu → DropdownMenuV2}/style.js

@@ -1,5 +1,5 @@
 import { css } from "@emotion/react";
-import { DROPDOWN_MENU_WIDTH } from "./DropdownMenu";
+import { DROPDOWN_MENU_WIDTH } from "./DropdownMenuV2";
 /** anchor를 기준으로 드롭다운 메뉴 원점 위치 스타일을 리턴합니다. */
 export const ORIGIN_PROPS_TO_POSITION = (anchorOrigin, anchorRect, nested) => {
     const { vertical, horizontal } = anchorOrigin;

package/dist/patterns/Dropdown/{Dropdown.d.ts → DropdownV2.d.ts}

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
-import { DropdownMenuProps } from "./DropdownMenu";
+import { ButtonColor, ButtonSize } from "../..";
+import { DropdownMenuProps } from "./DropdownMenuV2";
 import { SerializedStyles } from "@emotion/react";
-import { ButtonColor, ButtonSize } from "../../components/Button";
 export interface DropdownProps {
     className?: string;
     component?: React.ElementType;
@@ -12,6 +12,8 @@ export interface DropdownProps {
     color?: ButtonColor;
     /** 버튼 컴포넌트 크기 */
     size?: ButtonSize;
+    /** 버튼 컴포넌트 텍스트 굵음 여부 */
+    bold?: boolean;
     /** 버튼 컴포넌트 내 좌측에 표기될 아이콘 */
     startIcon?: React.ReactNode;
     /** 버튼 컴포넌트 내 우측에 표기될 아이콘 */
@@ -33,4 +35,4 @@ export interface DropdownProps {
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=203-95329&t=FwczLZ1IVvskUVbT-0)
  */
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<any>>;
-export default Dropdown;
+export { Dropdown };

package/dist/patterns/Dropdown/{Dropdown.js → DropdownV2.js}

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useRef, useState } from "react";
-import DropdownMenu from "./DropdownMenu";
-import Button from "../../components/Button";
-import { ArrowDropDownFillIcon } from "../../icons";
+import { Button, ArrowDropDownFillIcon } from "../..";
+import { DropdownMenu } from "./DropdownMenuV2";
 /**
  * [피그마](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", startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick, } = props;
+    const { className, component: Component = "div", disabled, color = "primary", size = "medium", bold, startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick, } = props;
     const buttonProps = {
         disabled,
         color,
@@ -38,6 +37,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, ref: ref }, { children: [_jsx(Button, Object.assign({ css: buttonCss, ref: menuRef }, buttonProps, { label: label, onClick: handleClick, fullWidth: true })), _jsx(DropdownMenu, Object.assign({}, menuProps, { open: open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
+    return (_jsxs(Component, Object.assign({ className: className, 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: open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
 });
-export default Dropdown;
+export { Dropdown };

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

@@ -1,2 +1,3 @@
-export * from "./Dropdown";
-export { default } from "./Dropdown";
+export * from "./DropdownV2";
+export * from "./DropdownItemV2";
+export * from "./DropdownMenuV2";

package/dist/patterns/Dropdown/index.js

@@ -1,2 +1,3 @@
-export * from "./Dropdown";
-export { default } from "./Dropdown";
+export * from "./DropdownV2";
+export * from "./DropdownItemV2";
+export * from "./DropdownMenuV2";

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/TextTypeDropdown.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import Dropdown from "../../../../Dropdown";
 import { css, useTheme } from "@emotion/react";
-import DropdownItem from "../../../../Dropdown/DropdownItem";
+import { Dropdown, DropdownItem } from "../../../../..";
 export default function TextTypeDropdown(props) {
     const theme = useTheme();
     const { index, control, disabled } = props;

package/package.json

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

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

@@ -1,2 +0,0 @@
-export { default } from "./DropdownItem";
-export * from "./DropdownItem";

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

@@ -1,2 +0,0 @@
-export { default } from "./DropdownItem";
-export * from "./DropdownItem";

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

@@ -1,2 +0,0 @@
-export { default } from "./DropdownMenu";
-export * from "./DropdownMenu";

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

@@ -1,2 +0,0 @@
-export { default } from "./DropdownMenu";
-export * from "./DropdownMenu";