@pop-ui/foundation 1.1.4 → 1.1.5

package/dist/native/icons/native/IconCaution.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconCaution({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: isFilled ? undefined : color, strokeWidth: isFilled ? 0 : 1.5, strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M12 17.1L12 15.6", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" }), _jsx(Path, { d: "M12 14.4V7.2", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: isFilled ? undefined : color, strokeWidth: isFilled ? 0 : 1.5, strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M12 17.1L12 15.6", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" }), _jsx(Path, { d: "M12 14.4V7.2", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" })] }));
 }

package/dist/native/icons/native/IconCheckCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconCheckCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M8.24878 12L11.2488 15L16.5 9.5", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M8.24878 12L11.2488 15L16.5 9.5", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 }

package/dist/native/icons/native/IconInfoCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconInfoCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M12 6.9L12 8.4", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" }), _jsx(Path, { d: "M12 9.6L12 16.8", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M12 6.9L12 8.4", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" }), _jsx(Path, { d: "M12 9.6L12 16.8", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10" })] }));
 }

package/dist/native/icons/native/IconMapMarker.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconMapMarker({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M19.9781 10.3112C19.4734 15.4712 15.772 19.7512 13.5953 21.8612C12.712 22.7212 11.2609 22.7212 10.3777 21.8612C8.0327 19.5912 3.9844 14.7712 3.9844 9.1312C3.9844 4.8012 7.7804 1.3112 12.3755 1.5012C17.0759 1.7012 20.4092 5.8512 19.9781 10.3012V10.3112Z", stroke: color, strokeWidth: isFilled ? 0 : 1.5, strokeMiterlimit: "10", fill: isFilled ? color : undefined }), _jsx(Path, { d: "M12.1471 12.1612C13.7764 12.1612 15.0971 10.8404 15.0971 9.2112C15.0971 7.582 13.7764 6.2612 12.1471 6.2612C10.5179 6.2612 9.1972 7.582 9.1972 9.2112C9.1972 10.8404 10.5179 12.1612 12.1471 12.1612Z", stroke: color, strokeWidth: isFilled ? 0 : 1.5, fill: isFilled ? SemanticColorBgWhite : undefined, strokeMiterlimit: "10" })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M19.9781 10.3112C19.4734 15.4712 15.772 19.7512 13.5953 21.8612C12.712 22.7212 11.2609 22.7212 10.3777 21.8612C8.0327 19.5912 3.9844 14.7712 3.9844 9.1312C3.9844 4.8012 7.7804 1.3112 12.3755 1.5012C17.0759 1.7012 20.4092 5.8512 19.9781 10.3012V10.3112Z", stroke: color, strokeWidth: isFilled ? 0 : 1.5, strokeMiterlimit: "10", fill: isFilled ? color : undefined }), _jsx(Path, { d: "M12.1471 12.1612C13.7764 12.1612 15.0971 10.8404 15.0971 9.2112C15.0971 7.582 13.7764 6.2612 12.1471 6.2612C10.5179 6.2612 9.1972 7.582 9.1972 9.2112C9.1972 10.8404 10.5179 12.1612 12.1471 12.1612Z", stroke: color, strokeWidth: isFilled ? 0 : 1.5, fill: isFilled ? ColorWhite : undefined, strokeMiterlimit: "10" })] }));
 }

package/dist/native/icons/native/IconMoneyCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconMoneyCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9.5", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M7.8707 13.0517H6.4922V11.9188H7.5875L6.6307 8.1043H8.2799L9.0541 11.9188H10.376L11.1376 8.1043H12.8624L13.624 11.9188H14.927L15.6949 8.1043H17.3693L16.4188 11.9188H17.5078V13.0517H16.1355L15.1787 16.8663H13.3785L12.6169 13.0517H11.3705L10.6089 16.8663H8.8213L7.8707 13.0517ZM12.0315 10.1437H11.956L11.5972 11.9188H12.3902L12.0315 10.1437ZM9.6584 14.915H9.778L10.1494 13.0517H9.2807L9.6584 14.915ZM14.222 14.915H14.3227L14.7004 13.0517H13.8506L14.222 14.915Z", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9.5", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M7.8707 13.0517H6.4922V11.9188H7.5875L6.6307 8.1043H8.2799L9.0541 11.9188H10.376L11.1376 8.1043H12.8624L13.624 11.9188H14.927L15.6949 8.1043H17.3693L16.4188 11.9188H17.5078V13.0517H16.1355L15.1787 16.8663H13.3785L12.6169 13.0517H11.3705L10.6089 16.8663H8.8213L7.8707 13.0517ZM12.0315 10.1437H11.956L11.5972 11.9188H12.3902L12.0315 10.1437ZM9.6584 14.915H9.778L10.1494 13.0517H9.2807L9.6584 14.915ZM14.222 14.915H14.3227L14.7004 13.0517H13.8506L14.222 14.915Z", fill: isFilled ? ColorWhite : color, strokeWidth: 0 })] }));
 }

package/dist/native/icons/native/IconPlayCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconPlayCircle({ size = 24, color = ColorGray900, variant = 'filled', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "11.25", fill: isFilled ? color : 'none', stroke: color, opacity: isFilled ? 0.6 : 1, strokeWidth: "1.5" }), _jsx(Path, { fill: isFilled ? SemanticColorBgWhite : color, d: "M16.368 11.5035c.3218.2528.3218.7403 0 .9938l-5.346 4.2a.6315.6315 0 0 1-1.0223-.4965V7.8a.6315.6315 0 0 1 1.0223-.4973z" })] }));
+    return (_jsxs(Svg, { width: size, height: size, fill: "none", viewBox: "0 0 24 24", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "11.25", fill: isFilled ? color : 'none', stroke: color, opacity: isFilled ? 0.6 : 1, strokeWidth: "1.5" }), _jsx(Path, { fill: isFilled ? ColorWhite : color, d: "M16.368 11.5035c.3218.2528.3218.7403 0 .9938l-5.346 4.2a.6315.6315 0 0 1-1.0223-.4965V7.8a.6315.6315 0 0 1 1.0223-.4973z" })] }));
 }

package/dist/native/icons/native/IconPlusCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconPlusCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "10.9091", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { strokeLinecap: "round", d: "M12 6.5455V17.4545M17.4545 12H6.5455", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5" })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "10.9091", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { strokeLinecap: "round", d: "M12 6.5455V17.4545M17.4545 12H6.5455", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5" })] }));
 }

package/dist/native/icons/native/IconPopdeal.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconPopdeal({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M18.5158 22H5.4937C4.4093 22 3.5323 21.0947 3.5323 19.9726L4.513 7.7992C4.513 6.677 5.3899 5.7718 6.4744 5.7718H17.5257C18.6101 5.7718 19.487 6.677 19.487 7.7992L20.4677 19.9726C20.4677 21.0947 19.5908 22 18.5064 22H18.5158Z", stroke: isFilled ? undefined : color, strokeWidth: isFilled ? undefined : '1.5', strokeMiterlimit: isFilled ? undefined : '10', fill: isFilled ? color : 'none' }), _jsx(Path, { d: "M8.5206 7.0071V5.4889C8.5206 3.5653 10.0859 2 12.0095 2C13.9332 2 15.4985 3.5653 15.4985 5.4889V7.0071", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M9.8501 18.7751C11.2457 19.2749 12.7733 19.2749 14.1688 18.7751", stroke: isFilled ? SemanticColorBgWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M11.538 10.1188H9.7652C9.6898 10.1188 9.6143 10.1848 9.6143 10.2697V15.9839C9.6143 16.0688 9.6898 16.1443 9.7652 16.1443H10.9345C11.0194 16.1443 11.0854 16.0783 11.0854 15.9934V15.0881C11.0854 14.9844 11.1702 14.8996 11.2645 14.8996H11.5285C13.3013 14.8996 14.3951 14.032 14.3951 12.5233C14.3951 11.0146 13.3013 10.1282 11.5285 10.1282L11.538 10.1188ZM11.6134 13.4569H11.2739C11.1797 13.4569 11.0948 13.3814 11.0948 13.2777V11.7407C11.0948 11.6369 11.1797 11.552 11.2739 11.552H11.6134C12.5092 11.552 12.9053 11.7784 12.9053 12.5139C12.9053 13.2494 12.5281 13.4663 11.6134 13.4663V13.4569Z", fill: isFilled ? SemanticColorBgWhite : color })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M18.5158 22H5.4937C4.4093 22 3.5323 21.0947 3.5323 19.9726L4.513 7.7992C4.513 6.677 5.3899 5.7718 6.4744 5.7718H17.5257C18.6101 5.7718 19.487 6.677 19.487 7.7992L20.4677 19.9726C20.4677 21.0947 19.5908 22 18.5064 22H18.5158Z", stroke: isFilled ? undefined : color, strokeWidth: isFilled ? undefined : '1.5', strokeMiterlimit: isFilled ? undefined : '10', fill: isFilled ? color : 'none' }), _jsx(Path, { d: "M8.5206 7.0071V5.4889C8.5206 3.5653 10.0859 2 12.0095 2C13.9332 2 15.4985 3.5653 15.4985 5.4889V7.0071", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { d: "M9.8501 18.7751C11.2457 19.2749 12.7733 19.2749 14.1688 18.7751", stroke: isFilled ? ColorWhite : color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M11.538 10.1188H9.7652C9.6898 10.1188 9.6143 10.1848 9.6143 10.2697V15.9839C9.6143 16.0688 9.6898 16.1443 9.7652 16.1443H10.9345C11.0194 16.1443 11.0854 16.0783 11.0854 15.9934V15.0881C11.0854 14.9844 11.1702 14.8996 11.2645 14.8996H11.5285C13.3013 14.8996 14.3951 14.032 14.3951 12.5233C14.3951 11.0146 13.3013 10.1282 11.5285 10.1282L11.538 10.1188ZM11.6134 13.4569H11.2739C11.1797 13.4569 11.0948 13.3814 11.0948 13.2777V11.7407C11.0948 11.6369 11.1797 11.552 11.2739 11.552H11.6134C12.5092 11.552 12.9053 11.7784 12.9053 12.5139C12.9053 13.2494 12.5281 13.4663 11.6134 13.4663V13.4569Z", fill: isFilled ? ColorWhite : color })] }));
 }

package/dist/native/icons/native/IconQuestionCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconQuestionCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "7.9333", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M11.1963 14.0287C11.1993 13.4848 11.2525 13.0457 11.3558 12.7115C11.4621 12.3742 11.6095 12.1037 11.7979 11.9001C11.9863 11.6965 12.2386 11.4975 12.5545 11.303C13.1957 10.905 13.5163 10.4066 13.5163 9.808C13.5163 9.5467 13.454 9.3173 13.3294 9.1197C13.2048 8.9192 13.0362 8.7657 12.8234 8.6594C12.6108 8.55 12.3752 8.4953 12.117 8.4953C11.8769 8.4953 11.6521 8.547 11.4424 8.6503C11.2327 8.7506 11.0595 8.904 10.9228 9.1106C10.786 9.3173 10.7086 9.5725 10.6903 9.8764H9.2956C9.3138 9.3446 9.449 8.8873 9.7012 8.5044C9.9534 8.1216 10.2907 7.8314 10.7131 7.6338C11.1355 7.4363 11.605 7.3376 12.1216 7.3376C12.6746 7.3376 13.1623 7.4424 13.5847 7.6521C14.0101 7.8587 14.3382 8.1504 14.5692 8.5272C14.8032 8.901 14.9202 9.3325 14.9202 9.8217C14.9202 10.317 14.8078 10.7454 14.5829 11.107C14.358 11.4687 14.0314 11.7801 13.6028 12.0414C13.3355 12.2024 13.1243 12.3696 12.9694 12.5428C12.8174 12.713 12.705 12.9166 12.632 13.1536C12.5591 13.3876 12.5196 13.6793 12.5135 14.0287V14.1108H11.1963V14.0287ZM10.9775 15.975C10.9744 15.811 11.0139 15.6589 11.096 15.5192C11.178 15.3794 11.2889 15.2686 11.4287 15.1865C11.5715 15.1044 11.7265 15.0634 11.8936 15.0634C12.0547 15.0634 12.2051 15.1044 12.3449 15.1865C12.4847 15.2686 12.5956 15.3794 12.6776 15.5192C12.7627 15.6589 12.8052 15.811 12.8052 15.975C12.8052 16.139 12.7627 16.2911 12.6776 16.4308C12.5956 16.5706 12.4847 16.6814 12.3449 16.7635C12.2051 16.8456 12.0547 16.8866 11.8936 16.8866C11.7265 16.8866 11.5715 16.8456 11.4287 16.7635C11.2889 16.6814 11.178 16.5706 11.096 16.4308C11.0139 16.2911 10.9744 16.139 10.9775 15.975Z", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "7.9333", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M11.1963 14.0287C11.1993 13.4848 11.2525 13.0457 11.3558 12.7115C11.4621 12.3742 11.6095 12.1037 11.7979 11.9001C11.9863 11.6965 12.2386 11.4975 12.5545 11.303C13.1957 10.905 13.5163 10.4066 13.5163 9.808C13.5163 9.5467 13.454 9.3173 13.3294 9.1197C13.2048 8.9192 13.0362 8.7657 12.8234 8.6594C12.6108 8.55 12.3752 8.4953 12.117 8.4953C11.8769 8.4953 11.6521 8.547 11.4424 8.6503C11.2327 8.7506 11.0595 8.904 10.9228 9.1106C10.786 9.3173 10.7086 9.5725 10.6903 9.8764H9.2956C9.3138 9.3446 9.449 8.8873 9.7012 8.5044C9.9534 8.1216 10.2907 7.8314 10.7131 7.6338C11.1355 7.4363 11.605 7.3376 12.1216 7.3376C12.6746 7.3376 13.1623 7.4424 13.5847 7.6521C14.0101 7.8587 14.3382 8.1504 14.5692 8.5272C14.8032 8.901 14.9202 9.3325 14.9202 9.8217C14.9202 10.317 14.8078 10.7454 14.5829 11.107C14.358 11.4687 14.0314 11.7801 13.6028 12.0414C13.3355 12.2024 13.1243 12.3696 12.9694 12.5428C12.8174 12.713 12.705 12.9166 12.632 13.1536C12.5591 13.3876 12.5196 13.6793 12.5135 14.0287V14.1108H11.1963V14.0287ZM10.9775 15.975C10.9744 15.811 11.0139 15.6589 11.096 15.5192C11.178 15.3794 11.2889 15.2686 11.4287 15.1865C11.5715 15.1044 11.7265 15.0634 11.8936 15.0634C12.0547 15.0634 12.2051 15.1044 12.3449 15.1865C12.4847 15.2686 12.5956 15.3794 12.6776 15.5192C12.7627 15.6589 12.8052 15.811 12.8052 15.975C12.8052 16.139 12.7627 16.2911 12.6776 16.4308C12.5956 16.5706 12.4847 16.6814 12.3449 16.7635C12.2051 16.8456 12.0547 16.8866 11.8936 16.8866C11.7265 16.8866 11.5715 16.8456 11.4287 16.7635C11.2889 16.6814 11.178 16.5706 11.096 16.4308C11.0139 16.2911 10.9744 16.139 10.9775 15.975Z", fill: isFilled ? ColorWhite : color, strokeWidth: 0 })] }));
 }

package/dist/native/icons/native/IconWarningCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconWarningCircle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "10", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0046 15.2893C12.6552 15.2893 13.181 15.8152 13.181 16.4658C13.181 17.1164 12.6552 17.6422 12.0046 17.6422C11.354 17.6422 10.8222 17.1164 10.8222 16.4658C10.8222 15.8152 11.3434 15.2893 11.9928 15.2893H12.0046ZM11.993 6.6518C12.4801 6.6518 12.8754 7.047 12.8754 7.5341V12.733C12.8754 13.22 12.4801 13.6153 11.993 13.6153C11.506 13.6153 11.1107 13.22 11.1107 12.733V7.5341C11.1107 7.047 11.506 6.6518 11.993 6.6518Z", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "10", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0046 15.2893C12.6552 15.2893 13.181 15.8152 13.181 16.4658C13.181 17.1164 12.6552 17.6422 12.0046 17.6422C11.354 17.6422 10.8222 17.1164 10.8222 16.4658C10.8222 15.8152 11.3434 15.2893 11.9928 15.2893H12.0046ZM11.993 6.6518C12.4801 6.6518 12.8754 7.047 12.8754 7.5341V12.733C12.8754 13.22 12.4801 13.6153 11.993 13.6153C11.506 13.6153 11.1107 13.22 11.1107 12.733V7.5341C11.1107 7.047 11.506 6.6518 11.993 6.6518Z", fill: isFilled ? ColorWhite : color, strokeWidth: 0 })] }));
 }

package/dist/native/icons/native/IconWarningTriangle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Path, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconWarningTriangle({ size = 24, color = ColorGray900, variant = 'line', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M2.3498 18.1694L10.7279 4.7643C11.3155 3.8243 12.6844 3.8243 13.2719 4.7643L21.6502 18.1694C22.2746 19.1685 21.5563 20.4644 20.3782 20.4644H3.6217C2.4436 20.4644 1.7253 19.1685 2.3498 18.1694Z", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M11.9923 8.3878C12.4291 8.3878 12.7836 8.7422 12.7836 9.179V13.8411C12.7836 14.2778 12.4291 14.6323 11.9923 14.6323C11.5556 14.6323 11.201 14.2778 11.201 13.8411V9.179C11.201 8.7422 11.5556 8.3878 11.9923 8.3878Z", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 }), _jsx(Path, { d: "M12.0026 16.1335C12.5861 16.1335 13.0577 16.6051 13.0577 17.1885C13.0577 17.7719 12.5861 18.2435 12.0026 18.2435C11.4193 18.2435 10.9424 17.7719 10.9424 17.1885C10.9424 16.6051 11.4097 16.1335 11.9921 16.1335H12.0026Z", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Path, { d: "M2.3498 18.1694L10.7279 4.7643C11.3155 3.8243 12.6844 3.8243 13.2719 4.7643L21.6502 18.1694C22.2746 19.1685 21.5563 20.4644 20.3782 20.4644H3.6217C2.4436 20.4644 1.7253 19.1685 2.3498 18.1694Z", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Path, { d: "M11.9923 8.3878C12.4291 8.3878 12.7836 8.7422 12.7836 9.179V13.8411C12.7836 14.2778 12.4291 14.6323 11.9923 14.6323C11.5556 14.6323 11.201 14.2778 11.201 13.8411V9.179C11.201 8.7422 11.5556 8.3878 11.9923 8.3878Z", fill: isFilled ? ColorWhite : color, strokeWidth: 0 }), _jsx(Path, { d: "M12.0026 16.1335C12.5861 16.1335 13.0577 16.6051 13.0577 17.1885C13.0577 17.7719 12.5861 18.2435 12.0026 18.2435C11.4193 18.2435 10.9424 17.7719 10.9424 17.1885C10.9424 16.6051 11.4097 16.1335 11.9921 16.1335H12.0026Z", fill: isFilled ? ColorWhite : color, strokeWidth: 0 })] }));
 }

package/dist/native/icons/native/IconXCircle.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DO NOT EDIT MANUALLY — changes will be overwritten on the next build
 // To update: modify the source in src/icons/*.tsx or src/illustrations/*.tsx, then run `yarn build`
 import { Circle, Rect, Svg } from 'react-native-svg';
-import { ColorGray900, SemanticColorBgWhite } from '../../tokens/colors';
+import { ColorGray900, ColorWhite } from '../../tokens/colors';
 export default function IconXCircle({ size = 24, color = ColorGray900, variant = 'filled', ...props }) {
     const isFilled = variant === 'filled';
-    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Rect, { x: "14.8284", y: "7.75781", width: "2", height: "10", rx: "1", transform: "rotate(45 14.8284 7.75781)", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 }), _jsx(Rect, { width: "2", height: "10", rx: "1", transform: "matrix(-0.707107 0.707107 0.707107 0.707107 9.17139 7.75781)", fill: isFilled ? SemanticColorBgWhite : color, strokeWidth: 0 })] }));
+    return (_jsxs(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", ...props, children: [_jsx(Circle, { cx: "12", cy: "12", r: "9", fill: isFilled ? color : 'none', stroke: color, strokeWidth: "1.5" }), _jsx(Rect, { x: "14.8284", y: "7.75781", width: "2", height: "10", rx: "1", transform: "rotate(45 14.8284 7.75781)", fill: isFilled ? ColorWhite : color, strokeWidth: 0 }), _jsx(Rect, { width: "2", height: "10", rx: "1", transform: "matrix(-0.707107 0.707107 0.707107 0.707107 9.17139 7.75781)", fill: isFilled ? ColorWhite : color, strokeWidth: 0 })] }));
 }

package/dist/native/theme/colors/tokens.js

@@ -6,11 +6,21 @@
  */
 import tokenData from '../../../token.json';
 const rawColors = tokenData.global.color;
-export const colors = Object.entries(rawColors).reduce((acc, [colorName, shades]) => {
-    acc[colorName] = Object.entries(shades).reduce((shadeAcc, [shade, tokenValue]) => {
-        shadeAcc[shade] = tokenValue.value;
-        return shadeAcc;
-    }, {});
+export const colors = Object.entries(rawColors).reduce((acc, [colorName, entry]) => {
+    const entryObj = entry;
+    // Flat token (e.g. white: { value: '#fff', type: 'color' })
+    if (typeof entryObj.value === 'string') {
+        acc[colorName] = { default: entryObj.value };
+    }
+    else {
+        // Nested shades (e.g. gray: { 50: { value: '#...', type: 'color' } })
+        acc[colorName] = Object.entries(entryObj).reduce((shadeAcc, [shade, tokenValue]) => {
+            if (tokenValue && typeof tokenValue.value === 'string') {
+                shadeAcc[shade] = tokenValue.value;
+            }
+            return shadeAcc;
+        }, {});
+    }
     return acc;
 }, {});
 export const colorNames = Object.keys(colors);

package/dist/native/tokens/colors.js

@@ -1,94 +1,8 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export const SemanticColorPrimary = "#0fd3d8";
-export const SemanticColorPrimaryHover = "#11badd";
-export const SemanticColorPrimaryPressed = "#07a3c6";
-export const SemanticColorPrimaryFocused = "#11badd";
-export const SemanticColorTextWhite = "#ffffff";
-export const SemanticColorBgDisabled = "#b0b0b0";
-export const SemanticColorBgWhite = "#ffffff";
-export const SemanticColorBgWhiteHover = "#e7e7e7";
-export const SemanticColorBgWhitePressed = "#cdcdcd";
-export const SemanticColorBgWhiteFocused = "#e7e7e7";
-export const SemanticColorTextDisabled = "#ffffff";
-export const SemanticColorTextDarkgray03 = "#4a4a4a";
-export const SemanticColorBorderLightgray01 = "#b0b0b0";
-export const SemanticColorWarning = "#fa5252";
-export const SemanticColorWarningHover = "#e03131";
-export const SemanticColorWarningPressed = "#c92a2a";
-export const SemanticColorWarningFocused = "#e03131";
-export const SemanticColorSetting = "#9b9b9b";
-export const SemanticColorSettingHover = "#808080";
-export const SemanticColorSettingPressed = "#666666";
-export const SemanticColorSettingFocused = "#808080";
-export const BgColorButtonBgPrimaryDefault = "#0fd3d8";
-export const BgColorButtonBgPrimaryHover = "#11badd";
-export const BgColorButtonBgPrimaryPressed = "#07a3c6";
-export const BgColorButtonBgPrimaryFocused = "#11badd";
-export const BgColorButtonBgPrimaryDisabled = "#b0b0b0";
-export const BgColorButtonBgPrimarylineDefault = "#ffffff";
-export const BgColorButtonBgPrimarylineHover = "#e7e7e7";
-export const BgColorButtonBgPrimarylinePressed = "#cdcdcd";
-export const BgColorButtonBgPrimarylineFocused = "#e7e7e7";
-export const BgColorButtonBgPrimarylineDisabled = "#b0b0b0";
-export const BgColorButtonBgBasicDefault = "#ffffff";
-export const BgColorButtonBgBasicHover = "#e7e7e7";
-export const BgColorButtonBgBasicPreseed = "#cdcdcd";
-export const BgColorButtonBgBasicFocused = "#e7e7e7";
-export const BgColorButtonBgBasicDisabled = "#b0b0b0";
-export const BgColorButtonBgWarningDefault = "#fa5252";
-export const BgColorButtonBgWarningHover = "#e03131";
-export const BgColorButtonBgWarningPressed = "#c92a2a";
-export const BgColorButtonBgWarningFocused = "#e03131";
-export const BgColorButtonBgWarningDisabled = "#b0b0b0";
-export const BgColorButtonBgSettingDefault = "#9b9b9b";
-export const BgColorButtonBgSettingHover = "#808080";
-export const BgColorButtonBgSettingPressed = "#666666";
-export const BgColorButtonBgSettingFocused = "#808080";
-export const BgColorButtonBgSettingDisabled = "#b0b0b0";
-export const TextColorButtonTextPrimaryDefault = "#ffffff";
-export const TextColorButtonTextPrimaryHover = "#ffffff";
-export const TextColorButtonTextPrimaryPressed = "#ffffff";
-export const TextColorButtonTextPrimaryFocused = "#ffffff";
-export const TextColorButtonTextPrimaryDisabled = "#ffffff";
-export const TextColorButtonTextPrimarylineDefault = "#0fd3d8";
-export const TextColorButtonTextPrimarylineHover = "#11badd";
-export const TextColorButtonTextPrimarylinePressed = "#07a3c6";
-export const TextColorButtonTextPrimarylineFocused = "#11badd";
-export const TextColorButtonTextPrimarylineDisabled = "#ffffff";
-export const TextColorButtonTextBasicDefault = "#4a4a4a";
-export const TextColorButtonTextBasicHover = "#4a4a4a";
-export const TextColorButtonTextBasicPressed = "#4a4a4a";
-export const TextColorButtonTextBasicFocused = "#4a4a4a";
-export const TextColorButtonTextBasicDisabled = "#ffffff";
-export const TextColorButtonTextWarningDefault = "#ffffff";
-export const TextColorButtonTextWarningHover = "#ffffff";
-export const TextColorButtonTextWarningPressed = "#ffffff";
-export const TextColorButtonTextWarningFocused = "#ffffff";
-export const TextColorButtonTextWarningDisabled = "#ffffff";
-export const TextColorButtonTextSettingDefault = "#ffffff";
-export const TextColorButtonTextSettingHover = "#ffffff";
-export const TextColorButtonTextSettingPressed = "#ffffff";
-export const TextColorButtonTextSettingFocused = "#ffffff";
-export const TextColorButtonTextSettingDisabled = "#ffffff";
-export const BorderColorButtonBorderPrimarylineDefault = "#0fd3d8";
-export const BorderColorButtonBorderPrimarylineHover = "#11badd";
-export const BorderColorButtonBorderPrimarylinePressed = "#07a3c6";
-export const BorderColorButtonBorderPrimarylineFocused = "#11badd";
-export const BorderColorButtonBorderBasicDefault = "#b0b0b0";
-export const BorderColorButtonBorderBasicHover = "#b0b0b0";
-export const BorderColorButtonBorderBasicPressed = "#b0b0b0";
-export const BorderColorButtonBorderBasicFocused = "#b0b0b0";
-export const ButtonBorderButtonPrimarylineDefaultColor = "#0fd3d8";
-export const ButtonBorderButtonPrimarylineHoverColor = "#11badd";
-export const ButtonBorderButtonPrimarylinePressedColor = "#07a3c6";
-export const ButtonBorderButtonPrimarylineFocusedColor = "#11badd";
-export const ButtonBorderButtonBasicDefaultColor = "#b0b0b0";
-export const ButtonBorderButtonBasicHoverColor = "#b0b0b0";
-export const ButtonBorderButtonBasicPressedColor = "#b0b0b0";
-export const ButtonBorderButtonBasicFocusedColor = "#b0b0b0";
-export const ColorGray0 = "#ffffff";
+export const ColorWhite = "#ffffff";
+export const ColorBlack = "#000000";
 export const ColorGray25 = "#fbfbfb";
 export const ColorGray50 = "#f6f6f6";
 export const ColorGray100 = "#e7e7e7";

package/dist/types/index.d.ts

@@ -1,88 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import { SVGProps } from 'react';
 
-export declare const BgColorButtonBgBasicDefault = "#ffffff";
-
-export declare const BgColorButtonBgBasicDisabled = "#b0b0b0";
-
-export declare const BgColorButtonBgBasicFocused = "#e7e7e7";
-
-export declare const BgColorButtonBgBasicHover = "#e7e7e7";
-
-export declare const BgColorButtonBgBasicPreseed = "#cdcdcd";
-
-export declare const BgColorButtonBgPrimaryDefault = "#0fd3d8";
-
-export declare const BgColorButtonBgPrimaryDisabled = "#b0b0b0";
-
-export declare const BgColorButtonBgPrimaryFocused = "#11badd";
-
-export declare const BgColorButtonBgPrimaryHover = "#11badd";
-
-export declare const BgColorButtonBgPrimarylineDefault = "#ffffff";
-
-export declare const BgColorButtonBgPrimarylineDisabled = "#b0b0b0";
-
-export declare const BgColorButtonBgPrimarylineFocused = "#e7e7e7";
-
-export declare const BgColorButtonBgPrimarylineHover = "#e7e7e7";
-
-export declare const BgColorButtonBgPrimarylinePressed = "#cdcdcd";
-
-export declare const BgColorButtonBgPrimaryPressed = "#07a3c6";
-
-export declare const BgColorButtonBgSettingDefault = "#9b9b9b";
-
-export declare const BgColorButtonBgSettingDisabled = "#b0b0b0";
-
-export declare const BgColorButtonBgSettingFocused = "#808080";
-
-export declare const BgColorButtonBgSettingHover = "#808080";
-
-export declare const BgColorButtonBgSettingPressed = "#666666";
-
-export declare const BgColorButtonBgWarningDefault = "#fa5252";
-
-export declare const BgColorButtonBgWarningDisabled = "#b0b0b0";
-
-export declare const BgColorButtonBgWarningFocused = "#e03131";
-
-export declare const BgColorButtonBgWarningHover = "#e03131";
-
-export declare const BgColorButtonBgWarningPressed = "#c92a2a";
-
-export declare const BorderColorButtonBorderBasicDefault = "#b0b0b0";
-
-export declare const BorderColorButtonBorderBasicFocused = "#b0b0b0";
-
-export declare const BorderColorButtonBorderBasicHover = "#b0b0b0";
-
-export declare const BorderColorButtonBorderBasicPressed = "#b0b0b0";
-
-export declare const BorderColorButtonBorderPrimarylineDefault = "#0fd3d8";
-
-export declare const BorderColorButtonBorderPrimarylineFocused = "#11badd";
-
-export declare const BorderColorButtonBorderPrimarylineHover = "#11badd";
-
-export declare const BorderColorButtonBorderPrimarylinePressed = "#07a3c6";
-
-export declare const ButtonBorderButtonBasicDefaultColor = "#b0b0b0";
-
-export declare const ButtonBorderButtonBasicFocusedColor = "#b0b0b0";
-
-export declare const ButtonBorderButtonBasicHoverColor = "#b0b0b0";
-
-export declare const ButtonBorderButtonBasicPressedColor = "#b0b0b0";
-
-export declare const ButtonBorderButtonPrimarylineDefaultColor = "#0fd3d8";
-
-export declare const ButtonBorderButtonPrimarylineFocusedColor = "#11badd";
-
-export declare const ButtonBorderButtonPrimarylineHoverColor = "#11badd";
-
-export declare const ButtonBorderButtonPrimarylinePressedColor = "#07a3c6";
-
 export declare const ColorAqua100 = "#c8fdff";
 
 export declare const ColorAqua200 = "#98f4f6";
@@ -105,6 +23,8 @@ export declare const ColorAqua800 = "#00759a";
 
 export declare const ColorAqua900 = "#006180";
 
+export declare const ColorBlack = "#000000";
+
 export declare const ColorBlue100 = "#d8f0ff";
 
 export declare const ColorBlue200 = "#b2ddff";
@@ -145,8 +65,6 @@ export declare const ColorGrape800 = "#9c36b5";
 
 export declare const ColorGrape900 = "#862e9c";
 
-export declare const ColorGray0 = "#ffffff";
-
 export declare const ColorGray100 = "#e7e7e7";
 
 export declare const ColorGray1000 = "#000000";
@@ -255,6 +173,11 @@ export declare const ColorRed900 = "#ab1313";
 
 export declare const colors: IColorPaletteType;
 
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const ColorWhite = "#ffffff";
+
 export declare const ColorYellow100 = "#ffff9f";
 
 export declare const ColorYellow200 = "#fdff78";
@@ -275,6 +198,9 @@ export declare const ColorYellow800 = "#f08c00";
 
 export declare const ColorYellow900 = "#e27500";
 
+/** 내부 Date 값 → 입력창 표시 문자열 */
+export declare const formatDateDisplay: (value: Date | Date[] | [Date | null, Date | null] | null | undefined, type: TDateDisplayType, format: string) => string;
+
 export declare const getColorShades: (colorName: TColorName) => IColorShades;
 
 export declare const getColorValue: (colorName: TColorName, shade: string) => string | undefined;
@@ -626,50 +552,8 @@ export declare function IllustrationYesSpike({ size, ...props }: IIllustrationPr
 
 export declare function IllustrationYoutube({ size, ...props }: IIllustrationProps): JSX.Element;
 
-export declare const SemanticColorBgDisabled = "#b0b0b0";
-
-export declare const SemanticColorBgWhite = "#ffffff";
-
-export declare const SemanticColorBgWhiteFocused = "#e7e7e7";
-
-export declare const SemanticColorBgWhiteHover = "#e7e7e7";
-
-export declare const SemanticColorBgWhitePressed = "#cdcdcd";
-
-export declare const SemanticColorBorderLightgray01 = "#b0b0b0";
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const SemanticColorPrimary = "#0fd3d8";
-
-export declare const SemanticColorPrimaryFocused = "#11badd";
-
-export declare const SemanticColorPrimaryHover = "#11badd";
-
-export declare const SemanticColorPrimaryPressed = "#07a3c6";
-
-export declare const SemanticColorSetting = "#9b9b9b";
-
-export declare const SemanticColorSettingFocused = "#808080";
-
-export declare const SemanticColorSettingHover = "#808080";
-
-export declare const SemanticColorSettingPressed = "#666666";
-
-export declare const SemanticColorTextDarkgray03 = "#4a4a4a";
-
-export declare const SemanticColorTextDisabled = "#ffffff";
-
-export declare const SemanticColorTextWhite = "#ffffff";
-
-export declare const SemanticColorWarning = "#fa5252";
-
-export declare const SemanticColorWarningFocused = "#e03131";
-
-export declare const SemanticColorWarningHover = "#e03131";
-
-export declare const SemanticColorWarningPressed = "#c92a2a";
+/** 문자열 value → 내부 Date 변환 (value prop 수신 시) */
+export declare const parseDateValue: (value: string | null | string[] | [string | null, string | null] | undefined, type: TDateDisplayType, format: string) => Date | null | Date[] | [Date | null, Date | null];
 
 export declare const ShadowDashboardCardColor = "#0000000a";
 
@@ -677,54 +561,9 @@ export declare type TColorName = keyof typeof colors;
 
 export declare type TColorShade<T extends TColorName> = keyof (typeof colors)[T];
 
-export declare const TextColorButtonTextBasicDefault = "#4a4a4a";
-
-export declare const TextColorButtonTextBasicDisabled = "#ffffff";
-
-export declare const TextColorButtonTextBasicFocused = "#4a4a4a";
-
-export declare const TextColorButtonTextBasicHover = "#4a4a4a";
-
-export declare const TextColorButtonTextBasicPressed = "#4a4a4a";
-
-export declare const TextColorButtonTextPrimaryDefault = "#ffffff";
-
-export declare const TextColorButtonTextPrimaryDisabled = "#ffffff";
-
-export declare const TextColorButtonTextPrimaryFocused = "#ffffff";
-
-export declare const TextColorButtonTextPrimaryHover = "#ffffff";
-
-export declare const TextColorButtonTextPrimarylineDefault = "#0fd3d8";
-
-export declare const TextColorButtonTextPrimarylineDisabled = "#ffffff";
-
-export declare const TextColorButtonTextPrimarylineFocused = "#11badd";
-
-export declare const TextColorButtonTextPrimarylineHover = "#11badd";
-
-export declare const TextColorButtonTextPrimarylinePressed = "#07a3c6";
-
-export declare const TextColorButtonTextPrimaryPressed = "#ffffff";
-
-export declare const TextColorButtonTextSettingDefault = "#ffffff";
-
-export declare const TextColorButtonTextSettingDisabled = "#ffffff";
-
-export declare const TextColorButtonTextSettingFocused = "#ffffff";
-
-export declare const TextColorButtonTextSettingHover = "#ffffff";
-
-export declare const TextColorButtonTextSettingPressed = "#ffffff";
-
-export declare const TextColorButtonTextWarningDefault = "#ffffff";
-
-export declare const TextColorButtonTextWarningDisabled = "#ffffff";
-
-export declare const TextColorButtonTextWarningFocused = "#ffffff";
-
-export declare const TextColorButtonTextWarningHover = "#ffffff";
+export declare type TDateDisplayType = 'default' | 'multiple' | 'range';
 
-export declare const TextColorButtonTextWarningPressed = "#ffffff";
+/** 내부 Date 값 → onChange 출력 문자열 */
+export declare const toValueString: (value: Date | Date[] | [Date | null, Date | null] | null | undefined, type: TDateDisplayType, format: string) => string | null | string[] | [string | null, string | null];
 
 export { }