@jonapin006/tiger 1.0.41 → 1.0.42

package/dist/index.d.ts

@@ -12,7 +12,8 @@ export declare interface BaseComponentProps {
 
 declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: TigerButtonVariant;
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
     iconLeft?: default_2.ElementType;
     iconRight?: default_2.ElementType;
     fullWidth?: boolean;
@@ -21,6 +22,7 @@ declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonE
 declare interface CardProps extends SizedComponentProps {
     onClick?: () => void;
     size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    typographySize?: TypographySize;
 }
 
 export declare enum ComponentSize {
@@ -32,6 +34,8 @@ export declare enum ComponentSize {
     Xlarge = "xlarge"
 }
 
+export declare type ComponentSizeToTypography = Record<Exclude<ComponentSize, ComponentSize.None>, TypographySize>;
+
 export declare const glassmorphismTheme: ThemeDefinition;
 
 declare interface IconButtonProps extends VariantComponentProps<TigerButtonVariant> {
@@ -93,11 +97,8 @@ export declare interface ThemeDefinition {
 
 export declare interface ThemeGeometryConfig {
     typography: {
-        none: string;
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
+        [key in TypographySize]: string;
+    } & {
         weights: {
             bold: string;
             normal: string;
@@ -110,13 +111,7 @@ export declare interface ThemeGeometryConfig {
     buttons: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         size: string;
     }> & {
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
         baseTypography: string;
         baseStyles: string;
         layout: {
@@ -142,13 +137,7 @@ export declare interface ThemeGeometryConfig {
         size: string;
         contentSize: string;
     }> & {
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
         wrapper: string;
         disabled: string;
         segment: {
@@ -180,26 +169,19 @@ export declare interface ThemeGeometryConfig {
         corner: string;
         padding: string;
     }> & {
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
         baseStyles: string;
         interactiveStyles: string;
         borderStyle: string;
     });
-    checkbox: (Record<ComponentSize.None | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large, {
+    checkbox: (Record<ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large, {
         size: string;
         iconSize: number;
     }> & {
         typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
+            small: TypographySize;
+            medium: TypographySize;
+            large: TypographySize;
         };
         disabledStyles: string;
         icon: {
@@ -214,20 +196,14 @@ export declare interface ThemeGeometryConfig {
         transition: string;
         interactiveStyles: string;
         typographyMappings: {
-            default: ComponentSize;
+            default: TypographySize;
         };
     };
     input: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         size: string;
     }> & {
         baseStyles: string;
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
     });
     list: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         size: string;
@@ -238,13 +214,7 @@ export declare interface ThemeGeometryConfig {
         transition: string;
         itemCorner: string;
         containerCorner: string;
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
         itemHoverResetColor: string;
         typographyInherit: string;
     });
@@ -257,9 +227,8 @@ export declare interface ThemeGeometryConfig {
         actionsWrapper: string;
         iconSize: string;
         typographyMappings: {
-            none: ComponentSize;
-            title: ComponentSize;
-            description: ComponentSize;
+            title: TypographySize;
+            description: TypographySize;
         };
         titleExtra: string;
         descriptionExtra: string;
@@ -288,9 +257,8 @@ export declare interface ThemeGeometryConfig {
         dataBorder: string;
         dataTypography: string;
         typographyMappings: {
-            none: ComponentSize;
-            header: ComponentSize;
-            data: ComponentSize;
+            header: TypographySize;
+            data: TypographySize;
         };
     });
     modal: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
@@ -306,11 +274,7 @@ export declare interface ThemeGeometryConfig {
         closeButton: string;
         titleExtra: string;
         footerBorder: string;
-        typographyMappings: {
-            none: ComponentSize;
-            title: ComponentSize;
-            content: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
     });
     progress: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         height: string;
@@ -327,19 +291,13 @@ export declare interface ThemeGeometryConfig {
         stepEffect: string;
         valueContainer: string;
         valueStyles: string;
-        typographyMappings: Record<'none' | 'small' | 'medium' | 'large' | 'xlarge', ComponentSize>;
+        typographyMappings: ComponentSizeToTypography;
     });
     dropdown: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         size: string;
     }> & {
         contentPositioning: string;
-        typographyMappings: {
-            none: ComponentSize;
-            small: ComponentSize;
-            medium: ComponentSize;
-            large: ComponentSize;
-            xlarge: ComponentSize;
-        };
+        typographyMappings: ComponentSizeToTypography;
     });
     stack: (Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
         gap: string;
@@ -669,6 +627,7 @@ export declare const TigerBadge: default_2.FC<TigerBadgeProps>;
 declare interface TigerBadgeProps extends BaseComponentProps {
     variant?: TigerBadgeVariant;
     size?: ComponentSize.Small | ComponentSize.Medium;
+    typographySize?: TypographySize;
 }
 
 export declare enum TigerBadgeVariant {
@@ -768,12 +727,14 @@ 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>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
     icon?: default_2.ReactNode;
 }
 
 declare interface TigerListProps extends Omit<SizedComponentProps, 'size'> {
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
     divided?: boolean;
 }
 
@@ -786,6 +747,7 @@ export declare interface TigerMessageProps extends BaseComponentProps {
     variant?: TigerMessageVariant;
     action?: default_2.ReactNode;
     onClose?: () => void;
+    typographySize?: TypographySize;
 }
 
 export declare enum TigerMessageVariant {
@@ -804,6 +766,7 @@ export declare interface TigerModalProps extends BaseComponentProps {
     title?: string;
     footer?: default_2.ReactNode;
     size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    typographySize?: TypographySize;
     showCloseButton?: boolean;
 }
 
@@ -815,7 +778,8 @@ declare interface TigerProgressProps {
     totalSteps?: number;
     variant?: ProgressVariant;
     max?: number;
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
     showValue?: boolean;
     className?: string;
 }
@@ -829,6 +793,7 @@ export declare interface TigerSidebarProps {
     header?: default_2.ReactNode;
     footer?: default_2.ReactNode;
     className?: string;
+    typographySize?: TypographySize;
 }
 
 export declare const TigerStack: default_2.FC<TigerStackProps>;
@@ -870,7 +835,7 @@ export declare interface TigerTabItem {
 export declare const TigerTable: default_2.FC<TigerTableProps>;
 
 declare interface TigerTableProps extends BaseComponentProps {
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
 }
 
 export declare const TigerTabs: default_2.FC<TigerTabsProps>;
@@ -881,7 +846,8 @@ export declare interface TigerTabsProps extends VariantComponentProps<TigerTabsV
     defaultActiveId?: string;
     onChange?: (id: string) => void;
     fullWidth?: boolean;
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
 }
 
 export declare enum TigerTabsVariant {
@@ -893,13 +859,14 @@ export declare enum TigerTabsVariant {
 export declare const TigerTbody: default_2.FC<TigerTbodyProps>;
 
 declare interface TigerTbodyProps extends BaseComponentProps {
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
 }
 
 export declare const TigerTd: default_2.FC<TigerTdProps>;
 
 declare interface TigerTdProps extends default_2.TdHTMLAttributes<HTMLTableCellElement> {
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
 }
 
 export declare const TigerTh: default_2.FC<TigerThProps>;
@@ -907,11 +874,12 @@ 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>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
 }
 
 declare interface TigerThProps extends default_2.ThHTMLAttributes<HTMLTableHeaderCellElement> {
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
+    typographySize?: TypographySize;
 }
 
 export declare const TigerThumbnail: default_2.FC<TigerThumbnailProps>;
@@ -948,6 +916,7 @@ declare interface TigerToastItem {
 
 declare interface TigerToastProps extends TigerToastItem {
     onClose: () => void;
+    typographySize?: TypographySize;
 }
 
 declare type TigerToastType = 'success' | 'error' | 'info' | 'warning' | 'neutral';
@@ -959,20 +928,22 @@ export declare interface TigerTopBarProps {
     description?: default_2.ReactNode;
     actions?: default_2.ReactNode;
     className?: string;
+    titleTypographySize?: TypographySize;
+    descriptionTypographySize?: TypographySize;
 }
 
 export declare const TigerTr: default_2.FC<TigerTrProps>;
 
 declare interface TigerTrProps extends BaseComponentProps {
     isHeader?: boolean;
-    size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
+    size?: Exclude<ComponentSize, ComponentSize.Xsmall | ComponentSize.None>;
 }
 
 export declare const TigerTypography: default_2.FC<TigerTypographyProps>;
 
 declare interface TigerTypographyProps {
     children: default_2.ReactNode;
-    size?: ComponentSize;
+    typographySize?: TypographySize;
     variant?: 'h1' | 'h2' | 'h3' | 'p' | 'span';
     bold?: boolean;
     italic?: boolean;
@@ -981,6 +952,14 @@ declare interface TigerTypographyProps {
     id?: string;
 }
 
+export declare enum TypographySize {
+    Xsmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    Xlarge = "xlarge"
+}
+
 export declare const useTheme: () => ThemeContextType;
 
 export declare interface VariantComponentProps<T = string> extends SizedComponentProps {