@photoroom/ui 0.1.129 → 0.1.130

package/index.mjs

@@ -54817,24 +54817,24 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 		...c,
 		className: U("flex flex-col items-center text-center", s),
 		children: [
-			!!n && /* @__PURE__ */ E("h1", {
-				className: "text-content-primary flex flex-col items-center gap-2",
-				children: [!!t && /* @__PURE__ */ T("span", {
-					className: "heading-light-600 max-w-[720px]",
+			!!n && /* @__PURE__ */ E("div", {
+				className: "text-content-primary flex flex-col items-center gap-1 sm:gap-2",
+				children: [!!t && /* @__PURE__ */ T("div", {
+					className: "component-700 sm:component-800 max-w-[900px]",
 					children: t
-				}), /* @__PURE__ */ E("span", {
+				}), /* @__PURE__ */ E("h1", {
 					className: "max-w-[1072px] text-balance",
 					children: [!!e && /* @__PURE__ */ T("figure", {
 						className: H("relative inline-flex align-middle", "size-[31px] sm:size-[58px] lg:size-[71px]", "mr-2 sm:mr-3 lg:mr-4"),
 						children: e
 					}), /* @__PURE__ */ T("span", {
-						className: H("heading-light-800 sm:heading-light-1100 lg:heading-light-1200", "inline align-middle"),
+						className: H("inline align-middle", "heading-thin-800 sm:heading-thin-1100 lg:heading-thin-1200"),
 						children: n
 					})]
 				})]
 			}),
 			d && /* @__PURE__ */ T("div", {
-				className: "body-600 text-content-secondary sm:body-700 mt-3 max-w-[720px] text-balance",
+				className: "body-light-600 text-content-secondary sm:body-light-700 mt-4 w-[clamp(80%,512px,100%)] text-pretty",
 				children: r
 			}),
 			!!l?.length && /* @__PURE__ */ T("div", {
@@ -54842,7 +54842,7 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 				children: l
 			}),
 			!!a && /* @__PURE__ */ T("div", {
-				className: "body-300 text-content-secondary mt-2 max-w-[720px] lg:mt-3",
+				className: "component-light-400 text-content-secondary mt-3 max-w-[720px]",
 				children: a
 			})
 		]
@@ -55802,15 +55802,15 @@ var t_e = Object.assign(L9, {
 		className: U("lg:max-w-auto mx-auto max-w-[704px] lg:mx-0", "flex flex-col items-center lg:items-start", "text-center lg:text-left", a),
 		children: [
 			!!t && /* @__PURE__ */ T("div", {
-				className: "heading-light-600 text-content-primary mb-2",
+				className: "component-700 sm:component-800 text-content-primary mb-1 max-w-[900px] sm:mb-2",
 				children: t
 			}),
 			/* @__PURE__ */ T("h2", {
-				className: "heading-light-800 text-content-primary sm:heading-light-1100 text-balance",
+				className: "heading-thin-800 text-content-primary sm:heading-thin-1100 lg:heading-thin-1200 max-w-[1072px] text-balance",
 				children: e
 			}),
 			!!c && /* @__PURE__ */ T("div", {
-				className: "body-600 text-content-secondary sm:body-700 mt-3 text-balance lg:mt-6",
+				className: "body-light-600 text-content-secondary sm:body-light-700 mt-4 w-[clamp(80%,512px,100%)] text-pretty",
 				children: n
 			}),
 			!!s?.length && /* @__PURE__ */ T("div", {
@@ -55818,7 +55818,7 @@ var t_e = Object.assign(L9, {
 				children: s
 			}),
 			!!i && /* @__PURE__ */ T("div", {
-				className: "body-300 text-content-secondary lg:body-400 mt-2 lg:mt-3",
+				className: "component-light-400 text-content-secondary mt-3 max-w-[720px]",
 				children: i
 			})
 		]

package/package.json

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