@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 +1 -1
- package/lib/index.js +40 -38
- package/package.json +1 -1
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(
|
|
8239
|
-
|
|
8240
|
-
|
|
8241
|
-
|
|
8242
|
-
|
|
8243
|
-
|
|
8244
|
-
|
|
8245
|
-
|
|
8246
|
-
|
|
8247
|
-
|
|
8248
|
-
|
|
8249
|
-
|
|
8250
|
-
|
|
8251
|
-
|
|
8252
|
-
|
|
8253
|
-
|
|
8254
|
-
|
|
8255
|
-
|
|
8256
|
-
|
|
8257
|
-
|
|
8258
|
-
|
|
8259
|
-
|
|
8260
|
-
|
|
8261
|
-
|
|
8262
|
-
|
|
8263
|
-
|
|
8264
|
-
|
|
8265
|
-
|
|
8266
|
-
|
|
8267
|
-
|
|
8268
|
-
|
|
8269
|
-
|
|
8270
|
-
|
|
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,
|