@team-monolith/cds 1.20.0 → 1.20.1

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.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,