@team-monolith/cds 1.11.3 → 1.13.0

package/dist/icons/Custom.d.ts

@@ -96,3 +96,39 @@ export declare const CustomPdfIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     color?: string | undefined;
 } & React.RefAttributes<any>>;
+export declare const customCastRainbowColorSvg: string;
+export declare const CustomCastRainbowColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastSunnyColorSvg: string;
+export declare const CustomCastSunnyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastPartlyColorSvg: string;
+export declare const CustomCastPartlyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastCloudyColorSvg: string;
+export declare const CustomCastCloudyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastRainbowSvg: string;
+export declare const CustomCastRainbowIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastSunnySvg: string;
+export declare const CustomCastSunnyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastPartlySvg: string;
+export declare const CustomCastPartlyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<any>>;
+export declare const customCastCloudySvg: string;
+export declare const CustomCastCloudyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<any>>;

package/dist/icons/Custom.js

@@ -102,3 +102,45 @@ export const customPdfSvg = customPdfSvgImport;
 export const CustomPdfIcon = 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", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "M21 20.8V6.5L15.375 1H5.25C4.65285 1 4.08118 1.23216 3.65931 1.64466C3.23743 2.05716 3 2.61612 3 3.2V20.8C3 21.3829 3.23743 21.9428 3.65931 22.3553C4.08118 22.7678 4.65285 23 5.25 23H18.75C19.3461 23 19.9188 22.7678 20.3407 22.3553C20.7626 21.9428 21 21.3839 21 20.8ZM10.6651 6.80746H12.7437V6.80832C12.8585 6.80832 12.9554 6.89616 12.9599 7.00922C13.0719 9.94434 15.6166 13.0343 18.8043 14.1579C18.9084 14.1944 18.9698 14.3005 18.944 14.4066L18.461 16.4086C18.4352 16.5138 18.332 16.5825 18.2217 16.5695C14.415 16.1077 10.4935 17.6731 6.93308 19.9646C6.83613 20.0272 6.70717 20.0046 6.63868 19.9133L5.40326 18.2618C5.33655 18.1723 5.35078 18.047 5.43706 17.9757C6.74186 16.8982 7.98528 15.1502 8.91562 13.1195C9.84597 11.0932 10.409 8.90248 10.4481 7.01704C10.4508 6.90051 10.546 6.80746 10.6651 6.80746ZM10.8733 14.8066C10.787 14.9788 10.9586 15.1649 11.1428 15.0989C12.0108 14.7884 12.8985 14.5336 13.8013 14.3518C13.9729 14.317 14.0334 14.1083 13.9053 13.9909C13.321 13.4526 12.7927 12.8577 12.3293 12.2168C12.227 12.075 12.0046 12.1055 11.9477 12.269C11.728 12.8986 11.4781 13.5195 11.2024 14.1222C11.0965 14.3527 10.9871 14.5805 10.8733 14.8066Z" }) })));
 });
+import customCastRainbowColorSvgImport from "./custom/cast-rainbow-color.svg";
+export const customCastRainbowColorSvg = customCastRainbowColorSvgImport;
+export const CustomCastRainbowColorIcon = forwardRef((props, ref) => {
+    const uniqueId = useMemo(uid, []);
+    return (_jsxs("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: [_jsxs("g", Object.assign({ clipPath: `url(#clip0_${uniqueId})` }, { children: [_jsx("path", { d: "M12.0005 3.5C7.58151 3.5 4 7.17459 4 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H20.0009V11.7074C20 7.17459 16.4185 3.5 12.0005 3.5Z", fill: "#FF0062" }), _jsx("path", { d: "M12.0005 4.86791C8.31846 4.86791 5.33341 7.93037 5.33341 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H18.6675V11.7074C18.6675 7.93037 15.6825 4.86791 12.0005 4.86791Z", fill: "#FFAA00" }), _jsx("path", { d: "M12.0005 6.23581C9.05449 6.23581 6.66682 8.68524 6.66682 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H17.3341V11.7074C17.3341 8.68524 14.9464 6.23581 12.0005 6.23581Z", fill: "#3DC939" }), _jsx("path", { d: "M12.0005 7.60372C9.79145 7.60372 8.00023 9.44102 8.00023 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H16.0007V11.7074C16.0007 9.44102 14.2095 7.60372 12.0005 7.60372Z", fill: "#3985FF" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip0_${uniqueId}` }, { children: _jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(4 3.5)" }) })) })] })));
+});
+import customCastSunnyColorSvgImport from "./custom/cast-sunny-color.svg";
+export const customCastSunnyColorSvg = customCastSunnyColorSvgImport;
+export const CustomCastSunnyColorIcon = forwardRef((props, ref) => {
+    return (_jsxs("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: "M12 18.7925C15.7514 18.7925 18.7925 15.7514 18.7925 12C18.7925 8.24863 15.7514 5.20755 12 5.20755C8.24863 5.20755 5.20755 8.24863 5.20755 12C5.20755 15.7514 8.24863 18.7925 12 18.7925Z", fill: "#FFD600" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.33962C8.87386 6.33962 6.33962 8.87386 6.33962 12C6.33962 15.1261 8.87386 17.6604 12 17.6604C15.1261 17.6604 17.6604 15.1261 17.6604 12C17.6604 8.87386 15.1261 6.33962 12 6.33962ZM4.07547 12C4.07547 7.6234 7.6234 4.07547 12 4.07547C16.3766 4.07547 19.9245 7.6234 19.9245 12C19.9245 16.3766 16.3766 19.9245 12 19.9245C7.6234 19.9245 4.07547 16.3766 4.07547 12Z", fill: "#FFA800" })] })));
+});
+import customCastPartlyColorSvgImport from "./custom/cast-partly-color.svg";
+export const customCastPartlyColorSvg = customCastPartlyColorSvgImport;
+export const CustomCastPartlyColorIcon = forwardRef((props, ref) => {
+    return (_jsxs("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: "M12.1132 16.5283C15.4269 16.5283 18.1132 13.842 18.1132 10.5283C18.1132 7.21459 15.4269 4.5283 12.1132 4.5283C8.7995 4.5283 6.1132 7.21459 6.1132 10.5283C6.1132 13.842 8.7995 16.5283 12.1132 16.5283Z", fill: "#FFD600" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.1132 5.66038C9.42473 5.66038 7.24528 7.83982 7.24528 10.5283C7.24528 13.2168 9.42473 15.3962 12.1132 15.3962C14.8017 15.3962 16.9811 13.2168 16.9811 10.5283C16.9811 7.83982 14.8017 5.66038 12.1132 5.66038ZM4.98113 10.5283C4.98113 6.58937 8.17427 3.39623 12.1132 3.39623C16.0521 3.39623 19.2453 6.58937 19.2453 10.5283C19.2453 14.4672 16.0521 17.6604 12.1132 17.6604C8.17427 17.6604 4.98113 14.4672 4.98113 10.5283Z", fill: "#FFA800" }), _jsx("path", { d: "M9.50943 20.6038H16.0755L12.7928 14.0377L9.50943 20.6038Z", fill: "white" }), _jsx("path", { d: "M9.50943 20.6038C12.0103 20.6038 14.0377 18.6271 14.0377 16.1887C14.0377 13.7503 12.0103 11.7736 9.50943 11.7736C7.00852 11.7736 4.98113 13.7503 4.98113 16.1887C4.98113 18.6271 7.00852 20.6038 9.50943 20.6038Z", fill: "white" }), _jsx("path", { d: "M15.9623 20.6038C17.6504 20.6038 19.0189 19.1846 19.0189 17.434C19.0189 15.6833 17.6504 14.2642 15.9623 14.2642C14.2742 14.2642 12.9057 15.6833 12.9057 17.434C12.9057 19.1846 14.2742 20.6038 15.9623 20.6038Z", fill: "white" })] })));
+});
+import customCastCloudyColorSvgImport from "./custom/cast-cloudy-color.svg";
+export const customCastCloudyColorSvg = customCastCloudyColorSvgImport;
+export const CustomCastCloudyColorIcon = forwardRef((props, ref) => {
+    return (_jsxs("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: "M8.39999 19.2H16.7L12.5504 10.9L8.39999 19.2Z", fill: "#AFC6DD" }), _jsx("path", { d: "M12.55 15.7C15.56 15.7 18 13.2823 18 10.3C18 7.31766 15.56 4.9 12.55 4.9C9.54005 4.9 7.10001 7.31766 7.10001 10.3C7.10001 13.2823 9.54005 15.7 12.55 15.7Z", fill: "#CCDDF2" }), _jsx("path", { d: "M16.75 19.2C19.2077 19.2 21.2 17.2077 21.2 14.75C21.2 12.2923 19.2077 10.3 16.75 10.3C14.2923 10.3 12.3 12.2923 12.3 14.75C12.3 17.2077 14.2923 19.2 16.75 19.2Z", fill: "#AFC6DD" }), _jsx("path", { d: "M8.4 19.2C11.4928 19.2 14 16.6928 14 13.6C14 10.5072 11.4928 8 8.4 8C5.30721 8 2.8 10.5072 2.8 13.6C2.8 16.6928 5.30721 19.2 8.4 19.2Z", fill: "#AFC6DD" })] })));
+});
+import customCastRainbowSvgImport from "./custom/cast-rainbow.svg";
+export const customCastRainbowSvg = customCastRainbowSvgImport;
+export const CustomCastRainbowIcon = forwardRef((props, ref) => {
+    const uniqueId = useMemo(uid, []);
+    return (_jsxs("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: [_jsxs("g", Object.assign({ clipPath: `url(#clip0_${uniqueId})` }, { children: [_jsx("path", { d: "M4 11.7074C4 7.17459 7.58151 3.5 12.0005 3.5C16.4185 3.5 20 7.17459 20.0009 11.7074V19.5H18.6675V11.7075C18.6675 7.93039 15.6825 4.86792 12.0005 4.86792C8.31849 4.86792 5.33344 7.93039 5.33344 11.7075V19.4991H4V11.7074Z", fill: "currentColor" }), _jsx("path", { d: "M6.50023 11.7074C6.50023 8.64887 8.9272 6.10372 12.0005 6.10372C15.0737 6.10372 17.5007 8.64887 17.5007 11.7074V19.5L16.0007 19.5009V11.7074L16.0005 11.6617C15.9765 9.41634 14.1946 7.60372 12.0005 7.60372C9.80633 7.60372 8.02439 9.41634 8.00048 11.6617L8.00023 11.7074V19.5H6.50023V11.7074Z", fill: "currentColor" }), _jsx("path", { d: "M13.158 11.6617C13.158 10.9489 12.6038 10.4359 12.0005 10.4359C11.3971 10.4359 10.8429 10.9489 10.8429 11.6617V19.5H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V19.5009L13.158 19.5V11.6617Z", fill: "currentColor" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip0_${uniqueId}` }, { children: _jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(4 3.5)" }) })) })] })));
+});
+import customCastSunnySvgImport from "./custom/cast-sunny.svg";
+export const customCastSunnySvg = customCastSunnySvgImport;
+export const CustomCastSunnyIcon = 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", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.33962C8.87386 6.33962 6.33962 8.87386 6.33962 12C6.33962 15.1261 8.87386 17.6604 12 17.6604C15.1261 17.6604 17.6604 15.1261 17.6604 12C17.6604 8.87386 15.1261 6.33962 12 6.33962ZM4.07547 12C4.07547 7.6234 7.6234 4.07547 12 4.07547C16.3766 4.07547 19.9245 7.6234 19.9245 12C19.9245 16.3766 16.3766 19.9245 12 19.9245C7.6234 19.9245 4.07547 16.3766 4.07547 12Z", fill: "currentColor" }) })));
+});
+import customCastPartlySvgImport from "./custom/cast-partly.svg";
+export const customCastPartlySvg = customCastPartlySvgImport;
+export const CustomCastPartlyIcon = forwardRef((props, ref) => {
+    return (_jsxs("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", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.1132 5.66038C9.42473 5.66038 7.24528 7.83982 7.24528 10.5283C7.24528 13.2168 9.42473 15.3962 12.1132 15.3962C14.8017 15.3962 16.9811 13.2168 16.9811 10.5283C16.9811 7.83982 14.8017 5.66038 12.1132 5.66038ZM4.98113 10.5283C4.98113 6.58936 8.17427 3.39622 12.1132 3.39622C16.0521 3.39622 19.2453 6.58936 19.2453 10.5283C19.2453 14.4672 16.0521 17.6604 12.1132 17.6604C8.17427 17.6604 4.98113 14.4672 4.98113 10.5283Z", fill: "currentColor" }), _jsx("path", { d: "M9.50946 20.6038H16.0755L16.0744 20.6017C17.7106 20.5405 19.0188 19.1457 19.0188 17.434C19.0188 15.6833 17.6504 14.2642 15.9622 14.2642C15.1665 14.2642 14.4419 14.5795 13.898 15.0962C13.3994 13.1862 11.6236 11.7736 9.50944 11.7736C7.00853 11.7736 4.98114 13.7503 4.98114 16.1887C4.98114 18.6271 7.00855 20.6038 9.50946 20.6038Z", fill: "currentColor" })] })));
+});
+import customCastCloudySvgImport from "./custom/cast-cloudy.svg";
+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" }) })));
+});

package/dist/icons/custom/cast-cloudy-color.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.39999 19.2H16.7L12.5504 10.9L8.39999 19.2Z" fill="#AFC6DD"/>
+<path d="M12.55 15.7C15.56 15.7 18 13.2823 18 10.3C18 7.31766 15.56 4.9 12.55 4.9C9.54005 4.9 7.10001 7.31766 7.10001 10.3C7.10001 13.2823 9.54005 15.7 12.55 15.7Z" fill="#CCDDF2"/>
+<path d="M16.75 19.2C19.2077 19.2 21.2 17.2077 21.2 14.75C21.2 12.2923 19.2077 10.3 16.75 10.3C14.2923 10.3 12.3 12.2923 12.3 14.75C12.3 17.2077 14.2923 19.2 16.75 19.2Z" fill="#AFC6DD"/>
+<path d="M8.4 19.2C11.4928 19.2 14 16.6928 14 13.6C14 10.5072 11.4928 8 8.4 8C5.30721 8 2.8 10.5072 2.8 13.6C2.8 16.6928 5.30721 19.2 8.4 19.2Z" fill="#AFC6DD"/>
+</svg>

package/dist/icons/custom/cast-cloudy.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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="#363636"/>
+</svg>

package/dist/icons/custom/cast-partly-color.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1132 16.5283C15.4269 16.5283 18.1132 13.842 18.1132 10.5283C18.1132 7.21459 15.4269 4.5283 12.1132 4.5283C8.7995 4.5283 6.1132 7.21459 6.1132 10.5283C6.1132 13.842 8.7995 16.5283 12.1132 16.5283Z" fill="#FFD600"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1132 5.66038C9.42473 5.66038 7.24528 7.83982 7.24528 10.5283C7.24528 13.2168 9.42473 15.3962 12.1132 15.3962C14.8017 15.3962 16.9811 13.2168 16.9811 10.5283C16.9811 7.83982 14.8017 5.66038 12.1132 5.66038ZM4.98113 10.5283C4.98113 6.58937 8.17427 3.39623 12.1132 3.39623C16.0521 3.39623 19.2453 6.58937 19.2453 10.5283C19.2453 14.4672 16.0521 17.6604 12.1132 17.6604C8.17427 17.6604 4.98113 14.4672 4.98113 10.5283Z" fill="#FFA800"/>
+<path d="M9.50943 20.6038H16.0755L12.7928 14.0377L9.50943 20.6038Z" fill="white"/>
+<path d="M9.50943 20.6038C12.0103 20.6038 14.0377 18.6271 14.0377 16.1887C14.0377 13.7503 12.0103 11.7736 9.50943 11.7736C7.00852 11.7736 4.98113 13.7503 4.98113 16.1887C4.98113 18.6271 7.00852 20.6038 9.50943 20.6038Z" fill="white"/>
+<path d="M15.9623 20.6038C17.6504 20.6038 19.0189 19.1846 19.0189 17.434C19.0189 15.6833 17.6504 14.2642 15.9623 14.2642C14.2742 14.2642 12.9057 15.6833 12.9057 17.434C12.9057 19.1846 14.2742 20.6038 15.9623 20.6038Z" fill="white"/>
+</svg>

package/dist/icons/custom/cast-partly.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1132 5.66038C9.42473 5.66038 7.24528 7.83982 7.24528 10.5283C7.24528 13.2168 9.42473 15.3962 12.1132 15.3962C14.8017 15.3962 16.9811 13.2168 16.9811 10.5283C16.9811 7.83982 14.8017 5.66038 12.1132 5.66038ZM4.98113 10.5283C4.98113 6.58936 8.17427 3.39622 12.1132 3.39622C16.0521 3.39622 19.2453 6.58936 19.2453 10.5283C19.2453 14.4672 16.0521 17.6604 12.1132 17.6604C8.17427 17.6604 4.98113 14.4672 4.98113 10.5283Z" fill="#363636"/>
+<path d="M9.50946 20.6038H16.0755L16.0744 20.6017C17.7106 20.5405 19.0188 19.1457 19.0188 17.434C19.0188 15.6833 17.6504 14.2642 15.9622 14.2642C15.1665 14.2642 14.4419 14.5795 13.898 15.0962C13.3994 13.1862 11.6236 11.7736 9.50944 11.7736C7.00853 11.7736 4.98114 13.7503 4.98114 16.1887C4.98114 18.6271 7.00855 20.6038 9.50946 20.6038Z" fill="#363636"/>
+</svg>

package/dist/icons/custom/cast-rainbow-color.svg

@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_212_7315)">
+<path d="M12.0005 3.5C7.58151 3.5 4 7.17459 4 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H20.0009V11.7074C20 7.17459 16.4185 3.5 12.0005 3.5Z" fill="#FF0062"/>
+<path d="M12.0005 4.86791C8.31846 4.86791 5.33341 7.93037 5.33341 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H18.6675V11.7074C18.6675 7.93037 15.6825 4.86791 12.0005 4.86791Z" fill="#FFAA00"/>
+<path d="M12.0005 6.23581C9.05449 6.23581 6.66682 8.68524 6.66682 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H17.3341V11.7074C17.3341 8.68524 14.9464 6.23581 12.0005 6.23581Z" fill="#3DC939"/>
+<path d="M12.0005 7.60372C9.79145 7.60372 8.00023 9.44102 8.00023 11.7074V30.3H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V30.3009H16.0007V11.7074C16.0007 9.44102 14.2095 7.60372 12.0005 7.60372Z" fill="#3985FF"/>
+</g>
+<defs>
+<clipPath id="clip0_212_7315">
+<rect width="16" height="16" fill="white" transform="translate(4 3.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/icons/custom/cast-rainbow.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_212_7335)">
+<path d="M4 11.7074C4 7.17459 7.58151 3.5 12.0005 3.5C16.4185 3.5 20 7.17459 20.0009 11.7074V19.5H18.6675V11.7075C18.6675 7.93039 15.6825 4.86792 12.0005 4.86792C8.31849 4.86792 5.33344 7.93039 5.33344 11.7075V19.4991H4V11.7074Z" fill="#363636"/>
+<path d="M6.50023 11.7074C6.50023 8.64887 8.9272 6.10372 12.0005 6.10372C15.0737 6.10372 17.5007 8.64887 17.5007 11.7074V19.5L16.0007 19.5009V11.7074L16.0005 11.6617C15.9765 9.41634 14.1946 7.60372 12.0005 7.60372C9.80633 7.60372 8.02439 9.41634 8.00048 11.6617L8.00023 11.7074V19.5H6.50023V11.7074Z" fill="#363636"/>
+<path d="M13.158 11.6617C13.158 10.9489 12.6038 10.4359 12.0005 10.4359C11.3971 10.4359 10.8429 10.9489 10.8429 11.6617V19.5H9.34295V11.6617C9.34295 10.1565 10.5331 8.93594 12.0005 8.93594C13.4679 8.93594 14.658 10.1565 14.658 11.6617V19.5009L13.158 19.5V11.6617Z" fill="#363636"/>
+</g>
+<defs>
+<clipPath id="clip0_212_7335">
+<rect width="16" height="16" fill="white" transform="translate(4 3.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/icons/custom/cast-sunny-color.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 18.7925C15.7514 18.7925 18.7925 15.7514 18.7925 12C18.7925 8.24863 15.7514 5.20755 12 5.20755C8.24863 5.20755 5.20755 8.24863 5.20755 12C5.20755 15.7514 8.24863 18.7925 12 18.7925Z" fill="#FFD600"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.33962C8.87386 6.33962 6.33962 8.87386 6.33962 12C6.33962 15.1261 8.87386 17.6604 12 17.6604C15.1261 17.6604 17.6604 15.1261 17.6604 12C17.6604 8.87386 15.1261 6.33962 12 6.33962ZM4.07547 12C4.07547 7.6234 7.6234 4.07547 12 4.07547C16.3766 4.07547 19.9245 7.6234 19.9245 12C19.9245 16.3766 16.3766 19.9245 12 19.9245C7.6234 19.9245 4.07547 16.3766 4.07547 12Z" fill="#FFA800"/>
+</svg>

package/dist/icons/custom/cast-sunny.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.33962C8.87386 6.33962 6.33962 8.87386 6.33962 12C6.33962 15.1261 8.87386 17.6604 12 17.6604C15.1261 17.6604 17.6604 15.1261 17.6604 12C17.6604 8.87386 15.1261 6.33962 12 6.33962ZM4.07547 12C4.07547 7.6234 7.6234 4.07547 12 4.07547C16.3766 4.07547 19.9245 7.6234 19.9245 12C19.9245 16.3766 16.3766 19.9245 12 19.9245C7.6234 19.9245 4.07547 16.3766 4.07547 12Z" fill="#363636"/>
+</svg>

package/dist/index.d.ts

@@ -34,5 +34,7 @@ export * from "./icons/Custom";
 export * from "./utils/hover";
 export * from "./utils/reset";
 export * from "./utils/zIndex";
+export * from "./patterns/Dropdown";
 export * from "./patterns/SegmentedControl";
 export * from "./patterns/LexicalEditor";
+export * from "./patterns/Accordion";

package/dist/index.js

@@ -34,5 +34,7 @@ export * from "./icons/Custom";
 export * from "./utils/hover";
 export * from "./utils/reset";
 export * from "./utils/zIndex";
+export * from "./patterns/Dropdown";
 export * from "./patterns/SegmentedControl";
 export * from "./patterns/LexicalEditor";
+export * from "./patterns/Accordion";

package/dist/patterns/Accordion.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface AccordionProps {
+    className?: string;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    children: React.ReactNode;
+    open?: boolean;
+    onClick?: () => void;
+}
+/** 배너같이 생겼으나 누를 때마다 하단내용이 접힘(보이지않음)/펼침(보임) 상태가 바뀌는 컴포넌트입니다. */
+export declare function Accordion(props: AccordionProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Accordion.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import SquareButton from "../components/SquareButton";
+import { ArrowDownSLineIcon, ArrowUpSLineIcon } from "../icons";
+/** 배너같이 생겼으나 누를 때마다 하단내용이 접힘(보이지않음)/펼침(보임) 상태가 바뀌는 컴포넌트입니다. */
+export function Accordion(props) {
+    const { className, icon, title, children, open = false, onClick } = props;
+    return (_jsxs("div", Object.assign({ css: css `
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      ` }, { children: [_jsxs(Container, Object.assign({ className: className, onClick: onClick }, { children: [_jsxs(Title, { children: [icon, title] }), _jsx(SquareButton, { icon: open ? _jsx(ArrowUpSLineIcon, {}) : _jsx(ArrowDownSLineIcon, {}), size: "xsmall", color: "icon" })] })), open && children] })));
+}
+const Title = styled.div(({ theme }) => css `
+    display: flex;
+    gap: 8px;
+    font-family: ${theme.fontFamily.ui};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 16px; /* 133.333% */
+  `);
+const Container = styled.div `
+  display: flex;
+  padding: 8px 16px;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 8px;
+`;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/ProblemSelectNode.d.ts

@@ -15,7 +15,7 @@ export interface Selection {
 export interface ProblemSelectPayload {
     selections: Selection[];
     selected: string[];
-    hasMultipleAnswers?: boolean;
+    hasMultipleAnswers: boolean;
     key?: NodeKey;
 }
 export type SerializedProblemSelectNode = Spread<ProblemSelectPayload, SerializedLexicalNode>;
@@ -26,7 +26,7 @@ export type SerializedProblemSelectNode = Spread<ProblemSelectPayload, Serialize
 export declare class ProblemSelectNode extends DecoratorNode<ReactNode> {
     __selections: Selection[];
     __selected: string[];
-    __hasMultipleAnswers: boolean | undefined;
+    __hasMultipleAnswers: boolean;
     isInline(): boolean;
     static getType(): string;
     getSelections(): Selection[];
@@ -34,7 +34,7 @@ export declare class ProblemSelectNode extends DecoratorNode<ReactNode> {
     setSelections(selections: Selection[]): void;
     setSelected(selected: string[]): void;
     static clone(node: ProblemSelectNode): ProblemSelectNode;
-    constructor(selections: Selection[], selected: string[], hasMultipleAnswers?: boolean, key?: NodeKey);
+    constructor(selections: Selection[], selected: string[], hasMultipleAnswers: boolean, key?: NodeKey);
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): boolean;
     static importJSON(serializedNode: SerializedProblemSelectNode): ProblemSelectNode;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/ProblemSelectNode.js

@@ -60,6 +60,7 @@ export class ProblemSelectNode extends DecoratorNode {
             type: "problem-select",
             selections: this.__selections,
             selected: this.__selected,
+            hasMultipleAnswers: this.__hasMultipleAnswers,
         };
     }
     decorate() {

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.d.ts

@@ -4,6 +4,6 @@ import { Selection } from "./ProblemSelectNode";
 export declare function SelectComponent(props: {
     selections: Selection[];
     selected: string[];
-    hasMultipleAnswers?: boolean;
+    hasMultipleAnswers: boolean;
     nodeKey: NodeKey;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.js

@@ -54,7 +54,12 @@ export function SelectComponent(props) {
                                 if (!$isProblemSelectNode(node)) {
                                     return;
                                 }
-                                node.setSelected([...selected, selection.value]);
+                                if (hasMultipleAnswers) {
+                                    node.setSelected([...selected, selection.value]);
+                                }
+                                else {
+                                    node.setSelected([selection.value]);
+                                }
                             });
                         }
                     }, fullWidth: true }, index)))] }));

package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js

@@ -99,6 +99,7 @@ function getQuizContextOptions(editor, theme) {
                         },
                     ],
                     selected: [],
+                    hasMultipleAnswers: false,
                 });
             },
         }),

package/package.json

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