@photoroom/ui 0.1.576 → 0.1.577

package/index.mjs

@@ -56662,8 +56662,8 @@ var iSe = ({ titleBlock: e, children: t, className: n, ...r }) => /* @__PURE__ *
 			className: "size-6 text-white"
 		})
 	});
-}, P7 = {}, F7 = ({ variant: e, className: t, cssBackgroundColor: n, children: r, isHiddenSessionKey: i, closeLabel: a, forceShow: o, ...s }) => {
-	let [c, l] = Ne(() => i ? P7[i] ?? !0 : !1), u = !o && c;
+}, P7 = {}, F7 = ({ variant: e, className: t, cssBackgroundColor: n, children: r, isHiddenSessionKey: i, closeLabel: a, closeButtonVariant: o = "secondary-on-dark", forceShow: s, ...c }) => {
+	let [l, u] = Ne(() => i ? P7[i] ?? !0 : !1), d = !s && l;
 	Ee(() => {
 		if (!i) return;
 		let e;
@@ -56673,24 +56673,24 @@ var iSe = ({ titleBlock: e, children: t, className: n, ...r }) => /* @__PURE__ *
 		} catch {
 			e = !1;
 		}
-		P7[i] = e, l(e);
+		P7[i] = e, u(e);
 	}, [i]);
-	let d = B(() => {
-		o || (l(!0), i && (sessionStorage.setItem(i, JSON.stringify(!0)), P7[i] = !0));
-	}, [i, o]);
-	return u ? null : /* @__PURE__ */ L("div", {
-		className: H("relative text-white", "ps-4 pe-16 sm:ps-6 md:ps-8 lg:px-16", !n && e === "accent" && "bg-content-accent", !n && e === "neutral" && "bg-neutral-800", t),
+	let f = B(() => {
+		s || (u(!0), i && (sessionStorage.setItem(i, JSON.stringify(!0)), P7[i] = !0));
+	}, [i, s]);
+	return d ? null : /* @__PURE__ */ L("div", {
+		className: H("relative text-white", "ps-4 pe-16 sm:ps-6 md:ps-8 lg:px-16", !n && e === "black" && "bg-black", !n && e === "neutral" && "bg-neutral-800", t),
 		style: n ? { backgroundColor: n } : void 0,
-		...s,
+		...c,
 		children: [/* @__PURE__ */ I("div", {
 			className: "mx-auto flex min-h-[64px] max-w-[1200px] items-center md:justify-center",
 			children: r
 		}), /* @__PURE__ */ I(vd, {
 			"aria-label": a || "Close",
 			className: "absolute end-5 top-5",
-			variant: "secondary-on-dark",
+			variant: o,
 			size: "small",
-			onClick: d
+			onClick: f
 		})]
 	});
 }, lSe = ({ title: e, backgroundColor: t, bgImageDesktop: n, bgImageMobile: r, className: i, ...a }) => /* @__PURE__ */ L("div", {
@@ -57934,16 +57934,17 @@ var oCe = Object.assign($7, {
 		children: e
 	})
 }), e9 = "is-promo-banner-hidden", sCe = ({ contextLabel: e, closeAriaLabel: t, cssBackgroundColor: n, thumbnail: r, cta: i, linkAs: a = "a", description: o, forceShow: s, ...c }) => /* @__PURE__ */ I(F7, {
-	variant: "accent",
+	variant: "black",
 	cssBackgroundColor: n,
 	isHiddenSessionKey: e9,
 	closeLabel: t,
+	closeButtonVariant: "borderless-on-dark",
 	forceShow: s,
 	...c,
 	children: /* @__PURE__ */ L("div", {
 		className: "flex flex-wrap items-center gap-x-4 gap-y-2 py-4",
 		children: [e && /* @__PURE__ */ I("div", {
-			className: "component-semi-strong-600 shrink-0",
+			className: "component-semi-strong-500 shrink-0",
 			children: e
 		}), /* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center gap-x-4 gap-y-2",
@@ -57953,20 +57954,18 @@ var oCe = Object.assign($7, {
 					className: "relative size-8 shrink-0 overflow-hidden rounded",
 					children: r
 				}), /* @__PURE__ */ I("span", {
-					className: "component-600 [&_a]:underline [&>p]:inline",
+					className: "component-light-500 [&_a]:underline [&>p]:inline",
 					children: o
 				})]
-			}), i && /* @__PURE__ */ L(C_, {
+			}), i && /* @__PURE__ */ I(fd, {
 				as: a,
 				href: i.href,
-				variant: "on-dark",
-				withTextStyles: !1,
-				className: "component-semi-strong-600 flex shrink-0 items-center gap-1 whitespace-nowrap",
+				variant: "secondary-on-dark",
+				size: "medium",
+				density: "compact",
+				className: "shrink-0",
 				...i.extraAttrs,
-				children: [i.label, /* @__PURE__ */ I("span", {
-					"aria-hidden": "true",
-					className: "after:content-['→']"
-				})]
+				children: i.label
 			})]
 		})]
 	})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.576",
+  "version": "0.1.577",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [