wex-ui-lib 1.0.2 → 1.0.3

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './index.types';
+export default function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Button/index.stories.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps } from './index.types';
+import { Meta, StoryObj } from '@storybook/react/*';
+type StoryProps = ButtonProps & {
+    buttonText: string;
+};
+declare const meta: Meta<StoryProps>;
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;
+export declare const Rounded: Story;
+export declare const Pill: Story;
+export declare const Underlined: Story;

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

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

package/dist/src/components/Hero/index.d.ts

@@ -0,0 +1,2 @@
+import { HeroProps } from './index.types';
+export default function Hero(props: HeroProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Hero/index.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+import Hero from '.';
+declare const meta: {
+    title: string;
+    component: typeof Hero;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/Hero/index.types.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Opacity } from "../../shared/types";
+export type HeroProps = {
+    children?: React.ReactNode;
+    imageUrls?: string[];
+    marginTop?: string;
+    height?: string;
+    overlay?: {
+        color: string;
+        opacity: Opacity;
+    };
+};

package/dist/src/components/Navbar/index.d.ts

@@ -0,0 +1,2 @@
+import { NavbarProps } from './index.types';
+export default function Navbar(props: NavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Navbar/index.stories.d.ts

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

package/dist/src/components/Navbar/index.types.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps } from "../Button/index.types";
+import { ComponentColors } from "../../shared/types";
+export type NavbarProps = {
+    config: {
+        colors?: ComponentColors;
+        height?: string;
+        centeredItems?: boolean;
+    };
+    logo?: {
+        url: string;
+        onClick?: () => void;
+    };
+    items?: {
+        label: string;
+        onClick?: () => void;
+        subitems?: {
+            label: string;
+            onClick?: () => void;
+        }[];
+    }[];
+    button?: ButtonProps & {
+        label: string;
+        onClick?: () => void;
+    };
+};

package/dist/src/components/Showcase/index.d.ts

@@ -0,0 +1,2 @@
+import { ShowcaseProps } from './index.types';
+export default function Showcase(props: ShowcaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Showcase/index.stories.d.ts

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

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

@@ -0,0 +1,9 @@
+export type ShowcaseProps = {
+    backgroundColor?: string;
+    items: [ShowcaseItem, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?];
+};
+type ShowcaseItem = {
+    label: string;
+    imageUrl: string;
+};
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+import Button from './components/Button';
+import Navbar from './components/Navbar';
+import Hero from './components/Hero';
+import Fade from './shared/components/Fade';
+export { Button, Navbar, Hero, Fade };

package/dist/src/samples/Holik/Homepage.d.ts

@@ -0,0 +1 @@
+export default function Homepage(): import("react/jsx-runtime").JSX.Element;

package/dist/src/samples/Holik/index.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Home: Story;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+type FadeProps = {
+    children: React.ReactElement | React.ReactElement[];
+    type?: 'top-to-bottom' | 'right-to-left' | 'bottom-to-top' | 'left-to-right';
+};
+export default function Fade(props: FadeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/shared/components/Icon.d.ts

@@ -0,0 +1,11 @@
+export type ArrowIcon = 'arrow-long' | 'arrow-caret';
+export type SocialMediaIcon = "twitter" | "instagram" | "youtube" | "linkedin";
+type Props = {
+    color?: string;
+    icon: ArrowIcon | SocialMediaIcon | "hamburgerMenu";
+    size?: string;
+    link?: string;
+    withBorder?: boolean;
+};
+export default function Icon(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/shared/styles/animations.d.ts

@@ -0,0 +1,6 @@
+export declare const appearAnimation: string;
+export declare const disappearAnimation: string;
+export declare const fadeInFromLeft: string;
+export declare const fadeInFromRight: string;
+export declare const fadeInFromTop: string;
+export declare const fadeInFromBottom: string;

package/dist/src/shared/styles/theme.d.ts

@@ -0,0 +1,7 @@
+export declare const theme: {
+    primary: string;
+    secondary: string;
+    accent: string;
+    black: string;
+    white: string;
+};

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

@@ -0,0 +1,15 @@
+import { TextCasing } from "./utils/formatters";
+export type ComponentColors = {
+    text?: string;
+    textHover?: string;
+    background?: string;
+    backgroundHover?: string;
+    border?: string;
+    borderHover?: string;
+};
+export type ComponentFont = {
+    size?: string;
+    casing?: TextCasing;
+    weight?: '300' | '400' | '500' | '600' | '700' | '800' | '900';
+};
+export type Opacity = "10%" | "20%" | "30%" | "40%" | "50%" | "60%" | "70%" | "80%" | "90%";

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

@@ -0,0 +1,2 @@
+export type TextCasing = 'first-capitalized' | 'uppercase' | 'lowercase';
+export declare const formatText: (text: string, format: TextCasing) => string;

package/dist/src/shared/utils/useIntObs.d.ts

@@ -0,0 +1,19 @@
+interface UseIntObsOptions {
+    threshold?: number | number[];
+    root?: any;
+    rootMargin?: string;
+    freezeOnceVisible?: boolean;
+    initialIsIntersecting?: boolean;
+    onChange?: (isIntersecting: boolean, entry: IntersectionObserverEntry) => void;
+}
+type UseIntObsResult = [
+    (node: Element | null) => void,
+    boolean,
+    IntersectionObserverEntry | undefined
+] & {
+    ref: (node: Element | null) => void;
+    isIntersecting: boolean;
+    entry: IntersectionObserverEntry | undefined;
+};
+export declare function useIntObs({ threshold, root, rootMargin, freezeOnceVisible, initialIsIntersecting, onChange, }?: UseIntObsOptions): UseIntObsResult;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wex-ui-lib",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A react component library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES5", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    "target": "esnext", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
     "lib": [
       "dom",
       "dom.iterable",
@@ -18,6 +18,11 @@
     "resolveJsonModule": true, /* Enable importing .json files. */
     "noEmit": true, /* Disable emitting files from a compilation. */
     "jsx": "react-jsx",
+    "rootDir": ".",
+    "declaration": true,
+    "sourceMap": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "include": [
     "src"