@team-monolith/cds 1.19.0 → 1.19.2

package/dist/icons/Custom.d.ts

@@ -145,12 +145,12 @@ export declare const CustomCastCloudyIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     color?: string | undefined;
 } & React.RefAttributes<any>>;
-export declare const customEmbededSvg: string;
-export declare const CustomEmbededIcon: React.ForwardRefExoticComponent<{
+export declare const customEmbeddedSvg: string;
+export declare const CustomEmbeddedIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     color?: string | undefined;
 } & React.RefAttributes<any>>;
-export declare const customEmbededColorSvg: string;
-export declare const CustomEmbededColorIcon: React.ForwardRefExoticComponent<{
+export declare const customEmbeddedColorSvg: string;
+export declare const CustomEmbeddedColorIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
 } & React.RefAttributes<any>>;

package/dist/icons/Custom.js

@@ -160,13 +160,13 @@ export const customCastCloudySvg = customCastCloudySvgImport;
 export const CustomCastCloudyIcon = forwardRef((props, ref) => {
     return (_jsx("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M18 10.3C18 10.3593 17.999 10.4183 17.9971 10.4771C19.8477 11.0163 21.2 12.7252 21.2 14.75C21.2 17.2077 19.2077 19.2 16.75 19.2C16.7333 19.2 16.7166 19.1999 16.6999 19.1997L8.40808 19.2C8.40538 19.2 8.40269 19.2 8.39999 19.2C5.30719 19.2 2.79999 16.6928 2.79999 13.6C2.79999 10.7821 4.88124 8.45039 7.5904 8.05809C8.44975 6.19477 10.3473 4.89999 12.55 4.89999C15.5599 4.89999 18 7.31766 18 10.3Z", fill: "currentColor" }) })));
 });
-import customEmbededSvgImport from "./custom/embeded.svg";
-export const customEmbededSvg = customEmbededSvgImport;
-export const CustomEmbededIcon = forwardRef((props, ref) => {
+import customEmbeddedSvgImport from "./custom/embedded.svg";
+export const customEmbeddedSvg = customEmbeddedSvgImport;
+export const CustomEmbeddedIcon = forwardRef((props, ref) => {
     return (_jsx("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: _jsx("path", { d: "M12 1C5.9346 1 1 5.9346 1 12C1 18.0654 5.9346 23 12 23C18.0654 23 23 18.0654 23 12C23 5.9346 18.0654 1 12 1ZM16.6303 16.8664C16.9053 15.6175 17.0717 14.2257 17.1135 12.7333H21.5033C21.3617 14.5777 20.6929 16.2746 19.6479 17.6767C18.6587 17.3387 17.6503 17.0688 16.6303 16.8664ZM4.35207 17.6767C3.30633 16.2746 2.63827 14.5777 2.49673 12.7333H6.88647C6.929 14.2257 7.09547 15.6175 7.36973 16.8664C6.34967 17.0688 5.34133 17.3387 4.35133 17.676L4.35207 17.6767ZM7.36973 7.138C7.09547 8.3854 6.929 9.7758 6.88647 11.2667H2.49673C2.63827 9.42233 3.30633 7.7254 4.35207 6.324C5.3428 6.6628 6.34967 6.93413 7.36973 7.138ZM8.8166 7.38587C9.86747 7.52813 10.9301 7.6 12 7.6C13.0699 7.6 14.1325 7.52813 15.1834 7.38587C15.4408 8.52913 15.6073 9.8374 15.6513 11.2667H8.34947C8.39347 9.8374 8.5592 8.52913 8.8166 7.38587ZM8.34873 12.7333H15.6505C15.6065 14.1655 15.4393 15.4753 15.1819 16.62C13.0721 16.3355 10.9286 16.3355 8.81807 16.62C8.55993 15.4753 8.39273 14.1648 8.34947 12.7333H8.34873ZM17.1128 11.2667C17.0703 9.7758 16.9038 8.3854 16.6295 7.138C17.6496 6.93413 18.6572 6.6628 19.6472 6.32327C20.6929 7.7254 21.361 9.42233 21.5025 11.2667H17.1128ZM18.5861 5.12793C17.8197 5.36553 17.0431 5.5606 16.2592 5.71313C15.9182 4.63147 15.4899 3.69793 14.9898 2.95433C16.3509 3.40533 17.5733 4.15847 18.5861 5.12793ZM11.9993 2.46667C12.9988 2.46667 14.0621 3.772 14.7852 5.95C12.9365 6.18247 11.0628 6.18247 9.21333 5.95C9.9364 3.77273 10.9997 2.46667 11.9993 2.46667ZM7.74007 5.7124C6.95613 5.55987 6.17953 5.3648 5.41393 5.1272C6.42667 4.15773 7.64913 3.4046 9.00947 2.9536C8.50933 3.69647 8.08107 4.63147 7.74007 5.7124ZM5.41393 18.8728C6.17953 18.6352 6.95613 18.4409 7.73933 18.2883C8.0796 19.3693 8.50787 20.3028 9.00727 21.0457C7.64767 20.5947 6.42667 19.8415 5.41393 18.8728ZM12 21.5333C11.0005 21.5333 9.93713 20.228 9.21407 18.0507C11.0635 17.8183 12.9372 17.8183 14.7859 18.0507C14.0629 20.228 12.9995 21.5333 12 21.5333ZM16.2607 18.2876C17.0446 18.4401 17.8212 18.6345 18.5868 18.8721C17.5741 19.8408 16.3523 20.5939 14.9927 21.0449C15.4921 20.3021 15.9204 19.3685 16.2607 18.2876Z", fill: "currentColor" }) })));
 });
-import customEmbededColorSvgImport from "./custom/embeded-color.svg";
-export const customEmbededColorSvg = customEmbededColorSvgImport;
-export const CustomEmbededColorIcon = forwardRef((props, ref) => {
+import customEmbeddedColorSvgImport from "./custom/embedded-color.svg";
+export const customEmbeddedColorSvg = customEmbeddedColorSvgImport;
+export const CustomEmbeddedColorIcon = forwardRef((props, ref) => {
     return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#7C8597" }), _jsx("path", { d: "M16.8428 12.6923C16.8032 14.1012 16.6455 15.4152 16.385 16.5941C17.3511 16.7852 18.306 17.04 19.2429 17.3592C20.2326 16.0355 20.866 14.4335 21 12.6923H16.8428Z", fill: "#CFDFF7" }), _jsx("path", { d: "M3 12.6923C3.13403 14.4331 3.76631 16.0349 4.75634 17.3585C5.69398 17.04 6.64892 16.7852 7.61496 16.5941C7.3552 15.4152 7.19751 14.1012 7.15724 12.6923H3Z", fill: "#CFDFF7" }), _jsx("path", { d: "M7.15724 11.3077C7.19751 9.90024 7.3552 8.58763 7.61496 7.41C6.64892 7.21755 5.69534 6.9614 4.7571 6.64155C3.76673 7.96453 3.13403 9.56653 3 11.3077H7.15724Z", fill: "#CFDFF7" }), _jsx("path", { d: "M12 7.84615C10.9867 7.84615 9.98043 7.77831 8.98522 7.64401C8.7414 8.72331 8.58448 9.95838 8.54277 11.3077H15.4579C15.4162 9.95838 15.2586 8.72331 15.0148 7.64401C14.0196 7.77831 13.0133 7.84615 12 7.84615Z", fill: "#CFDFF7" }), _jsx("path", { d: "M15.4572 12.6923H8.54277C8.5838 14.0437 8.74208 15.2809 8.98658 16.3615C10.9853 16.0929 13.0154 16.0929 15.0134 16.3615C15.2572 15.2809 15.4155 14.0444 15.4572 12.6923Z", fill: "#CFDFF7" }), _jsx("path", { d: "M16.3844 7.41C16.6441 8.58763 16.8017 9.90024 16.8421 11.3077H20.9993C20.8653 9.56653 20.2326 7.96453 19.2422 6.64085C18.3047 6.96137 17.3504 7.21755 16.3844 7.41Z", fill: "#CFDFF7" }), _jsx("path", { d: "M16.0336 6.06485C16.776 5.92084 17.5116 5.73669 18.2373 5.51238C17.2782 4.59716 16.1205 3.88615 14.8315 3.46039C15.3051 4.16237 15.7107 5.04369 16.0336 6.06485Z", fill: "#CFDFF7" }), _jsx("path", { d: "M14.6377 6.28846C13.9529 4.23231 12.9459 3 11.9993 3C11.0527 3 10.0457 4.233 9.36087 6.28846C11.1125 6.50791 12.8869 6.50791 14.6377 6.28846Z", fill: "#CFDFF7" }), _jsx("path", { d: "M5.76274 5.51169C6.48775 5.736 7.2232 5.92015 7.96568 6.06415C8.2886 5.04369 8.69418 4.161 9.16783 3.45969C7.87955 3.88546 6.72183 4.59646 5.76274 5.51169Z", fill: "#CFDFF7" }), _jsx("path", { d: "M7.96492 17.9365C7.2232 18.0805 6.48775 18.264 5.76274 18.4883C6.72183 19.4028 7.87811 20.1138 9.16571 20.5396C8.69282 19.8383 8.28725 18.957 7.96492 17.9365Z", fill: "#CFDFF7" }), _jsx("path", { d: "M9.36163 17.7122C10.0464 19.7677 11.0534 21 12 21C12.9466 21 13.9536 19.7677 14.6384 17.7122C12.8875 17.4928 11.1131 17.4928 9.36163 17.7122Z", fill: "#CFDFF7" }), _jsx("path", { d: "M18.238 18.4876C17.5129 18.2633 16.7775 18.0799 16.0351 17.9359C15.7128 18.9563 15.3072 19.8376 14.8343 20.5389C16.1219 20.1131 17.2789 19.4021 18.238 18.4876Z", fill: "#CFDFF7" })] })));
 });

package/dist/patterns/Accordion.d.ts

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

package/dist/patterns/Accordion.js

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

package/package.json

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