@designbasekorea/ui 0.2.31 → 0.2.33

package/dist/index.esm.js

@@ -2525,6 +2525,8 @@ const colorPalettes = {
 };
 const RandomGradient = ({ scheme = 'primary', tone = 'vivid', width = '100%', height = '600px', blur = 60, colorCount = 4, animated = false, animationDuration = 10, overlay = true, overlayOpacity = 0.2, children, className, }) => {
     const [gradientStyle, setGradientStyle] = useState({});
+    // 블러 최소값 60으로 제한
+    const minBlur = Math.max(60, blur);
     // 그라데이션 생성 함수
     const generateGradient = useMemo(() => {
         return () => {
@@ -2541,11 +2543,11 @@ const RandomGradient = ({ scheme = 'primary', tone = 'vivid', width = '100%', he
             const centerY = Math.random() * 100;
             return {
                 background: `radial-gradient(circle at ${centerX}% ${centerY}%, ${gradientStops})`,
-                filter: `blur(${blur}px)`,
+                filter: `blur(${minBlur}px)`,
                 transition: `all ${animationDuration}s ease-in-out`,
             };
         };
-    }, [scheme, tone, colorCount, blur, animationDuration]);
+    }, [scheme, tone, colorCount, minBlur, animationDuration]);
     // 초기 그라데이션 및 애니메이션
     useEffect(() => {
         setGradientStyle(generateGradient());
@@ -5451,6 +5453,10 @@ const ColorPicker = ({ size = 'm', type = 'dropdown', position = 'bottom-left',
         onChange?.(formatted);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [formatted]); // onChange와 value를 의존성에서 제거
+    /** formatted 변경시 colorInput 동기화 */
+    useEffect(() => {
+        setColorInput(formatted.toUpperCase());
+    }, [formatted]);
     /** 드롭다운 외부 클릭 닫기 */
     useEffect(() => {
         const handler = (e) => {