@team-monolith/cds 1.20.1 → 1.20.2

package/dist/components/SwitchButton.d.ts

@@ -15,10 +15,10 @@ export interface SwitchButtonOwnProps<RootComponentType extends React.ElementTyp
     onIcon: React.ReactNode;
     /** off 일때의 아이콘 */
     offIcon: React.ReactNode;
-    /** 아이콘 오른쪽에 나타낼 숫자. 전달하지 않으면 나타나지 않습니다. */
-    count?: number;
-    /** on/off 변경시 호출되는 콜백 함수 */
-    onChange: (isOn: boolean) => void;
+    /** 아이콘 오른쪽에 나타낼 부분. 전달하지 않으면 나타나지 않습니다. */
+    content?: React.ReactNode;
+    /** 버튼 클릭시 실행될 콜백 */
+    onClick: () => void;
 }
 export type SwitchButtonProps<RootComponentType extends React.ElementType = SwitchButtonTypeMap["defaultComponent"]> = PolymorphicProps<SwitchButtonTypeMap<RootComponentType>, RootComponentType>;
 export interface SwitchButtonTypeMap<RootComponentType extends React.ElementType = "button"> {

package/dist/components/SwitchButton.js

@@ -91,7 +91,7 @@ const SIZE_TO_SWITCH_BUTTON_STYLE = (size) => ({
  * [피그마](https://www.figma.com/file/CxpgZcJFoRPWEZyx5RC0tq/Framework-System?node-id=766%3A11274&mode=dev)
  */
 const SwitchButton = React.forwardRef(function SwitchButton(props, ref) {
-    const { className, component: Component = "button", color, size, isOn, onIcon, offIcon, count, onChange } = props, other = __rest(props, ["className", "component", "color", "size", "isOn", "onIcon", "offIcon", "count", "onChange"]);
+    const { className, component: Component = "button", color, size, isOn, onIcon, offIcon, content, onClick } = props, other = __rest(props, ["className", "component", "color", "size", "isOn", "onIcon", "offIcon", "content", "onClick"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({ type: "button" }, other, { className: className, ref: ref, css: [
             css `
@@ -106,9 +106,9 @@ const SwitchButton = React.forwardRef(function SwitchButton(props, ref) {
           `,
             COLOR_TO_SWITCH_BUTTON_STYLE(theme, color, isOn),
             SIZE_TO_SWITCH_BUTTON_STYLE(size),
-        ], onClick: () => onChange(!isOn) }, { children: [isOn ? onIcon : offIcon, count !== undefined && _jsx(Count, { children: count })] })));
+        ], onClick: onClick }, { children: [isOn ? onIcon : offIcon, content && _jsx(Content, { children: content })] })));
 });
-const Count = styled.span(({ theme }) => css `
+const Content = styled.span(({ theme }) => css `
     color: ${theme.color.foreground.neutralBase};
     /* Default/Label/16px-Md */
     font-family: ${theme.fontFamily.ui};

package/package.json

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