funuicss 3.8.13 → 3.8.15

package/ui/feature/Feature.d.ts

@@ -1,31 +1,23 @@
 import React from 'react';
-type FeatureItem = {
+type ContentItem = {
     icon?: string | React.ReactNode;
     iconColor?: string;
     iconSize?: number;
-    iconClassName?: string;
     title?: React.ReactNode;
-    titleSize?: string;
-    titleWeight?: number;
-    titleColor?: string;
-    titleClassName?: string;
     description?: React.ReactNode;
-    descriptionSize?: string;
-    descriptionWeight?: number;
-    descriptionColor?: string;
-    descriptionClassName?: string;
     imageUrl?: string;
     imageAlt?: string;
-    imageClassName?: string;
-    imageStyle?: React.CSSProperties;
-    content?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
-    ctaText?: string;
-    ctaUrl?: string;
-    ctaOnClick?: () => void;
-    ctaClassName?: string;
-    customRender?: () => React.ReactNode;
+    customerName?: string;
+    company?: string;
+    avatar?: string;
+    role?: string;
+    project?: string;
+    rating?: number;
+    date?: string;
+    featured?: boolean;
+    content?: string;
 };
 interface CarouselOptions {
     isCarousel?: boolean;
@@ -33,85 +25,63 @@ interface CarouselOptions {
     gap?: number;
     carouselFuncss?: string;
     showDashes?: boolean;
-    allowVerticalOverflow?: boolean;
-    itemPadding?: string;
-    controlerSize?: number;
-    controlerIconSize?: number;
-    infiniteScroll?: boolean;
-    infiniteScrollSpeed?: number;
-    infiniteScrollDirection?: 'left' | 'right' | 'alternate';
-    carouselContainerClassName?: string;
-    carouselContainerStyle?: React.CSSProperties;
 }
 type FeatureProps = {
     variant?: string;
     layout?: 'checklist' | 'centered' | 'grid';
     title?: React.ReactNode;
-    titleSize?: string;
-    titleWeight?: number;
+    titleSize?: 'base' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
     titleColor?: string;
-    titleClassName?: string;
     titleAlign?: 'left' | 'center' | 'right';
     subtitle?: React.ReactNode;
-    subtitleSize?: string;
-    subtitleWeight?: number;
+    subtitleSize?: 'base' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
     subtitleColor?: string;
-    subtitleClassName?: string;
     description?: React.ReactNode;
-    descriptionSize?: string;
-    descriptionWeight?: number;
+    descriptionSize?: 'base' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
     descriptionColor?: string;
-    descriptionClassName?: string;
-    features?: FeatureItem[] | string;
+    isTestimonial?: boolean;
+    items?: ContentItem[] | string;
+    bucket?: string;
+    bucketPage?: number;
+    bucketSize?: number;
     gap?: number;
     itemMaxWidth?: string;
-    align?: 'start' | 'center' | 'end' | 'stretch';
+    align?: 'start' | 'center' | 'end';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
     wrap?: boolean;
     card?: boolean;
     cardPadding?: string;
     cardRounded?: string;
     cardShadow?: 'sm' | 'md' | 'lg' | 'xl' | 'none';
-    cardBorder?: boolean;
-    cardBorderColor?: string;
-    cardHoverEffect?: 'lift' | 'glow' | 'scale' | 'none';
     cardClassName?: string;
-    padding?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    containerClassName?: string;
-    containerStyle?: React.CSSProperties;
     iconColor?: string;
     iconSize?: number;
-    iconClassName?: string;
-    itemTitleSize?: string;
-    itemTitleWeight?: number;
-    itemTitleColor?: string;
-    itemDescriptionSize?: string;
-    itemDescriptionWeight?: number;
-    itemDescriptionColor?: string;
-    checkmarkIcon?: string;
-    checkmarkColor?: string;
-    checkmarkSize?: number;
-    checkmarkClassName?: string;
+    itemTitleSize?: 'base' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    itemDescriptionSize?: 'base' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    showStars?: boolean;
+    ratingIcon?: string;
+    starColor?: string;
+    showQuote?: boolean;
+    quoteIcon?: string | React.ReactNode;
+    quoteColor?: string;
+    showDate?: boolean;
+    showCompany?: boolean;
+    showRole?: boolean;
+    showCTA?: boolean;
+    contentLimit?: number;
+    showExpand?: boolean;
+    expandText?: string;
+    collapseText?: string;
     ctaText?: string;
     ctaUrl?: string;
-    ctaOnClick?: () => void;
-    ctaClassName?: string;
-    ctaAlign?: 'left' | 'center' | 'right';
-    ctaStringPrefix?: string;
-    ctaStringSuffix?: string;
-    ctaStartIcon?: React.ReactNode;
-    ctaEndIcon?: React.ReactNode;
-    ctaIconSize?: number;
-    ctaIsLoading?: boolean;
-    ctaStatus?: 'success' | 'warning' | 'info' | 'error';
     ctaBg?: string;
-    children?: React.ReactNode;
+    ctaAlign?: 'left' | 'center' | 'right';
+    padding?: string;
+    className?: string;
+    containerClassName?: string;
+    maxWidth?: string;
     id?: string;
     funcss?: string;
-    sectionClass?: string;
-    maxWidth?: string;
 } & CarouselOptions;
 declare const Feature: React.FC<FeatureProps>;
 export default Feature;