@jonapin006/tiger 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -1 +1,764 @@
-export {}
+import { default as default_2 } from 'react';
+
+export declare interface BaseComponentProps {
+    children?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TigerButtonVariant;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+declare interface CardProps extends SizedComponentProps {
+    onClick?: () => void;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare enum ComponentSize {
+    Xsmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    Xlarge = "xlarge"
+}
+
+export declare const glassmorphismTheme: ThemeDefinition;
+
+declare interface IconButtonProps extends VariantComponentProps<TigerButtonVariant> {
+    icon?: default_2.ReactNode;
+    onClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    'aria-label'?: string;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const mandalaTheme: ThemeDefinition;
+
+export declare const mispuntosTheme: ThemeDefinition;
+
+declare type ProgressVariant = 'bar' | 'steps';
+
+export declare interface SizedComponentProps extends BaseComponentProps {
+    size?: ComponentSize;
+}
+
+declare type StackAlign = 'start' | 'center' | 'end';
+
+declare type StackDirection = 'vertical' | 'horizontal';
+
+export declare interface ThemeConfig extends ThemeModeConfig {
+    name: string;
+    subName: string;
+    pageTitle: string;
+    websiteUrl: string;
+}
+
+declare interface ThemeContextType {
+    theme: ThemeDefinition;
+    mode: ThemeMode;
+    themeConfig: ThemeModeConfig;
+    setTheme: (themeName: string) => void;
+    toggleMode: () => void;
+}
+
+export declare interface ThemeDefinition {
+    name: string;
+    subName: string;
+    pageTitle: string;
+    websiteUrl: string;
+    geometry: ThemeGeometryConfig;
+    modes: {
+        light: ThemeModeConfig;
+        dark: ThemeModeConfig;
+    };
+    defaultMode: ThemeMode;
+}
+
+export declare interface ThemeGeometryConfig {
+    typography: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+        weights: {
+            bold: string;
+            normal: string;
+        };
+        styles: {
+            italic: string;
+            normal: string;
+        };
+    };
+    buttons: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+    }> & {
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+            xlarge: ComponentSize;
+        };
+        baseTypography: string;
+        baseStyles: string;
+    });
+    iconButtons: Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+        padding: string;
+        iconSize: number;
+    }> & {
+        baseStyles: string;
+    };
+    badges: (Record<ComponentSize.Small | ComponentSize.Medium, {
+        container: string;
+    }> & {
+        typography: string;
+        baseStyles: string;
+    });
+    tabs: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+        contentSize: string;
+    }> & {
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+            xlarge: ComponentSize;
+        };
+        wrapper: string;
+        disabled: string;
+        segment: {
+            container: string;
+            fullWidth: string;
+            fitted: string;
+            button: string;
+            buttonFullWidth: string;
+        };
+        underline: {
+            container: string;
+            fullWidth: string;
+            fitted: string;
+            button: string;
+            buttonFullWidth: string;
+            indicator: string;
+            indicatorActive: string;
+            indicatorInactive: string;
+        };
+        pill: {
+            container: string;
+            fullWidth: string;
+            fitted: string;
+            button: string;
+        };
+        content: string;
+    });
+    cards: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+    }> & {
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+            xlarge: ComponentSize;
+        };
+        baseStyles: string;
+        interactiveStyles: string;
+        borderStyle: string;
+    });
+    checkbox: (Record<ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large, {
+        size: string;
+        iconSize: number;
+    }> & {
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+        };
+        disabledStyles: string;
+        icon: {
+            baseStyles: string;
+            checked: string;
+            unchecked: string;
+        };
+    });
+    glassContainer: {
+        defaultPadding: string;
+        defaultBorderRadius: string;
+        transition: string;
+        interactiveStyles: string;
+        typographyMappings: {
+            default: ComponentSize;
+        };
+    };
+    input: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+    }> & {
+        baseStyles: string;
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+            xlarge: ComponentSize;
+        };
+    });
+    list: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+    }> & {
+        gap: string;
+        itemGap: string;
+        iconOpacity: string;
+        transition: string;
+        itemCorner: string;
+        containerCorner: string;
+        typographyMappings: {
+            small: ComponentSize;
+            medium: ComponentSize;
+            large: ComponentSize;
+            xlarge: ComponentSize;
+        };
+        itemHoverResetColor: string;
+        typographyInherit: string;
+    });
+    message: {
+        base: string;
+        containerPadding: string;
+        borderRadius: string;
+        gap: string;
+        contentWrapper: string;
+        actionsWrapper: string;
+        iconSize: string;
+        typographyMappings: {
+            title: ComponentSize;
+            description: ComponentSize;
+        };
+        titleExtra: string;
+        descriptionExtra: string;
+        actionGap: string;
+        actionMarginLeft: string;
+        closeIconSize: number;
+        thumbnailVariant: TigerThumbnailVariant;
+        thumbnailSize: string;
+        transition: string;
+    };
+    table: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        headerCellSize: string;
+        dataCellSize: string;
+    }> & {
+        container: string;
+        containerBorder: string;
+        wrapper: string;
+        table: string;
+        head: string;
+        headRow: string;
+        headerCell: string;
+        headerBorder: string;
+        headerTypography: string;
+        rowBackground: string;
+        dataCell: string;
+        dataBorder: string;
+        dataTypography: string;
+        typographyMappings: {
+            header: ComponentSize;
+            data: ComponentSize;
+        };
+    });
+    modal: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        size: string;
+    }> & {
+        wrapper: string;
+        overlay: string;
+        container: string;
+        headerSpacing: string;
+        contentSpacing: string;
+        footerSpacing: string;
+        closeIconSize: number;
+        closeButton: string;
+        titleExtra: string;
+        footerBorder: string;
+        typographyMappings: {
+            title: ComponentSize;
+            content: ComponentSize;
+        };
+    });
+    progress: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        height: string;
+        trackRadius: string;
+        gap: string;
+    }> & {
+        container: string;
+        wrapper: string;
+        track: string;
+        fill: string;
+        fillEffect: string;
+        stepContainer: string;
+        step: string;
+        stepEffect: string;
+        valueContainer: string;
+        valueStyles: string;
+        typographyMappings: Record<'small' | 'medium' | 'large' | 'xlarge', ComponentSize>;
+    });
+    stack: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
+        gap: string;
+    }> & {
+        flexBase: string;
+        directions: {
+            vertical: string;
+            horizontal: string;
+        };
+        alignments: {
+            vertical: {
+                start: string;
+                center: string;
+                end: string;
+            };
+            horizontal: {
+                start: string;
+                center: string;
+                end: string;
+            };
+        };
+    });
+    thumbnail: (Record<ComponentSize, {
+        size: string;
+        shapes: Record<ThumbnailShape, string>;
+    }> & {
+        variants: {
+            soft: {
+                bg: string;
+                text: string;
+            };
+            solid: {
+                bg: string;
+                text: string;
+            };
+            glass: {
+                bg: string;
+                text: string;
+            };
+        };
+        baseStyles: string;
+        imageStyles: string;
+        contentStyles: string;
+    });
+    toasts: {
+        containerPadding: string;
+        contentWrapper: string;
+        stackItem: string;
+        width: string;
+        height: string;
+        containerStyles: string;
+        stackStyles: string;
+        title: string;
+        description: string;
+        closeButton: string;
+        corner: string;
+    };
+}
+
+export declare enum ThemeMode {
+    Light = "light",
+    Dark = "dark"
+}
+
+export declare interface ThemeModeConfig {
+    isDark: boolean;
+    logo: string;
+    primaryColor: string;
+    secondaryColor: string;
+    gradient: string;
+    bgImage?: string;
+    buttonText: string;
+    sidebarActive: string;
+    sidebarInactive: string;
+    card: string;
+    secondaryCard: string;
+    cardText: string;
+    input: string;
+    mutedText: string;
+    dialog: string;
+    popover: string;
+    tabsList: string;
+    tabActive: string;
+    surface: string;
+    accent: string;
+    accentActive: string;
+    accentSoft: string;
+    blobs: {
+        color1: string;
+        color2: string;
+        color3: string;
+        aura: string;
+    };
+    borders: {
+        header: string;
+        row: string;
+        container: string;
+    };
+    table: {
+        headerBg: string;
+        headerText: string;
+        rowHover: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    layout: {
+        sidebar: string;
+        main: string;
+    };
+    statusColors: {
+        success: {
+            bg: string;
+            text: string;
+            dot: string;
+        };
+        warning: {
+            bg: string;
+            text: string;
+            dot: string;
+        };
+        error: {
+            bg: string;
+            text: string;
+            dot: string;
+        };
+        info: {
+            bg: string;
+            text: string;
+            dot: string;
+        };
+    };
+    glass: {
+        blur: string;
+        container: string;
+    };
+    buttons: Record<TigerButtonVariant, string>;
+    iconButtons: Record<TigerButtonVariant, string>;
+    checkbox: {
+        base: string;
+        checked: string;
+        unchecked: string;
+    };
+    badges: {
+        base: string;
+        variants: Record<TigerBadgeVariant, string>;
+    };
+    tabs: {
+        container: string;
+        active: string;
+        inactive: string;
+    };
+    toasts: {
+        container: string;
+        title: string;
+        description: string;
+        closeButton: string;
+        variants: {
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+            neutral: string;
+        };
+    };
+    list: {
+        base: string;
+        itemBase: string;
+        itemHover: string;
+        divider: string;
+        iconContainer: string;
+        iconColor: string;
+        textContainer: string;
+    };
+    message: {
+        variants: {
+            info: {
+                container: string;
+                thumbnail: string;
+                icon: string;
+            };
+            success: {
+                container: string;
+                thumbnail: string;
+                icon: string;
+            };
+            warning: {
+                container: string;
+                thumbnail: string;
+                icon: string;
+            };
+            error: {
+                container: string;
+                thumbnail: string;
+                icon: string;
+            };
+            neutral: {
+                container: string;
+                thumbnail: string;
+                icon: string;
+            };
+        };
+        closeButton: string;
+    };
+    progress: {
+        track: string;
+        fill: string;
+        unfilled: string;
+        fillEffectColor: string;
+        value: string;
+    };
+}
+
+export declare const ThemeProvider: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export declare enum ThumbnailShape {
+    Squircle = "squircle",
+    Circle = "circle"
+}
+
+export declare const TigerBadge: default_2.FC<TigerBadgeProps>;
+
+declare interface TigerBadgeProps extends BaseComponentProps {
+    variant?: TigerBadgeVariant;
+    size?: ComponentSize.Small | ComponentSize.Medium;
+}
+
+export declare enum TigerBadgeVariant {
+    Primary = "primary",
+    Accent = "accent",
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
+
+export declare const TigerButton: default_2.FC<ButtonProps>;
+
+export declare enum TigerButtonVariant {
+    Primary = "primary",
+    Secondary = "secondary",
+    Ghost = "ghost"
+}
+
+export declare const TigerCard: default_2.FC<CardProps>;
+
+export declare const TigerCheckbox: default_2.FC<TigerCheckboxProps>;
+
+declare interface TigerCheckboxProps extends BaseComponentProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+    disabled?: boolean;
+}
+
+export declare const TigerGlassContainer: default_2.FC<TigerGlassContainerProps>;
+
+declare interface TigerGlassContainerProps extends BaseComponentProps, default_2.HTMLAttributes<HTMLDivElement> {
+    onClick?: () => void;
+}
+
+export declare const TigerIconButton: default_2.FC<IconButtonProps>;
+
+export declare const TigerInput: default_2.FC<TigerInputProps>;
+
+declare interface TigerInputProps extends Omit<BaseComponentProps, 'children'> {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string | number | readonly string[];
+    onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare const TigerList: default_2.FC<TigerListProps>;
+
+export declare const TigerListItem: default_2.FC<TigerListItemProps>;
+
+declare interface TigerListItemProps extends Omit<SizedComponentProps, 'size'> {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    icon?: default_2.ReactNode;
+}
+
+declare interface TigerListProps extends Omit<SizedComponentProps, 'size'> {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    divided?: boolean;
+}
+
+export declare const TigerMessage: default_2.FC<TigerMessageProps>;
+
+export declare interface TigerMessageProps extends BaseComponentProps {
+    title: string;
+    description?: default_2.ReactNode;
+    icon?: default_2.ReactNode;
+    variant?: TigerMessageVariant;
+    action?: default_2.ReactNode;
+    onClose?: () => void;
+}
+
+export declare enum TigerMessageVariant {
+    Info = "info",
+    Success = "success",
+    Warning = "warning",
+    Error = "error",
+    Neutral = "neutral"
+}
+
+export declare const TigerModal: default_2.FC<TigerModalProps>;
+
+export declare interface TigerModalProps extends BaseComponentProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    footer?: default_2.ReactNode;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    showCloseButton?: boolean;
+}
+
+export declare const TigerProgress: default_2.FC<TigerProgressProps>;
+
+declare interface TigerProgressProps {
+    value?: number;
+    currentStep?: number;
+    totalSteps?: number;
+    variant?: ProgressVariant;
+    max?: number;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    showValue?: boolean;
+    className?: string;
+}
+
+export declare const TigerStack: default_2.FC<TigerStackProps>;
+
+declare interface TigerStackProps {
+    children: default_2.ReactNode;
+    direction?: StackDirection;
+    gap?: ComponentSize;
+    align?: StackAlign;
+    className?: string;
+}
+
+export declare interface TigerTabItem {
+    id: string;
+    label: default_2.ReactNode;
+    icon?: default_2.ReactNode;
+    content?: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+export declare const TigerTable: default_2.FC<TigerTableProps>;
+
+declare interface TigerTableProps extends BaseComponentProps {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const TigerTabs: default_2.FC<TigerTabsProps>;
+
+export declare interface TigerTabsProps extends VariantComponentProps<TigerTabsVariant> {
+    items: TigerTabItem[];
+    activeId?: string;
+    defaultActiveId?: string;
+    onChange?: (id: string) => void;
+    fullWidth?: boolean;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare enum TigerTabsVariant {
+    Segment = "segment",
+    Underline = "underline",
+    Pill = "pill"
+}
+
+export declare const TigerTbody: default_2.FC<TigerTbodyProps>;
+
+declare interface TigerTbodyProps extends BaseComponentProps {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const TigerTd: default_2.FC<TigerTdProps>;
+
+declare interface TigerTdProps extends BaseComponentProps {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const TigerTh: default_2.FC<TigerThProps>;
+
+export declare const TigerThead: default_2.FC<TigerTheadProps>;
+
+declare interface TigerTheadProps extends BaseComponentProps {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+declare interface TigerThProps extends BaseComponentProps {
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const TigerThumbnail: default_2.FC<TigerThumbnailProps>;
+
+declare interface TigerThumbnailProps extends BaseComponentProps {
+    src?: string;
+    alt?: string;
+    size?: ComponentSize;
+    shape?: ThumbnailShape;
+    variant?: TigerThumbnailVariant;
+    bgColor?: string;
+}
+
+export declare enum TigerThumbnailVariant {
+    Soft = "soft",
+    Solid = "solid",
+    Glass = "glass"
+}
+
+export declare const TigerToast: default_2.FC<TigerToastProps>;
+
+export declare const TigerToastContainer: default_2.FC<TigerToastContainerProps>;
+
+declare interface TigerToastContainerProps {
+}
+
+declare interface TigerToastItem {
+    id: string;
+    title: string;
+    description?: string;
+    type: TigerToastType;
+    duration?: number;
+}
+
+declare interface TigerToastProps extends TigerToastItem {
+    onClose: () => void;
+}
+
+declare type TigerToastType = 'success' | 'error' | 'info' | 'warning' | 'neutral';
+
+export declare const TigerTr: default_2.FC<TigerTrProps>;
+
+declare interface TigerTrProps extends BaseComponentProps {
+    isHeader?: boolean;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+}
+
+export declare const TigerTypography: default_2.FC<TigerTypographyProps>;
+
+declare interface TigerTypographyProps {
+    children: default_2.ReactNode;
+    size?: ComponentSize;
+    variant?: 'h1' | 'h2' | 'h3' | 'p' | 'span';
+    bold?: boolean;
+    italic?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+    id?: string;
+}
+
+export declare const useTheme: () => ThemeContextType;
+
+export declare interface VariantComponentProps<T = string> extends SizedComponentProps {
+    variant?: T;
+}
+
+export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jonapin006/tiger",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "files": [
     "dist"