@povio/ui 2.1.6 → 2.1.8

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

@@ -7,5 +7,6 @@ export interface SplitButtonProps extends ButtonVariantProps, Omit<AriaButtonPro
     labelRight: string;
     link?: LinkNavigationProps;
     items: MenuItem[];
+    isLoading?: boolean;
 }
-export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -14,6 +14,7 @@ const SplitButton = ({
   link,
   items,
   className,
+  isLoading,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -31,8 +32,9 @@ const SplitButton = ({
             variant,
             color,
             link,
-            className: clsx("!rounded-r-none! border-r border-solid", className),
+            className: clsx("rounded-r-none! border-r border-solid", className),
             "data-separator": "",
+            isLoading,
             children: label
           }
         ),
@@ -47,7 +49,8 @@ const SplitButton = ({
                 color,
                 label: labelRight,
                 icon: ChevronDownIcon,
-                className: "rounded-l-none! border-l-0!"
+                className: "rounded-l-none! border-l-0!",
+                isDisabled: props.isDisabled || isLoading
               }
             ),
             items

package/dist/components/inputs/shared/TooltipWrapper.d.ts

@@ -3,6 +3,8 @@ interface TooltipWrapperProps {
     error?: string;
     as?: TextInputProps["as"];
     children: React.ReactNode;
+    triggerClassName?: string;
+    triggerTabIndex?: number;
 }
 export declare const TooltipWrapper: (props: TooltipWrapperProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
 export {};

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -12,7 +12,9 @@ const TooltipWrapper = (props) => {
       color: "error",
       hidden: !props.error,
       isNonInteractiveTrigger: true,
-      children: /* @__PURE__ */ jsx("div", { children: props.children })
+      triggerClassName: props.triggerClassName,
+      triggerTabIndex: props.triggerTabIndex,
+      children: /* @__PURE__ */ jsx("div", { tabIndex: -1, children: props.children })
     }
   );
 };

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

@@ -8,5 +8,6 @@ export interface TooltipProps extends PropsWithChildren<AriaTooltipProps>, Toolt
     closeDelay?: number;
     isNonInteractiveTrigger?: boolean;
     triggerClassName?: string;
+    triggerTabIndex?: number;
 }
-export declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -4,10 +4,14 @@ import { useFocusable } from "react-aria";
 import { TooltipTrigger, Tooltip as Tooltip$1, OverlayArrow } from "react-aria-components";
 import { PointerHorizontalIcon } from "../../../assets/icons/PointerHorizontal.js";
 import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.js";
-import { tooltipCva, tooltipTextCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva } from "./tooltip.cva.js";
+import { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
-const CustomTrigger = ({ children, className }) => {
+const CustomTrigger = ({
+  children,
+  className,
+  tabIndex
+}) => {
   const ref = useRef(null);
   const { focusableProps } = useFocusable({}, ref);
   return /* @__PURE__ */ jsx(
@@ -15,7 +19,7 @@ const CustomTrigger = ({ children, className }) => {
     {
       ref,
       ...focusableProps,
-      tabIndex: 0,
+      tabIndex: tabIndex ?? 0,
       className,
       children
     }
@@ -30,10 +34,13 @@ const Tooltip = ({
   color,
   isNonInteractiveTrigger,
   triggerClassName,
+  triggerTabIndex,
   ...tooltipProps
 }) => {
   const uiStyle = UIStyle.useConfig();
   const tooltipCva$1 = uiStyle?.tooltip?.cva ?? tooltipCva;
+  const tooltipPointerHorizontalCva$1 = uiStyle?.tooltip?.pointerHorizontalCva ?? tooltipPointerHorizontalCva;
+  const tooltipPointerVerticalCva$1 = uiStyle?.tooltip?.pointerVerticalCva ?? tooltipPointerVerticalCva;
   const tooltipTextCva$1 = uiStyle?.tooltip?.textCva ?? tooltipTextCva;
   const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment;
   return /* @__PURE__ */ jsxs(
@@ -43,15 +50,16 @@ const Tooltip = ({
       closeDelay: closeDelay ?? 0,
       isDisabled,
       children: [
-        /* @__PURE__ */ jsx(
+        isNonInteractiveTrigger ? /* @__PURE__ */ jsx(
           Trigger,
           {
             ...isNonInteractiveTrigger && {
               className: triggerClassName
             },
+            tabIndex: triggerTabIndex,
             children
           }
-        ),
+        ) : /* @__PURE__ */ jsx(Trigger, { children }),
         /* @__PURE__ */ jsxs(
           Tooltip$1,
           {
@@ -60,8 +68,8 @@ const Tooltip = ({
             offset: 13,
             children: [
               /* @__PURE__ */ jsxs(OverlayArrow, { children: [
-                /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: tooltipPointerHorizontalCva({ color }) }),
-                /* @__PURE__ */ jsx(PointerVerticalIcon, { className: tooltipPointerVerticalCva({ color }) })
+                /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: tooltipPointerHorizontalCva$1({ color }) }),
+                /* @__PURE__ */ jsx(PointerVerticalIcon, { className: tooltipPointerVerticalCva$1({ color }) })
               ] }),
               /* @__PURE__ */ jsx(
                 Typography,

package/dist/config/uiStyle.context.d.ts

@@ -7,7 +7,7 @@ import { RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
 import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
 import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
-import { TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
+import { TooltipPointerHorizontalVariantProps, TooltipPointerVerticalVariantProps, TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
 import { AlertVariantProps } from '../components/status/Alert/alert.cva';
 import { ToastVariantProps } from '../components/status/Toast/toast.cva';
 import { TableDataVariantProps, TableHeadDataVariantProps, TableHeadRowVariantProps, TableRowVariantProps } from '../components/table/table.cva';
@@ -78,6 +78,8 @@ export declare namespace UIStyle {
         };
         tooltip: {
             cva?: Cva<TooltipVariantProps>;
+            pointerHorizontalCva?: Cva<TooltipPointerHorizontalVariantProps>;
+            pointerVerticalCva?: Cva<TooltipPointerVerticalVariantProps>;
             textCva?: Cva<TooltipTextVariantProps>;
         };
     }

package/package.json

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