@liner-fe/prism 2.8.32 → 2.8.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.d.ts CHANGED
@@ -563,7 +563,7 @@ interface PrimitiveCoachMarkContentProps extends PopoverPrimitive.PopoverContent
563
563
  declare const PrimitiveCoachMark: (({ trigger, children, ...props }: PrimitiveCoachMarkRootProps) => react_jsx_runtime.JSX.Element) & {
564
564
  Content: react.ForwardRefExoticComponent<PrimitiveCoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
565
565
  Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
566
- Close: ({ className }: HTMLAttributes<HTMLOrSVGElement>) => react_jsx_runtime.JSX.Element;
566
+ Close: ({ className, onClick }: HTMLAttributes<HTMLOrSVGElement>) => react_jsx_runtime.JSX.Element;
567
567
  };
568
568
 
569
569
  interface Step {
package/lib/index.js CHANGED
@@ -7985,7 +7985,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
7985
7985
  )
7986
7986
  }
7987
7987
  ), "PrimitiveCoachMarkAnchor");
7988
- 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");
7988
+ 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");
7989
7989
  var PrimitiveCoachMarkContent = forwardRef28(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ jsx41(Portal2, { container, children: /* @__PURE__ */ jsxs15(
7990
7990
  Content2,
7991
7991
  {
@@ -8235,43 +8235,45 @@ var compactCoachMarkVariants = cva11({
8235
8235
  var CompactCoachMarkRoot = /* @__PURE__ */ __name((props) => {
8236
8236
  return /* @__PURE__ */ jsx43(PrimitiveCoachMark, { ...props });
8237
8237
  }, "CompactCoachMarkRoot");
8238
- var CompactCoachMarkContent = forwardRef30(({ tag, title, level = "brand", className, side = "top", sideOffset = -15, ...props }, ref) => {
8239
- const [isHover, setIsHover] = useState19(false);
8240
- return /* @__PURE__ */ jsxs16(
8241
- PrimitiveCoachMark.Content,
8242
- {
8243
- ref,
8244
- className: clsx21(compactCoachMarkVariants({ level }), className),
8245
- side,
8246
- sideOffset,
8247
- onMouseEnter: () => setIsHover(true),
8248
- onMouseLeave: () => setIsHover(false),
8249
- ...props,
8250
- children: [
8251
- tag && /* @__PURE__ */ jsx43(
8252
- Tag,
8253
- {
8254
- color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
8255
- backgroundColor: level === "inverse" ? "neutral-container-lowest" : "neutral-container-static-lowest",
8256
- children: tag
8257
- }
8258
- ),
8259
- /* @__PURE__ */ jsx43(
8260
- Caption,
8261
- {
8262
- size: 2,
8263
- type: "normal",
8264
- weight: "bold",
8265
- color: "inverse-label-static-primary",
8266
- className: style_module_default19.main,
8267
- children: title
8268
- }
8269
- ),
8270
- isHover && /* @__PURE__ */ jsx43(PrimitiveCoachMark.Close, { className: style_module_default19.close })
8271
- ]
8272
- }
8273
- );
8274
- });
8238
+ var CompactCoachMarkContent = forwardRef30(
8239
+ ({ tag, title, level = "brand", className, side = "top", sideOffset = -15, onClose, ...props }, ref) => {
8240
+ const [isHover, setIsHover] = useState19(false);
8241
+ return /* @__PURE__ */ jsxs16(
8242
+ PrimitiveCoachMark.Content,
8243
+ {
8244
+ ref,
8245
+ className: clsx21(compactCoachMarkVariants({ level }), className),
8246
+ side,
8247
+ sideOffset,
8248
+ onMouseEnter: () => setIsHover(true),
8249
+ onMouseLeave: () => setIsHover(false),
8250
+ ...props,
8251
+ children: [
8252
+ tag && /* @__PURE__ */ jsx43(
8253
+ Tag,
8254
+ {
8255
+ color: level === "inverse" ? "neutral-label-primary" : "neutral-label-static-primary",
8256
+ backgroundColor: level === "inverse" ? "neutral-container-lowest" : "neutral-container-static-lowest",
8257
+ children: tag
8258
+ }
8259
+ ),
8260
+ /* @__PURE__ */ jsx43(
8261
+ Caption,
8262
+ {
8263
+ size: 2,
8264
+ type: "normal",
8265
+ weight: "bold",
8266
+ color: "inverse-label-static-primary",
8267
+ className: style_module_default19.main,
8268
+ children: title
8269
+ }
8270
+ ),
8271
+ isHover && /* @__PURE__ */ jsx43(PrimitiveCoachMark.Close, { className: style_module_default19.close, onClick: onClose })
8272
+ ]
8273
+ }
8274
+ );
8275
+ }
8276
+ );
8275
8277
  CompactCoachMarkContent.displayName = "CompactCoachMarkContent";
8276
8278
  var CompactCoachMark = Object.assign(CompactCoachMarkRoot, {
8277
8279
  Content: CompactCoachMarkContent,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.8.32",
3
+ "version": "2.8.33",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "scripts": {