@photoroom/ui 0.1.88 → 0.1.90

package/index.mjs

@@ -53041,10 +53041,10 @@ var Yme = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 		})]
 	})]
 }), $me = ({ titleBlock: e, children: t, className: n, ...r }) => /* @__PURE__ */ T("section", {
-	className: H("py-e500 w-full px-4 sm:px-6 md:px-8 xl:px-10", n),
+	className: H("pt-e700 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", n),
 	...r,
 	children: /* @__PURE__ */ E("div", {
-		className: "gap-i500 mx-auto flex w-full max-w-[1200px] flex-col items-center",
+		className: "gap-i600 mx-auto flex w-full max-w-[1200px] flex-col items-center",
 		children: [e, /* @__PURE__ */ T("div", {
 			className: "w-full max-w-[640px]",
 			children: t
@@ -53097,7 +53097,7 @@ var Yme = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 			role: "row",
 			children: [
 				/* @__PURE__ */ T("div", {
-					className: "component-600 text-content-secondary flex-1 py-[13px] text-balance",
+					className: "component-light-600 text-content-secondary flex-1 py-[13px] text-balance",
 					role: "rowheader",
 					children: e.featureName
 				}),
@@ -53657,7 +53657,7 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 		})
 	]
 }), Che = ({ titleBlock: e, logoWallBlock: t, children: n, className: r, ...i }) => /* @__PURE__ */ T("section", {
-	className: H("pt-e800 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", r),
+	className: H("pt-e700 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", r),
 	...i,
 	children: /* @__PURE__ */ E("div", {
 		className: "gap-i600 mx-auto flex w-full flex-col xl:max-w-[1200px]",
@@ -53740,14 +53740,14 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 	let i = n?.slice(0, 8);
 	return /* @__PURE__ */ T("div", {
 		className: V("px-4 sm:px-6 md:px-8 xl:px-10", {
-			"py-e400": e === "default",
+			"pt-e400 pb-e600": e === "default",
 			"border-misc-border border-b py-6": e === "compact"
 		}),
 		...r,
 		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center gap-4 sm:gap-6",
 			children: [t && /* @__PURE__ */ T("div", {
-				className: V("body-600 text-content-secondary max-w-[640px] text-center", { "sr-only": e === "compact" }),
+				className: V("component-600 text-content-secondary max-w-[640px] text-center", { "sr-only": e === "compact" }),
 				children: t
 			}), !!i?.length && /* @__PURE__ */ T("div", {
 				className: V("mx-auto flex justify-center gap-2 lg:max-w-[1200px] lg:flex-nowrap", {
@@ -53778,7 +53778,7 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ T("p", {
-				className: "body-700 text-content-primary text-center font-medium",
+				className: "component-600 text-content-primary text-center",
 				children: e
 			}),
 			/* @__PURE__ */ T("div", {
@@ -53789,17 +53789,17 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 	}), /* @__PURE__ */ T("div", {
 		className: "flex flex-wrap justify-center gap-2 lg:gap-4 xl:gap-8",
 		children: t.map((e, t) => /* @__PURE__ */ T("figure", {
-			className: "relative aspect-video w-[calc((100%-1rem)/3)] sm:w-[calc((100%-2rem)/5)] lg:w-[calc((100%-5rem)/6)] xl:w-[calc((100%-10rem)/6)]",
+			className: "relative aspect-[16/9] w-[calc((100%-1rem)/3)] sm:w-[calc((100%-2rem)/5)] lg:w-[calc((100%-5rem)/6)] xl:w-[calc((100%-10rem)/6)]",
 			children: e
 		}, t.toString()))
 	})]
 }), jhe = ({ title: e, children: t, ...n }) => /* @__PURE__ */ T("section", {
-	className: "bg-surface-default py-e500 px-4 sm:px-6 md:px-8",
+	className: "bg-surface-default pt-e700 pb-e1000 px-4 sm:px-6 md:px-8",
 	...n,
 	children: /* @__PURE__ */ E("div", {
 		className: "mx-auto flex max-w-[1200px] flex-col items-center",
 		children: [!!e && /* @__PURE__ */ T("div", {
-			className: "pb-i500 w-full",
+			className: "pb-i600 w-full",
 			children: e
 		}), /* @__PURE__ */ T("div", {
 			className: "grid items-stretch gap-6 sm:grid-cols-2 lg:grid-cols-4",
@@ -53847,10 +53847,10 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 	});
 }, Nhe = ({ containerId: e, title: t, helpText: n, url: r, visibleOnMobile: i, ...a }) => /* @__PURE__ */ E("div", {
 	id: e,
-	className: V("bg-surface-alternate py-e500 w-full px-4 xl:px-10", !i && "hidden lg:block"),
+	className: V("pt-e700 pb-e1000 w-full bg-neutral-50 px-4 xl:px-10", !i && "hidden lg:block"),
 	...a,
 	children: [/* @__PURE__ */ E("div", {
-		className: "gap-i500 flex flex-col justify-center",
+		className: "gap-i600 flex flex-col justify-center",
 		children: [t, /* @__PURE__ */ T("div", {
 			className: V("mx-auto h-[720px] w-full max-w-[1200px]", "rounded-500 overflow-hidden border"),
 			children: /* @__PURE__ */ T("iframe", {
@@ -54668,24 +54668,24 @@ var sge = Object.assign(L9, {
 		})]
 	})
 }), uge = ({ content: e, avatar: t, name: n, occupation: r }) => /* @__PURE__ */ T("div", {
-	className: "py-e600 px-4 sm:px-6 md:px-8 xl:px-10",
+	className: "py-e700 px-4 sm:px-6 md:px-8 xl:px-10",
 	children: /* @__PURE__ */ E("div", {
-		className: "mx-auto flex max-w-[960px] flex-col justify-center gap-8",
+		className: "mx-auto flex max-w-[1200px] flex-col justify-center gap-8",
 		children: [/* @__PURE__ */ T("div", {
-			className: V("text-900 font-800 leading-500", "sm:text-1100 sm:font-800 sm:leading-500", "lg:text-1300 lg:font-800 lg:leading-500"),
+			className: V("text-900 font-500 leading-500 -tracking-[0.058px]", "sm:text-1100 sm:-tracking-[0.357px]", "lg:text-1300 lg:-tracking-[1.05px]"),
 			children: e
 		}), /* @__PURE__ */ E("div", {
 			className: "flex flex-row items-center gap-4 sm:gap-6",
 			children: [!!t && /* @__PURE__ */ T("div", {
-				className: V("relative", "w-16 sm:w-20", "aspect-square overflow-hidden rounded-full"),
+				className: V("relative", "w-16 sm:w-20", "aspect-[1/1] overflow-hidden rounded-full"),
 				children: t
 			}), /* @__PURE__ */ E("div", {
-				className: "flex flex-col",
+				className: "flex flex-col gap-1",
 				children: [/* @__PURE__ */ T("span", {
-					className: "body-strong-500 sm:body-strong-700",
+					className: "component-semi-strong-600 sm:component-semi-strong-700",
 					children: n
 				}), /* @__PURE__ */ T("span", {
-					className: "body-400 text-content-secondary sm:body-500",
+					className: "component-light-400 text-content-secondary sm:component-light-500",
 					children: r
 				})]
 			})]
@@ -54850,7 +54850,7 @@ var sge = Object.assign(L9, {
 		})]
 	});
 }, z9 = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ T("section", {
-	className: "py-e400 mx-auto max-w-[1200px] px-4 sm:px-6 md:px-8 xl:px-10",
+	className: "pt-e400 pb-e600 mx-auto max-w-[1200px] px-4 sm:px-6 md:px-8 xl:px-10",
 	...n,
 	children: /* @__PURE__ */ E("div", {
 		className: "gap-i200 flex flex-col",
@@ -55169,7 +55169,7 @@ var wge = ({ titleBlock: e, selectedIndex: t, useCases: n, ...r }) => /* @__PURE
 		})
 	});
 }, Oge = ({ icon: e, title: t, description: n, className: r, ...i }) => /* @__PURE__ */ E("div", {
-	className: H("flex flex-col gap-4 sm:flex-row sm:gap-6 lg:flex-col lg:gap-4", "rounded-500 border-misc-border-default border", "p-6 sm:p-8", r),
+	className: H("flex flex-col gap-4 sm:flex-row sm:gap-6 lg:flex-col lg:gap-4", "border-t border-neutral-400", "pt-6 sm:pt-8", r),
 	...i,
 	children: [/* @__PURE__ */ T("div", {
 		className: "relative size-12 shrink-0",

package/package.json

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

package/components/website/StatementBlock/StatementBlock.d.ts

@@ -1,9 +0,0 @@
-import { StatementBlockItem } from "./StatementBlockItem";
-export type StatementBlockProps = React.ComponentProps<"section"> & Readonly<{
-    title: string;
-}>;
-export declare function StatementBlock({ title, children, className, ...rest }: StatementBlockProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace StatementBlock {
-    var Item: typeof StatementBlockItem;
-}
-//# sourceMappingURL=StatementBlock.d.ts.map

package/components/website/StatementBlock/StatementBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatementBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/StatementBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAC/D,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEL,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAc1F;yBAde,cAAc"}

package/components/website/StatementBlock/StatementBlockItem.d.ts

@@ -1,6 +0,0 @@
-export type StatementBlockItemProps = React.ComponentProps<"article"> & Readonly<{
-    title: string;
-    icon?: React.ReactNode;
-}>;
-export declare function StatementBlockItem({ title, icon, children, className, ...rest }: StatementBlockItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatementBlockItem.d.ts.map

package/components/website/StatementBlock/StatementBlockItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatementBlockItem.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/StatementBlockItem.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GACnE,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC,CAAC;AAEL,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAUzB"}

package/components/website/StatementBlock/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./StatementBlock";
-//# sourceMappingURL=index.d.ts.map

package/components/website/StatementBlock/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}