@rehagro/ui 1.0.13 → 1.0.14

package/dist/index.d.mts

@@ -633,6 +633,29 @@ declare const Table: <T>(props: TableProps<T> & {
     ref?: React$1.ForwardedRef<HTMLTableElement>;
 }) => React$1.ReactElement;
 
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
+type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
+type TypographyProps = React$1.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+};
+declare const Typography: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+} & React$1.RefAttributes<HTMLElement>>;
+
 type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
@@ -734,4 +757,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };

package/dist/index.d.ts

@@ -633,6 +633,29 @@ declare const Table: <T>(props: TableProps<T> & {
     ref?: React$1.ForwardedRef<HTMLTableElement>;
 }) => React$1.ReactElement;
 
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
+type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
+type TypographyProps = React$1.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+};
+declare const Typography: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+} & React$1.RefAttributes<HTMLElement>>;
+
 type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
@@ -734,4 +757,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };

package/dist/index.js

@@ -1898,7 +1898,7 @@ var Tag = React8.forwardRef(function Tag2({
 }, ref) {
   const preset = isPresetColor3(color);
   const clickable = !!rest.onClick && !disabled;
-  const colorClasses2 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
+  const colorClasses3 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
   const hoverClasses = clickable && preset ? active ? hoverActivePresetClasses[color] : hoverInactivePresetClasses[color] : clickable ? "hover:rh-brightness-95" : "";
   const customStyles = preset ? {} : getCustomColorStyles(color, active);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1916,7 +1916,7 @@ var Tag = React8.forwardRef(function Tag2({
         "rh-cursor-pointer",
         clickable ? "rh-cursor-pointer" : "",
         sizeClasses8[size],
-        colorClasses2,
+        colorClasses3,
         hoverClasses,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
         className
@@ -2681,6 +2681,51 @@ function TableInner({
   ) });
 }
 var Table = React8.forwardRef(TableInner);
+var defaultElements = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  bodyLg: "p",
+  body: "p",
+  label: "span",
+  caption: "span"
+};
+var variantClasses4 = {
+  h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
+  h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
+  h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
+  h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
+  bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
+  body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
+  label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
+  caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body"
+};
+var colorClasses2 = {
+  default: "rh-text-text",
+  muted: "rh-text-text-muted",
+  primary: "rh-text-primary",
+  danger: "rh-text-danger",
+  success: "rh-text-success",
+  warning: "rh-text-warning"
+};
+var Typography = React8.forwardRef(function Typography2({ variant = "body", color = "default", bold = false, as, className = "", children, ...rest }, ref) {
+  const element = as ?? defaultElements[variant];
+  return React8__default.default.createElement(
+    element,
+    {
+      ref,
+      className: [
+        variantClasses4[variant],
+        colorClasses2[color],
+        bold ? "rh-font-bold" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest
+    },
+    children
+  );
+});
 var Container = React8.forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2883,6 +2928,7 @@ exports.ToastContainer = ToastContainer;
 exports.ToastProvider = ToastProvider;
 exports.ToggleGroup = ToggleGroup;
 exports.Tooltip = Tooltip;
+exports.Typography = Typography;
 exports.WarningIcon = WarningIcon;
 exports.useToast = useToast;
 //# sourceMappingURL=index.js.map