@liner-fe/prism 1.6.17 → 1.6.18

package/lib/components/Popover/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { IconProps } from '../Icon';
 /**
  * PopoverRoot
@@ -19,7 +19,7 @@ interface PopoverTriggerProps {
 /**
  * PopoverContent
  */
-export interface PopoverContentProps {
+export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
     level?: 'primary' | 'secondary';
     tag?: string;
     icon?: Pick<IconProps, 'name' | 'thick' | 'fill'>;

package/lib/components/Tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import React, { ReactNode } from 'react';
-interface TooltipContentProps {
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     description?: string;
     position?: 'top' | 'right' | 'bottom' | 'left';

package/lib/index.mjs

@@ -3281,10 +3281,28 @@ var iconVariants = cva(style_module_default2.icon, {
 });
 var getIconComponent = /* @__PURE__ */ __name((iconKey, map) => map[iconKey], "getIconComponent");
 var Icon = /* @__PURE__ */ __name((props) => {
-  const { name, type = "neutralLabelPrimary", size = "m", color, thick = false, fill = false, ...rest } = props;
+  const {
+    name,
+    type = "neutralLabelPrimary",
+    size = "m",
+    color,
+    thick = false,
+    fill = false,
+    className,
+    ...rest
+  } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return color ? /* @__PURE__ */ jsx64(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx64(IconComponent, { ...rest, className: clsx(iconVariants({ type })), size: iconSize, thick, fill });
+  return color ? /* @__PURE__ */ jsx64(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx64(
+    IconComponent,
+    {
+      ...rest,
+      className: clsx(iconVariants({ type }), className),
+      size: iconSize,
+      thick,
+      fill
+    }
+  );
 }, "Icon");
 
 // src/components/Button/index.tsx
@@ -3359,18 +3377,27 @@ var DefaultButton = forwardRef(
     align = "center",
     size = "cta",
     width = "fit-content",
+    className,
     ...rest
   }, ref) => {
-    return /* @__PURE__ */ jsx65("button", { ...rest, className: clsx2(defaultButtonVariants({ level, fill, align, size, width })), ref, children: /* @__PURE__ */ jsxs46("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-      rest.leftIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-      /* @__PURE__ */ jsx65("p", { className: style_module_default.content, children: rest.children }),
-      rest.rightIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
-    ] }) });
+    return /* @__PURE__ */ jsx65(
+      "button",
+      {
+        ...rest,
+        className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
+        ref,
+        children: /* @__PURE__ */ jsxs46("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
+          rest.leftIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx65("p", { className: style_module_default.content, children: rest.children }),
+          rest.rightIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+        ] })
+      }
+    );
   }
 );
 var TextButton = forwardRef(
-  ({ level = "inversePrimary", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx65("button", { ...rest, className: clsx2(textButtonVariants({ level })), ref });
+  ({ level = "inversePrimary", className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx65("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
   }
 );
 var Button = forwardRef((props, ref) => {
@@ -3603,6 +3630,7 @@ var PopoverContent = React.forwardRef(
     confirmText,
     onConfirm,
     onClose,
+    className,
     ...props
   }, ref) => /* @__PURE__ */ jsx72(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs48(
     PopoverPrimitive.Content,
@@ -3611,7 +3639,7 @@ var PopoverContent = React.forwardRef(
       align,
       side: position,
       sideOffset: DEFAULT_OFFSET,
-      className: clsx8(popoverVariants({ level })),
+      className: clsx8(popoverVariants({ level }), className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs48("div", { className: style_module_default4.contentContainer, children: [
@@ -3631,7 +3659,17 @@ var PopoverContent = React.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsx72("p", { className: popoverSubtitleVariants(), children: subTitle }),
-          onConfirm && /* @__PURE__ */ jsx72("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx72(Button, { as: "text", level: "inversePrimary", children: confirmText }) })
+          onConfirm && /* @__PURE__ */ jsx72("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx72(
+            Button,
+            {
+              as: "text",
+              level: "inversePrimary",
+              onClick: () => {
+                onConfirm?.();
+              },
+              children: confirmText
+            }
+          ) })
         ] }),
         /* @__PURE__ */ jsx72(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx72(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
       ]
@@ -3657,6 +3695,7 @@ var style_module_default5 = {
 
 // src/components/Tooltip/index.tsx
 import { cva as cva4 } from "class-variance-authority";
+import clsx9 from "clsx";
 import { jsx as jsx73 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = 4;
 var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
@@ -3664,13 +3703,13 @@ var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx73(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
 var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx73(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
 var TooltipContent = forwardRef3(
-  ({ description, position, ...props }, ref) => /* @__PURE__ */ jsx73(
+  ({ description, position = "top", className, ...props }, ref) => /* @__PURE__ */ jsx73(
     TooltipPrimitive.Content,
     {
       ref,
       side: position,
       sideOffset: DEFAULT_OFFSET2,
-      className: tooltipVariants(),
+      className: clsx9(tooltipVariants(), className),
       ...props,
       children: /* @__PURE__ */ jsx73("p", { className: style_module_default5.tooltipContent, children: description })
     }
@@ -3685,7 +3724,7 @@ var Tooltip = Object.assign(TooltipRoot, {
 // src/components/IconButton/index.tsx
 import { cva as cva5 } from "class-variance-authority";
 import { forwardRef as forwardRef4 } from "react";
-import clsx9 from "clsx";
+import clsx10 from "clsx";
 
 // src/components/IconButton/style.module.scss
 var style_module_default6 = {
@@ -3730,9 +3769,9 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
   }
 });
 var IconButton = forwardRef4(
-  ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", ...rest }, ref) => {
+  ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx74(Comp, { ...rest, className: clsx9(iconButtonVariants({ level, size })), ref, children: /* @__PURE__ */ jsx74(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
+    return /* @__PURE__ */ jsx74(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx74(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
   }
 );
 export {