@team-monolith/cds 1.24.1 → 1.25.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/package.json

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