lecom-ui 2.4.8 → 2.5.0

package/dist/components/Skeleton/Skeleton.js

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 const Skeleton = ({

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
+import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { CustomStyles as CustomStyles$2 } from '@/components/Button';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -177,36 +177,36 @@ interface CustomStyles$1 {
         opacity: number;
     };
 }
-interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
     customStyles?: CustomStyles$1;
     isActive?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
 declare const typographyVariants: (props?: ({
     variant?: "heading-xxlarge-500" | "heading-xlarge-500" | "heading-large-600" | "heading-large-500" | "heading-medium-600" | "heading-medium-500" | "heading-small-600" | "heading-small-500" | "heading-xsmall-600" | "heading-xsmall-500" | "heading-xxsmall-500" | "body-large-700" | "body-large-500" | "body-large-400" | "body-medium-700" | "body-medium-500" | "body-medium-400" | "body-small-700" | "body-small-500" | "body-small-400" | "code-medium-400" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
+interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
     textColor?: TextColor;
     tag?: any;
 }
 declare const Typography: {
-    ({ className, variant, children, textColor, tag, ...props }: TypographyProps): React$1.JSX.Element;
+    ({ className, variant, children, textColor, tag, ...props }: TypographyProps): React.JSX.Element;
     displayName: string;
 };
 
 interface HelpMenuItem {
-    icon?: React$1.ReactNode;
+    icon?: React.ReactNode;
     description?: string;
     disabled?: boolean;
-    render?: React$1.ReactNode;
+    render?: React.ReactNode;
     onClick?: () => void;
 }
 interface HelpMenuProps {
@@ -218,14 +218,14 @@ interface HelpMenuProps {
 
 interface ModulesMenuItem {
     containerIconBgColor?: BgColor;
-    icon?: React$1.ReactNode;
+    icon?: React.ReactNode;
     title?: string;
     description?: string;
     disabled?: boolean;
-    render?: React$1.ReactNode;
+    render?: React.ReactNode;
     bgColor: string;
     textColor: string;
-    highlight?: React$1.ReactNode;
+    highlight?: React.ReactNode;
     onClick?: () => void;
 }
 interface ModulesMenuProps {
@@ -250,22 +250,22 @@ interface UserMenuProps {
     user?: {
         name: string;
         email: string;
-        render?: React$1.ReactNode;
+        render?: React.ReactNode;
     };
     language?: {
-        icon?: React$1.ReactNode;
+        icon?: React.ReactNode;
         label?: string;
         select?: {
             options: LanguageOption[];
             value?: string;
             onChange?: (language: string) => void;
         };
-        render?: React$1.ReactNode;
+        render?: React.ReactNode;
     };
     logout?: {
-        icon: React$1.ReactNode;
+        icon: React.ReactNode;
         label: string;
-        render?: React$1.ReactNode;
+        render?: React.ReactNode;
         onClick: () => void;
     };
 }
@@ -275,7 +275,7 @@ interface CustomStyles {
     bgColor: string;
     textColor: string;
 }
-interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
+interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
     customStyles: CustomStyles;
     module?: string;
     customImgSrc?: string;
@@ -283,7 +283,7 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
     userMenu?: Omit<UserMenuProps, 'customStyles'>;
     helpMenu?: Omit<HelpMenuProps, 'customStyles'>;
     modulesMenu?: Omit<ModulesMenuProps, 'customStyles'>;
-    extraContent?: React$1.ReactNode;
+    extraContent?: React.ReactNode;
     onOpenMenuChange?: () => void;
 }
 
@@ -292,7 +292,7 @@ interface SideBarProps {
         title: string;
         onClick?: () => void;
         url?: string;
-        icon: React$1.ReactNode;
+        icon: React.ReactNode;
         isActive?: boolean;
     }[];
     info: {
@@ -302,79 +302,79 @@ interface SideBarProps {
         version: string;
     };
 }
-interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header: HeaderProps;
     sideBar: SideBarProps;
 }
 declare const Layout: {
-    ({ children, header, sideBar }: LayoutProps): React$1.JSX.Element;
+    ({ children, header, sideBar }: LayoutProps): React.JSX.Element;
     displayName: string;
 };
 
-declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
+declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 
-interface CadastroFacilProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface CadastroFacilProps extends React.SVGAttributes<SVGSVGElement> {
     fillColor?: FillColor;
     size?: string | number;
 }
-declare const CadastroFacil: React$1.ForwardRefExoticComponent<CadastroFacilProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const CadastroFacil: React.ForwardRefExoticComponent<CadastroFacilProps & React.RefAttributes<SVGSVGElement>>;
 
-interface LogoLecomProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface LogoLecomProps extends React.SVGAttributes<SVGSVGElement> {
     fillColor?: FillColor;
     size?: string | number;
 }
-declare const LogoLecom: React$1.ForwardRefExoticComponent<LogoLecomProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const LogoLecom: React.ForwardRefExoticComponent<LogoLecomProps & React.RefAttributes<SVGSVGElement>>;
 
-interface ModoTesteProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface ModoTesteProps extends React.SVGAttributes<SVGSVGElement> {
     fillColor?: FillColor;
     size?: string | number;
 }
-declare const ModoTeste: React$1.ForwardRefExoticComponent<ModoTesteProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const ModoTeste: React.ForwardRefExoticComponent<ModoTesteProps & React.RefAttributes<SVGSVGElement>>;
 
-interface RpaProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface RpaProps extends React.SVGAttributes<SVGSVGElement> {
     fillColor?: FillColor;
     size?: string | number;
 }
-declare const Rpa: React$1.ForwardRefExoticComponent<RpaProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const Rpa: React.ForwardRefExoticComponent<RpaProps & React.RefAttributes<SVGSVGElement>>;
 
-interface LogoLecomBrandProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface LogoLecomBrandProps extends React.SVGAttributes<SVGSVGElement> {
     fillColor?: FillColor;
 }
-declare const LogoLecomBrand: React$1.ForwardRefExoticComponent<LogoLecomBrandProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const LogoLecomBrand: React.ForwardRefExoticComponent<LogoLecomBrandProps & React.RefAttributes<SVGSVGElement>>;
 
-declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
 declare const tooltipContentVariants: (props?: ({
     color?: "black" | "white" | null | undefined;
     arrow?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
+interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
     color?: 'white' | 'black';
     arrow?: boolean;
 }
-declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type FillColor, type Fonts, type HeaderProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, type TextColor, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, buttonVariants, colors, fonts, typographyVariants };

package/dist/plugin/typographies.ts

@@ -1,146 +1,146 @@
-const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
-const roboto = { fontFamily: 'Roboto, sans-serif' };
-const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
-const fontWeight700 = { fontWeight: '700' };
-const fontWeight600 = { fontWeight: '600' };
-const fontWeight500 = { fontWeight: '500' };
-const fontWeight400 = { fontWeight: '400' };
-const fontSize3 = { fontSize: '3rem' };
-const fontSize2 = { fontSize: '2rem' };
-const fontSize25 = { fontSize: '2.5rem' };
-const fontSize15 = { fontSize: '1.5rem' };
-const fontSize125 = { fontSize: '1.25rem' };
-const fontSize1 = { fontSize: '1rem' };
-const fontSize0875 = { fontSize: '0.875rem' };
-const fontSize075 = { fontSize: '0.75rem' };
-
-const typographies = {
-  '.heading-xxlarge-500': {
-    ...montSerrat,
-    ...fontSize3,
-    ...fontWeight500,
-    lineHeight: '3.25rem',
-  },
-  '.heading-xlarge-500': {
-    ...montSerrat,
-    ...fontSize25,
-    ...fontWeight500,
-    lineHeight: '2.75rem',
-  },
-  '.heading-large-600': {
-    ...montSerrat,
-    ...fontSize2,
-    ...fontWeight600,
-    lineHeight: '2.25rem',
-  },
-  '.heading-large-500': {
-    ...montSerrat,
-    ...fontSize2,
-    ...fontWeight500,
-    lineHeight: '2.25rem',
-  },
-  '.heading-medium-600': {
-    ...montSerrat,
-    ...fontSize15,
-    ...fontWeight600,
-    lineHeight: '1.75rem',
-  },
-  '.heading-medium-500': {
-    ...montSerrat,
-    ...fontSize15,
-    ...fontWeight500,
-    lineHeight: '1.75rem',
-  },
-  '.heading-small-600': {
-    ...montSerrat,
-    ...fontSize125,
-    ...fontWeight600,
-    lineHeight: '1.5rem',
-  },
-  '.heading-small-500': {
-    ...montSerrat,
-    ...fontSize125,
-    ...fontWeight500,
-    lineHeight: '1.5rem',
-  },
-  '.heading-xsmall-600': {
-    ...montSerrat,
-    ...fontSize1,
-    ...fontWeight600,
-    lineHeight: '1.25rem',
-  },
-  '.heading-xsmall-500': {
-    ...montSerrat,
-    ...fontSize1,
-    ...fontWeight500,
-    lineHeight: '1.25rem',
-  },
-  '.heading-xxsmall-500': {
-    ...montSerrat,
-    ...fontSize0875,
-    lineHeight: '1.25rem',
-    ...fontWeight500,
-  },
-  '.body-large-700': {
-    ...roboto,
-    ...fontSize1,
-    lineHeight: '1.5rem',
-    ...fontWeight700,
-  },
-  '.body-large-500': {
-    ...roboto,
-    ...fontSize1,
-    lineHeight: '1.5rem',
-    ...fontWeight500,
-  },
-  '.body-large-400': {
-    ...roboto,
-    ...fontSize1,
-    lineHeight: '1.5rem',
-    ...fontWeight400,
-  },
-  '.body-medium-700': {
-    ...roboto,
-    ...fontSize0875,
-    lineHeight: '1.25rem',
-    ...fontWeight700,
-  },
-  '.body-medium-500': {
-    ...roboto,
-    ...fontSize0875,
-    lineHeight: '1.25rem',
-    ...fontWeight500,
-  },
-  '.body-medium-400': {
-    ...roboto,
-    ...fontSize0875,
-    lineHeight: '1.25rem',
-    ...fontWeight400,
-  },
-  '.body-small-700': {
-    ...roboto,
-    ...fontSize075,
-    lineHeight: '1rem',
-    ...fontWeight700,
-  },
-  '.body-small-500': {
-    ...roboto,
-    ...fontSize075,
-    lineHeight: '1rem',
-    ...fontWeight500,
-  },
-  '.body-small-400': {
-    ...roboto,
-    ...fontSize075,
-    lineHeight: '1rem',
-    ...fontWeight400,
-  },
-  '.code-medium-400': {
-    ...ibm,
-    ...fontSize0875,
-    lineHeight: '1.25rem',
-    ...fontWeight400,
-  },
-};
-
-export { typographies };
+const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
+const roboto = { fontFamily: 'Roboto, sans-serif' };
+const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
+const fontWeight700 = { fontWeight: '700' };
+const fontWeight600 = { fontWeight: '600' };
+const fontWeight500 = { fontWeight: '500' };
+const fontWeight400 = { fontWeight: '400' };
+const fontSize3 = { fontSize: '3rem' };
+const fontSize2 = { fontSize: '2rem' };
+const fontSize25 = { fontSize: '2.5rem' };
+const fontSize15 = { fontSize: '1.5rem' };
+const fontSize125 = { fontSize: '1.25rem' };
+const fontSize1 = { fontSize: '1rem' };
+const fontSize0875 = { fontSize: '0.875rem' };
+const fontSize075 = { fontSize: '0.75rem' };
+
+const typographies = {
+  '.heading-xxlarge-500': {
+    ...montSerrat,
+    ...fontSize3,
+    ...fontWeight500,
+    lineHeight: '3.25rem',
+  },
+  '.heading-xlarge-500': {
+    ...montSerrat,
+    ...fontSize25,
+    ...fontWeight500,
+    lineHeight: '2.75rem',
+  },
+  '.heading-large-600': {
+    ...montSerrat,
+    ...fontSize2,
+    ...fontWeight600,
+    lineHeight: '2.25rem',
+  },
+  '.heading-large-500': {
+    ...montSerrat,
+    ...fontSize2,
+    ...fontWeight500,
+    lineHeight: '2.25rem',
+  },
+  '.heading-medium-600': {
+    ...montSerrat,
+    ...fontSize15,
+    ...fontWeight600,
+    lineHeight: '1.75rem',
+  },
+  '.heading-medium-500': {
+    ...montSerrat,
+    ...fontSize15,
+    ...fontWeight500,
+    lineHeight: '1.75rem',
+  },
+  '.heading-small-600': {
+    ...montSerrat,
+    ...fontSize125,
+    ...fontWeight600,
+    lineHeight: '1.5rem',
+  },
+  '.heading-small-500': {
+    ...montSerrat,
+    ...fontSize125,
+    ...fontWeight500,
+    lineHeight: '1.5rem',
+  },
+  '.heading-xsmall-600': {
+    ...montSerrat,
+    ...fontSize1,
+    ...fontWeight600,
+    lineHeight: '1.25rem',
+  },
+  '.heading-xsmall-500': {
+    ...montSerrat,
+    ...fontSize1,
+    ...fontWeight500,
+    lineHeight: '1.25rem',
+  },
+  '.heading-xxsmall-500': {
+    ...montSerrat,
+    ...fontSize0875,
+    lineHeight: '1.25rem',
+    ...fontWeight500,
+  },
+  '.body-large-700': {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: '1.5rem',
+    ...fontWeight700,
+  },
+  '.body-large-500': {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: '1.5rem',
+    ...fontWeight500,
+  },
+  '.body-large-400': {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: '1.5rem',
+    ...fontWeight400,
+  },
+  '.body-medium-700': {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: '1.25rem',
+    ...fontWeight700,
+  },
+  '.body-medium-500': {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: '1.25rem',
+    ...fontWeight500,
+  },
+  '.body-medium-400': {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: '1.25rem',
+    ...fontWeight400,
+  },
+  '.body-small-700': {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: '1rem',
+    ...fontWeight700,
+  },
+  '.body-small-500': {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: '1rem',
+    ...fontWeight500,
+  },
+  '.body-small-400': {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: '1rem',
+    ...fontWeight400,
+  },
+  '.code-medium-400': {
+    ...ibm,
+    ...fontSize0875,
+    lineHeight: '1.25rem',
+    ...fontWeight400,
+  },
+};
+
+export { typographies };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "2.4.8",
+  "version": "2.5.0",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",