@povio/ui 2.1.26 → 2.1.27

package/dist/Button.js

@@ -34,7 +34,7 @@ const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, li
 			children: /* @__PURE__ */ jsx(ButtonContent, {
 				isLoading,
 				icon: Icon,
-				text: children,
+				content: children,
 				ref: onContentRef,
 				hideText: props.iconOnly,
 				iconPosition,

package/dist/ButtonContent.js

@@ -4,7 +4,7 @@ import { Typography } from "./Typography.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
-const ButtonContent = ({ ref, text, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography }) => {
+const ButtonContent = ({ ref, content, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography }) => {
 	let iconOrLoader = null;
 	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
 	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
@@ -21,7 +21,7 @@ const ButtonContent = ({ ref, text, isLoading, className, icon: Icon, iconClassN
 			...typography,
 			className: clsx("hyphens-auto md:truncate", hideText && "sr-only"),
 			ref,
-			children: text
+			children: content
 		})]
 	});
 };

package/dist/PillButton.js

@@ -23,7 +23,7 @@ const PillButton = ({ children, dismissable, toggle, icon, iconPosition,...props
 				className: props.className
 			}),
 			children: /* @__PURE__ */ jsx(ButtonContent, {
-				text: children,
+				content: children,
 				ref: onContentRef,
 				icon: dismissable ? CloseIcon : icon,
 				iconPosition: dismissable ? "right" : iconPosition,

package/dist/components/buttons/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement, SVGProps } from 'react';
+import { FC, ReactElement, ReactNode, SVGProps } from 'react';
 import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
 import { LinkNavigationProps } from '../../text/Link/Link';
@@ -17,7 +17,7 @@ type ToggleButtonProps = {
     isSelected?: boolean;
 } & AriaToggleButtonProps);
 export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
-    children: string;
+    children: ReactNode;
     isLoading?: boolean;
     link?: LinkNavigationProps;
     noDisableWhenLoading?: boolean;

package/dist/components/buttons/PillButton/PillButton.d.ts

@@ -1,9 +1,9 @@
-import { FC, SVGProps } from 'react';
+import { FC, ReactNode, SVGProps } from 'react';
 import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
 import { PillButtonVariants } from './pillButton.cva';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
 export interface PillButtonProps extends AriaButtonProps, Omit<AriaToggleButtonProps, keyof AriaButtonProps>, ButtonContentVariantProps, PillButtonVariants {
-    children: string;
+    children: ReactNode;
     dismissable?: boolean;
     toggle?: boolean;
     icon?: FC<SVGProps<SVGSVGElement>>;

package/dist/components/buttons/TextButton/TextButton.d.ts

@@ -1,10 +1,11 @@
+import { ReactNode } from 'react';
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { ButtonIconProps } from '../Button/Button';
 import { ButtonVariantProps } from '../Button/button.cva';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
 import { LinkNavigationProps } from '../../text/Link/Link';
 export type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<true | false> & {
-    children: string;
+    children: ReactNode;
     isLoading?: boolean;
     link?: LinkNavigationProps;
     disableTooltip?: boolean;

package/dist/components/buttons/ToggleButton/ToggleButton.d.ts

@@ -1,9 +1,10 @@
+import { ReactNode } from 'react';
 import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
 import { ButtonIconProps } from '../Button/Button';
 import { ButtonVariantProps } from '../Button/button.cva';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
 export type ToggleButtonProps = ButtonVariantProps & ButtonContentVariantProps & AriaToggleButtonProps & ButtonIconProps<true | false> & {
-    children: string;
+    children: ReactNode;
     disableTooltip?: boolean;
 };
 export declare const ToggleButton: ({ children, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/shared/ButtonContent.d.ts

@@ -1,10 +1,10 @@
-import { FC, ReactElement, Ref, SVGProps } from 'react';
+import { FC, ReactElement, ReactNode, Ref, SVGProps } from 'react';
 import { ButtonVariantProps } from '../Button/button.cva';
 import { ButtonContentVariantProps } from './buttonContent.cva';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
 interface ButtonContentProps extends ButtonContentVariantProps, Pick<ButtonVariantProps, "size"> {
     ref?: Ref<HTMLHeadingElement>;
-    text: string;
+    content: ReactNode;
     isLoading?: boolean;
     className?: string;
     icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
@@ -12,5 +12,5 @@ interface ButtonContentProps extends ButtonContentVariantProps, Pick<ButtonVaria
     hideText?: boolean;
     typography?: TypographyVariantProps;
 }
-export declare const ButtonContent: ({ ref, text, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography, }: ButtonContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonContent: ({ ref, content, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography, }: ButtonContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/overlays/Tooltip/TooltipEllipsis.d.ts

@@ -1,6 +1,6 @@
-import { JSX, Ref } from 'react';
+import { JSX, ReactNode, Ref } from 'react';
 export interface TooltipEllipsisProps {
-    text: string;
+    text: ReactNode;
     children: (ref: Ref<HTMLHeadingElement> | undefined) => JSX.Element;
     isDisabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.1.26",
+  "version": "2.1.27",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",