@liner-fe/prism 2.8.31 → 2.8.33

package/lib/index.css

@@ -731,7 +731,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
-._iconButton_ndz79_1 {
+._iconButton_snnba_1 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -740,193 +740,193 @@
   border-radius: var(--lp-sys-radius-m);
   cursor: pointer;
 }
-._iconButton_ndz79_1:disabled {
+._iconButton_snnba_1:disabled {
   cursor: not-allowed;
 }
-._primary_ndz79_14 {
+._primary_snnba_14 {
   background: var(--brand-container-mid);
 }
-._primary_ndz79_14:not(:disabled):hover {
+._primary_snnba_14:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._primary_ndz79_14:disabled {
+._primary_snnba_14:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._primary_ndz79_14:disabled svg path {
+._primary_snnba_14:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._secondary_ndz79_27 {
+._secondary_snnba_27 {
   background: var(--brand-container-mid);
 }
-._secondary_ndz79_27:not(:disabled):hover {
+._secondary_snnba_27:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._secondary_ndz79_27:disabled {
+._secondary_snnba_27:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._secondary_ndz79_27:disabled svg path {
+._secondary_snnba_27:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._tertiary_ndz79_40 {
+._tertiary_snnba_40 {
   background: var(--neutral-fill-overlay-mid);
 }
-._tertiary_ndz79_40:not(:disabled):hover {
+._tertiary_snnba_40:not(:disabled):hover {
   background: var(--neutral-fill-overlay-mid-hover);
 }
-._tertiary_ndz79_40:disabled {
+._tertiary_snnba_40:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._tertiary_ndz79_40:disabled svg path {
+._tertiary_snnba_40:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._quaternary_ndz79_53 {
+._quaternary_snnba_53 {
   background: var(--neutral-fill-overlay-lowest);
   border: 1px solid var(--neutral-border-overlay-normal);
 }
-._quaternary_ndz79_53:not(:disabled):hover {
+._quaternary_snnba_53:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._quaternary_ndz79_53:disabled {
-  background: var(--neutral-fill-overlay-mid);
+._quaternary_snnba_53:disabled {
+  background: var(--neutral-fill-overlay-lowest);
 }
-._quaternary_ndz79_53:disabled svg path {
+._quaternary_snnba_53:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._negative_ndz79_67 {
+._negative_snnba_67 {
   background: var(--function-fill-negative-mid);
 }
-._negative_ndz79_67:not(:disabled):hover {
+._negative_snnba_67:not(:disabled):hover {
   background: var(--function-fill-negative-mid-hover);
 }
-._negative_ndz79_67:disabled {
+._negative_snnba_67:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._negative_ndz79_67:disabled svg path {
+._negative_snnba_67:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._static_ndz79_80 {
+._static_snnba_80 {
   background: var(--neutral-container-static-lowest);
 }
-._static_ndz79_80:not(:disabled):hover {
+._static_snnba_80:not(:disabled):hover {
   background: var(--neutral-container-static-lowest-hover);
 }
-._static_ndz79_80:disabled {
+._static_snnba_80:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._static_ndz79_80:disabled svg path {
+._static_snnba_80:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse_ndz79_93 {
+._inverse_snnba_93 {
   background: var(--brand-container-mid);
 }
-._inverse_ndz79_93:not(:disabled):hover {
+._inverse_snnba_93:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._inverse_ndz79_93:disabled {
+._inverse_snnba_93:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._inverse_ndz79_93:disabled svg path {
+._inverse_snnba_93:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse-static_ndz79_106 {
+._inverse-static_snnba_106 {
   background: var(--inverse-container-static-high);
 }
-._inverse-static_ndz79_106:not(:disabled):hover {
+._inverse-static_snnba_106:not(:disabled):hover {
   background: var(--inverse-container-static-high-hover);
 }
-._inverse-static_ndz79_106:disabled {
+._inverse-static_snnba_106:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._inverse-static_ndz79_106:disabled svg path {
+._inverse-static_snnba_106:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._ghost_ndz79_119._primary_ndz79_14 {
+._ghost_snnba_119._primary_snnba_14 {
   background: none;
 }
-._ghost_ndz79_119._primary_ndz79_14:not(:disabled):hover {
+._ghost_snnba_119._primary_snnba_14:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._primary_ndz79_14:disabled svg path {
+._ghost_snnba_119._primary_snnba_14:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._secondary_ndz79_27 {
+._ghost_snnba_119._secondary_snnba_27 {
   background: none;
 }
-._ghost_ndz79_119._secondary_ndz79_27:not(:disabled):hover {
+._ghost_snnba_119._secondary_snnba_27:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._secondary_ndz79_27:disabled svg path {
+._ghost_snnba_119._secondary_snnba_27:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._tertiary_ndz79_40 {
+._ghost_snnba_119._tertiary_snnba_40 {
   background: none;
 }
-._ghost_ndz79_119._tertiary_ndz79_40:not(:disabled):hover {
+._ghost_snnba_119._tertiary_snnba_40:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._tertiary_ndz79_40:disabled svg path {
+._ghost_snnba_119._tertiary_snnba_40:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._negative_ndz79_67 {
+._ghost_snnba_119._negative_snnba_67 {
   background: none;
 }
-._ghost_ndz79_119._negative_ndz79_67:not(:disabled):hover {
+._ghost_snnba_119._negative_snnba_67:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._negative_ndz79_67:disabled svg path {
+._ghost_snnba_119._negative_snnba_67:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._static_ndz79_80 {
+._ghost_snnba_119._static_snnba_80 {
   background: none;
 }
-._ghost_ndz79_119._static_ndz79_80:not(:disabled):hover {
+._ghost_snnba_119._static_snnba_80:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._static_ndz79_80:disabled svg path {
+._ghost_snnba_119._static_snnba_80:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._inverse_ndz79_93 {
+._ghost_snnba_119._inverse_snnba_93 {
   background: none;
 }
-._ghost_ndz79_119._inverse_ndz79_93:not(:disabled):hover {
+._ghost_snnba_119._inverse_snnba_93:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_ndz79_119._inverse_ndz79_93:disabled svg path {
+._ghost_snnba_119._inverse_snnba_93:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_ndz79_119._inverse-static_ndz79_106 {
+._ghost_snnba_119._inverse-static_snnba_106 {
   background: none;
 }
-._ghost_ndz79_119._inverse-static_ndz79_106:not(:disabled):hover {
+._ghost_snnba_119._inverse-static_snnba_106:not(:disabled):hover {
   background: var(--inverse-container-lowest-hover);
 }
-._ghost_ndz79_119._inverse-static_ndz79_106:disabled svg path {
+._ghost_snnba_119._inverse-static_snnba_106:disabled svg path {
   fill: var(--inverse-label-tertiary) !important;
 }
-._l_ndz79_183 {
+._l_snnba_183 {
   width: 44px;
   height: 44px;
   border-radius: var(--lp-sys-radius-m);
 }
-._m_ndz79_189 {
+._m_snnba_189 {
   width: 36px;
   height: 36px;
   border-radius: var(--lp-sys-radius-m);
 }
-._s_ndz79_27 {
+._s_snnba_27 {
   width: 28px;
   height: 28px;
   border-radius: var(--lp-sys-radius-s);
 }
-._xs_ndz79_201 {
+._xs_snnba_201 {
   width: 24px;
   height: 24px;
   border-radius: var(--lp-sys-radius-s);
 }
-._xs_ndz79_201._ghost_ndz79_119:not(:disabled):hover {
+._xs_snnba_201._ghost_snnba_119:not(:disabled):hover {
   background: inherit !important;
 }
-._xs_ndz79_201._ghost_ndz79_119:not(:disabled):hover * > path {
+._xs_snnba_201._ghost_snnba_119:not(:disabled):hover * > path {
   opacity: 0.64 !important;
 }
 

package/lib/index.d.ts

@@ -563,7 +563,7 @@ interface PrimitiveCoachMarkContentProps extends PopoverPrimitive.PopoverContent
 declare const PrimitiveCoachMark: (({ trigger, children, ...props }: PrimitiveCoachMarkRootProps) => react_jsx_runtime.JSX.Element) & {
     Content: react.ForwardRefExoticComponent<PrimitiveCoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
     Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
-    Close: ({ className }: HTMLAttributes<HTMLOrSVGElement>) => react_jsx_runtime.JSX.Element;
+    Close: ({ className, onClick }: HTMLAttributes<HTMLOrSVGElement>) => react_jsx_runtime.JSX.Element;
 };
 
 interface Step {

package/lib/index.js

@@ -2952,20 +2952,20 @@ import clsx10 from "clsx";
 
 // src/components/IconButton/style.module.scss
 var style_module_default8 = {
-  "iconButton": "_iconButton_ndz79_1",
-  "primary": "_primary_ndz79_14",
-  "secondary": "_secondary_ndz79_27",
-  "tertiary": "_tertiary_ndz79_40",
-  "quaternary": "_quaternary_ndz79_53",
-  "negative": "_negative_ndz79_67",
-  "static": "_static_ndz79_80",
-  "inverse": "_inverse_ndz79_93",
-  "inverse-static": "_inverse-static_ndz79_106",
-  "ghost": "_ghost_ndz79_119",
-  "l": "_l_ndz79_183",
-  "m": "_m_ndz79_189",
-  "s": "_s_ndz79_27",
-  "xs": "_xs_ndz79_201"
+  "iconButton": "_iconButton_snnba_1",
+  "primary": "_primary_snnba_14",
+  "secondary": "_secondary_snnba_27",
+  "tertiary": "_tertiary_snnba_40",
+  "quaternary": "_quaternary_snnba_53",
+  "negative": "_negative_snnba_67",
+  "static": "_static_snnba_80",
+  "inverse": "_inverse_snnba_93",
+  "inverse-static": "_inverse-static_snnba_106",
+  "ghost": "_ghost_snnba_119",
+  "l": "_l_snnba_183",
+  "m": "_m_snnba_189",
+  "s": "_s_snnba_27",
+  "xs": "_xs_snnba_201"
 };
 
 // src/components/IconButton/index.tsx
@@ -7985,7 +7985,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
     )
   }
 ), "PrimitiveCoachMarkAnchor");
-var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx41(Close, { asChild: true, className: clsx19(style_module_default18.close, className), children: /* @__PURE__ */ jsx41(IconCloseFill4, { fill: true, size: "xs", type: "neutral-label-static-primary" }) }), "PrimitiveCoachMarkClose");
+var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */ jsx41(Close, { asChild: true, className: clsx19(style_module_default18.close, className), onClick, children: /* @__PURE__ */ jsx41(IconCloseFill4, { fill: true, size: "xs", type: "neutral-label-static-primary" }) }), "PrimitiveCoachMarkClose");
 var PrimitiveCoachMarkContent = forwardRef28(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ jsx41(Portal2, { container, children: /* @__PURE__ */ jsxs15(
   Content2,
   {
@@ -8235,43 +8235,45 @@ var compactCoachMarkVariants = cva11({
 var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ jsx43(PrimitiveCoachMark, { ...props });
 }, "CompactCoachMarkRoot");
-var CompactCoachMarkContent = forwardRef30(({ tag, title, level = "brand", className, side = "top", sideOffset = -15, ...props }, ref) => {
-  const [isHover, setIsHover] = useState19(false);
-  return /* @__PURE__ */ jsxs16(
-    PrimitiveCoachMark.Content,
-    {
-      ref,
-      className: clsx21(compactCoachMarkVariants({ level }), className),
-      side,
-      sideOffset,
-      onMouseEnter: () => setIsHover(true),
-      onMouseLeave: () => setIsHover(false),
-      ...props,
-      children: [
-        tag && /* @__PURE__ */ jsx43(
-          Tag,
-          {
-            color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
-            backgroundColor: level === "inverse" ? "neutral-container-lowest" : "neutral-container-static-lowest",
-            children: tag
-          }
-        ),
-        /* @__PURE__ */ jsx43(
-          Caption,
-          {
-            size: 2,
-            type: "normal",
-            weight: "bold",
-            color: "inverse-label-static-primary",
-            className: style_module_default19.main,
-            children: title
-          }
-        ),
-        isHover && /* @__PURE__ */ jsx43(PrimitiveCoachMark.Close, { className: style_module_default19.close })
-      ]
-    }
-  );
-});
+var CompactCoachMarkContent = forwardRef30(
+  ({ tag, title, level = "brand", className, side = "top", sideOffset = -15, onClose, ...props }, ref) => {
+    const [isHover, setIsHover] = useState19(false);
+    return /* @__PURE__ */ jsxs16(
+      PrimitiveCoachMark.Content,
+      {
+        ref,
+        className: clsx21(compactCoachMarkVariants({ level }), className),
+        side,
+        sideOffset,
+        onMouseEnter: () => setIsHover(true),
+        onMouseLeave: () => setIsHover(false),
+        ...props,
+        children: [
+          tag && /* @__PURE__ */ jsx43(
+            Tag,
+            {
+              color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
+              backgroundColor: level === "inverse" ? "neutral-container-lowest" : "neutral-container-static-lowest",
+              children: tag
+            }
+          ),
+          /* @__PURE__ */ jsx43(
+            Caption,
+            {
+              size: 2,
+              type: "normal",
+              weight: "bold",
+              color: "inverse-label-static-primary",
+              className: style_module_default19.main,
+              children: title
+            }
+          ),
+          isHover && /* @__PURE__ */ jsx43(PrimitiveCoachMark.Close, { className: style_module_default19.close, onClick: onClose })
+        ]
+      }
+    );
+  }
+);
 CompactCoachMarkContent.displayName = "CompactCoachMarkContent";
 var CompactCoachMark = Object.assign(CompactCoachMarkRoot, {
   Content: CompactCoachMarkContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.8.31",
+  "version": "2.8.33",
   "type": "module",
   "sideEffects": false,
   "scripts": {