@photoroom/ui 0.1.87 → 0.1.88

package/index.mjs

@@ -53219,11 +53219,11 @@ var Yme = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 		})]
 	});
 }, ihe = ({ title: e, content: t }) => /* @__PURE__ */ T("div", {
-	className: "py-e500 px-4 sm:px-6 md:px-8 xl:px-10",
+	className: "pt-e700 pb-e1000 px-4 sm:px-6 md:px-8 xl:px-10",
 	children: /* @__PURE__ */ E("div", {
-		className: "gap-i200 mx-auto flex max-w-[1200px] flex-col",
+		className: "gap-i600 mx-auto flex max-w-[1200px] flex-col",
 		children: [e, /* @__PURE__ */ T("div", {
-			className: V("body-500 rounded-500 bg-background-subdued p-4 sm:p-6", "columns-1 gap-6 sm:columns-2 lg:columns-3"),
+			className: V("body-light-500 rounded-500 bg-background-subdued p-4 sm:p-6", "columns-1 gap-6 sm:columns-2 lg:columns-3"),
 			children: t
 		})]
 	})
@@ -55014,25 +55014,28 @@ var _ge = ({ titleBlock: e, content: t, ctaLabel: n, ctaLink: r, ...i }) => /* @
 	});
 }, bge = ({ titleBlock: e, cards: t, className: n, ...r }) => /* @__PURE__ */ E("section", {
 	...r,
-	className: V("py-e500 px-4 sm:px-8", n),
+	className: V("pt-e700 pb-e1000 px-4 sm:px-8", n),
 	children: [!!e && /* @__PURE__ */ T("div", {
-		className: "pb-i500",
+		className: "pb-i600",
 		children: e
 	}), /* @__PURE__ */ T("div", {
 		className: "mx-auto flex max-w-[1200px] flex-col gap-6 lg:flex-row lg:justify-center",
 		children: t
 	})]
-}), xge = "cursor-pointer rounded-200 outline-hidden focus-visible:ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover".split(" ").map((e) => `[&_a]:${e}`).join(" "), Sge = ({ content: e, footer: t, className: n, ...r }) => /* @__PURE__ */ E("div", {
-	...r,
-	className: V("rounded-500 bg-background-subdued text-content-secondary [&_strong]:body-semi-strong-700 [&_strong]:text-content-primary mx-auto w-full max-w-[512px] px-6 py-5 sm:px-8 sm:py-6", n),
-	children: [/* @__PURE__ */ T("div", {
-		className: "body-600 sm:body-700",
-		children: e
-	}), !!t && /* @__PURE__ */ T("div", {
-		className: V("body-500 mt-6", xge),
-		children: t
-	})]
-}), B9 = l(({ as: e = "a", icon: t, title: n, description: r, image: i, ...a }, o) => a.href ? /* @__PURE__ */ E(e, {
+}), xge = "cursor-pointer rounded-200 outline-hidden focus-visible:ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover".split(" ").map((e) => `[&_a]:${e}`).join(" "), Sge = ({ type: e = "default", content: t, footer: n, className: r, ...i }) => {
+	let a = e === "compact";
+	return /* @__PURE__ */ E("div", {
+		...i,
+		className: H("rounded-500 bg-background-subdued text-content-secondary [&_strong]:body-semi-strong-700 [&_strong]:text-content-primary w-full lg:max-w-[512px]", a ? "px-6 pt-5 pb-6" : "px-8 pt-6 pb-8", r),
+		children: [/* @__PURE__ */ T("div", {
+			className: V("w-full max-w-[560px]", a ? "body-light-600" : "body-light-700"),
+			children: t
+		}), !!n && /* @__PURE__ */ T("div", {
+			className: V("body-light-500 mt-6 w-full max-w-[560px]", xge),
+			children: n
+		})]
+	});
+}, B9 = l(({ as: e = "a", icon: t, title: n, description: r, image: i, ...a }, o) => a.href ? /* @__PURE__ */ E(e, {
 	ref: o,
 	className: "group inline-flex w-full flex-col gap-3 outline-hidden",
 	...a,

package/package.json

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