@team-monolith/cds 1.76.10 → 1.76.11

package/dist/components/AlertDialog/AlertDialogTitle.js

@@ -22,36 +22,36 @@ export const AlertDialogTitle = React.forwardRef(function AlertDialogTitle(props
     const { icon } = React.useContext(AlertDialogContext);
     const theme = useTheme();
     return (_jsx(_Fragment, { children: _jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
-            grid-area: title;
-            font-family: ${theme.fontFamily.ui};
-            font-style: normal;
-            font-weight: 500;
-            font-size: 20px;
-            line-height: 36px;
-            color: ${theme.color.foreground.neutralBase};
+          grid-area: title;
+          font-family: ${theme.fontFamily.ui};
+          font-style: normal;
+          font-weight: 500;
+          font-size: 20px;
+          line-height: 36px;
+          color: ${theme.color.foreground.neutralBase};
 
+          display: flex;
+          justify-content: space-between;
+        ` }, { children: [_jsxs("div", Object.assign({ css: css `
             display: flex;
-            justify-content: space-between;
-          ` }, { children: [_jsxs("div", Object.assign({ css: css `
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              align-items: flex-start;
-              gap: 16px;
-            ` }, { children: [icon && (_jsx("div", Object.assign({ css: css `
-                  display: none;
-                  ${MOBILE(css `
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    color: ${theme.color.background.infoActive};
+            flex-direction: column;
+            justify-content: center;
+            align-items: flex-start;
+            gap: 16px;
+          ` }, { children: [icon && (_jsx("div", Object.assign({ css: css `
+                display: none;
+                ${MOBILE(css `
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  color: ${theme.color.background.infoActive};
 
-                    svg {
-                      width: 32px;
-                      height: 32px;
-                    }
-                  `)}
-                ` }, { children: icon }))), children] })), onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
+                  svg {
+                    width: 32px;
+                    height: 32px;
+                  }
+                `)}
+              ` }, { children: icon }))), children] })), onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
                         "aria-label": "닫기",
                     } }))] })) }));
 });

package/dist/components/Banner.js

@@ -60,35 +60,35 @@ export const Banner = React.forwardRef(function Banner(props, ref) {
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: [
             css `
-            display: flex;
-            align-items: center;
-            padding: 0px 12px;
-            line-height: 125%;
-            background: ${COLOR_PALETTE(theme, color).background};
-          `,
+          display: flex;
+          align-items: center;
+          padding: 0px 12px;
+          line-height: 125%;
+          background: ${COLOR_PALETTE(theme, color).background};
+        `,
             fullWidth
                 ? css `
-                width: 100%;
-              `
+              width: 100%;
+            `
                 : css `
-                border-radius: 12px;
-                width: fit-content;
-              `,
+              border-radius: 12px;
+              width: fit-content;
+            `,
         ] }, { children: [icon && (_jsx(Icon, Object.assign({ className: bannerClasses.icon, css: css `
-              align-self: ${headline && content ? "flex-start" : "center"};
+            align-self: ${headline && content ? "flex-start" : "center"};
+            color: ${COLOR_PALETTE(theme, color).headline};
+          ` }, { children: icon }))), _jsxs(TextContainer, Object.assign({ className: bannerClasses.textContainer }, { children: [headline && (_jsx(Headline, Object.assign({ className: bannerClasses.headline, css: css `
               color: ${COLOR_PALETTE(theme, color).headline};
-            ` }, { children: icon }))), _jsxs(TextContainer, Object.assign({ className: bannerClasses.textContainer }, { children: [headline && (_jsx(Headline, Object.assign({ className: bannerClasses.headline, css: css `
-                color: ${COLOR_PALETTE(theme, color).headline};
-              ` }, { children: headline }))), content && (_jsx(Content, Object.assign({ className: bannerClasses.content, css: css `
-                color: ${COLOR_PALETTE(theme, color).content};
-              ` }, { children: content })))] })), buttonLabel && (_jsx(Button, Object.assign({ className: bannerClasses.button, css: !buttonProps &&
+            ` }, { children: headline }))), content && (_jsx(Content, Object.assign({ className: bannerClasses.content, css: css `
+              color: ${COLOR_PALETTE(theme, color).content};
+            ` }, { children: content })))] })), buttonLabel && (_jsx(Button, Object.assign({ className: bannerClasses.button, css: !buttonProps &&
                     css `
-                color: ${COLOR_PALETTE(theme, color).content};
-              `, color: "textNeutral", size: "small", label: buttonLabel, onClick: onButtonClick }, buttonProps))), close && (_jsx(SquareButton, { className: bannerClasses.closeSquareButton, css: css `
-              > button {
-                color: ${COLOR_PALETTE(theme, color).content};
-              }
-            `, color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
+              color: ${COLOR_PALETTE(theme, color).content};
+            `, color: "textNeutral", size: "small", label: buttonLabel, onClick: onButtonClick }, buttonProps))), close && (_jsx(SquareButton, { className: bannerClasses.closeSquareButton, css: css `
+            > button {
+              color: ${COLOR_PALETTE(theme, color).content};
+            }
+          `, color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
                     "aria-label": "닫기",
                 } }))] })));
 });

package/dist/components/CheckboxInput.js

@@ -115,8 +115,8 @@ export const CheckboxInput = React.forwardRef(function CheckboxInput(props, ref)
         inputProps,
     };
     return (_jsxs(Label, Object.assign({ className: className, ref: ref, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, other, { children: [_jsx(Checkbox, Object.assign({}, checkboxProps)), _jsx("span", Object.assign({ css: css `
-            margin-left: 8px;
-          ` }, { children: label }))] })));
+          margin-left: 8px;
+        ` }, { children: label }))] })));
 });
 const Checkbox = React.forwardRef(function Checkbox(props, ref) {
     const { className, checked, partial, disabled = false, spacer = false, onChange, onClick, inputProps } = props, other = __rest(props, ["className", "checked", "partial", "disabled", "spacer", "onChange", "onClick", "inputProps"]);

package/dist/components/Pagination.js

@@ -9,7 +9,7 @@ import { HOVER } from "../utils/hover";
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=35-798&t=6OdVgm0hiYaq5PFw-0)
  */
 export const Pagination = React.forwardRef(function Pagination(props, ref) {
-    return _jsx(StyledPagination, Object.assign({ siblingCount: 2, shape: "rounded" }, props, { ref: ref }));
+    return (_jsx(StyledPagination, Object.assign({ siblingCount: 2, shape: "rounded" }, props, { ref: ref })));
 });
 const StyledPagination = styled(MuiPagination)(({ theme }) => css `
     &.MuiPagination-root {

package/dist/components/PinInput.js

@@ -25,7 +25,7 @@ const SIZE_TO_STYLES = (size) => ({
     large: css `
       width: 56px;
     `,
-}[size]);
+})[size];
 const COLOR_TO_HINT_STYLES = (theme, color, disabled) => disabled
     ? css `
         color: ${theme.color.foreground.neutralBaseDisabled};
@@ -69,7 +69,7 @@ const SIZE_TO_FONT_STYLES = (size) => ({
         height: 18px;
       }
     `,
-}[size]);
+})[size];
 /** i번째 값을 value로 바꾸는 setState Wrapper 함수  */
 function updateFocus(value, i, setFocus) {
     setFocus((prevFocus) => {

package/dist/components/Tag.js

@@ -72,32 +72,32 @@ export const Tag = React.forwardRef(function Tag(props, ref) {
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: [
             css `
-            box-sizing: border-box;
-            display: flex;
-            // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
-            padding: 1px 8px;
-            align-items: center;
-            gap: 3px;
-            width: fit-content;
-            border-radius: 8px;
-            height: 22px;
+          box-sizing: border-box;
+          display: flex;
+          // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
+          padding: 1px 8px;
+          align-items: center;
+          gap: 3px;
+          width: fit-content;
+          border-radius: 8px;
+          height: 22px;
 
-            svg {
-              width: 14px;
-              height: 14px;
-            }
-          `,
+          svg {
+            width: 14px;
+            height: 14px;
+          }
+        `,
             COLOR_TO_STYLE(theme, color),
             close
                 ? css `
-                cursor: pointer;
-              `
+              cursor: pointer;
+            `
                 : undefined,
         ], onClick: onClick }, { children: [icon, _jsx("span", Object.assign({ css: css `
-            font-weight: ${bold ? 700 : 400};
-            font-size: 12px;
-            line-height: 20px;
-          ` }, { children: label })), close && _jsx(StyledCloseFillIcon, {})] })));
+          font-weight: ${bold ? 700 : 400};
+          font-size: 12px;
+          line-height: 20px;
+        ` }, { children: label })), close && _jsx(StyledCloseFillIcon, {})] })));
 });
 const StyledCloseFillIcon = styled(CloseFillIcon) `
   width: 10px;

package/dist/icons/custom/AiHelper.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomAiHelperIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomAiHelperSvg: string;

package/dist/icons/custom/AiHelper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/ai-helper.svg";
+export const CustomAiHelperIcon = forwardRef(function CustomAiHelperIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("circle", { cx: 12, cy: 12, r: 10, fill: "#031B20" }), _jsx("path", { d: "M18.127 10.7312C18.3052 10.25 18.3498 9.76875 18.3052 9.2875C18.2607 8.80625 18.0824 8.325 17.8596 7.8875C17.4586 7.23125 16.8793 6.70625 16.2109 6.4C15.4979 6.09375 14.7404 6.00625 13.9829 6.18125C13.6264 5.83125 13.2254 5.525 12.7798 5.30625C12.3342 5.0875 11.7995 5 11.3093 5C10.5518 5 9.79428 5.21875 9.17045 5.65625C8.54661 6.09375 8.10101 6.70625 7.87821 7.40625C7.34349 7.5375 6.8979 7.75625 6.4523 8.01875C6.05126 8.325 5.73934 8.71875 5.47198 9.1125C5.07095 9.76875 4.93727 10.5125 5.02639 11.2562C5.11551 12 5.42742 12.7 5.91758 13.2688C5.73934 13.75 5.69478 14.2312 5.73934 14.7125C5.7839 15.1937 5.96214 15.675 6.18494 16.1125C6.58598 16.7688 7.16525 17.2937 7.83365 17.6C8.54661 17.9062 9.30413 17.9937 10.0616 17.8187C10.4181 18.1687 10.8192 18.475 11.2648 18.6937C11.7104 18.9125 12.2451 19 12.7352 19C13.4928 19 14.2503 18.7812 14.8741 18.3438C15.4979 17.9062 15.9435 17.2937 16.1663 16.5938C16.6565 16.5062 17.1467 16.2875 17.5477 15.9812C17.9487 15.675 18.3052 15.325 18.528 14.8875C18.929 14.2312 19.0627 13.4875 18.9736 12.7438C18.8845 12 18.6171 11.3 18.127 10.7312ZM12.7798 18.0813C12.0668 18.0813 11.5321 17.8625 11.042 17.4688C11.042 17.4688 11.0865 17.425 11.1311 17.425L13.9829 15.8062C14.072 15.7625 14.1166 15.7188 14.1611 15.6312C14.2057 15.5437 14.2057 15.5 14.2057 15.4125V11.475L15.4088 12.175V15.4125C15.4534 16.9437 14.2057 18.0813 12.7798 18.0813ZM7.03157 15.675C6.71966 15.15 6.58598 14.5375 6.71966 13.925C6.71966 13.925 6.76422 13.9688 6.80878 13.9688L9.6606 15.5875C9.74972 15.6312 9.79428 15.6312 9.8834 15.6312C9.97252 15.6312 10.0616 15.6312 10.1062 15.5875L13.5819 13.6187V14.975L10.6855 16.6375C10.0616 16.9875 9.34869 17.075 8.68029 16.9C7.96733 16.725 7.38805 16.2875 7.03157 15.675ZM6.27406 9.59375C6.58598 9.06875 7.07613 8.675 7.65541 8.45625V8.54375V11.7812C7.65541 11.8688 7.65541 11.9562 7.69997 12C7.74453 12.0875 7.78909 12.1312 7.87821 12.175L11.3539 14.1438L10.1508 14.8438L7.29893 13.225C6.6751 12.875 6.2295 12.3063 6.05126 11.65C5.87302 10.9938 5.91758 10.2062 6.27406 9.59375ZM16.1218 11.825L12.6461 9.85625L13.8492 9.15625L16.7011 10.775C17.1467 11.0375 17.5031 11.3875 17.7259 11.825C17.9487 12.2625 18.0824 12.7438 18.0379 13.2688C17.9933 13.75 17.8151 14.2312 17.5031 14.625C17.1912 15.0188 16.7902 15.325 16.3 15.5V12.175C16.3 12.0875 16.3 12 16.2555 11.9562C16.2555 11.9562 16.2109 11.8688 16.1218 11.825ZM17.3249 10.075C17.3249 10.075 17.2803 10.0312 17.2358 10.0312L14.3839 8.4125C14.2948 8.36875 14.2503 8.36875 14.1611 8.36875C14.072 8.36875 13.9829 8.36875 13.9383 8.4125L10.4627 10.3812V9.025L13.3591 7.3625C13.8047 7.1 14.2948 7.0125 14.8295 7.0125C15.3197 7.0125 15.8099 7.1875 16.2555 7.49375C16.6565 7.8 17.013 8.19375 17.1912 8.63125C17.3695 9.06875 17.414 9.59375 17.3249 10.075ZM9.83884 12.525L8.63573 11.825V8.54375C8.63573 8.0625 8.76941 7.5375 9.03677 7.14375C9.30413 6.70625 9.70516 6.4 10.1508 6.18125C10.5964 5.9625 11.1311 5.875 11.6212 5.9625C12.1114 6.00625 12.6016 6.225 13.0026 6.53125C13.0026 6.53125 12.958 6.575 12.9135 6.575L10.0616 8.19375C9.97252 8.2375 9.92796 8.28125 9.8834 8.36875C9.83884 8.45625 9.83884 8.5 9.83884 8.5875V12.525ZM10.4627 11.125L12.0223 10.25L13.5819 11.125V12.875L12.0223 13.75L10.4627 12.875V11.125Z", fill: "#CFF4F6" })] })));
+});
+export const CustomAiHelperSvg = svgImport;

package/dist/icons/custom/Badge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeSvg: string;

package/dist/icons/custom/Badge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge.svg";
+export const CustomBadgeIcon = forwardRef(function CustomBadgeIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.447 2.98973L15.5837 2.28245C13.4967 0.572518 10.5033 0.572515 8.41627 2.28245L7.55299 2.98973L6.47719 3.23493C3.83936 3.83615 2.0434 6.19713 2.05437 8.83138L2.05921 9.99315L1.56117 11.0351C0.423017 13.4163 1.05069 16.2993 3.13048 17.9739L4.00991 18.682L4.49487 19.7188C5.62176 22.1282 8.28669 23.4736 10.9321 22.8467L12 22.5936L13.0679 22.8467C15.7133 23.4736 18.3782 22.1282 19.5051 19.7189L19.9901 18.682L20.8695 17.9739C22.9493 16.2993 23.577 13.4163 22.4388 11.0351L21.9408 9.99316L21.9456 8.83138C21.9566 6.19713 20.1606 3.83615 17.5228 3.23493L16.447 2.98973ZM13.2598 5.11854C12.5242 4.51582 11.4758 4.51582 10.7402 5.11854L9.57377 6.07416C9.334 6.2706 9.05316 6.40835 8.75287 6.47679L7.29206 6.80974C6.37071 7.01974 5.71706 7.85454 5.72106 8.81611L5.72741 10.3407C5.72872 10.6541 5.65935 10.9636 5.52467 11.2454L4.86945 12.6162C4.4562 13.4808 4.68949 14.5218 5.43013 15.1181L6.60444 16.0636C6.84583 16.258 7.04018 16.5062 7.17252 16.7891L7.81629 18.1656C8.22233 19.0337 9.16688 19.497 10.0864 19.279L11.5444 18.9334C11.8441 18.8624 12.1559 18.8624 12.4556 18.9334L13.9135 19.279C14.8331 19.497 15.7777 19.0337 16.1837 18.1656L16.8275 16.7891C16.9598 16.5062 17.1542 16.258 17.3956 16.0636L18.5699 15.1181C19.3105 14.5218 19.5438 13.4808 19.1305 12.6162L18.4753 11.2454C18.3406 10.9636 18.2713 10.6541 18.2726 10.3407L18.2789 8.81611C18.2829 7.85454 17.6293 7.01974 16.7079 6.80974L15.2471 6.47679C14.9468 6.40835 14.666 6.2706 14.4262 6.07416L13.2598 5.11854Z", fill: "#363636" }), _jsx("path", { d: "M10.9692 6.36987C11.5711 5.87671 12.4289 5.87671 13.0308 6.36987L13.9851 7.15178C14.1812 7.31251 14.411 7.42522 14.6567 7.48122L15.8519 7.75364C16.6057 7.92546 17.1405 8.60852 17.1372 9.39529L17.132 10.6427C17.131 10.8992 17.1877 11.1524 17.2979 11.383L17.834 12.5046C18.1721 13.212 17.9812 14.0638 17.3753 14.5517L16.4145 15.3254C16.217 15.4844 16.058 15.6875 15.9497 15.919L15.423 17.0452C15.0908 17.7555 14.318 18.1346 13.5656 17.9562L12.3727 17.6735C12.1275 17.6154 11.8725 17.6154 11.6273 17.6735L10.4344 17.9562C9.68203 18.1346 8.90922 17.7555 8.57702 17.0452L8.0503 15.919C7.94203 15.6875 7.78302 15.4844 7.58552 15.3254L6.62474 14.5517C6.01876 14.0638 5.8279 13.212 6.16601 12.5046L6.70208 11.383C6.81228 11.1524 6.86903 10.8992 6.86796 10.6427L6.86277 9.39529C6.85949 8.60851 7.39429 7.92546 8.14811 7.75364L9.3433 7.48122C9.58898 7.42522 9.81876 7.31251 10.0149 7.15178L10.9692 6.36987Z", fill: "#363636" })] })));
+});
+export const CustomBadgeSvg = svgImport;

package/dist/icons/custom/BadgeColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeColorSvg: string;

package/dist/icons/custom/BadgeColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-color.svg";
+export const CustomBadgeColorIcon = forwardRef(function CustomBadgeColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M10.9692 6.36987C11.5711 5.87671 12.4289 5.87671 13.0308 6.36987L13.9851 7.15178C14.1812 7.31251 14.411 7.42522 14.6567 7.48122L15.8519 7.75364C16.6057 7.92546 17.1405 8.60852 17.1372 9.39529L17.132 10.6427C17.131 10.8992 17.1877 11.1524 17.2979 11.383L17.834 12.5046C18.1721 13.212 17.9812 14.0638 17.3753 14.5517L16.4145 15.3254C16.217 15.4844 16.058 15.6875 15.9497 15.919L15.423 17.0452C15.0908 17.7555 14.318 18.1346 13.5656 17.9562L12.3727 17.6735C12.1275 17.6154 11.8725 17.6154 11.6273 17.6735L10.4344 17.9562C9.68203 18.1346 8.90922 17.7555 8.57702 17.0452L8.0503 15.919C7.94203 15.6875 7.78302 15.4844 7.58552 15.3254L6.62474 14.5517C6.01876 14.0638 5.8279 13.212 6.16601 12.5046L6.70208 11.383C6.81228 11.1524 6.86903 10.8992 6.86796 10.6427L6.86277 9.39529C6.85949 8.60851 7.39429 7.92546 8.14811 7.75364L9.3433 7.48122C9.58898 7.42522 9.81876 7.31251 10.0149 7.15178L10.9692 6.36987Z", fill: "#25241D" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.447 2.98973L15.5837 2.28245C13.4967 0.572518 10.5033 0.572515 8.41627 2.28245L7.55299 2.98973L6.47719 3.23493C3.83936 3.83615 2.0434 6.19713 2.05437 8.83138L2.05921 9.99315L1.56117 11.0351C0.423017 13.4163 1.05069 16.2993 3.13048 17.9739L4.00991 18.682L4.49487 19.7188C5.62176 22.1282 8.28669 23.4736 10.9321 22.8467L12 22.5936L13.0679 22.8467C15.7133 23.4736 18.3782 22.1282 19.5051 19.7189L19.9901 18.682L20.8695 17.9739C22.9493 16.2993 23.577 13.4163 22.4388 11.0351L21.9408 9.99316L21.9456 8.83138C21.9566 6.19713 20.1606 3.83615 17.5228 3.23493L16.447 2.98973ZM13.2598 5.11854C12.5242 4.51582 11.4758 4.51582 10.7402 5.11854L9.57377 6.07416C9.334 6.2706 9.05316 6.40835 8.75287 6.47679L7.29206 6.80974C6.37071 7.01974 5.71706 7.85454 5.72106 8.81611L5.72741 10.3407C5.72872 10.6541 5.65935 10.9636 5.52467 11.2454L4.86945 12.6162C4.4562 13.4808 4.68949 14.5218 5.43013 15.1181L6.60444 16.0636C6.84583 16.258 7.04018 16.5062 7.17252 16.7891L7.81629 18.1656C8.22233 19.0337 9.16688 19.497 10.0864 19.279L11.5444 18.9334C11.8441 18.8624 12.1559 18.8624 12.4556 18.9334L13.9135 19.279C14.8331 19.497 15.7777 19.0337 16.1837 18.1656L16.8275 16.7891C16.9598 16.5062 17.1542 16.258 17.3956 16.0636L18.5699 15.1181C19.3105 14.5218 19.5438 13.4808 19.1305 12.6162L18.4753 11.2454C18.3406 10.9636 18.2713 10.6541 18.2726 10.3407L18.2789 8.81611C18.2829 7.85454 17.6293 7.01974 16.7079 6.80974L15.2471 6.47679C14.9468 6.40835 14.666 6.2706 14.4262 6.07416L13.2598 5.11854Z", fill: "#FFCE31" })] })));
+});
+export const CustomBadgeColorSvg = svgImport;

package/dist/icons/custom/BadgeGold.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeGoldIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeGoldSvg: string;

package/dist/icons/custom/BadgeGold.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-gold.svg";
+export const CustomBadgeGoldIcon = forwardRef(function CustomBadgeGoldIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M10.0723 2.06023C11.2727 1.40005 12.7273 1.40005 13.9277 2.06023L19.9277 5.36023C21.2059 6.06324 22 7.40633 22 8.86509V15.1349C22 16.5937 21.2059 17.9368 19.9277 18.6398L13.9277 21.9398C12.7273 22.6 11.2727 22.6 10.0723 21.9398L4.07232 18.6398C2.79413 17.9368 2 16.5937 2 15.1349V8.86509C2 7.40633 2.79413 6.06324 4.07232 5.36023L10.0723 2.06023Z", fill: "url(#paint0_linear_4029_17034)", style: {} }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9638 7.11266L12.9638 3.81266C12.3637 3.48257 11.6363 3.48257 11.0362 3.81266L5.03616 7.11266C4.39707 7.46417 4 8.13571 4 8.86509V15.1349C4 15.8643 4.39707 16.5359 5.03616 16.8874L11.0362 20.1874C11.6363 20.5174 12.3637 20.5174 12.9638 20.1874L18.9638 16.8874C19.6029 16.5359 20 15.8643 20 15.1349V8.86509C20 8.13571 19.6029 7.46417 18.9638 7.11266ZM13.9277 2.06023C12.7273 1.40005 11.2727 1.40005 10.0723 2.06023L4.07232 5.36023C2.79413 6.06324 2 7.40633 2 8.86509V15.1349C2 16.5937 2.79413 17.9368 4.07232 18.6398L10.0723 21.9398C11.2727 22.6 12.7273 22.6 13.9277 21.9398L19.9277 18.6398C21.2059 17.9368 22 16.5937 22 15.1349V8.86509C22 7.40633 21.2059 6.06324 19.9277 5.36023L13.9277 2.06023Z", fill: "#FFCC00", style: {
+                    fill: "#FFCC00",
+                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
+                    fillOpacity: 1,
+                } }), _jsx("path", { d: "M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z", fill: "#FFCC00", style: {
+                    fill: "#FFCC00",
+                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
+                    fillOpacity: 1,
+                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: "paint0_linear_4029_17034", x1: 12, y1: 1.00001, x2: 12, y2: 23, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#29335C", style: {
+                                stopColor: "#29335C",
+                                stopColor: "color(display-p3 0.1617 0.1985 0.3626)",
+                                stopOpacity: 1,
+                            } }), _jsx("stop", { offset: 1, stopColor: "#2C2F37", style: {
+                                stopColor: "#2C2F37",
+                                stopColor: "color(display-p3 0.1725 0.1843 0.2157)",
+                                stopOpacity: 1,
+                            } })] })) })] })));
+});
+export const CustomBadgeGoldSvg = svgImport;

package/dist/icons/custom/BadgeGreen.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeGreenIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeGreenSvg: string;

package/dist/icons/custom/BadgeGreen.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-green.svg";
+export const CustomBadgeGreenIcon = forwardRef(function CustomBadgeGreenIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z", fill: "url(#paint0_linear_4029_17032)", style: {} }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z", fill: "#363636", style: {
+                    fill: "#363636",
+                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
+                    fillOpacity: 1,
+                } }), _jsx("path", { d: "M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z", fill: "#363636", style: {
+                    fill: "#363636",
+                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
+                    fillOpacity: 1,
+                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: "paint0_linear_4029_17032", x1: 12, y1: 1, x2: 12, y2: 23, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EBFF54", style: {
+                                stopColor: "#EBFF54",
+                                stopColor: "color(display-p3 0.9217 1.0000 0.3286)",
+                                stopOpacity: 1,
+                            } }), _jsx("stop", { offset: 1, stopColor: "#BFFF00", style: {
+                                stopColor: "#BFFF00",
+                                stopColor: "color(display-p3 0.7500 1.0000 0.0000)",
+                                stopOpacity: 1,
+                            } })] })) })] })));
+});
+export const CustomBadgeGreenSvg = svgImport;

package/dist/icons/custom/BadgeSilver.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeSilverIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeSilverSvg: string;

package/dist/icons/custom/BadgeSilver.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-silver.svg";
+export const CustomBadgeSilverIcon = forwardRef(function CustomBadgeSilverIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M2 1V13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2Z", fill: "url(#paint0_linear_4029_17033)", style: {} }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3V13.8215C4 17.6278 7.41639 21 12 21C16.5838 21 20 17.6287 20 13.8215V3H4ZM2 13.8215C2 18.8902 6.47651 23 12 23C17.5235 23 22 18.8912 22 13.8215V1H2V13.8215Z", fill: "#363636", style: {
+                    fill: "#363636",
+                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
+                    fillOpacity: 1,
+                } }), _jsx("path", { d: "M10.5 14.1178L17 8.00009L18 8.94127L10.5 16.0001L6 11.7648L7 10.8237L10.5 14.1178Z", fill: "#363636", style: {
+                    fill: "#363636",
+                    fill: "color(display-p3 0.2118 0.2118 0.2118)",
+                    fillOpacity: 1,
+                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: "paint0_linear_4029_17033", x1: 12, y1: 1, x2: 12, y2: 23, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EFEFF8", style: {
+                                stopColor: "#EFEFF8",
+                                stopColor: "color(display-p3 0.9362 0.9356 0.9710)",
+                                stopOpacity: 1,
+                            } }), _jsx("stop", { offset: 1, stopColor: "#D2EEF7", style: {
+                                stopColor: "#D2EEF7",
+                                stopColor: "color(display-p3 0.8235 0.9333 0.9686)",
+                                stopOpacity: 1,
+                            } })] })) })] })));
+});
+export const CustomBadgeSilverSvg = svgImport;

package/dist/icons/custom/Basic.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBasicIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBasicSvg: string;

package/dist/icons/custom/Basic.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/basic.svg";
+export const CustomBasicIcon = forwardRef(function CustomBasicIcon(props, ref) {
+    return (_jsx("svg", Object.assign({ width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: _jsx("path", { d: "M14.8262 10.867L11.5506 9.99917V1.20304C11.5506 0.854839 11.152 0.699915 10.9537 0.972161L5 9.13204L8.27563 9.99992V18.7968C8.27563 19.145 8.67423 19.2999 8.8725 19.0277L14.8262 10.8678V10.867Z", fill: "#3E88FF" }) })));
+});
+export const CustomBasicSvg = svgImport;

package/dist/icons/custom/BasicPlus.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBasicPlusIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBasicPlusSvg: string;

package/dist/icons/custom/BasicPlus.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/basic-plus.svg";
+export const CustomBasicPlusIcon = forwardRef(function CustomBasicPlusIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M10.868 10.867L7.59232 9.99917V1.20304C7.59232 0.854839 7.19372 0.699915 6.99545 0.972161L1.04175 9.13204L4.31738 9.99992V18.7968C4.31738 19.145 4.71598 19.2999 4.91425 19.0277L10.868 10.8678V10.867Z", fill: "#3E88FF" }), _jsxs("g", Object.assign({ clipPath: "url(#clip0_135_79001)" }, { children: [_jsx("path", { d: "M18.5356 4.58325H9.38095C9.1475 4.58325 8.95825 4.79386 8.95825 5.05366V6.61285C8.95825 6.87264 9.1475 7.08325 9.38095 7.08325H18.5356C18.769 7.08325 18.9583 6.87264 18.9583 6.61285V5.05366C18.9583 4.79386 18.769 4.58325 18.5356 4.58325Z", fill: "#363636" }), _jsx("path", { d: "M15.2083 10.4105V1.25595C15.2083 1.0225 14.9976 0.833252 14.7378 0.833252L13.1787 0.833252C12.9189 0.833252 12.7083 1.0225 12.7083 1.25595V10.4105C12.7083 10.644 12.9189 10.8333 13.1787 10.8333H14.7378C14.9976 10.8333 15.2083 10.644 15.2083 10.4105Z", fill: "#363636" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_135_79001" }, { children: _jsx("rect", { width: 10, height: 10, fill: "white", transform: "translate(8.95825 0.833252)" }) })) })] })));
+});
+export const CustomBasicPlusSvg = svgImport;

package/dist/icons/custom/Board.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBoardIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBoardSvg: string;

package/dist/icons/custom/Board.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/board.svg";
+export const CustomBoardIcon = forwardRef(function CustomBoardIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M3 11.5C3 12.3284 3.67157 13 4.5 13H9.5C10.3284 13 11 12.3284 11 11.5V4.5C11 3.67157 10.3284 3 9.5 3H4.5C3.67157 3 3 3.67157 3 4.5V11.5ZM13 19.5C13 20.3284 13.6716 21 14.5 21H19.5C20.3284 21 21 20.3284 21 19.5V12.5C21 11.6716 20.3284 11 19.5 11H14.5C13.6716 11 13 11.6716 13 12.5V19.5Z", fill: "#363636" }), _jsx("path", { d: "M4.5 21C3.67157 21 3 20.3284 3 19.5V16.5C3 15.6716 3.67157 15 4.5 15H9.5C10.3284 15 11 15.6716 11 16.5V19.5C11 20.3284 10.3284 21 9.5 21H4.5Z", fill: "#363636" }), _jsx("path", { d: "M14.5 3C13.6716 3 13 3.67157 13 4.5V7.5C13 8.32843 13.6716 9 14.5 9H19.5C20.3284 9 21 8.32843 21 7.5V4.5C21 3.67157 20.3284 3 19.5 3H14.5Z", fill: "#363636" })] })));
+});
+export const CustomBoardSvg = svgImport;

package/dist/icons/custom/BoardColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBoardColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBoardColorSvg: string;

package/dist/icons/custom/BoardColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/board-color.svg";
+export const CustomBoardColorIcon = forwardRef(function CustomBoardColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M3 11.5C3 12.3284 3.67157 13 4.5 13H9.5C10.3284 13 11 12.3284 11 11.5V4.5C11 3.67157 10.3284 3 9.5 3H4.5C3.67157 3 3 3.67157 3 4.5V11.5ZM13 19.5C13 20.3284 13.6716 21 14.5 21H19.5C20.3284 21 21 20.3284 21 19.5V12.5C21 11.6716 20.3284 11 19.5 11H14.5C13.6716 11 13 11.6716 13 12.5V19.5Z", fill: "#42DB88" }), _jsx("path", { d: "M4.5 21C3.67157 21 3 20.3284 3 19.5V16.5C3 15.6716 3.67157 15 4.5 15H9.5C10.3284 15 11 15.6716 11 16.5V19.5C11 20.3284 10.3284 21 9.5 21H4.5Z", fill: "#DFFF9A" }), _jsx("path", { d: "M14.5 3C13.6716 3 13 3.67157 13 4.5V7.5C13 8.32843 13.6716 9 14.5 9H19.5C20.3284 9 21 8.32843 21 7.5V4.5C21 3.67157 20.3284 3 19.5 3H14.5Z", fill: "#DFFF9A" })] })));
+});
+export const CustomBoardColorSvg = svgImport;

package/dist/icons/custom/CastCloudy.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastCloudyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastCloudySvg: string;

package/dist/icons/custom/CastCloudy.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-cloudy.svg";
+export const CustomCastCloudyIcon = forwardRef(function CustomCastCloudyIcon(props, ref) {
+    return (_jsx("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { 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: "#363636" }) })));
+});
+export const CustomCastCloudySvg = svgImport;

package/dist/icons/custom/CastCloudyColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastCloudyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastCloudyColorSvg: string;

package/dist/icons/custom/CastCloudyColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-cloudy-color.svg";
+export const CustomCastCloudyColorIcon = forwardRef(function CustomCastCloudyColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { 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" })] })));
+});
+export const CustomCastCloudyColorSvg = svgImport;

package/dist/icons/custom/CastPartly.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastPartlyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastPartlySvg: string;

package/dist/icons/custom/CastPartly.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-partly.svg";
+export const CustomCastPartlyIcon = forwardRef(function CustomCastPartlyIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { 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: "#363636" }), _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: "#363636" })] })));
+});
+export const CustomCastPartlySvg = svgImport;

package/dist/icons/custom/CastPartlyColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastPartlyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastPartlyColorSvg: string;

package/dist/icons/custom/CastPartlyColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-partly-color.svg";
+export const CustomCastPartlyColorIcon = forwardRef(function CustomCastPartlyColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { 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" })] })));
+});
+export const CustomCastPartlyColorSvg = svgImport;

package/dist/icons/custom/CastRainbow.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastRainbowIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastRainbowSvg: string;

package/dist/icons/custom/CastRainbow.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-rainbow.svg";
+export const CustomCastRainbowIcon = forwardRef(function CustomCastRainbowIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_212_7335)" }, { 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: "#363636" }), _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: "#363636" }), _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: "#363636" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_212_7335" }, { children: _jsx("rect", { width: 16, height: 16, fill: "white", transform: "translate(4 3.5)" }) })) })] })));
+});
+export const CustomCastRainbowSvg = svgImport;

package/dist/icons/custom/CastRainbowColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastRainbowColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastRainbowColorSvg: string;

package/dist/icons/custom/CastRainbowColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-rainbow-color.svg";
+export const CustomCastRainbowColorIcon = forwardRef(function CustomCastRainbowColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_212_7315)" }, { 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_212_7315" }, { children: _jsx("rect", { width: 16, height: 16, fill: "white", transform: "translate(4 3.5)" }) })) })] })));
+});
+export const CustomCastRainbowColorSvg = svgImport;

package/dist/icons/custom/CastSunny.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastSunnyIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastSunnySvg: string;

package/dist/icons/custom/CastSunny.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/cast-sunny.svg";
+export const CustomCastSunnyIcon = forwardRef(function CustomCastSunnyIcon(props, ref) {
+    return (_jsx("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { 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: "#363636" }) })));
+});
+export const CustomCastSunnySvg = svgImport;

package/dist/icons/custom/CastSunnyColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomCastSunnyColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomCastSunnyColorSvg: string;