wex-ui-lib 1.2.41 → 1.3.0

package/dist/types/components/Button/index.types.d.ts

@@ -1,10 +1,10 @@
 import { ArrowIcon } from "../Icon";
-import { ComponentColors, ComponentFont } from "../../shared/types";
+import { ComponentColors, Font } from "../../shared/types";
 export type ButtonProps = {
     children?: React.ReactNode | string;
     onClick?: () => void;
     type?: "default" | "rounded" | "pill" | "underlined";
     colors?: ComponentColors;
-    font?: ComponentFont;
+    font?: Font;
     arrow?: ArrowIcon;
 };

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactElement } from "react";
+import { Font } from "../../shared/types";
+export 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;
+};
+export default function Card(props: CardProps): React.JSX.Element;

package/dist/types/components/Card/Card.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { CardProps } from './Card';
+type StoryProps = CardProps & {
+    buttonText: string;
+};
+declare const meta: Meta<StoryProps>;
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/types/components/Showcase/Showcase.types.d.ts

@@ -1,6 +1,8 @@
 export type ShowcaseProps = {
+    items: ShowcaseItem[];
+    itemsPerRow?: number;
+    gap?: string;
     backgroundColor?: string;
-    items: [ShowcaseItem, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?];
 };
 type ShowcaseItem = {
     label: string;

package/dist/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { DisplayMode, Font } from "../../shared/types";
+export interface TabsProps {
+    tabPadding?: string;
+    accentColor?: string;
+    displayMode?: DisplayMode;
+    font?: Font;
+    tabs: {
+        label: string;
+        content: React.ReactNode;
+    }[];
+}
+export declare const Tabs: React.FC<TabsProps>;

package/dist/types/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TabsProps } from "./Tabs";
+type StoryProps = TabsProps;
+declare const meta: Meta<StoryProps>;
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/types/index.d.ts

@@ -6,6 +6,10 @@ import Slider from './components/Slider/Slider';
 import Icon from './components/Icon/Icon';
 import Showcase from './components/Showcase/Showcase';
 import Footer from './components/Footer/Footer';
-export { Button, Navbar, Hero, Footer, Slider, Fade, Icon, Showcase };
+import Card from './components/Card/Card';
+import Cards from './sections/Cards/Cards';
+import EntrySelector from './sections/EntrySelector/EntrySelector';
+import { Tabs } from './components/Tabs/Tabs';
+export { Button, Navbar, Hero, Footer, Slider, Fade, Icon, Showcase, Card, Cards, EntrySelector, Tabs };
 import { SliderRef } from './components/Slider';
 export { type SliderRef };

package/dist/types/sections/Cards/Cards.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CardProps } from '../../components/Card/Card';
+export type CardsProps = {
+    cards: CardProps[];
+    padding?: string;
+    backgroundColor?: string;
+    gap?: string;
+};
+export default function Cards(props: CardsProps): React.JSX.Element;

package/dist/types/sections/Cards/Cards.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { CardsProps } from './Cards';
+type StoryProps = CardsProps;
+declare const meta: Meta<StoryProps>;
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/types/sections/EntrySelector/EntrySelector.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactElement } from 'react';
+export type EntrySelectorProps = {
+    title?: string;
+    colors?: {
+        background?: string;
+        lightBackground?: string;
+        accent?: string;
+    };
+    padding?: string;
+    items: {
+        name: string;
+        content?: ReactElement;
+    }[];
+};
+export default function EntrySelector(props: EntrySelectorProps): React.JSX.Element;

package/dist/types/sections/EntrySelector/EntrySelector.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { EntrySelectorProps } from './EntrySelector';
+type StoryProps = EntrySelectorProps;
+declare const meta: Meta<StoryProps>;
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/types/shared/components/Fade.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type FadeProps = {
-    children: React.ReactElement<any>;
+    children: React.ReactElement;
     type?: 'top-to-bottom' | 'right-to-left' | 'bottom-to-top' | 'left-to-right';
 };
-export default function Fade(props: FadeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default function Fade(props: FadeProps): React.JSX.Element;
 export {};

package/dist/types/shared/types.d.ts

@@ -1,4 +1,3 @@
-import { TextCasing } from "./utils/formatters";
 export type ComponentColors = {
     text?: string;
     textHover?: string;
@@ -7,9 +6,10 @@ export type ComponentColors = {
     border?: string;
     borderHover?: string;
 };
-export type ComponentFont = {
+export type Font = {
     size?: string;
-    casing?: TextCasing;
+    casing?: 'first-capitalized' | 'uppercase' | 'lowercase';
     weight?: '300' | '400' | '500' | '600' | '700' | '800' | '900';
 };
 export type Opacity = "10%" | "20%" | "30%" | "40%" | "50%" | "60%" | "70%" | "80%" | "90%";
+export type DisplayMode = "light" | "dark";

package/dist/types/shared/utils/formatters.d.ts

@@ -1,2 +1,2 @@
-export type TextCasing = 'first-capitalized' | 'uppercase' | 'lowercase';
-export declare const formatText: (text: string, format: TextCasing) => string;
+import { Font } from "../types";
+export declare const formatText: (text: string, format: Font["casing"]) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wex-ui-lib",
-  "version": "1.2.41",
+  "version": "1.3.0",
   "description": "A react component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",