@povio/ui 0.0.10 → 2.1.0

package/dist/components/Menu/MenuItem.js

@@ -24,7 +24,8 @@ const menuItemClass = clsx(
   "bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
   "disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
   "hover:bg-elevation-fill-default-1 hover:text-interactive-text-secondary-hover",
-  "open:bg-interactive-contained-primary-idle open:text-interactive-text-secondary-idle-inverted",
+  "open:bg-interactive-contained-primary-idle open:text-interactive-contained-primary-on-idle",
+  "open:hover:bg-interactive-contained-primary-hover open:hover:text-interactive-contained-primary-on-hover",
   "focus-visible:bg-elevation-fill-default-1 focus-visible:text-interactive-text-secondary-hover"
 );
 export {

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

@@ -1,6 +1,7 @@
 import { FC, ReactElement, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
+import { LinkNavigationProps } from '../../text/Link/Link';
 import { ButtonVariantProps } from './button.cva';
 export type ButtonIconProps<IconOnly extends boolean = false> = {
     iconOnly?: IconOnly;
@@ -18,7 +19,7 @@ type ToggleButtonProps = {
 export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
     children: string;
     isLoading?: boolean;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     noDisableWhenLoading?: boolean;
     iconClassName?: string;
     disableTooltip?: boolean;

package/dist/components/buttons/Button/Button.js

@@ -3,6 +3,7 @@ import { clsx } from "clsx";
 import { Link, ToggleButton, Button as Button$1 } from "react-aria-components";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { TooltipEllipsis } from "../../overlays/Tooltip/TooltipEllipsis.js";
+import { LinkContext } from "../../../config/link.context.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { button, buttonSize, buttonContent, buttonIconSize, buttonTypography } from "./button.cva.js";
 const Button = ({
@@ -17,6 +18,7 @@ const Button = ({
   disableTooltip,
   ...props
 }) => {
+  const linkContext = LinkContext.useLinkContext();
   const uiStyle = UIStyle.useConfig();
   const buttonCva = uiStyle?.button?.cva ?? button;
   const buttonSizeCva = uiStyle?.button?.sizeCva ?? buttonSize;
@@ -25,13 +27,16 @@ const Button = ({
   const typographyMap = uiStyle?.button?.typography ?? buttonTypography;
   const Component = (() => {
     if (link) {
-      return Link;
+      return linkContext?.LinkComponent ?? Link;
     }
     if (props.toggle != null) {
       return ToggleButton;
     }
     return Button$1;
   })();
+  if (link && !link.to && link.href) {
+    link.to = link.href;
+  }
   return /* @__PURE__ */ jsx(
     TooltipEllipsis,
     {

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
 export declare const button: (props?: ({
     width?: "fill" | "hug" | null | undefined;
-    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
     color?: "primary" | "secondary" | "success" | "warning" | "error" | "dual" | null | undefined;
     variant?: "contained" | "outlined" | "subtle" | "text" | "ghost" | null | undefined;
     inverted?: boolean | null | undefined;
@@ -10,21 +10,21 @@ export declare const button: (props?: ({
 export interface ButtonVariantProps extends VariantProps<typeof button> {
 }
 export declare const buttonSize: (props?: ({
-    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonContent: (props?: ({
-    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
     iconPosition?: "none" | "left" | "right" | null | undefined;
     iconOnly?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonIconSize: (props?: ({
-    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonTypography: (props: {
     color?: "primary" | "secondary" | "success" | "warning" | "error" | "dual" | null | undefined;
     width?: "fill" | "hug" | null | undefined;
-    size?: "xxs" | "xs" | "s" | "m" | "l" | null | undefined;
+    size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
     variant?: "contained" | "outlined" | "subtle" | "text" | "ghost" | null | undefined;
     inverted?: boolean | null | undefined;
 }) => TypographyVariantProps | undefined;