@povio/ui 2.1.7 → 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

@@ -7,7 +7,11 @@ import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.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,6 +34,7 @@ const Tooltip = ({
   color,
   isNonInteractiveTrigger,
   triggerClassName,
+  triggerTabIndex,
   ...tooltipProps
 }) => {
   const uiStyle = UIStyle.useConfig();
@@ -45,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,
           {

package/package.json

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