@designbasekorea/ui 0.1.39 → 0.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -46,6 +46,40 @@ interface AccordionProps {
46
46
  }
47
47
  declare const Accordion: React$1.FC<AccordionProps>;
48
48
 
49
+ /**
50
+ * RandomGradient 컴포넌트
51
+ *
52
+ * 랜덤하게 생성되는 그라데이션 배경 컴포넌트
53
+ * 타임세일, 히어로 섹션, 카드 배경 등에 활용
54
+ */
55
+
56
+ type GradientScheme = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'purple' | 'ocean' | 'sunset';
57
+ interface RandomGradientProps {
58
+ /** 그라데이션 색상 계열 */
59
+ scheme?: GradientScheme;
60
+ /** 너비 */
61
+ width?: string | number;
62
+ /** 높이 */
63
+ height?: string | number;
64
+ /** 블러 강도 (px) */
65
+ blur?: number;
66
+ /** 색상 개수 (3-6개) */
67
+ colorCount?: number;
68
+ /** 애니메이션 활성화 */
69
+ animated?: boolean;
70
+ /** 애니메이션 주기 (초) */
71
+ animationDuration?: number;
72
+ /** 오버레이 활성화 */
73
+ overlay?: boolean;
74
+ /** 오버레이 투명도 (0-1) */
75
+ overlayOpacity?: number;
76
+ /** 자식 요소 */
77
+ children?: React$1.ReactNode;
78
+ /** 추가 CSS 클래스 */
79
+ className?: string;
80
+ }
81
+ declare const RandomGradient: React$1.FC<RandomGradientProps>;
82
+
49
83
  /**
50
84
  * AdBanner 컴포넌트
51
85
  *
@@ -75,6 +109,12 @@ interface AdBannerProps {
75
109
  closeDelay?: number;
76
110
  /** 아이콘 */
77
111
  icon?: React$1.ReactNode;
112
+ /** 랜덤 그라데이션 배경 사용 여부 */
113
+ useRandomGradient?: boolean;
114
+ /** 랜덤 그라데이션 색상 계열 */
115
+ gradientScheme?: GradientScheme;
116
+ /** 랜덤 그라데이션 애니메이션 여부 */
117
+ gradientAnimated?: boolean;
78
118
  /** 추가 CSS 클래스 */
79
119
  className?: string;
80
120
  }
@@ -2738,40 +2778,6 @@ interface RadioProps {
2738
2778
  }
2739
2779
  declare const Radio: React$1.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
2740
2780
 
2741
- /**
2742
- * RandomGradient 컴포넌트
2743
- *
2744
- * 랜덤하게 생성되는 그라데이션 배경 컴포넌트
2745
- * 타임세일, 히어로 섹션, 카드 배경 등에 활용
2746
- */
2747
-
2748
- type GradientScheme = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'purple' | 'ocean' | 'sunset';
2749
- interface RandomGradientProps {
2750
- /** 그라데이션 색상 계열 */
2751
- scheme?: GradientScheme;
2752
- /** 너비 */
2753
- width?: string | number;
2754
- /** 높이 */
2755
- height?: string | number;
2756
- /** 블러 강도 (px) */
2757
- blur?: number;
2758
- /** 색상 개수 (3-6개) */
2759
- colorCount?: number;
2760
- /** 애니메이션 활성화 */
2761
- animated?: boolean;
2762
- /** 애니메이션 주기 (초) */
2763
- animationDuration?: number;
2764
- /** 오버레이 활성화 */
2765
- overlay?: boolean;
2766
- /** 오버레이 투명도 (0-1) */
2767
- overlayOpacity?: number;
2768
- /** 자식 요소 */
2769
- children?: React$1.ReactNode;
2770
- /** 추가 CSS 클래스 */
2771
- className?: string;
2772
- }
2773
- declare const RandomGradient: React$1.FC<RandomGradientProps>;
2774
-
2775
2781
  /**
2776
2782
  * Range Slider 컴포넌트
2777
2783
  *