wex-ui-lib 1.2.42 → 1.3.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { JSX } from 'react';
+import React$1, { JSX, ReactElement } from 'react';
 
 type ArrowIcon = 'arrow-long' | 'arrow-caret' | 'arrow-long-left' | 'arrow-caret-left';
 type SocialMediaIcon = "twitter" | "instagram" | "youtube" | "linkedin";
@@ -13,8 +13,6 @@ type IconProps = {
 
 declare function Icon(props: IconProps): React$1.JSX.Element;
 
-type TextCasing = 'first-capitalized' | 'uppercase' | 'lowercase';
-
 type ComponentColors = {
     text?: string;
     textHover?: string;
@@ -23,19 +21,20 @@ type ComponentColors = {
     border?: string;
     borderHover?: string;
 };
-type ComponentFont = {
+type Font = {
     size?: string;
-    casing?: TextCasing;
+    casing?: 'first-capitalized' | 'uppercase' | 'lowercase';
     weight?: '300' | '400' | '500' | '600' | '700' | '800' | '900';
 };
 type Opacity = "10%" | "20%" | "30%" | "40%" | "50%" | "60%" | "70%" | "80%" | "90%";
+type DisplayMode = "light" | "dark";
 
 type ButtonProps = {
     children?: React.ReactNode | string;
     onClick?: () => void;
     type?: "default" | "rounded" | "pill" | "underlined";
     colors?: ComponentColors;
-    font?: ComponentFont;
+    font?: Font;
     arrow?: ArrowIcon;
 };
 
@@ -83,10 +82,10 @@ type HeroProps = {
 declare function Hero(props: HeroProps): React$1.JSX.Element;
 
 type FadeProps = {
-    children: React$1.ReactElement<any>;
+    children: React$1.ReactElement;
     type?: 'top-to-bottom' | 'right-to-left' | 'bottom-to-top' | 'left-to-right';
 };
-declare function Fade(props: FadeProps): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
+declare function Fade(props: FadeProps): React$1.JSX.Element;
 
 type goToOption = 'next' | 'prev' | number;
 type SliderRef = {
@@ -106,8 +105,10 @@ type SliderProps = {
 declare function Slider(props: SliderProps): React$1.JSX.Element;
 
 type ShowcaseProps = {
+    items: ShowcaseItem[];
+    itemsPerRow?: number;
+    gap?: string;
     backgroundColor?: string;
-    items: [ShowcaseItem, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?];
 };
 type ShowcaseItem = {
     label: string;
@@ -146,4 +147,59 @@ type FooterProps = {
 
 declare function Footer(props: FooterProps): React$1.JSX.Element;
 
-export { Button, Fade, Footer, Hero, Icon, Navbar, Showcase, Slider, type SliderRef };
+type CardProps = {
+    type?: "default";
+    backgroundColor?: string;
+    title?: Font & {
+        text: string;
+        color?: string;
+    };
+    description?: Font & {
+        text: string;
+        color?: string;
+    };
+    icon?: {
+        element: ReactElement;
+        width?: string;
+        height?: string;
+    };
+    callback?: () => void;
+};
+declare function Card(props: CardProps): React$1.JSX.Element;
+
+type CardsProps = {
+    cards: CardProps[];
+    padding?: string;
+    backgroundColor?: string;
+    gap?: string;
+};
+declare function Cards(props: CardsProps): React$1.JSX.Element;
+
+type EntrySelectorProps = {
+    title?: string;
+    colors?: {
+        background?: string;
+        lightBackground?: string;
+        accent?: string;
+    };
+    padding?: string;
+    items: {
+        name: string;
+        content?: ReactElement;
+    }[];
+};
+declare function EntrySelector(props: EntrySelectorProps): React$1.JSX.Element;
+
+interface TabsProps {
+    tabPadding?: string;
+    accentColor?: string;
+    displayMode?: DisplayMode;
+    font?: Font;
+    tabs: {
+        label: string;
+        content: React$1.ReactNode;
+    }[];
+}
+declare const Tabs: React$1.FC<TabsProps>;
+
+export { Button, Card, Cards, EntrySelector, Fade, Footer, Hero, Icon, Navbar, Showcase, Slider, type SliderRef, Tabs };