@photoroom/ui 0.1.602 → 0.1.604

package/index.mjs

@@ -33839,14 +33839,15 @@ var vG = ({ text: e, imageUrl: t, className: n, ...r }) => /* @__PURE__ */ L("bu
 	variants: {
 		variant: {
 			default: "",
-			accent: ""
+			accent: "",
+			"on-dark": ""
 		},
 		framed: {
 			true: "rounded-full",
 			false: "pt-px"
 		},
 		disabled: {
-			true: "text-content-secondary",
+			true: "",
 			false: ""
 		},
 		size: {
@@ -33865,6 +33866,21 @@ var vG = ({ text: e, imageUrl: t, className: n, ...r }) => /* @__PURE__ */ L("bu
 			disabled: !1,
 			class: "text-content-accent"
 		},
+		{
+			variant: ["default", "accent"],
+			disabled: !0,
+			class: "text-content-secondary"
+		},
+		{
+			variant: "on-dark",
+			disabled: !1,
+			class: "text-content-white-primary"
+		},
+		{
+			variant: "on-dark",
+			disabled: !0,
+			class: "text-content-white-secondary"
+		},
 		{
 			framed: !0,
 			variant: "accent",
@@ -33878,6 +33894,12 @@ var vG = ({ text: e, imageUrl: t, className: n, ...r }) => /* @__PURE__ */ L("bu
 		},
 		{
 			framed: !0,
+			variant: "on-dark",
+			class: "bg-white-alpha-300"
+		},
+		{
+			framed: !0,
+			variant: ["default", "accent"],
 			disabled: !0,
 			class: "bg-background-subdued"
 		},
@@ -33932,16 +33954,45 @@ var vG = ({ text: e, imageUrl: t, className: n, ...r }) => /* @__PURE__ */ L("bu
 			class: "size-3"
 		}
 	]
-}), wG = W("[&_strong]:font-inherit text-pretty", { variants: {
-	size: {
-		large: "component-light-600",
-		small: "component-light-500"
+}), wG = W("[&_strong]:font-inherit text-pretty", {
+	variants: {
+		size: {
+			large: "component-light-600",
+			small: "component-light-500"
+		},
+		variant: {
+			default: "",
+			accent: "",
+			"on-dark": ""
+		},
+		disabled: {
+			true: "",
+			false: ""
+		}
 	},
-	disabled: {
-		true: "text-content-secondary",
-		false: "text-content-primary"
-	}
-} }), TG = ({ children: e, icon: t, size: n, variant: r = "default", framed: i = !1, disabled: a = !1, className: o, ...l }) => {
+	compoundVariants: [
+		{
+			variant: ["default", "accent"],
+			disabled: !1,
+			class: "text-content-primary"
+		},
+		{
+			variant: ["default", "accent"],
+			disabled: !0,
+			class: "text-content-secondary"
+		},
+		{
+			variant: "on-dark",
+			disabled: !1,
+			class: "text-content-white-primary"
+		},
+		{
+			variant: "on-dark",
+			disabled: !0,
+			class: "text-content-white-secondary"
+		}
+	]
+}), TG = ({ children: e, icon: t, size: n, variant: r = "default", framed: i = !1, disabled: a = !1, className: o, ...l }) => {
 	let u = bG(), d = n ?? u ?? "large", f = t === void 0 ? i ? c : s : t;
 	return /* @__PURE__ */ L("div", {
 		className: H(xG({ size: d }), o),
@@ -33963,6 +34014,7 @@ var vG = ({ text: e, imageUrl: t, className: n, ...r }) => /* @__PURE__ */ L("bu
 		}), /* @__PURE__ */ I("span", {
 			className: wG({
 				size: d,
+				variant: r,
 				disabled: a
 			}),
 			children: e
@@ -58988,7 +59040,7 @@ var uwe = ({ lang: e, monthlyProcessedImages: t = 1e3, items: n, partnerCard: r,
 				})
 			]
 		}), /* @__PURE__ */ L("div", {
-			className: H("flex flex-1 flex-col justify-between gap-6", N && "[&_svg]:text-content-white-primary"),
+			className: "flex flex-1 flex-col justify-between gap-6",
 			children: [r && r.length > 0 && /* @__PURE__ */ L(ge, { children: [/* @__PURE__ */ I("div", { className: H("h-px w-full shrink-0", N ? "bg-white-alpha-300" : "bg-misc-divider") }), /* @__PURE__ */ I("div", {
 				className: H("flex flex-1 flex-col justify-between gap-8", r.length > 1 && "[&>*:last-child]:justify-end"),
 				children: r

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.602",
+  "version": "0.1.604",
   "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.43",
+    "@photoroom/icons": "0.1.44",
     "@radix-ui/react-accordion": "1.2.20",
     "@radix-ui/react-avatar": "1.2.6",
     "@radix-ui/react-checkbox": "1.3.11",