@photoroom/ui 0.1.232 → 0.1.234

package/index.mjs

@@ -1836,6 +1836,7 @@ var Sr = U("focus-visible:misc-border-size-focus-ring relative inline-flex w-fit
 			"secondary-outline": "border-misc-border misc-border-size-default text-content-primary hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-subdued-down bg-transparent",
 			negative: "bg-negative-alpha-1 text-content-negative hover:bg-negative-alpha-2 focus-visible:bg-negative-alpha-2 focus-visible:ring-misc-focus-indicator active:bg-negative-alpha-3",
 			pro: "bg-content-accent! bg-background-pro hover:bg-background-pro-hover focus-visible:ring-misc-focus-indicator focus-visible:bg-background-pro-hover active:bg-background-pro-down text-white",
+			flash: "bg-background-flash hover:bg-background-flash-hover focus-visible:bg-background-flash-hover focus-visible:ring-misc-focus-indicator active:bg-background-flash-down text-content-black-primary",
 			"on-dark": "bg-background-white hover:bg-background-white-hover focus-visible:bg-background-white-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white text-black",
 			"secondary-on-dark": "bg-background-white-subdued text-content-white-primary hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down",
 			"borderless-on-dark": "hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover active:bg-background-white-subdued-down focus-visible:ring-misc-white-focus-indicator text-white"
@@ -6119,10 +6120,15 @@ var Ls = l(({ as: e = "button", type: t = "button", className: n, variant: r = "
 		"bg-background-default hover:bg-background-hover focus-visible:bg-background-hover active:bg-background-down": r === "primary",
 		"bg-background-white hover:bg-background-white-hover focus-visible:bg-background-white-hover active:bg-background-white-down": r === "on-dark",
 		"bg-content-accent bg-background-pro hover:bg-background-pro-hover focus-visible:ring-misc-focus-indicator focus-visible:bg-background-pro-hover active:bg-background-pro-down": r === "pro",
+		"bg-background-flash hover:bg-background-flash-hover focus-visible:bg-background-flash-hover active:bg-background-flash-down": r === "flash",
 		"text-content-white-primary": ["accent", "pro"].includes(r),
 		"text-content-white-primary-inverted": r === "primary",
-		"text-content-black-primary": r === "on-dark",
-		"focus-visible:ring-misc-focus-indicator": ["accent", "primary"].includes(r),
+		"text-content-black-primary": ["on-dark", "flash"].includes(r),
+		"focus-visible:ring-misc-focus-indicator": [
+			"accent",
+			"primary",
+			"flash"
+		].includes(r),
 		"focus-visible:ring-misc-white-focus-indicator": r === "on-dark",
 		"cursor-pointer": !c.disabled,
 		"cursor-not-allowed opacity-30": c.disabled && !a

package/package.json

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

package/theme.css

@@ -101,6 +101,17 @@
   /* Camera accent */
   --color-camera-accent-500: var(--color-camera-accent-500);
 
+  /* Yellow (wipes Tailwind's default yellow scale so only Prism steps exist) */
+  --color-yellow-*: initial;
+  --color-yellow-400: var(--color-yellow-400);
+  --color-yellow-500: var(--color-yellow-500);
+  --color-yellow-600: var(--color-yellow-600);
+
+  /* Yellow light */
+  --color-yellow-light-400: var(--color-yellow-light-400);
+  --color-yellow-light-500: var(--color-yellow-light-500);
+  --color-yellow-light-600: var(--color-yellow-light-600);
+
   /* Branding */
   --color-secondary-moon-grape: var(--color-secondary-moon-grape);
   --color-secondary-electric-litchi: var(--color-secondary-electric-litchi);
@@ -210,10 +221,6 @@
   --color-misc-ai-image: var(--color-misc-ai-image);
   --color-misc-ai-video: var(--color-misc-ai-video);
 
-  /* Yellow flash */
-  --color-misc-yellow: var(--color-misc-yellow);
-  --color-misc-yellow-light: var(--color-misc-yellow-light);
-
   --color-checker: var(--color-checker);
 
   /*