@photoroom/ui 0.1.504 → 0.1.506

package/index.mjs

@@ -47851,7 +47851,7 @@ var d_e = ({ reaction: e, selected: n = !1, onClick: r }) => /* @__PURE__ */ t("
 }), T3 = ({ title: e, children: r }) => /* @__PURE__ */ n("div", {
 	className: "flex flex-col items-center gap-3",
 	children: [!!e && /* @__PURE__ */ t("div", {
-		className: "component-400 text-content-secondary [&_b]:component-semi-strong-400 [&_strong]:component-semi-strong-400 [&_b]:text-content-primary [&_strong]:text-content-primary text-center",
+		className: "component-light-400 text-content-secondary [&_b]:component-400 [&_strong]:component-400 [&_b]:text-content-primary [&_strong]:text-content-primary text-center",
 		children: e
 	}), /* @__PURE__ */ t("div", {
 		className: "flex gap-2",
@@ -55332,7 +55332,7 @@ m9.LinksSection = bSe, m9.Link = ySe;
 var h9 = ({ letter: e, href: n, ref: r, ...i }) => /* @__PURE__ */ t("a", {
 	ref: r,
 	href: n,
-	className: U("component-semi-strong-700 rounded-500 flex size-500 items-center justify-center", "outline-hidden", n ? "hover:bg-background-subdued-hover active:bg-background-subdued-down" : "opacity-30", "interaction-transition focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all"),
+	className: U("component-700 rounded-500 flex size-500 items-center justify-center", "outline-hidden", n ? "hover:bg-background-subdued-hover active:bg-background-subdued-down" : "opacity-30", "interaction-transition focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring transition-all"),
 	...i,
 	children: e
 });
@@ -55367,7 +55367,7 @@ var SSe = ({ id: e, letter: r, headingLevel: i = "h2", children: a, className: o
 	id: e,
 	className: W("gap-i400 flex flex-col items-center", o),
 	children: [/* @__PURE__ */ t(i, {
-		className: "heading-700 bg-background-subdued sm:heading-800 flex h-14 w-[104px] items-center justify-center rounded-full sm:h-16 sm:w-[120px]",
+		className: "heading-thin-700 bg-background-subdued sm:heading-thin-800 flex h-14 w-[104px] items-center justify-center rounded-full sm:h-16 sm:w-[120px]",
 		children: r
 	}), /* @__PURE__ */ t("div", {
 		className: "grid w-full max-w-[1200px] grid-cols-1 gap-8 lg:grid-cols-2",
@@ -55378,10 +55378,10 @@ var SSe = ({ id: e, letter: r, headingLevel: i = "h2", children: a, className: o
 	className: W("rounded-500 border-misc-border flex flex-col gap-3 border px-8 pt-7 pb-8 text-start", "interaction-transition outline-hidden transition-colors", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", a),
 	...s,
 	children: [/* @__PURE__ */ t("span", {
-		className: "component-semi-strong-600",
+		className: "component-700",
 		children: r
 	}), /* @__PURE__ */ t("span", {
-		className: "body-600 text-content-secondary",
+		className: "body-light-600 text-content-secondary",
 		children: i
 	})]
 }));
@@ -55693,7 +55693,7 @@ var OSe = ({ titleBlock: e, assets: r, className: i, ...a }) => /* @__PURE__ */
 		children: i
 	})]
 }), ISe = ({ title: e, helpText: r, url: i, screenTooSmallTitle: a, screenTooSmallDescription: o, ...s }) => /* @__PURE__ */ n("div", {
-	className: "bg-surface-alternate pt-e600 pb-e500 sm:py-e500 w-full px-4 xl:px-10",
+	className: "bg-surface-subtle pt-e600 pb-e500 sm:py-e500 w-full px-4 xl:px-10",
 	...s,
 	children: [/* @__PURE__ */ n("div", {
 		className: "gap-i500 flex flex-col justify-center",
@@ -55719,7 +55719,7 @@ var OSe = ({ titleBlock: e, assets: r, className: i, ...a }) => /* @__PURE__ */
 			})
 		]
 	}), r && /* @__PURE__ */ t("div", {
-		className: "body-500 text-content-secondary mx-auto max-w-[512px] pt-6 text-center lg:max-w-[720px]",
+		className: "component-light-400 text-content-secondary mx-auto max-w-[512px] pt-6 text-center lg:max-w-[720px]",
 		children: r
 	})]
 }), LSe = ({ titleBlock: e, background: r = "lightgrey", cta: i, children: a, className: o, ...s }) => /* @__PURE__ */ t("section", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.504",
+  "version": "0.1.506",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [
@@ -37,7 +37,7 @@
   "dependencies": {
     "@img-comparison-slider/react": "8.0.2",
     "@lottiefiles/react-lottie-player": "3.6.0",
-    "@photoroom/icons": "0.1.33",
+    "@photoroom/icons": "0.1.34",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-avatar": "1.2.0",
     "@radix-ui/react-checkbox": "1.3.3",