@oliasoft-open-source/react-ui-library 5.15.3 → 5.15.4

package/dist/index.d.ts

@@ -97,7 +97,7 @@ export declare enum Color {
     MUTED = "muted"
 }
 
-export declare const ColorInput: ({ columns, disabled, options, small, value, onChange, }: IColorInputProps) => JSX_2.Element;
+export declare const ColorInput: ({ columns, disabled, options, small, value, onChange, adjustColorsInDarkMode, }: IColorInputProps) => JSX_2.Element;
 
 export declare const Column: ({ background, borderLeft, borderRight, children, flex, flexbox, padding, scroll, showScrollbar, spacing, width, widthMobile, widthTablet, testId, }: ILayoutColumnProps) => JSX_2.Element;
 
@@ -347,6 +347,7 @@ export declare interface IColorInputProps {
     small?: boolean;
     value?: string;
     onChange?: (value: string) => void;
+    adjustColorsInDarkMode?: boolean;
 }
 
 /**

package/dist/index.js

@@ -1337,23 +1337,24 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 	})] });
 };
 var color_input_module_default = {
-	colorInput: "_colorInput_hb750_1",
-	trigger: "_trigger_hb750_8",
-	buttonColor: "_buttonColor_hb750_12",
-	options: "_options_hb750_17",
-	option: "_option_hb750_17"
-};
-const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, value: i, onChange: a }) => {
-	var o;
-	let [s, c] = useState(!1), l = (o = n.find((e) => e.value === i)) == null ? void 0 : o.label;
+	colorInput: "_colorInput_1j7vk_1",
+	trigger: "_trigger_1j7vk_8",
+	buttonColor: "_buttonColor_1j7vk_12",
+	options: "_options_1j7vk_17",
+	option: "_option_1j7vk_17",
+	adjustColorsInDarkMode: "_adjustColorsInDarkMode_1j7vk_26"
+};
+const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, value: i, onChange: a, adjustColorsInDarkMode: o = !1 }) => {
+	var s;
+	let [c, l] = useState(!1), u = (s = n.find((e) => e.value === i)) == null ? void 0 : s.label;
 	return /* @__PURE__ */ jsx("div", {
-		className: color_input_module_default.colorInput,
+		className: cx(color_input_module_default.colorInput, o ? color_input_module_default.adjustColorsInDarkMode : void 0),
 		children: /* @__PURE__ */ jsx(Popover, {
 			placement: "bottom-start",
-			isOpen: s,
-			onToggle: c,
+			isOpen: c,
+			onToggle: l,
 			content: /* @__PURE__ */ jsx("div", {
-				className: color_input_module_default.options,
+				className: cx(color_input_module_default.options, o ? color_input_module_default.adjustColorsInDarkMode : void 0),
 				style: { gridTemplateColumns: `repeat(${e}, auto)` },
 				children: n.map((e) => /* @__PURE__ */ jsx("div", {
 					className: color_input_module_default.option,
@@ -1367,7 +1368,7 @@ const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, va
 							style: { backgroundColor: e.value }
 						}),
 						onClick: () => {
-							a == null || a(e.value), c(!1);
+							a == null || a(e.value), l(!1);
 						}
 					}, e.value)
 				}))
@@ -1375,9 +1376,9 @@ const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, va
 			children: /* @__PURE__ */ jsx(Button, {
 				disabled: t,
 				small: r,
-				active: s,
+				active: c,
 				width: r ? "var(--size-sm)" : "var(--size)",
-				tooltip: l,
+				tooltip: u,
 				label: /* @__PURE__ */ jsx("div", {
 					className: color_input_module_default.buttonColor,
 					style: { backgroundColor: i }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.15.3",
+  "version": "5.15.4",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {