@team-monolith/cds 1.37.1 → 1.38.0

package/@types/emotion.d.ts

@@ -82,8 +82,6 @@ interface CodleColors {
     boardAlt: string;
     scratch: string;
     scratchAlt: string;
-    entry: string;
-    entryAlt: string;
   };
 }
 

package/dist/CodleDesignSystemProvider.d.ts

@@ -81,8 +81,6 @@ export declare const light: {
             boardAlt: string;
             scratch: string;
             scratchAlt: string;
-            entry: string;
-            entryAlt: string;
         };
     };
 };

package/dist/CodleDesignSystemProvider.js

@@ -87,8 +87,6 @@ export const light = {
             boardAlt: "#F0FCF5",
             scratch: "#FF9D3E",
             scratchAlt: "#FFF5EC",
-            entry: "#32D27D",
-            entryAlt: "#E0F8EB",
         },
     },
 };

package/dist/components/DecoratedNumber/Default/DefaultNumberLarge.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const DefaultNumberLarge: import("react").ForwardRefExoticComponent<{
+    className?: string | undefined;
+    number: number;
+    innerColor?: string | undefined;
+    outerColor?: string | undefined;
+} & import("react").RefAttributes<any>>;

package/dist/components/DecoratedNumber/Default/DefaultNumberLarge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "@emotion/react";
+import { forwardRef } from "react";
+export const DefaultNumberLarge = forwardRef((props, ref) => {
+    const theme = useTheme();
+    const { className, number, innerColor = theme.color.foreground.primary, outerColor = theme.color.foreground.primaryDisabled, } = props;
+    switch (number) {
+        case 1:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "49", height: "74", viewBox: "0 0 49 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M27.3301 69.8241C23.3051 69.8241 18.4451 69.6641 16.4951 69.4691C12.8101 69.1191 10.5951 66.7141 10.4451 62.8741C10.1901 56.0141 10.1901 48.8491 10.1901 44.5641C10.1901 41.0041 10.2451 37.0491 10.3751 29.8291C10.2801 29.8191 10.1851 29.8091 10.0951 29.7991C6.32012 29.4191 3.98012 26.9591 3.83012 23.2091C3.74512 21.1291 3.74512 19.0041 3.74512 16.9491C3.74512 14.8941 3.74512 12.7691 3.83012 10.6841C3.98012 6.92414 6.34512 4.45914 10.1501 4.09414C12.3951 3.89914 22.1401 3.74414 27.3251 3.74414C31.3501 3.74414 36.2101 3.90414 38.1601 4.09914C41.8451 4.44914 44.0601 6.85414 44.2101 10.6941C44.4651 17.5541 44.4651 26.8941 44.4651 36.7841C44.4651 46.6741 44.4651 56.0141 44.2101 62.8641C44.0551 66.7141 41.8451 69.1191 38.1401 69.4691C36.2101 69.6641 31.3501 69.8191 27.3251 69.8191L27.3301 69.8241Z", fill: innerColor }), _jsx("path", { d: "M27.33 7.5C31.515 7.5 36.115 7.665 37.79 7.835C39.545 8 40.385 8.755 40.47 10.85C40.72 17.63 40.72 27 40.72 36.79C40.72 46.58 40.72 55.955 40.47 62.73C40.385 64.82 39.55 65.575 37.79 65.74C36.115 65.905 31.515 66.075 27.33 66.075C23.145 66.075 18.545 65.91 16.87 65.74C15.115 65.575 14.275 64.82 14.19 62.73C13.94 55.95 13.94 48.755 13.94 44.57C13.94 40.385 14.025 35.45 14.19 26.245C12.515 26.245 11.18 26.16 10.51 26.08C8.755 25.915 7.665 25.16 7.58 23.07C7.495 21.06 7.495 18.97 7.495 16.96C7.495 14.95 7.495 12.86 7.58 10.85C7.665 8.76 8.75 8.005 10.51 7.84C12.435 7.675 21.725 7.505 27.33 7.505M27.33 0C22.1 0 12.24 0.155 9.86 0.365H9.83L9.8 0.37C4.125 0.91 0.315 4.905 0.0900002 10.55C1.49012e-07 12.7 0 14.865 0 16.96C0 19.055 1.49012e-07 21.215 0.0900002 23.38C0.27 27.86 2.72 31.31 6.575 32.8C6.485 38.185 6.44 41.515 6.44 44.575C6.44 48.885 6.44 56.095 6.695 63.01C6.925 68.77 10.545 72.67 16.14 73.21C18.235 73.42 23.14 73.58 27.325 73.58C31.51 73.58 36.43 73.415 38.52 73.21C44.11 72.665 47.725 68.77 47.955 63.035C48.21 56.095 48.21 46.72 48.21 36.795C48.21 26.87 48.21 17.495 47.955 10.575C47.725 4.815 44.11 0.92 38.515 0.375C36.425 0.165 31.51 0.005 27.32 0.005L27.33 0Z", fill: outerColor })] })));
+        case 2:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "74", height: "74", viewBox: "0 0 74 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M33.105 70.41C29.58 70.41 23.92 70.33 19.81 70.155C14.86 69.955 9.86 69.205 6.855 65.115C4.27 61.6 3.75 56.475 3.75 49.34C3.75 40.655 4.645 34.905 8.59 31.685C6.1 31.015 4.835 28.965 4.835 25.575C4.835 22.96 5.68 17.635 6.25 14.86L6.26 14.81C7.955 7.12 11.655 5.395 18.8 4.61C23.39 4.08 31.715 3.75 36.78 3.75C41.575 3.75 51.22 4.055 56.115 4.61C60.54 5.085 63.15 5.91 65.1 7.46C67.71 9.54 68.425 12.445 68.78 15.02L68.79 15.085C69.045 17.22 69.32 22.005 69.32 26.66C69.32 31.315 69.055 35.965 68.79 38.15L68.78 38.215C68.19 42.485 66.625 45.185 63.63 46.655C66.215 46.965 68.9 48.45 69.225 53.175V53.235C69.32 54.925 69.32 56.72 69.32 58.455C69.32 60.19 69.32 62.07 69.23 63.755V63.815C69.02 66.82 67.68 70.405 62.475 70.405H33.105V70.41Z", fill: innerColor }), _jsx("path", { d: "M36.79 7.48432C41.895 7.48432 51.265 7.81862 55.7 8.31758C62.73 9.071 64.405 10.6577 65.07 15.4975C65.32 17.5832 65.57 22.2634 65.57 26.6043C65.57 30.9452 65.32 35.5406 65.07 37.6262C64.4 42.471 62.725 44.2224 55.7 44.2224H35.2C33.78 44.2224 33.11 45.0556 33.11 46.6423V47.8099C33.11 49.2319 33.78 50.2298 35.2 50.2298H62.48C64.57 50.2298 65.325 50.8984 65.49 53.3183C65.575 54.905 65.575 56.6563 65.575 58.3278C65.575 59.9993 65.575 61.8355 65.49 63.4221C65.325 65.8421 64.485 66.5107 62.48 66.5107H33.11C29.43 66.5107 23.905 66.4259 19.97 66.2612C9.675 65.8421 7.5 63.003 7.5 49.2269C7.5 35.4507 9.675 32.442 20.22 32.1926C26.33 32.0279 34.28 32.0279 39.97 32.0279V24.0097C39.97 22.3382 39.635 21.7544 36.79 21.7544C34.28 21.7544 33.61 22.0887 33.525 23.9249L33.36 26.5145C33.275 27.9365 33.195 28.0163 31.605 28.186C29.68 28.3506 24.075 28.3506 21.23 28.3506C18.385 28.3506 14.115 28.3506 10.27 28.1011C8.93 28.0163 8.595 27.6022 8.595 25.5116C8.595 23.4209 9.35 18.4114 9.935 15.5724C11.19 9.89427 13.115 8.9762 19.225 8.3076C23.575 7.80864 31.775 7.47434 36.8 7.47434M36.79 0C31.625 0 23.13 0.339284 18.38 0.883145C14.96 1.25736 11.37 1.81121 8.325 4.03156C4.6 6.75086 3.31 10.7724 2.605 13.9707L2.595 14.0206L2.585 14.0705C2.01 16.8697 1.09 22.448 1.09 25.5166C1.09 27.4026 1.28 29.613 2.685 31.7136C2.815 31.9082 2.96 32.1078 3.12 32.3123C0.545 36.5185 0 41.9821 0 49.2319C0 57.1104 0.64 62.8633 3.83 67.1942C7.785 72.563 14.05 73.516 19.66 73.7455C23.81 73.9202 29.54 74 33.1 74H62.47C68.515 74 72.535 70.1481 72.965 63.9411V63.8812L72.97 63.8213C73.065 62.0401 73.065 60.0692 73.065 58.3328C73.065 56.5965 73.065 54.7104 72.97 52.9291V52.8693L72.965 52.8094C72.76 49.8107 71.76 47.3907 70.11 45.6743C71.245 43.8931 72.085 41.5979 72.495 38.649L72.505 38.5842L72.515 38.5193C72.84 35.8 73.07 30.9003 73.07 26.6043C73.07 22.3083 72.835 17.2838 72.515 14.6044L72.505 14.5395L72.495 14.4747C72.1 11.6107 71.145 7.45937 67.435 4.51554C64.28 2.01078 60.325 1.2873 56.515 0.878158C51.475 0.309349 41.655 0 36.785 0H36.79Z", fill: outerColor })] })));
+        case 3:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "72", height: "75", viewBox: "0 0 72 75", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M35.8307 71.253C30.6502 71.253 22.1238 70.9068 17.6791 70.3901C10.5348 69.6025 6.83085 67.8667 5.14545 60.156L5.1355 60.1058C4.56376 57.2914 3.72852 51.5121 3.72852 48.8533C3.72852 47.278 3.72852 43.0891 8.87422 42.5122C10.9226 42.3065 17.5548 42.2362 20.2693 42.2362C22.0542 42.2362 25.415 42.2663 28.0401 42.3466C28.0003 42.1058 27.9705 41.855 27.9556 41.5941C27.8611 40.5707 27.8611 39.151 27.8611 37.5155C27.8611 35.6744 27.8611 34.4453 27.9556 33.4369C27.9754 33.1811 28.0003 32.9302 28.0401 32.6894C25.415 32.7747 22.0542 32.8048 20.2693 32.8048C17.5548 32.8048 10.9226 32.7346 8.91399 32.5339C3.72852 31.952 3.72852 27.763 3.72852 26.1877C3.72852 23.5289 4.56376 17.7446 5.1355 14.9352L5.14545 14.8851C6.83085 7.17437 10.5348 5.4436 17.699 4.65096C22.1188 4.13424 30.6452 3.78809 35.8257 3.78809C44.2577 3.78809 51.0888 4.07906 56.1301 4.65096C66.3271 5.79478 68.261 11.8349 68.261 22.5807C68.261 29.3332 67.4308 34.3901 64.1544 37.5255C67.4308 40.661 68.261 45.7178 68.261 52.4704C68.261 63.2162 66.3271 69.2563 56.1252 70.4001C51.0938 70.972 44.2627 71.263 35.8257 71.263L35.8307 71.253Z", fill: innerColor }), _jsx("path", { d: "M35.83 7.47C42.07 7.47 49.81 7.63 55.72 8.3C62.46 9.05 64.54 11.62 64.54 22.34C64.54 33.06 62.29 36.05 55.05 36.89V37.39C62.29 38.22 64.54 41.21 64.54 51.94C64.54 62.67 62.46 65.24 55.72 65.98C49.81 66.65 42.07 66.81 35.83 66.81C30.84 66.81 22.44 66.48 18.11 65.98C12.03 65.31 10.04 64.4 8.79 58.75C8.21 55.92 7.46 50.52 7.46 48.36C7.46 46.2 7.79 45.95 9.29 45.78C10.96 45.62 16.95 45.53 20.27 45.53C23.59 45.53 29.01 45.61 30.67 45.78C32.25 45.94 32.34 46.03 32.42 47.44L32.58 50.43C32.66 52.26 33.33 52.59 35.83 52.59C38.66 52.59 38.99 52.01 38.99 50.35V42.7H33.67C32.25 42.7 31.76 42.28 31.67 40.87C31.59 40.04 31.59 38.63 31.59 37.13C31.59 35.39 31.59 34.22 31.67 33.39C31.75 31.97 32.25 31.56 33.67 31.56H38.99V23.91C38.99 22.25 38.66 21.67 35.83 21.67C33.33 21.67 32.67 22 32.58 23.83L32.42 26.82C32.34 28.24 32.26 28.31 30.67 28.48C29 28.64 23.6 28.73 20.27 28.73C16.94 28.73 10.95 28.65 9.29 28.48C7.79 28.32 7.46 27.98 7.46 25.9C7.46 23.82 8.21 18.34 8.79 15.51C10.04 9.86 12.04 8.94 18.11 8.28C22.44 7.78 30.84 7.45 35.83 7.45M8.47 38.38C7.39 38.5 4.09 38.87 1.83 41.91C0.22 44.07 0 46.38 0 48.35C0 51.26 0.87 57.23 1.49 60.24V60.29L1.51 60.34C2.22 63.53 3.51 67.55 7.28 70.26C10.31 72.45 13.88 72.99 17.28 73.36C21.85 73.89 30.56 74.24 35.83 74.24C44.41 74.24 51.38 73.95 56.55 73.36C60.25 72.95 65.57 71.82 68.89 66.75C71.09 63.39 71.99 59.09 71.99 51.91C71.99 43.3 70.47 39.55 68.92 37.12C71.62 32.83 71.99 27.25 71.99 22.33C71.99 15.14 71.09 10.84 68.89 7.49C65.57 2.43 60.25 1.3 56.54 0.88C51.37 0.3 44.4 0 35.83 0V0.02C30.56 0.02 21.85 0.37 17.27 0.9C13.87 1.27 10.31 1.82 7.28 4C3.51 6.72 2.21 10.73 1.51 13.93V13.98L1.49 14.03C0.87 17.04 0 23.01 0 25.92C0 27.9 0.22 30.21 1.82 32.37C4.09 35.42 7.38 35.78 8.46 35.9V38.38H8.47Z", fill: outerColor })] })));
+        case 4:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "76", height: "74", viewBox: "0 0 76 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M49.4201 69.91C45.7051 69.91 41.3951 69.755 39.5751 69.555C35.8901 69.19 33.6901 66.79 33.5351 62.96C33.4851 61.51 33.4651 59.935 33.4551 58.275H16.2801C11.9651 58.275 9.24012 57.47 7.43512 55.67C5.16012 53.4 4.74512 50.965 4.74512 46.995C4.74512 43.99 4.75012 41.405 4.84012 40.2C5.05512 36.765 5.67011 35.235 8.12511 32.065L27.8351 7.575C30.0251 4.8 32.5801 4.115 35.9801 3.925C38.9301 3.75 43.9651 3.75 48.4101 3.75C52.4351 3.75 57.2951 3.91 59.2451 4.105C62.9301 4.455 65.1451 6.86 65.2951 10.7C65.5251 16.905 65.5451 25.17 65.5501 34.045H65.5651C67.2301 34.045 71.1251 34.55 71.4001 39.25V39.325C71.4901 41.575 71.4901 43.905 71.4901 46.165C71.4901 48.425 71.4901 50.67 71.4051 53V53.08C71.1251 57.775 67.2301 58.285 65.5651 58.285H65.4251C65.3901 59.96 65.3451 61.535 65.2951 62.95C65.1401 66.8 62.9401 69.2 59.2551 69.565C57.4051 69.765 53.1851 69.92 49.4101 69.92L49.4201 69.91ZM33.7051 34.04V32.015L32.0751 34.04H33.7051Z", fill: innerColor }), _jsx("path", { d: "M48.42 7.5C52.605 7.5 57.205 7.665 58.88 7.835C60.635 8 61.475 8.755 61.56 10.845C61.81 17.625 61.81 27.08 61.81 36.87V37.79H65.575C67 37.79 67.585 38.04 67.665 39.465C67.75 41.64 67.75 43.9 67.75 46.16C67.75 48.42 67.75 50.595 67.665 52.855C67.58 54.28 66.995 54.53 65.575 54.53H61.725C61.725 57.54 61.64 60.385 61.56 62.815C61.475 64.905 60.64 65.66 58.88 65.825C57.375 65.99 53.355 66.16 49.425 66.16C45.495 66.16 41.475 65.995 39.97 65.825C38.215 65.66 37.375 64.905 37.29 62.815C37.205 60.39 37.205 57.545 37.205 54.53H16.285C12.77 54.53 11.015 53.945 10.095 53.025C8.925 51.855 8.505 50.765 8.505 47C8.505 44.74 8.505 41.645 8.59 40.475C8.755 37.795 9.09001 36.96 11.1 34.365L30.765 9.93C32.02 8.34 33.275 7.84 36.205 7.67C39.05 7.505 44.155 7.505 48.42 7.505M24.235 37.79H37.455V21.39L24.235 37.79ZM48.42 0C43.925 0 38.825 -1.78814e-07 35.76 0.18C32.045 0.39 28.15 1.155 24.9 5.245L5.255 29.66L5.21001 29.715L5.165 29.77C2.245 33.54 1.37001 35.735 1.10001 39.97C1.00501 41.31 1 43.84 1 46.995C1 50.97 1.29 54.825 4.785 58.325C8.065 61.605 12.65 62.03 16.28 62.03H29.755C29.765 62.385 29.775 62.73 29.785 63.075V63.095V63.115C30.015 68.84 33.615 72.73 39.185 73.29C41.165 73.505 45.54 73.665 49.415 73.665C53.29 73.665 57.665 73.505 59.645 73.29C65.215 72.735 68.815 68.84 69.045 63.115V63.095V63.075C69.06 62.58 69.08 62.065 69.095 61.53C69.88 61.275 70.695 60.89 71.49 60.32C73.035 59.21 74.92 57.09 75.145 53.3V53.22L75.155 53.14C75.245 50.74 75.245 48.52 75.245 46.17C75.245 43.82 75.245 41.505 75.155 39.185V39.11L75.15 39.035C74.925 35.245 73.04 33.125 71.495 32.015C70.77 31.49 70.025 31.125 69.3 30.87C69.29 23.175 69.25 16.085 69.045 10.575C68.815 4.815 65.2 0.92 59.61 0.375C57.52 0.165 52.605 0.00499988 48.415 0.00499988L48.42 0Z", fill: outerColor })] })));
+        case 5:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "73", height: "74", viewBox: "0 0 73 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M36.2851 70.41C31.0751 70.41 22.5001 70.065 18.0301 69.55C10.8451 68.765 7.12013 67.035 5.42513 59.35L5.41512 59.3C4.79012 56.27 4.00012 50.185 4.00012 47.665C4.00012 46.6 4.00012 45.275 4.67012 43.995C4.91012 43.545 5.25012 43.05 5.74512 42.615C4.67512 41.47 4.08012 39.86 4.00012 37.85C3.83512 34.04 3.74512 29.21 3.74512 23.9C3.74512 18.59 3.83012 14.23 4.00012 10.51C4.16012 6.285 6.66013 3.75 10.6751 3.75H60.8001C64.9251 3.75 67.3851 6.18 67.5601 10.425C67.6451 12.11 67.6451 14.305 67.6451 15.62C67.6451 16.935 67.6451 18.58 67.4551 20.365C66.9751 24.45 65.2101 26.535 61.6301 27.15C66.2751 28.995 67.5951 33.015 68.1901 37.275C68.6201 40.175 68.8151 43.335 68.8151 47.505C68.8151 52.43 68.5401 56.955 68.2851 59.08L68.2751 59.145C67.9201 61.715 67.2051 64.625 64.5951 66.705C62.6451 68.255 60.0351 69.085 55.5901 69.56C50.7151 70.11 41.0751 70.42 36.2801 70.42L36.2851 70.41Z", fill: innerColor }), _jsx("path", { d: "M60.805 7.48382C62.98 7.48382 63.735 8.40183 63.815 10.5721C63.9 12.1587 63.9 14.329 63.9 15.5813C63.9 16.8336 63.9 18.3354 63.735 19.9219C63.4 22.7608 62.645 23.3445 59.97 23.5142C58.045 23.6788 52.19 23.7636 48.255 23.7636H33.695C32.94 23.7636 32.69 24.0979 32.69 25.2654V28.4385C32.69 29.606 32.94 29.7756 33.695 29.7756H55.115C62.145 29.7756 63.735 32.365 64.485 37.7085C64.82 39.9636 65.07 42.8025 65.07 47.3925C65.07 51.9826 64.82 56.408 64.57 58.4985C63.9 63.343 62.225 64.9296 55.2 65.678C50.765 66.1769 41.395 66.5112 36.29 66.5112C31.185 66.5112 22.82 66.1769 18.465 65.678C12.355 65.0094 10.35 64.0914 9.095 58.4137C8.51 55.5748 7.755 49.7275 7.755 47.5572C7.755 45.806 7.84001 45.0526 9.43001 44.9678C11.74 44.8181 14.29 44.7882 16.575 44.7882C18.1 44.7882 19.505 44.8031 20.645 44.8031C23.49 44.8031 29.18 44.8031 31.105 44.9678C32.695 45.1324 32.78 45.2172 32.86 46.6392L33.025 50.0618C33.11 51.8978 33.78 52.2321 36.29 52.2321C39.135 52.2321 39.47 51.6483 39.47 49.9769V42.4632C39.47 41.2957 39.22 41.1261 38.465 41.1261H32.69C28.09 41.1261 14.365 41.1261 10.68 40.7918C8.67001 40.6272 7.835 39.789 7.75 37.6187C7.585 33.777 7.5 28.9324 7.5 23.8434C7.5 18.7544 7.585 14.324 7.75 10.652C7.835 8.48166 8.67001 7.47883 10.68 7.47883H60.805M60.805 0H10.68C4.69501 0 0.509995 4.15102 0.259995 10.3327C0.0899945 14.0995 0 18.6447 0 23.8484C0 29.0522 0.0899945 34.0663 0.259995 37.943C0.324995 39.5794 0.664995 41.0712 1.245 42.3784C0.254995 44.394 0.255005 46.3697 0.255005 47.5672C0.255005 50.5457 1.145 57.0167 1.75 59.9304L1.75999 59.9803L1.77 60.0302C2.48 63.2383 3.78 67.2696 7.575 69.9987C10.625 72.1939 14.215 72.7427 17.63 73.1169C22.23 73.6458 30.985 74 36.29 74C41.165 74 50.985 73.6857 56.025 73.1219C59.83 72.7128 63.79 71.9893 66.945 69.4848C70.655 66.5411 71.61 62.3901 72.005 59.5263L72.015 59.4614L72.025 59.3966C72.35 56.6775 72.58 51.7431 72.58 47.3975C72.58 43.0519 72.375 39.7391 71.915 36.6408C71.5 33.7021 70.665 30.3045 68.48 27.5554C70.685 25.0708 71.045 22.0174 71.19 20.805V20.7601L71.2 20.7152C71.41 18.7395 71.41 16.9184 71.41 15.5913C71.41 14.2642 71.41 12.009 71.32 10.2329C71.055 4.0213 66.935 0.00997675 60.815 0.00997675L60.805 0Z", fill: outerColor })] })));
+        case 6:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "74", height: "74", viewBox: "0 0 74 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M37.1311 70.2823C31.8648 70.2823 22.8477 69.9308 18.3366 69.4309C11.0967 68.6488 7.34582 66.9411 5.63906 59.3332C4.74288 55.4971 3.78125 47.5873 3.78125 36.9947C3.78125 26.402 4.74288 18.4922 5.64409 14.6264C7.34582 7.04817 11.0967 5.34048 18.3517 4.5584C22.8477 4.02877 31.4419 3.70703 37.1311 3.70703C42.2313 3.70703 50.614 4.03372 55.256 4.5584C62.3399 5.32068 65.7987 6.95907 67.5256 14.6561L67.5357 14.7056C68.4822 19.2198 68.9605 22.5114 68.9605 24.4815C68.9605 27.8325 67.7572 29.7728 65.1996 30.4906C67.0725 31.7132 68.4923 33.5347 69.1921 36.3561C69.8818 39.1429 70.2292 43.172 70.2292 48.3397C70.2292 51.4927 70.0933 57.3335 69.1971 60.9766C67.6867 67.3619 61.9069 68.8122 55.8904 69.4259C51.4145 69.9259 42.3974 70.2724 37.1311 70.2724V70.2823ZM37.1966 49.686C37.2318 48.706 37.2318 47.716 37.2318 46.6864C37.2318 45.6569 37.2318 44.6075 37.1966 43.6076C37.1764 43.6076 37.0909 43.6076 37.0707 43.6076C37.0355 44.6124 37.0355 45.6321 37.0355 46.6864C37.0355 47.7407 37.0355 48.706 37.0707 49.686C37.0909 49.686 37.1764 49.686 37.1966 49.686ZM37.2016 27.2385C37.2016 27.2385 37.2519 27.2385 37.2721 27.2385C37.2469 27.1494 37.2217 27.0554 37.2016 26.9613V27.2385Z", fill: innerColor }), _jsx("path", { d: "M37.1309 7.42475C42.1857 7.42475 50.4426 7.75639 54.8279 8.25138C60.9803 8.91466 62.5813 9.82542 63.845 15.4583C64.4341 18.2748 65.1943 22.3336 65.1943 24.4868C65.1943 26.64 64.857 26.8875 63.5077 27.0558C61.8211 27.2191 55.1652 27.3033 52.6378 27.3033C50.1104 27.3033 44.2097 27.2191 42.5281 27.0558C40.9271 26.8924 40.9271 26.8083 40.7609 25.3976L40.5948 23.8235C40.4286 22.002 39.4166 21.6704 37.141 21.6704C33.7727 21.6704 33.4354 22.1654 33.4354 23.8235V31.0305C35.7967 30.9464 37.3977 30.9464 38.9988 30.9464C43.6307 30.9464 50.206 31.0305 55.5126 31.6096C62.0829 32.3571 64.6103 33.5153 65.5417 37.2426C66.2164 39.9749 66.4681 44.0337 66.4681 48.345C66.4681 52.6563 66.2164 57.3735 65.5417 60.1058C64.7009 63.6697 62.0023 65.0755 55.5126 65.7387C51.0468 66.2337 42.2008 66.5654 37.146 66.5654C32.0912 66.5654 23.2452 66.2337 18.7794 65.7387C12.627 65.0755 10.6081 64.1647 9.3444 58.5318C8.41802 54.5571 7.57722 46.6868 7.57722 36.9951C7.57722 27.3033 8.41802 19.433 9.3444 15.4583C10.6081 9.82542 12.6321 8.91466 18.7794 8.25138C22.9935 7.75639 31.2504 7.42475 37.146 7.42475M37.1309 53.3988C38.0573 53.3988 39.0693 53.3147 39.5727 53.2355C40.4135 53.0721 40.7509 52.8197 40.8364 51.8297C41.0026 50.0923 41.0026 48.4341 41.0026 46.6918C41.0026 44.9494 41.0026 43.212 40.8364 41.4747C40.7509 40.5639 40.4135 40.2322 39.5727 40.0689C39.0693 39.9848 38.0573 39.9056 37.1309 39.9056C36.2045 39.9056 35.1925 39.9897 34.6891 40.0689C33.8483 40.153 33.5109 40.5639 33.4253 41.4796C33.2592 43.217 33.2592 44.9593 33.2592 46.6967C33.2592 48.4341 33.2592 50.0923 33.4253 51.8347C33.5109 52.8296 33.8483 53.0771 34.6891 53.2404C35.1925 53.3245 36.2045 53.4038 37.1309 53.4038M37.1309 0C31.4266 0 22.7619 0.306899 17.9034 0.87613C14.4697 1.24737 10.8649 1.7968 7.7937 3.96978C3.98244 6.66743 2.66839 10.652 1.95347 13.8348C0.750173 19.0272 0 27.8973 0 37C0 46.1027 0.750173 54.9778 1.95347 60.1652C2.66839 63.343 3.98244 67.3276 7.7937 70.0302C10.8699 72.2082 14.4848 72.7526 17.9235 73.1239C22.636 73.6486 31.6481 74 37.1259 74C42.6036 74 51.5905 73.6486 56.3081 73.1288C60.5926 72.6933 70.5261 71.6538 72.8722 61.8284C73.8037 58.012 74 52.394 74 48.35C74 42.8903 73.6174 38.5641 72.8622 35.5002C72.4141 33.7034 71.7344 32.2036 70.8886 30.9513C70.954 30.8672 71.0144 30.7781 71.0799 30.689C72.545 28.5902 72.7413 26.3777 72.7413 24.4918C72.7413 23.6652 72.7413 21.1407 71.236 13.9635L71.2259 13.914L71.2158 13.8645C70.4656 10.5283 69.2372 6.76148 65.8035 4.13807C62.7676 1.8166 59.1325 1.25231 55.6687 0.88107C50.8857 0.341538 42.3318 0.00495467 37.1309 0.00495467V0Z", fill: outerColor })] })));
+        case 7:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "67", height: "74", viewBox: "0 0 67 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M32.911 70.2245C29.8087 70.2245 25.3177 70.134 22.0057 69.8775C17.9344 69.5507 15.7863 67.2023 15.7863 63.089C15.7863 56.3859 17.8295 48.0989 21.2564 40.9232C23.0847 37.0965 25.4426 33.2848 28.0753 29.8352H9.66676C8.00325 29.8352 4.11174 29.3274 3.83699 24.6005V24.51C3.74707 22.0058 3.74707 19.4815 3.74707 16.8063C3.74707 14.1311 3.74706 11.6923 3.83199 9.1076V9.01206C4.11174 4.29026 8.00325 3.77734 9.66676 3.77734H57.3191C58.9776 3.77734 62.8741 4.28523 63.1489 9.01206V9.08749C63.2388 11.3453 63.2388 13.6936 63.2388 15.9665C63.2388 17.6712 63.2388 19.4362 63.1489 21.0554C63.014 23.4641 62.4945 24.8419 60.2265 28.7943C54.2269 39.4297 50.8249 50.754 49.8508 63.3857C49.7309 64.8791 49.3712 69.3948 43.8462 69.8775C39.9996 70.1692 35.7784 70.2295 32.906 70.2295L32.911 70.2245Z", fill: innerColor }), _jsx("path", { d: "M57.3237 7.54281C58.7474 7.54281 59.3319 7.79424 59.4118 9.22737C59.4967 11.4148 59.4967 13.6877 59.4967 15.9606C59.4967 17.6451 59.4967 19.3247 59.4118 20.8433C59.3269 22.3569 59.162 23.1162 56.989 26.9027C51.0543 37.4224 47.2077 49.0383 46.1187 63.0881C45.9539 65.19 45.4493 65.9493 43.526 66.1152C40.184 66.3667 36.2525 66.4522 32.9105 66.4522C30.0681 66.4522 25.5521 66.3667 22.295 66.1152C20.2069 65.9493 19.5375 65.2755 19.5375 63.0881C19.5375 56.6918 21.5457 49.0333 24.6379 42.5515C27.8151 35.9038 32.2461 30.0958 36.3425 26.1434V26.0579H9.67133C8.24761 26.0579 7.66313 25.8065 7.58321 24.3733C7.49828 21.9345 7.49829 19.4102 7.49829 16.8004C7.49829 14.1905 7.49828 11.7517 7.58321 9.22737C7.66813 7.79424 8.2526 7.54281 9.67133 7.54281H57.3237ZM57.3237 0H9.67133C8.15269 0 5.88474 0.181026 3.75165 1.72479C2.20803 2.84112 0.324715 4.97323 0.0999166 8.78486V8.8804L0.0899158 8.97594C-3.66241e-06 11.626 0 14.1403 0 16.8004C0 19.4604 -3.66241e-06 22.0652 0.0899158 24.6348V24.7253L0.0999166 24.8158C0.324715 28.6275 2.20803 30.7596 3.75165 31.8759C5.88474 33.4197 8.15269 33.6007 9.67133 33.6007H20.9562C19.8372 35.4512 18.8032 37.357 17.884 39.283C14.1723 47.0621 12.0442 55.7363 12.0442 63.0881C12.0442 69.2078 15.656 73.1502 21.7006 73.6379C25.1425 73.9045 29.7434 74 32.9155 74C35.8529 74 40.174 73.9397 44.0955 73.643H44.1405L44.1854 73.6379C46.7981 73.4117 52.9376 71.9836 53.597 63.6965C54.5461 51.452 57.6883 40.9575 63.4981 30.659C65.896 26.4803 66.7203 24.5343 66.9051 21.2657C67 19.5409 67 17.7256 67 15.9656C67 13.6625 67 11.274 66.9101 8.94074V8.86532L66.9051 8.78989C66.6803 4.97825 64.797 2.84615 63.2534 1.72982C61.1203 0.186055 58.8523 0.0050277 57.3337 0.0050277L57.3237 0Z", fill: outerColor })] })));
+        case 8:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "71", height: "74", viewBox: "0 0 71 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M35.4997 70.2822C26.3287 70.2822 21.7333 69.9951 15.9889 69.4359C5.74901 68.4361 3.75098 62.1903 3.75098 51.7426C3.75098 45.081 4.58516 40.0922 7.87691 36.999C4.58516 33.9058 3.75098 28.917 3.75098 22.2554C3.75098 15.5938 4.47526 12.169 6.24851 9.47169C8.71109 5.72517 12.7471 4.87887 15.9889 4.56212C21.7382 4.00287 26.3337 3.71582 35.4997 3.71582C44.6656 3.71582 49.2611 4.00287 55.0105 4.56212C65.2504 5.56186 67.2484 11.8077 67.2484 22.2554C67.2484 28.917 66.4142 33.9058 63.1225 36.999C66.4142 40.0922 67.2484 45.081 67.2484 51.7426C67.2484 58.4042 66.5241 61.829 64.7509 64.5263C62.2883 68.2728 58.2523 69.1191 55.0105 69.4359C49.2661 69.9951 44.6706 70.2822 35.4997 70.2822ZM35.4997 50.1836C35.5147 49.4758 35.5147 48.7186 35.5147 48.1C35.5147 47.4813 35.5147 46.7192 35.4997 46.0114C35.4847 46.7192 35.4847 47.4764 35.4847 48.1C35.4847 48.7236 35.4847 49.4758 35.4997 50.1836ZM35.4997 27.9865C35.5147 27.2788 35.5147 26.5216 35.5147 25.9029C35.5147 25.2843 35.5147 24.5221 35.4997 23.8144C35.4847 24.5221 35.4847 25.2794 35.4847 25.9029C35.4847 26.5265 35.4847 27.2788 35.4997 27.9865Z", fill: innerColor }), _jsx("path", { d: "M35.5 7.42871C44.1964 7.42871 48.707 7.67616 54.6461 8.25521C61.4194 8.9184 63.5074 11.5662 63.5074 22.2515C63.5074 32.9367 61.2496 35.9161 53.9768 36.7476V37.2425C61.2496 38.069 63.5074 41.0534 63.5074 51.7386C63.5074 62.4239 61.4194 65.0717 54.6461 65.7349C48.712 66.3139 44.1964 66.5614 35.5 66.5614C26.8036 66.5614 22.293 66.3139 16.3589 65.7349C9.58555 65.0717 7.49758 62.4239 7.49758 51.7386C7.49758 41.0534 9.75537 38.074 17.0282 37.2425V36.7476C9.75537 35.9211 7.49758 32.9367 7.49758 22.2515C7.49758 11.5662 9.58555 8.9184 16.3589 8.25521C22.293 7.67616 26.8086 7.42871 35.505 7.42871M35.5 31.6994C38.5919 31.6994 39.0965 31.1204 39.1764 29.6307C39.2613 28.5518 39.2613 27.0621 39.2613 25.904C39.2613 24.7459 39.2613 23.2512 39.1764 22.1772C39.0915 20.6875 38.5919 20.1085 35.5 20.1085C32.408 20.1085 31.9035 20.6875 31.8236 22.1772C31.7387 23.2562 31.7387 24.7459 31.7387 25.904C31.7387 27.0621 31.7387 28.5567 31.8236 29.6307C31.9085 31.1204 32.408 31.6994 35.5 31.6994ZM35.5 53.8965C38.5919 53.8965 39.0965 53.3174 39.1764 51.8277C39.2613 50.7488 39.2613 49.2591 39.2613 48.101C39.2613 46.9429 39.2613 45.4482 39.1764 44.3743C39.0915 42.8846 38.5919 42.3055 35.5 42.3055C32.408 42.3055 31.9035 42.8846 31.8236 44.3743C31.7387 45.4532 31.7387 46.9429 31.7387 48.101C31.7387 49.2591 31.7387 50.7537 31.8236 51.8277C31.9085 53.3174 32.408 53.8965 35.5 53.8965ZM35.5 0.00494645C26.1742 0.00494645 21.4888 0.296948 15.6196 0.871051C11.8633 1.23729 6.4786 2.32116 3.10692 7.4485C0.899099 10.804 0 15.095 0 22.2614C0 30.8383 1.52849 34.5799 3.08695 37.0049C0.374627 41.2761 0 46.8439 0 51.7485C0 58.9149 0.899099 63.2059 3.10692 66.5614C6.4786 71.6887 11.8633 72.7677 15.6196 73.1339C21.4888 73.708 26.1742 74 35.5 74C44.8258 74 49.5112 73.708 55.3804 73.1339C59.1367 72.7677 64.5214 71.6838 67.8931 66.5565C70.1009 63.2009 71 58.91 71 51.7436C71 43.1667 69.4715 39.4251 67.913 37C70.6254 32.7289 71 27.1611 71 22.2564C71 15.09 70.1009 10.7991 67.8931 7.44356C64.5214 2.31622 59.1367 1.23729 55.3804 0.866105C49.5112 0.292001 44.8258 0 35.5 0V0.00494645Z", fill: outerColor })] })));
+        case 9:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "74", height: "74", viewBox: "0 0 74 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M36.8794 70.287C30.6313 70.287 23.18 69.9356 18.7545 69.4357C11.6707 68.6734 8.21182 67.035 6.48491 59.338L6.47483 59.2885C5.52831 54.7743 5.05 51.4826 5.05 49.5126C5.05 46.1615 6.25331 44.2262 8.81094 43.5035C6.93803 42.2809 5.51825 40.4593 4.81843 37.6379C4.12867 34.8512 3.78125 30.822 3.78125 25.6544C3.78125 22.5013 3.91721 16.6605 4.81339 13.0175C6.3238 6.63218 12.1036 5.18188 18.1201 4.5681C22.5959 4.06817 31.6081 3.72168 36.8794 3.72168C42.1507 3.72168 51.1628 4.07312 55.6739 4.57305C62.9138 5.35512 66.6647 7.06282 68.3715 14.6707C69.2676 18.5068 70.2292 26.4167 70.2292 37.0093C70.2292 47.6019 69.2676 55.5068 68.3664 59.3776C66.6647 66.9558 62.9138 68.6635 55.6588 69.4456C51.1628 69.9752 42.5686 70.2969 36.8794 70.2969V70.287Z", fill: innerColor }), _jsx("path", { d: "M36.8792 7.4297C41.934 7.4297 50.78 7.76134 55.2458 8.25632C61.3982 8.9196 63.4171 9.83037 64.6808 15.4633C65.6072 19.438 66.4479 27.3082 66.4479 37C66.4479 46.6918 65.6072 54.562 64.6808 58.5367C63.4171 64.1696 61.3931 65.0804 55.2458 65.7437C51.0317 66.2387 42.7748 66.5703 36.8792 66.5703C30.9835 66.5703 23.5674 66.2387 19.1822 65.7437C13.0298 65.0804 11.4288 64.1696 10.1651 58.5367C9.576 55.7203 8.81574 51.6614 8.81574 49.5082C8.81574 47.355 9.15308 47.1076 10.5024 46.9393C12.189 46.7759 18.8449 46.6918 21.3723 46.6918C23.8997 46.6918 29.8004 46.7759 31.482 46.9393C33.083 47.1026 33.083 47.1868 33.2492 48.5975L33.4153 50.1715C33.5815 51.993 34.5934 52.3247 36.8691 52.3247C40.2373 52.3247 40.5746 51.8297 40.5746 50.1715V42.9646C38.2134 43.0487 36.6123 43.0487 35.0113 43.0487C30.3794 43.0487 23.8041 42.9646 18.4975 42.3854C11.9272 41.638 9.39476 40.4797 8.46837 36.7525C7.79372 34.0202 7.54197 29.9613 7.54197 25.65C7.54197 21.3387 7.79372 16.6215 8.46837 13.8843C9.30917 10.3204 12.0078 8.91465 18.4975 8.25137C22.9633 7.75639 31.8092 7.42475 36.8641 7.42475M36.8792 33.8569C37.8056 33.8569 38.8175 33.7727 39.321 33.6935C40.1618 33.6094 40.4991 33.1985 40.5847 32.2878C40.7509 30.5504 40.7509 28.8922 40.7509 27.1498C40.7509 25.4075 40.7509 23.6701 40.5847 21.9327C40.4991 20.9378 40.1618 20.6903 39.321 20.522C38.8175 20.4379 37.8056 20.3587 36.8792 20.3587C35.9528 20.3587 34.9408 20.4428 34.4373 20.522C33.5965 20.6903 33.2592 20.9378 33.1736 21.9327C33.0075 23.6701 33.0075 25.4124 33.0075 27.1498C33.0075 28.8872 33.0075 30.5454 33.1736 32.2878C33.2592 33.1985 33.5965 33.5302 34.4373 33.6985C34.9408 33.7826 35.9528 33.8618 36.8792 33.8618M36.8792 0.00494995C31.4115 0.00494995 22.4145 0.356388 17.697 0.876121C13.4175 1.31171 3.48401 2.35117 1.13281 12.1716C0.196353 15.988 0 21.606 0 25.65C0 31.1097 0.382612 35.4359 1.13782 38.4998C1.58591 40.2966 2.26561 41.7964 3.11144 43.0487C3.04599 43.1328 2.98558 43.2219 2.92516 43.311C1.46006 45.4098 1.26368 47.6223 1.26368 49.5082C1.26368 50.3349 1.26371 52.8543 2.76909 60.0365L2.77913 60.086L2.78921 60.1355C3.53938 63.4717 4.76785 67.2385 8.20152 69.8669C11.2374 72.1884 14.8725 72.7526 18.3364 73.1239C22.8928 73.6387 30.5103 74 36.8741 74C42.5785 74 51.2432 73.6931 56.1017 73.1239C59.5353 72.7526 63.1402 72.2032 66.2063 70.0302C70.0176 67.3326 71.3317 63.348 72.0466 60.1652C73.2499 54.9728 74 46.1027 74 37C74 27.8973 73.2499 19.0222 72.0466 13.8348C71.3317 10.657 70.0176 6.67237 66.2063 3.96977C63.1301 1.79184 59.5152 1.24736 56.0765 0.876121C51.364 0.351438 42.3519 0 36.8741 0L36.8792 0.00494995Z", fill: outerColor })] })));
+        default:
+            return (_jsxs("svg", Object.assign({ className: className, ref: ref, width: "74", height: "74", viewBox: "0 0 74 74", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M37.0004 70.297C31.6416 70.297 22.8357 69.9555 18.2696 69.4456C11.0543 68.6634 7.31618 66.9555 5.61521 59.3465C4.72207 55.5099 3.76367 47.599 3.76367 37.005C3.76367 26.4109 4.72208 18.505 5.62023 14.6337C7.31619 7.05447 11.0543 5.34655 18.2847 4.56438C22.8357 4.05448 31.6416 3.71289 37.0004 3.71289C42.3592 3.71289 51.1652 4.05448 55.7313 4.56438C62.9466 5.34655 66.6847 7.05447 68.3857 14.6634C69.2788 18.5 70.2372 26.4109 70.2372 37.005C70.2372 47.599 69.2788 55.505 68.3807 59.3763C66.6847 66.9555 62.9466 68.6634 55.7162 69.4456C51.1652 69.9555 42.3592 70.297 37.0004 70.297Z", fill: innerColor }), _jsx("path", { d: "M37 7.42574C42.123 7.42574 50.8537 7.75742 55.3043 8.25247C61.4359 8.91584 63.4479 9.82673 64.7074 15.4604C65.6306 19.4356 66.4685 27.3069 66.4685 37C66.4685 46.6931 65.6306 54.5644 64.7074 58.5396C63.4479 64.1733 61.4308 65.0842 55.3043 65.7475C50.8537 66.2426 42.123 66.5743 37 66.5743C31.877 66.5743 23.1463 66.2426 18.6957 65.7475C12.5641 65.0842 10.5521 64.1733 9.29265 58.5396C8.36941 54.5644 7.53146 46.6931 7.53146 37C7.53146 27.3069 8.36941 19.4356 9.29265 15.4604C10.5521 9.82673 12.5692 8.91584 18.6957 8.25247C23.1463 7.75742 31.877 7.42574 37 7.42574ZM37 51.505C37.6723 51.505 38.5956 51.4208 39.0974 51.3416C39.9353 51.1782 40.3568 50.9257 40.4421 50.0148C40.693 46.703 40.693 41.6485 40.693 37.0049C40.693 32.3614 40.693 27.3119 40.4421 23.995C40.3568 23 39.9403 22.8366 39.0974 22.6683C38.5956 22.5842 37.6673 22.505 37 22.505C36.3326 22.505 35.3191 22.5891 34.9026 22.6683C34.0647 22.8317 33.6432 23.0842 33.5579 23.995C33.307 27.3069 33.307 32.3614 33.307 37.0049C33.307 41.6485 33.307 46.698 33.5579 50.0148C33.6432 51.0099 34.0597 51.1733 34.9026 51.3416C35.4044 51.4257 36.3326 51.505 37 51.505ZM37 0C31.5408 0 22.5543 0.351487 17.8628 0.87624C14.4358 1.24753 10.8281 1.79208 7.76734 3.9703C3.96899 6.66832 2.65934 10.6535 1.94684 13.8317C0.747629 19.0248 0 27.896 0 37C0 46.104 0.747629 54.9802 1.94684 60.1683C2.65934 63.3465 3.96899 67.3317 7.76734 70.0297C10.8331 72.2079 14.4358 72.7525 17.8628 73.1238C22.5543 73.6485 31.5458 74 37 74C42.4541 74 51.4457 73.6485 56.1372 73.1238C59.5642 72.7525 63.1719 72.2079 66.2327 70.0297C70.031 67.3317 71.3407 63.3465 72.0532 60.1683C73.2524 54.9753 74 46.104 74 37C74 27.896 73.2524 19.0248 72.0532 13.8317C71.3407 10.6535 70.031 6.66832 66.2327 3.9703C63.1669 1.79208 59.5642 1.24753 56.1322 0.87624C51.4357 0.351487 42.4542 0.00494778 36.995 0.00494778L37 0Z", fill: outerColor })] })));
+    }
+});

package/dist/components/DecoratedNumber/Default/DefaultNumberSmall.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const DefaultNumberSmall: import("react").ForwardRefExoticComponent<{
+    className?: string | undefined;
+    number: number;
+    color?: string | undefined;
+} & import("react").RefAttributes<any>>;

package/dist/components/DecoratedNumber/Default/DefaultNumberSmall.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export const DefaultNumberSmall = forwardRef((props, ref) => {
+    const { className, number, color = "#000000" } = props;
+    switch (number) {
+        case 1:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "18", height: "30", viewBox: "0 0 18 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M16.4126 0.171575C17.3634 0.256082 17.8185 0.642766 17.8646 1.71575C18 5.18822 18 9.9872 18 15.0013C18 20.0154 18 24.8169 17.8646 28.2868C17.8185 29.3572 17.3661 29.7439 16.4126 29.8284C15.5052 29.9129 13.0131 30 10.7458 30C8.47855 30 5.98646 29.9155 5.07901 29.8284C4.12822 29.7439 3.67314 29.3572 3.62709 28.2868C3.49165 24.8143 3.49165 21.1293 3.49165 18.9859C3.49165 16.8425 3.5377 14.315 3.62709 9.60051C2.71964 9.60051 1.99639 9.55698 1.63341 9.51601C0.682618 9.4315 0.0920993 9.04481 0.0460497 7.97439C0 6.94494 0 5.87452 0 4.84507C0 3.81562 0.0027088 2.74264 0.0487585 1.71575C0.0920993 0.642766 0.682619 0.258643 1.63612 0.171575C2.67901 0.0870679 7.71196 0 10.7485 0C13.0158 0 15.5079 0.0845071 16.4153 0.171575H16.4126Z", fill: color }) })));
+        case 2:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M28.9551 23.2961C28.9975 24.1024 28.9975 24.9924 28.9975 25.8418C28.9975 26.6912 28.9975 27.6242 28.9551 28.4305C28.8727 29.6602 28.4533 30 27.4521 30H12.7874C10.9499 30 8.1912 29.9569 6.22641 29.8732C1.086 29.6602 0 28.2175 0 21.217C0 14.2165 1.086 12.6876 6.35124 12.5609C9.40203 12.4772 13.3716 12.4772 16.2126 12.4772V8.40264C16.2126 7.55325 16.0454 7.25659 14.6248 7.25659C13.3716 7.25659 13.037 7.42647 12.9946 8.35953L12.9122 9.67546C12.8697 10.3955 12.8298 10.4386 12.0359 10.5248C11.0747 10.6085 8.27608 10.6085 6.85554 10.6085C5.435 10.6085 3.30294 10.6085 1.38309 10.4817C0.714013 10.4386 0.546745 10.2282 0.546745 9.16582C0.546745 8.10345 0.923725 5.55781 1.21582 4.11511C1.84246 1.22972 2.80363 0.763185 5.85442 0.423428C8.02643 0.169878 12.1208 0 14.6298 0C17.1389 0 21.8573 0.169878 24.0718 0.423428C27.582 0.806288 28.4183 1.61258 28.7503 4.07201C28.8752 5.13185 29 7.51014 29 9.71602C29 11.9219 28.8752 14.2571 28.7503 15.3169C28.4158 17.7789 27.5795 18.6689 24.0718 18.6689H13.8359C13.1269 18.6689 12.7924 19.0923 12.7924 19.8986V20.4919C12.7924 21.2145 13.1269 21.7216 13.8359 21.7216H27.4571C28.5007 21.7216 28.8777 22.0614 28.9601 23.2911L28.9551 23.2961Z", fill: color }) })));
+        case 3:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M29 22.4812C29 27.9013 27.9442 29.2042 24.519 29.5808C21.5183 29.9172 17.5854 30 14.4154 30C11.8794 30 7.61057 29.8318 5.4105 29.5808C2.32384 29.2444 1.31095 28.7824 0.676943 25.9255C0.381411 24.4971 0 21.7657 0 20.6736C0 19.5816 0.169234 19.4561 0.929534 19.3707C1.77571 19.2879 4.81944 19.2452 6.50928 19.2452C8.19911 19.2452 10.9473 19.2879 11.7935 19.3707C12.5967 19.4536 12.6397 19.4962 12.6801 20.2117L12.7634 21.723C12.8064 22.6469 13.1448 22.8151 14.4129 22.8151C15.8501 22.8151 16.0193 22.5213 16.0193 21.6803V17.8142H13.3141C12.5942 17.8142 12.3416 17.6033 12.2987 16.8904C12.2557 16.4711 12.2557 15.7556 12.2557 15C12.2557 14.1188 12.2557 13.5289 12.2987 13.1096C12.3416 12.3941 12.5942 12.1858 13.3141 12.1858H16.0193V8.31966C16.0193 7.47866 15.8501 7.18494 14.4129 7.18494C13.1448 7.18494 12.8064 7.35314 12.7634 8.27699L12.6801 9.78828C12.6371 10.5013 12.5967 10.5439 11.7935 10.6293C10.9473 10.7121 8.19911 10.7548 6.50928 10.7548C4.81944 10.7548 1.77571 10.7121 0.929534 10.6293C0.169234 10.5464 0 10.3782 0 9.32636C0 8.27448 0.381411 5.50293 0.676943 4.07448C1.31095 1.21757 2.32636 0.755649 5.4105 0.419247C7.60805 0.168201 11.8794 0 14.4154 0C17.5854 0 21.5183 0.0828452 24.519 0.419247C27.9442 0.798326 29 2.09874 29 7.51883C29 12.9389 27.8583 14.4502 24.1806 14.872V15.123C27.8583 15.5423 29 17.0561 29 22.4762V22.4812Z", fill: color }) })));
+        case 4:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M29.957 16.3464C30 17.4589 30 18.6148 30 19.7707C30 20.9266 30 22.039 29.957 23.195C29.9139 23.9212 29.6177 24.0517 28.8986 24.0517H26.9491C26.9491 25.5912 26.9061 27.0463 26.8656 28.2891C26.8225 29.3581 26.3997 29.7443 25.5085 29.8287C24.7464 29.913 22.7108 30 20.7207 30C18.7307 30 16.6951 29.9156 15.933 29.8287C15.0443 29.7443 14.619 29.3581 14.5759 28.2891C14.5329 27.0488 14.5329 25.5937 14.5329 24.0517H3.93957C2.15968 24.0517 1.27099 23.7524 0.805129 23.2819C0.212674 22.6835 0 22.126 0 20.2003C0 19.0444 -4.32736e-06 17.4614 0.0430373 16.863C0.126589 15.4923 0.296228 15.0652 1.31404 13.738L11.2718 1.2403C11.9073 0.427073 12.5428 0.171341 14.0265 0.0843918C15.4671 7.62143e-09 18.0522 0 20.2118 0C22.3715 0 24.6603 0.0843918 25.5085 0.171341C26.3972 0.255733 26.8225 0.641889 26.8656 1.71085C26.9922 5.17859 26.9922 10.0145 26.9922 15.0217V15.4923H28.8986C29.6202 15.4923 29.9164 15.6201 29.957 16.349V16.3464ZM14.6595 15.4897V7.1017L7.96523 15.4897H14.6595Z", fill: color }) })));
+        case 5:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M28.3678 1.57201C28.4106 2.3783 28.4106 3.48124 28.4106 4.11765C28.4106 4.75406 28.4106 5.51724 28.3275 6.32353C28.1588 7.76623 27.7785 8.06288 26.431 8.14909C25.4613 8.23276 22.5119 8.27586 20.5297 8.27586H13.1953C12.815 8.27586 12.6891 8.44574 12.6891 9.03905V10.6516C12.6891 11.2449 12.815 11.3311 13.1953 11.3311H23.9853C27.5266 11.3311 28.3275 12.6471 28.7053 15.3626C28.8741 16.5086 29 17.9513 29 20.284C29 22.6166 28.8741 24.8656 28.7481 25.928C28.4106 28.39 27.5669 29.1962 24.0281 29.5766C21.7941 29.8301 17.0741 30 14.5025 30C11.931 30 7.71721 29.8301 5.52345 29.5766C2.44563 29.2368 1.43564 28.7703 0.803457 25.8849C0.508773 24.4422 0.128455 21.4706 0.128455 20.3676C0.128455 19.4777 0.171274 19.0948 0.972212 19.0517C2.91159 18.9249 5.18847 18.9681 6.62159 18.9681C8.05472 18.9681 10.921 18.9681 11.8907 19.0517C12.6916 19.1354 12.7344 19.1785 12.7747 19.9011L12.8578 21.6405C12.9006 22.5735 13.2381 22.7434 14.5025 22.7434C15.9356 22.7434 16.1044 22.4468 16.1044 21.5974V17.7789C16.1044 17.1856 15.9785 17.0994 15.5981 17.0994H12.6891C10.3719 17.0994 3.45814 17.0994 1.60188 16.9295C0.589374 16.8458 0.168751 16.4199 0.125934 15.3169C0.0428174 13.3646 0 10.9026 0 8.31643C0 5.73022 0.0428174 3.4787 0.125934 1.61258C0.168751 0.509635 0.589374 0 1.60188 0H26.8516C27.9472 0 28.3275 0.466531 28.3678 1.56947V1.57201Z", fill: color }) })));
+        case 6:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M15.4731 11.9317C17.754 11.9317 20.992 11.9744 23.6051 12.2682C26.8406 12.6473 28.0852 13.2349 28.5438 15.1255C28.876 16.5116 29 18.5705 29 20.7574C29 22.9444 28.876 25.3373 28.5438 26.7233C28.1298 28.5311 26.8009 29.2442 23.6051 29.5807C21.406 29.8318 17.0499 30 14.5607 30C12.0716 30 7.71548 29.8318 5.51637 29.5807C2.48671 29.2442 1.49252 28.7822 0.870226 25.9248C0.41404 23.9086 0 19.9163 0 15C0 10.0837 0.41404 6.0914 0.870226 4.07516C1.49252 1.21778 2.48919 0.755775 5.51637 0.419317C7.59152 0.168229 11.6575 0 14.5607 0C17.0499 0 21.1159 0.168229 23.2754 0.419317C26.305 0.755775 27.0934 1.21778 27.7157 4.07516C28.0058 5.50385 28.3802 7.56277 28.3802 8.65501C28.3802 9.74724 28.2141 9.87278 27.5496 9.95815C26.7191 10.041 23.4415 10.0837 22.1969 10.0837C20.9523 10.0837 18.0466 10.041 17.2185 9.95815C16.4301 9.87529 16.4301 9.83261 16.3483 9.11701L16.2665 8.31855C16.1847 7.39454 15.6863 7.22631 14.5657 7.22631C12.9071 7.22631 12.741 7.4774 12.741 8.31855V11.9744C13.9037 11.9317 14.6921 11.9317 15.4806 11.9317H15.4731ZM16.3855 22.5201C16.4673 21.6388 16.4673 20.7976 16.4673 19.9138C16.4673 19.03 16.4673 18.1486 16.3855 17.2673C16.3433 16.8053 16.1772 16.6371 15.7632 16.5542C15.5153 16.5116 15.0169 16.4714 14.5607 16.4714C14.1046 16.4714 13.6062 16.5141 13.3583 16.5542C12.9443 16.5969 12.7781 16.8053 12.736 17.2698C12.6542 18.1512 12.6542 19.035 12.6542 19.9163C12.6542 20.7976 12.6542 21.6388 12.736 22.5226C12.7781 23.0273 12.9443 23.1528 13.3583 23.2357C13.6062 23.2784 14.1046 23.3185 14.5607 23.3185C15.0169 23.3185 15.5153 23.2759 15.7632 23.2357C16.1772 23.1528 16.3433 23.0248 16.3855 22.5226V22.5201Z", fill: color }) })));
+        case 7:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "26", height: "30", viewBox: "0 0 26 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M25.9575 0.857874C26 1.97183 26 3.12932 26 4.28681C26 5.14469 26 6 25.9575 6.77337C25.9151 7.54417 25.8326 7.93086 24.7461 9.85915C21.7786 15.2164 19.8553 21.1319 19.3108 28.2868C19.2284 29.3572 18.9761 29.7439 18.0144 29.8284C16.3434 29.9565 14.3776 30 12.7065 30C11.2852 30 9.02718 29.9565 7.39859 29.8284C6.3545 29.7439 6.0198 29.4008 6.0198 28.2868C6.0198 25.0294 7.02392 21.1293 8.57008 17.8284C10.1587 14.443 12.3743 11.4853 14.4225 9.47247V9.42894H1.08657C0.374685 9.42894 0.0824396 9.3009 0.0424742 8.57106C1.09764e-05 7.32907 0 6.04353 0 4.71447C0 3.3854 1.09764e-05 2.14341 0.0424742 0.857874C0.0849375 0.128041 0.377183 0 1.08657 0H24.9134C25.6253 0 25.9176 0.128041 25.9575 0.857874Z", fill: color }) })));
+        case 8:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "28", height: "30", viewBox: "0 0 28 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M0 7.52009C0 2.0991 1.04369 0.755775 4.42946 0.419317C7.39575 0.125544 9.65293 0 14 0C18.3471 0 20.6018 0.125544 23.5705 0.419317C26.9563 0.755775 28 2.0991 28 7.52009C28 12.9411 26.8714 14.4526 23.236 14.8745V15.1255C26.8714 15.5449 28 17.0589 28 22.4799C28 27.9009 26.9563 29.2442 23.5705 29.5807C20.6042 29.8745 18.3471 30 14 30C9.65293 30 7.39825 29.8745 4.43196 29.5807C1.04619 29.2442 0.00249932 27.9009 0.00249932 22.4799C0.00249932 17.0589 1.13109 15.5474 4.76655 15.1255V14.8745C1.13109 14.4551 0.00249932 12.9411 0.00249932 7.52009H0ZM12.1598 7.4774C12.1174 8.02477 12.1174 8.78055 12.1174 9.3681C12.1174 9.95564 12.1174 10.7139 12.1598 11.2588C12.2022 12.0146 12.4519 12.3083 13.9975 12.3083C15.5431 12.3083 15.7952 12.0146 15.8352 11.2588C15.8776 10.7114 15.8777 9.95564 15.8777 9.3681C15.8777 8.78055 15.8776 8.02226 15.8352 7.4774C15.7928 6.72163 15.5431 6.42785 13.9975 6.42785C12.4519 6.42785 12.1998 6.72163 12.1598 7.4774ZM12.1598 18.7387C12.1174 19.2861 12.1174 20.0418 12.1174 20.6294C12.1174 21.2169 12.1174 21.9752 12.1598 22.5201C12.2022 23.2759 12.4519 23.5696 13.9975 23.5696C15.5431 23.5696 15.7952 23.2759 15.8352 22.5201C15.8776 21.9727 15.8777 21.2169 15.8777 20.6294C15.8777 20.0418 15.8776 19.2836 15.8352 18.7387C15.7928 17.9829 15.5431 17.6892 13.9975 17.6892C12.4519 17.6892 12.1998 17.9829 12.1598 18.7387Z", fill: color }) })));
+        case 9:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M13.5269 18.0708C11.246 18.0708 8.00804 18.0281 5.39489 17.7344C2.15945 17.3552 0.912378 16.7677 0.456192 14.877C0.12397 13.491 0 11.432 0 9.24506C0 7.05808 0.12397 4.66522 0.456192 3.2767C0.87023 1.46887 2.19911 0.755775 5.39489 0.419317C7.594 0.168229 11.9501 0 14.4393 0C16.9284 0 21.2845 0.168229 23.4836 0.419317C26.5133 0.755775 27.5075 1.21778 28.1298 4.07516C28.586 6.0914 29 10.0837 29 15C29 19.9163 28.586 23.9086 28.1298 25.9248C27.5075 28.7822 26.5108 29.2442 23.4836 29.5807C21.4085 29.8318 17.3425 30 14.4393 30C11.536 30 7.88408 29.8318 5.72464 29.5807C2.69497 29.2442 1.90656 28.7822 1.28426 25.9248C0.994185 24.4962 0.619817 22.4372 0.619817 21.345C0.619817 20.2528 0.785922 20.1272 1.45037 20.0418C2.28092 19.959 5.55852 19.9163 6.80311 19.9163C8.04771 19.9163 10.9534 19.959 11.7815 20.0418C12.5699 20.1247 12.5699 20.1674 12.6517 20.883L12.7335 21.6815C12.8153 22.6055 13.3137 22.7737 14.4343 22.7737C16.0929 22.7737 16.259 22.5226 16.259 21.6815V18.0256C15.0963 18.0683 14.3079 18.0683 13.5195 18.0683L13.5269 18.0708ZM16.2665 12.6096C16.3483 11.7283 16.3483 10.8872 16.3483 10.0033C16.3483 9.11952 16.3483 8.2382 16.2665 7.35688C16.2243 6.85219 16.0582 6.72665 15.6442 6.64379C15.3963 6.60111 14.8979 6.56093 14.4417 6.56093C13.9856 6.56093 13.4872 6.60362 13.2393 6.64379C12.8253 6.72665 12.6592 6.8547 12.617 7.35939C12.5352 8.24071 12.5352 9.12454 12.5352 10.0059C12.5352 10.8872 12.5352 11.7283 12.617 12.6122C12.6592 13.0742 12.8253 13.2424 13.2393 13.3278C13.4872 13.3704 13.9856 13.4106 14.4417 13.4106C14.8979 13.4106 15.3963 13.3679 15.6442 13.3278C16.0582 13.2851 16.2243 13.0767 16.2665 12.6147V12.6096Z", fill: color }) })));
+        default:
+            return (_jsx("svg", Object.assign({ className: className, ref: ref, width: "29", height: "30", viewBox: "0 0 29 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M23.5066 0.419317C26.5237 0.755775 27.5137 1.21778 28.1334 4.07516C28.5877 6.0914 29 10.0837 29 15C29 19.9163 28.5877 23.9086 28.1334 25.9248C27.5137 28.7822 26.5212 29.2442 23.5066 29.5807C21.3167 29.8318 17.0208 30 14.5 30C11.9792 30 7.6833 29.8318 5.49336 29.5807C2.47633 29.2442 1.4863 28.7822 0.866596 25.9248C0.412313 23.9086 0 19.9163 0 15C0 10.0837 0.412313 6.0914 0.866596 4.07516C1.4863 1.21778 2.4788 0.755775 5.49336 0.419317C7.6833 0.168229 11.9792 0 14.5 0C17.0208 0 21.3167 0.168229 23.5066 0.419317ZM13.4655 7.731C13.0532 7.81386 12.8458 7.94192 12.8038 8.40392C12.6804 10.0837 12.6804 12.6473 12.6804 15.0025C12.6804 17.3577 12.6804 19.9188 12.8038 21.6011C12.8458 22.1058 13.0507 22.1887 13.4655 22.274C13.7124 22.3167 14.1692 22.3569 14.4975 22.3569C14.8259 22.3569 15.2827 22.3142 15.5296 22.274C15.9419 22.1912 16.1492 22.0631 16.1912 21.6011C16.3147 19.9213 16.3147 17.3577 16.3147 15.0025C16.3147 12.6473 16.3147 10.0862 16.1912 8.40392C16.1492 7.89923 15.9443 7.81637 15.5296 7.731C15.2827 7.68832 14.8259 7.64814 14.4975 7.64814C14.1692 7.64814 13.6704 7.69083 13.4655 7.731Z", fill: color }) })));
+    }
+});

package/dist/components/DecoratedNumber/Default/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DefaultNumberLarge";
+export * from "./DefaultNumberSmall";

package/dist/components/DecoratedNumber/Default/index.js

@@ -0,0 +1,2 @@
+export * from "./DefaultNumberLarge";
+export * from "./DefaultNumberSmall";

package/dist/components/DecoratedNumber/index.d.ts

@@ -0,0 +1 @@
+export * from "./Default";

package/dist/components/DecoratedNumber/index.js

@@ -0,0 +1 @@
+export * from "./Default";

package/dist/icons/Custom.d.ts

@@ -244,13 +244,3 @@ export declare const customPythonColorSvg: string;
 export declare const CustomPythonColorIcon: React.ForwardRefExoticComponent<{
     className?: string | undefined;
 } & React.RefAttributes<any>>;
-export declare const customEntrySvg: string;
-export declare const CustomEntryIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    color?: string | undefined;
-} & React.RefAttributes<any>>;
-export declare const customEntryColorSvg: string;
-export declare const CustomEntryColorIcon: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    color?: string | undefined;
-} & React.RefAttributes<any>>;

package/dist/icons/Custom.js

@@ -271,13 +271,3 @@ export const customPythonColorSvg = customPythonColorSvgImport;
 export const CustomPythonColorIcon = 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: "M9.38589 2.19076C10.061 2.07148 10.8283 2.00385 11.6325 2.00016C12.4368 1.99647 13.2754 2.05673 14.0821 2.19076C15.3585 2.40104 16.4333 3.35036 16.4333 4.61203V9.0463C16.4333 10.3473 15.3892 11.4122 14.0821 11.4122H9.38466C7.78974 11.4122 6.44692 12.7686 6.44692 14.3057V16.4343H4.8311C3.46491 16.4343 2.66561 15.4518 2.33114 14.0733C1.87984 12.2214 1.89951 11.1134 2.33114 9.3402C2.70619 7.79201 3.90268 6.97919 5.26887 6.97919H11.7358V5.89583H7.03225V4.61203C7.03225 3.26797 7.39378 2.53876 9.38343 2.19076H9.38589ZM9.20143 4.14597C9.20143 3.80658 8.92598 3.53113 8.58658 3.53113C8.24719 3.53113 7.97174 3.80781 7.97174 4.1472C7.97174 4.4866 8.24719 4.76082 8.58658 4.76082C8.92598 4.76082 9.20143 4.48537 9.20143 4.14597Z", fill: "#3E88FF" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5354 9.6223C17.5354 11.2135 16.1655 12.5527 14.6038 12.5527V12.5502H9.9162C8.6324 12.5502 7.56995 13.6323 7.56995 14.8989V19.3C7.56995 20.553 8.67544 21.2896 9.9162 21.6487C11.4017 22.0791 12.8257 22.1566 14.6038 21.6487C15.7843 21.3118 16.95 20.633 16.95 19.3V18.0309H12.2625V16.9525H19.2963C20.66 16.9525 21.1679 16.0167 21.6426 14.6099C22.132 13.1626 22.1123 11.7693 21.6426 9.91251C21.3056 8.57583 20.6613 7.56995 19.2963 7.56995H17.5354V9.6223ZM14.8608 19.2447C15.2002 19.2447 15.4756 19.5176 15.4756 19.857C15.4756 20.1977 15.199 20.4743 14.8608 20.4743C14.5226 20.4743 14.2459 20.1952 14.2459 19.857C14.2459 19.5189 14.5214 19.2447 14.8608 19.2447Z", fill: "#FFC700" })] })));
 });
-import customEntrySvgImport from "./custom/entry.svg";
-export const customEntrySvg = customEntrySvgImport;
-export const CustomEntryIcon = 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: "M10.2223 10.3262C9.97191 10.603 9.79843 10.9558 9.70189 11.3789H13.0149C12.9491 10.9487 12.7868 10.5944 12.5336 10.3219C12.2398 10.005 11.8677 9.85152 11.378 9.85152C10.8883 9.85152 10.5106 10.0064 10.2223 10.3262Z", fill: "currentColor" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5334 5.50174V8.99826C20.5334 9.20048 20.6118 9.3941 20.7517 9.53608L22.8909 11.7289C23.0364 11.8795 23.0364 12.1219 22.8909 12.2711L20.7517 14.4639C20.6118 14.6073 20.5334 14.7995 20.5334 15.0017V18.4983C20.5334 18.7005 20.4551 18.8927 20.3166 19.0361L18.1298 21.2777C17.9913 21.4197 17.8025 21.5 17.6066 21.5H4.92965C4.73238 21.5 4.5449 21.4197 4.405 21.2777L2.21825 19.0361C2.07835 18.8927 2 18.699 2 18.4983V5.50317C2 5.30095 2.07835 5.10734 2.21825 4.96535L4.4036 2.7223C4.5435 2.58031 4.73098 2.5 4.92825 2.5H17.6066C17.8025 2.5 17.9913 2.58031 18.1298 2.7223L20.3166 4.96392C20.4551 5.10734 20.5334 5.30095 20.5334 5.50174ZM11.3472 8.51487C12.0509 8.51487 12.6539 8.70705 13.1422 9.08567V9.0871C13.6235 9.45999 13.9649 9.91176 14.1593 10.4295C14.3482 10.9343 14.4433 11.4793 14.4433 12.053L14.4251 12.7184H9.63614C9.70329 13.2577 9.89497 13.6894 10.2028 14.0035C10.5539 14.3606 11.0072 14.5341 11.5864 14.5341C12.2482 14.5341 12.8008 14.2387 13.2737 13.6335L13.4122 13.457L14.393 14.385L14.2671 14.5384C13.5437 15.4233 12.6078 15.8708 11.5864 15.8708C10.5651 15.8708 9.73687 15.528 9.12408 14.8511C8.51688 14.1813 8.20769 13.2706 8.20769 12.228C8.20769 11.1853 8.4903 10.3004 9.05133 9.59624C9.62075 8.87915 10.3944 8.51487 11.3472 8.51487Z", fill: "currentColor" })] })));
-});
-import customEntryColorSvgImport from "./custom/entry-color.svg";
-export const customEntryColorSvg = customEntryColorSvgImport;
-export const CustomEntryColorIcon = 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: "M20.5334 8.99826V5.50174C20.5334 5.30095 20.4551 5.10734 20.3166 4.96392L18.1298 2.7223C17.9913 2.58031 17.8025 2.5 17.6066 2.5H4.92825C4.73098 2.5 4.5435 2.58031 4.4036 2.7223L2.21825 4.96535C2.07835 5.10734 2 5.30095 2 5.50317V18.4983C2 18.6991 2.07835 18.8927 2.21825 19.0361L4.405 21.2777C4.5449 21.4197 4.73238 21.5 4.92965 21.5H17.6066C17.8025 21.5 17.9913 21.4197 18.1298 21.2777L20.3166 19.0361C20.4551 18.8927 20.5334 18.7005 20.5334 18.4983V15.0017C20.5334 14.7995 20.6118 14.6073 20.7517 14.4639L22.8909 12.2711C23.0364 12.1219 23.0364 11.8795 22.8909 11.7289L20.7517 9.53608C20.6118 9.3941 20.5334 9.20048 20.5334 8.99826Z", fill: "white" }), _jsx("path", { d: "M10.2223 10.3262C9.97191 10.603 9.79843 10.9558 9.70189 11.3789H13.0149C12.9491 10.9487 12.7868 10.5944 12.5336 10.3219C12.2398 10.005 11.8677 9.85152 11.378 9.85152C10.8883 9.85152 10.5106 10.0064 10.2223 10.3262Z", fill: "#32D27D" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5334 5.50174V8.99826C20.5334 9.20048 20.6118 9.3941 20.7517 9.53608L22.8909 11.7289C23.0364 11.8795 23.0364 12.1219 22.8909 12.2711L20.7517 14.4639C20.6118 14.6073 20.5334 14.7995 20.5334 15.0017V18.4983C20.5334 18.7005 20.4551 18.8927 20.3166 19.0361L18.1298 21.2777C17.9913 21.4197 17.8025 21.5 17.6066 21.5H4.92965C4.73238 21.5 4.5449 21.4197 4.405 21.2777L2.21825 19.0361C2.07835 18.8927 2 18.699 2 18.4983V5.50317C2 5.30095 2.07835 5.10734 2.21825 4.96535L4.4036 2.7223C4.5435 2.58031 4.73098 2.5 4.92825 2.5H17.6066C17.8025 2.5 17.9913 2.58031 18.1298 2.7223L20.3166 4.96392C20.4551 5.10734 20.5334 5.30095 20.5334 5.50174ZM11.3472 8.51487C12.0509 8.51487 12.6539 8.70705 13.1422 9.08567V9.0871C13.6235 9.45999 13.9649 9.91176 14.1593 10.4295C14.3482 10.9343 14.4433 11.4793 14.4433 12.053L14.4251 12.7184H9.63614C9.70329 13.2577 9.89497 13.6894 10.2028 14.0035C10.5539 14.3606 11.0072 14.5341 11.5864 14.5341C12.2482 14.5341 12.8008 14.2387 13.2737 13.6335L13.4122 13.457L14.393 14.385L14.2671 14.5384C13.5437 15.4233 12.6078 15.8708 11.5864 15.8708C10.5651 15.8708 9.73687 15.528 9.12408 14.8511C8.51688 14.1813 8.20769 13.2706 8.20769 12.228C8.20769 11.1853 8.4903 10.3004 9.05133 9.59624C9.62075 8.87915 10.3944 8.51487 11.3472 8.51487Z", fill: "#32D27D" })] })));
-});

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="../@types/emotion.d.ts" />
 export * from "./components/AlertDialog";
+export * from "./components/DecoratedNumber";
 export { default as Banner } from "./components/Banner";
 export * from "./components/Banner";
 export { default as Button } from "./components/Button";

package/dist/index.js

@@ -1,5 +1,6 @@
 /// <reference path="../../@types/emotion.d.ts" />
 export * from "./components/AlertDialog";
+export * from "./components/DecoratedNumber";
 export { default as Banner } from "./components/Banner";
 export * from "./components/Banner";
 export { default as Button } from "./components/Button";

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

@@ -7,6 +7,8 @@ export interface Solution {
 export interface ProblemInputPayload {
     showCharacterNumber: boolean;
     placeholder: string;
+    /** solution은 채점하기 전의 학생에게는 검열되어 노출됩니다.
+     * (ex: "코들 입니다" => "** ***") */
     solutions: Solution[];
     answer: string;
     key?: NodeKey;

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

@@ -5,7 +5,8 @@ export interface ImageProps {
     altText: string;
 }
 export interface Selection {
-    isAnswer: boolean;
+    /** 해당 선택지의 정답 유무는 채점하기 전의 학생에게는 노출하지 않습니다. */
+    isAnswer?: boolean;
     show: {
         image: ImageProps | null;
         text: string;

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

@@ -0,0 +1,9 @@
+import { ImageProps } from "../ProblemSelectNode";
+export interface SelectBoxEditProps {
+    index: number;
+    isAnswer: boolean;
+    image?: ImageProps | null;
+    text: string;
+    onClick?: () => void;
+}
+export declare function SelectBoxEdit(props: SelectBoxEditProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import styled from "@emotion/styled";
+import { css, useTheme } from "@emotion/react";
+import { CheckboxCircleFillIcon } from "../../../../../icons";
+export function SelectBoxEdit(props) {
+    const { index, isAnswer, image, text, onClick } = props;
+    const theme = useTheme();
+    return (_jsxs(Container, Object.assign({ onClick: onClick }, { children: [_jsx(Index, { children: index }), _jsxs(Content, { children: [image && (_jsx("img", { src: image.src, alt: image.altText, css: css `
+              height: auto;
+              // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
+              max-width: 100%;
+              width: fit-content;
+              border-radius: 6px;
+            ` })), text] }), isAnswer && (_jsx(CheckboxCircleFillIcon, { color: theme.color.foreground.success, css: css `
+            width: 16px;
+            height: 16px;
+          ` }))] })));
+}
+const Container = styled.div(({ theme }) => css `
+    cursor: pointer;
+    display: flex;
+    box-sizing: border-box;
+    width: 400px;
+    padding: 12px;
+    gap: 12px;
+    border-radius: 8px;
+    background: ${theme.color.background.neutralAlt};
+    border: 1px solid transparent;
+    color: ${theme.color.foreground.neutralBase};
+  `);
+const Index = styled.div(({ theme }) => css `
+    display: flex;
+    box-sizing: border-box;
+    width: 20px;
+    height: 20px;
+    padding: 4px;
+
+    user-select: none; /* Standard syntax */
+
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+    border: 1px solid ${theme.color.background.neutralAltActive};
+    background: ${theme.color.background.neutralBase};
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 16px;
+  `);
+const Content = styled.div(({ theme }) => css `
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    flex: 1;
+    font-family: ${theme.fontFamily.ui};
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 20px;
+  `);

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

@@ -0,0 +1,10 @@
+import { ImageProps } from "../../ProblemSelectNode";
+export interface SelectBoxViewProps {
+    index: number;
+    isSelected: boolean;
+    isAnswer?: boolean;
+    image?: ImageProps | null;
+    text: string;
+    onClick?: () => void;
+}
+export declare function SelectBoxView(props: SelectBoxViewProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/{SelectBox.js → SelectBox/SelectBoxView/SelectBoxView.js}

@@ -1,12 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import styled from "@emotion/styled";
-import { css, useTheme } from "@emotion/react";
-import { CheckFillIcon, CheckboxCircleFillIcon } from "../../../../icons";
-export default function SelectBox(props) {
-    const { index, isSelected, isAnswer, image, text, onClick, fullWidth } = props;
-    const theme = useTheme();
-    return (_jsxs(Container, Object.assign({ isSelected: isSelected, fullWidth: fullWidth, onClick: onClick }, { children: [_jsx(Index, Object.assign({ isSelected: isSelected }, { children: isSelected ? (_jsx(CheckFillIcon, { css: css `
+import { css } from "@emotion/react";
+import { CheckFillIcon } from "../../../../../../icons";
+import { SubmittedBox } from "./SubmittedBox";
+export function SelectBoxView(props) {
+    const { index, isSelected, isAnswer, image, text, onClick } = props;
+    if (isAnswer !== undefined) {
+        return (_jsx(SubmittedBox, { index: index, isSelected: isSelected, isAnswer: isAnswer, image: image, text: text }));
+    }
+    // 채점 전의 객관식 선택지 view
+    return (_jsxs(Container, Object.assign({ isSelected: isSelected, onClick: onClick }, { children: [_jsx(Index, Object.assign({ isSelected: isSelected }, { children: isSelected ? (_jsx(CheckFillIcon, { css: css `
               width: 12px;
               height: 12px;
             ` })) : (index) })), _jsxs(Content, { children: [image && (_jsx("img", { src: image.src, alt: image.altText, css: css `
@@ -15,18 +19,15 @@ export default function SelectBox(props) {
               max-width: 100%;
               width: fit-content;
               border-radius: 6px;
-            ` })), text] }), isAnswer && (_jsx(CheckboxCircleFillIcon, { color: theme.color.foreground.success, css: css `
-            width: 16px;
-            height: 16px;
-          ` }))] })));
+            ` })), text] })] })));
 }
-const Container = styled.div(({ theme, isSelected, fullWidth }) => css `
+const Container = styled.div(({ theme, isSelected }) => css `
     cursor: pointer;
     display: flex;
     box-sizing: border-box;
-    width: ${fullWidth ? "100%" : "400px"};
-    padding: 8px;
-    gap: 8px;
+    width: 100%;
+    padding: 12px;
+    gap: 12px;
     border-radius: 8px;
     background: ${isSelected
     ? theme.color.container.primaryContainer
@@ -70,7 +71,7 @@ const Content = styled.div(({ theme }) => css `
     gap: 12px;
     flex: 1;
     font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 400;
     line-height: 20px;
   `);

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/SelectedIndex.d.ts

@@ -0,0 +1,4 @@
+/** 선택된 상태로 제출된 객관식 선택지 문항 번호 컴포넌트입니다. */
+export declare function SelectedIndex(props: {
+    isAnswer: boolean;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/SelectedIndex.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, useTheme } from "@emotion/react";
+import styled from "@emotion/styled";
+import { CheckboxCircleFillIcon, CloseCircleFillIcon, } from "../../../../../../../icons";
+/** 선택된 상태로 제출된 객관식 선택지 문항 번호 컴포넌트입니다. */
+export function SelectedIndex(props) {
+    const theme = useTheme();
+    if (props.isAnswer) {
+        return (_jsx(Index, Object.assign({ css: css `
+          background: ${theme.color.background.successActive};
+          border: 1px solid ${theme.color.background.successActive};
+        ` }, { children: _jsx(CheckboxCircleFillIcon, { css: css `
+            width: 12px;
+            height: 12px;
+          `, color: theme.color.foreground.neutralAlt }) })));
+    }
+    return (_jsx(Index, Object.assign({ css: css `
+        background: ${theme.color.background.dangerActive};
+        border: 1px solid ${theme.color.background.dangerActive};
+      ` }, { children: _jsx(CloseCircleFillIcon, { css: css `
+          width: 12px;
+          height: 12px;
+        `, color: theme.color.foreground.neutralAlt }) })));
+}
+const Index = styled.div `
+  display: flex;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  padding: 4px;
+
+  user-select: none; /* Standard syntax */
+
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+`;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/SubmittedBox.d.ts

@@ -0,0 +1,10 @@
+import { ImageProps } from "../../../ProblemSelectNode";
+export interface SelectBoxViewGradedProps {
+    index: number;
+    isSelected: boolean;
+    isAnswer: boolean;
+    image?: ImageProps | null;
+    text: string;
+}
+/** 채점(제출) 후의 정답이 공개된(isAnswer가 존재하는) 객관식 선택지 view입니다. */
+export declare function SubmittedBox(props: SelectBoxViewGradedProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/SubmittedBox.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import styled from "@emotion/styled";
+import { css, useTheme } from "@emotion/react";
+import { CheckboxCircleFillIcon } from "../../../../../../../icons";
+import Tag from "../../../../../../../components/Tag";
+import { SelectedIndex } from "./SelectedIndex";
+const SELECTD_CONTAINER_STYLE = (theme, isCorrect) => isCorrect
+    ? css `
+        background: ${theme.color.container.successContainer};
+        border: 1px solid ${theme.color.background.successActive};
+        color: ${theme.color.container.successOnContainer};
+      `
+    : css `
+        background: ${theme.color.container.dangerContainer};
+        border: 1px solid ${theme.color.background.dangerActive};
+        color: ${theme.color.container.dangerOnContainer};
+      `;
+/** 채점(제출) 후의 정답이 공개된(isAnswer가 존재하는) 객관식 선택지 view입니다. */
+export function SubmittedBox(props) {
+    const { index, isSelected, isAnswer, image, text } = props;
+    const theme = useTheme();
+    // 선택된 상태일 때 : 정오답 여부에 따라 디자인이 다름
+    if (isSelected) {
+        return (_jsxs(Container, Object.assign({ css: SELECTD_CONTAINER_STYLE(theme, isAnswer) }, { children: [_jsx(SelectedIndex, { isAnswer: isAnswer }), _jsxs(Content, { children: [image && (_jsx("img", { src: image.src, alt: image.altText, css: css `
+                height: auto;
+                // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
+                max-width: 100%;
+                width: fit-content;
+                border-radius: 6px;
+              ` })), text] })] })));
+    }
+    // 선택되지 않은 상태일 때 : 정답이면 정답 태그를 표시
+    return (_jsxs(Container, { children: [_jsx(Index, { children: index }), _jsxs(Content, { children: [image && (_jsx("img", { src: image.src, alt: image.altText, css: css `
+              height: auto;
+              // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
+              max-width: 100%;
+              width: fit-content;
+              border-radius: 6px;
+            ` })), text] }), isAnswer && (_jsx(Tag, { label: "\uC815\uB2F5", icon: _jsx(CheckboxCircleFillIcon, {}), color: "green", css: css `
+            span {
+              font-weight: 700;
+            }
+          ` }))] }));
+}
+const Container = styled.div(({ theme }) => css `
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 12px;
+    gap: 12px;
+    border-radius: 8px;
+    background: ${theme.color.background.neutralAlt};
+    border: 1px solid transparent;
+    color: ${theme.color.foreground.neutralBase};
+  `);
+const Index = styled.div(({ theme }) => css `
+    display: flex;
+    box-sizing: border-box;
+    width: 20px;
+    height: 20px;
+    padding: 4px;
+
+    user-select: none; /* Standard syntax */
+
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+    border: 1px solid ${theme.color.background.neutralAltActive};
+    background: ${theme.color.background.neutralBase};
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 16px;
+  `);
+const Content = styled.div(({ theme }) => css `
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    flex: 1;
+    font-family: ${theme.fontFamily.ui};
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 20px;
+  `);

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/index.d.ts

@@ -0,0 +1 @@
+export * from "./SubmittedBox";

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/SubmittedBox/index.js

@@ -0,0 +1 @@
+export * from "./SubmittedBox";

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectBoxView";

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView/index.js

@@ -0,0 +1 @@
+export * from "./SelectBoxView";

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

@@ -0,0 +1,2 @@
+export * from "./SelectBoxEdit";
+export * from "./SelectBoxView";

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

@@ -0,0 +1,2 @@
+export * from "./SelectBoxEdit";
+export * from "./SelectBoxView";

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

@@ -16,7 +16,7 @@ import { $isProblemSelectNode } from "./ProblemSelectNode";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { useContext, useState } from "react";
 import useLexicalEditable from "@lexical/react/useLexicalEditable";
-import SelectBox from "./SelectBox";
+import { SelectBoxEdit, SelectBoxView } from "./SelectBox";
 import { css } from "@emotion/react";
 import SquareButton from "../../../../components/SquareButton";
 import { AlarmWarningFillIcon, Settings3FillIcon } from "../../../../icons";
@@ -35,7 +35,7 @@ export function SelectComponent(props) {
         return (_jsxs(_Fragment, { children: [hasMultipleAnswers && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
                 width: 14px;
                 height: 14px;
-              ` }), "\uC9C8\uBB38\uC5D0 \uD574\uB2F9\uD558\uB294 \uB2F5\uC744 \uBAA8\uB450 \uACE0\uB974\uB294 \uBB38\uC81C\uC785\uB2C8\uB2E4."] })), selections.map((selection, index) => (_jsx(SelectBox, { index: index + 1, isSelected: selected.includes(selection.value), image: selection.show.image, text: selection.show.text, onClick: () => {
+              ` }), "\uC9C8\uBB38\uC5D0 \uD574\uB2F9\uD558\uB294 \uB2F5\uC744 \uBAA8\uB450 \uACE0\uB974\uB294 \uBB38\uC81C\uC785\uB2C8\uB2E4."] })), selections.map((selection, index) => (_jsx(SelectBoxView, { index: index + 1, isAnswer: selection.isAnswer, isSelected: selected.includes(selection.value), image: selection.show.image, text: selection.show.text, onClick: () => {
                         if (lexicalCustomConfig.freezeProblemNode)
                             return;
                         const isSelected = selected.includes(selection.value);
@@ -62,7 +62,7 @@ export function SelectComponent(props) {
                                 }
                             });
                         }
-                    }, fullWidth: true }, index)))] }));
+                    } }, index)))] }));
     }
     // 교사 edit view
     return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ css: css `
@@ -72,7 +72,7 @@ export function SelectComponent(props) {
             display: flex;
             flex-direction: column;
             gap: 4px;
-          ` }, { children: selections.map((selection, index) => (_jsx(SelectBox, { index: index + 1, isAnswer: selection.isAnswer, image: selection.show.image, text: selection.show.text || `${index + 1}번 선택지`, onClick: () => setSettingOpen(true) }, index))) })), _jsx(SquareButton, { size: "small", color: "icon", icon: _jsx(Settings3FillIcon, {}), onClick: () => {
+          ` }, { children: selections.map((selection, index) => (_jsx(SelectBoxEdit, { index: index + 1, isAnswer: Boolean(selection.isAnswer), image: selection.show.image, text: selection.show.text || `${index + 1}번 선택지`, onClick: () => setSettingOpen(true) }, index))) })), _jsx(SquareButton, { size: "small", color: "icon", icon: _jsx(Settings3FillIcon, {}), onClick: () => {
                             setSettingOpen(true);
                         } })] })), settingOpen && (_jsx(SettingForm, Object.assign({}, settingFormProps, { onClose: () => setSettingOpen(false) })))] }));
 }

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

@@ -46,7 +46,7 @@ export function FormSelection(props) {
                             setImageOpen(true);
                         } }), _jsx(Controller, { name: `selections.${index}.isAnswer`, control: control, render: ({ field: { value, onChange } }) => (_jsxs(Answer, Object.assign({ onClick: () => {
                                 onChange(!value);
-                            } }, { children: ["\uC815\uB2F5", _jsx(Switch, { checked: value, size: "small" })] }))) }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete }))] }))] }));
+                            } }, { children: ["\uC815\uB2F5", _jsx(Switch, { checked: Boolean(value), size: "small" })] }))) }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete }))] }))] }));
 }
 const Container = styled.div(({ theme }) => css `
     display: flex;

package/package.json

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

package/dist/icons/custom/entry-color.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.5334 8.99826V5.50174C20.5334 5.30095 20.4551 5.10734 20.3166 4.96392L18.1298 2.7223C17.9913 2.58031 17.8025 2.5 17.6066 2.5H4.92825C4.73098 2.5 4.5435 2.58031 4.4036 2.7223L2.21825 4.96535C2.07835 5.10734 2 5.30095 2 5.50317V18.4983C2 18.6991 2.07835 18.8927 2.21825 19.0361L4.405 21.2777C4.5449 21.4197 4.73238 21.5 4.92965 21.5H17.6066C17.8025 21.5 17.9913 21.4197 18.1298 21.2777L20.3166 19.0361C20.4551 18.8927 20.5334 18.7005 20.5334 18.4983V15.0017C20.5334 14.7995 20.6118 14.6073 20.7517 14.4639L22.8909 12.2711C23.0364 12.1219 23.0364 11.8795 22.8909 11.7289L20.7517 9.53608C20.6118 9.3941 20.5334 9.20048 20.5334 8.99826Z" fill="white"/>
-<path d="M10.2223 10.3262C9.97191 10.603 9.79843 10.9558 9.70189 11.3789H13.0149C12.9491 10.9487 12.7868 10.5944 12.5336 10.3219C12.2398 10.005 11.8677 9.85152 11.378 9.85152C10.8883 9.85152 10.5106 10.0064 10.2223 10.3262Z" fill="#32D27D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5334 5.50174V8.99826C20.5334 9.20048 20.6118 9.3941 20.7517 9.53608L22.8909 11.7289C23.0364 11.8795 23.0364 12.1219 22.8909 12.2711L20.7517 14.4639C20.6118 14.6073 20.5334 14.7995 20.5334 15.0017V18.4983C20.5334 18.7005 20.4551 18.8927 20.3166 19.0361L18.1298 21.2777C17.9913 21.4197 17.8025 21.5 17.6066 21.5H4.92965C4.73238 21.5 4.5449 21.4197 4.405 21.2777L2.21825 19.0361C2.07835 18.8927 2 18.699 2 18.4983V5.50317C2 5.30095 2.07835 5.10734 2.21825 4.96535L4.4036 2.7223C4.5435 2.58031 4.73098 2.5 4.92825 2.5H17.6066C17.8025 2.5 17.9913 2.58031 18.1298 2.7223L20.3166 4.96392C20.4551 5.10734 20.5334 5.30095 20.5334 5.50174ZM11.3472 8.51487C12.0509 8.51487 12.6539 8.70705 13.1422 9.08567V9.0871C13.6235 9.45999 13.9649 9.91176 14.1593 10.4295C14.3482 10.9343 14.4433 11.4793 14.4433 12.053L14.4251 12.7184H9.63614C9.70329 13.2577 9.89497 13.6894 10.2028 14.0035C10.5539 14.3606 11.0072 14.5341 11.5864 14.5341C12.2482 14.5341 12.8008 14.2387 13.2737 13.6335L13.4122 13.457L14.393 14.385L14.2671 14.5384C13.5437 15.4233 12.6078 15.8708 11.5864 15.8708C10.5651 15.8708 9.73687 15.528 9.12408 14.8511C8.51688 14.1813 8.20769 13.2706 8.20769 12.228C8.20769 11.1853 8.4903 10.3004 9.05133 9.59624C9.62075 8.87915 10.3944 8.51487 11.3472 8.51487Z" fill="#32D27D"/>
-</svg>

package/dist/icons/custom/entry.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.2223 10.3262C9.97191 10.603 9.79843 10.9558 9.70189 11.3789H13.0149C12.9491 10.9487 12.7868 10.5944 12.5336 10.3219C12.2398 10.005 11.8677 9.85152 11.378 9.85152C10.8883 9.85152 10.5106 10.0064 10.2223 10.3262Z" fill="#363636"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5334 5.50174V8.99826C20.5334 9.20048 20.6118 9.3941 20.7517 9.53608L22.8909 11.7289C23.0364 11.8795 23.0364 12.1219 22.8909 12.2711L20.7517 14.4639C20.6118 14.6073 20.5334 14.7995 20.5334 15.0017V18.4983C20.5334 18.7005 20.4551 18.8927 20.3166 19.0361L18.1298 21.2777C17.9913 21.4197 17.8025 21.5 17.6066 21.5H4.92965C4.73238 21.5 4.5449 21.4197 4.405 21.2777L2.21825 19.0361C2.07835 18.8927 2 18.699 2 18.4983V5.50317C2 5.30095 2.07835 5.10734 2.21825 4.96535L4.4036 2.7223C4.5435 2.58031 4.73098 2.5 4.92825 2.5H17.6066C17.8025 2.5 17.9913 2.58031 18.1298 2.7223L20.3166 4.96392C20.4551 5.10734 20.5334 5.30095 20.5334 5.50174ZM11.3472 8.51487C12.0509 8.51487 12.6539 8.70705 13.1422 9.08567V9.0871C13.6235 9.45999 13.9649 9.91176 14.1593 10.4295C14.3482 10.9343 14.4433 11.4793 14.4433 12.053L14.4251 12.7184H9.63614C9.70329 13.2577 9.89497 13.6894 10.2028 14.0035C10.5539 14.3606 11.0072 14.5341 11.5864 14.5341C12.2482 14.5341 12.8008 14.2387 13.2737 13.6335L13.4122 13.457L14.393 14.385L14.2671 14.5384C13.5437 15.4233 12.6078 15.8708 11.5864 15.8708C10.5651 15.8708 9.73687 15.528 9.12408 14.8511C8.51688 14.1813 8.20769 13.2706 8.20769 12.228C8.20769 11.1853 8.4903 10.3004 9.05133 9.59624C9.62075 8.87915 10.3944 8.51487 11.3472 8.51487Z" fill="#363636"/>
-</svg>

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

@@ -1,11 +0,0 @@
-import { ImageProps } from "./ProblemSelectNode";
-export interface SelectBoxProps {
-    index: number;
-    isSelected?: boolean;
-    isAnswer?: boolean;
-    image?: ImageProps | null;
-    text: string;
-    onClick?: () => void;
-    fullWidth?: boolean;
-}
-export default function SelectBox(props: SelectBoxProps): import("@emotion/react/jsx-runtime").JSX.Element;