@team-monolith/cds 1.20.0 → 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/dist/patterns/Accordion.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export interface AccordionProps {
     className?: string;
-    gap?: number;
+    wrapperClassName?: string;
     icon?: React.ReactNode;
     title: React.ReactNode;
     children: React.ReactNode;

package/dist/patterns/Accordion.js

@@ -5,12 +5,12 @@ import styled from "@emotion/styled";
 import { ArrowDownSLineIcon, ArrowUpSLineIcon } from "../icons";
 /** 배너같이 생겼으나 누를 때마다 하단내용이 접힘(보이지않음)/펼침(보임) 상태가 바뀌는 컴포넌트입니다. */
 export function Accordion(props) {
-    const { className, icon, title, children, open = false, onClick, gap = 2, } = props;
+    const { className, icon, title, children, open = false, onClick, wrapperClassName, } = props;
     return (_jsxs("div", Object.assign({ css: css `
         display: flex;
         flex-direction: column;
-        gap: ${gap}px;
-      ` }, { children: [_jsxs(Container, Object.assign({ className: className, onClick: onClick }, { children: [_jsxs(Title, { children: [icon, title] }), open ? _jsx(ArrowUpSLineIcon, {}) : _jsx(ArrowDownSLineIcon, {})] })), open && children] })));
+        gap: 2px;
+      `, className: wrapperClassName }, { children: [_jsxs(Container, Object.assign({ className: className, onClick: onClick }, { children: [_jsxs(Title, { children: [icon, title] }), open ? _jsx(ArrowUpSLineIcon, {}) : _jsx(ArrowDownSLineIcon, {})] })), open && children] })));
 }
 const Title = styled.div(({ theme }) => css `
     display: flex;

package/package.json

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