@photoroom/ui 0.1.174 → 0.1.175

package/components/editor/ColorPicker/ColorPicker.d.ts

@@ -5,9 +5,11 @@ export type ColorPickerProps = Readonly<{
     buttonLabel?: string;
     color?: string;
     className?: string;
+    /** Extra classes for the popover content -- e.g. raising z-index above a floating parent. */
+    popoverClassName?: string;
     onChange: (newColor: string) => void;
     onConfirm?: (newColor?: string) => void;
     selected?: boolean;
 } & Pick<PopoverProps, "side" | "align" | "sideOffset" | "alignOffset" | "collisionPadding">>;
-export declare const ColorPicker: ({ label, buttonLabel, className, color, side, align, sideOffset, alignOffset, collisionPadding, onChange, onConfirm, selected, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: ({ label, buttonLabel, className, popoverClassName, color, side, align, sideOffset, alignOffset, collisionPadding, onChange, onConfirm, selected, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorPicker.d.ts.map

package/components/editor/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACrC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,kBAAkB,CAAC,CAC7F,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kIAazB,gBAAgB,4CA0BlB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACrC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,kBAAkB,CAAC,CAC7F,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oJAczB,gBAAgB,4CA0BlB,CAAC"}

package/index.mjs

@@ -36427,28 +36427,28 @@ var _Y = ({ color: e, onChange: t, label: n }) => {
 			})
 		]
 	});
-}, xY = ({ label: e, buttonLabel: t, className: n, color: r = "#FFFFFF", side: i = "bottom", align: a = "start", sideOffset: o, alignOffset: s, collisionPadding: c, onChange: l, onConfirm: u, selected: d }) => /* @__PURE__ */ E(JW, {
+}, xY = ({ label: e, buttonLabel: t, className: n, popoverClassName: r, color: i = "#FFFFFF", side: a = "bottom", align: o = "start", sideOffset: s, alignOffset: c, collisionPadding: l, onChange: u, onConfirm: d, selected: f }) => /* @__PURE__ */ E(JW, {
 	withBorder: !1,
-	side: i,
-	align: a,
-	sideOffset: o,
-	alignOffset: s,
-	collisionPadding: c,
-	className: "relative z-10 overflow-visible",
+	side: a,
+	align: o,
+	sideOffset: s,
+	alignOffset: c,
+	collisionPadding: l,
+	className: H("relative z-10 overflow-visible", r),
 	triggerElement: /* @__PURE__ */ E(Uq, {
 		"aria-label": e,
-		color: r,
+		color: i,
 		className: n,
-		selected: d
+		selected: f
 	}),
 	children: /* @__PURE__ */ E("div", {
 		className: "p-4",
 		children: /* @__PURE__ */ E(bY, {
 			inputLabel: e,
 			buttonLabel: t,
-			color: r,
-			onChange: l,
-			onConfirm: u,
+			color: i,
+			onChange: u,
+			onConfirm: d,
 			className: "w-[328px]"
 		})
 	})

package/package.json

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