Release v1.0.1 (#10)

* fix(formats): 🐛 fix unsupported formats error hex and hexa are now supported * fix(ui): 💄 fix swatch picker bg color in hsb * add changesets
theskinnycoder · May 28, 2024 · d183b8c · d183b8c
1 parent 191dc82
commit d183b8c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/.changeset/yellow-colts-deny.md b/.changeset/yellow-colts-deny.md
@@ -0,0 +1,6 @@
+---
+"rangu": patch
+---
+
+- fix swatch picker bg color
+- fix unsupported formats bug
diff --git a/src/color-picker/ColorPicker.stories.tsx b/src/color-picker/ColorPicker.stories.tsx
@@ -56,7 +56,13 @@ const ExampleColorPicker = ({ color }: { color: string }) => {
 				<Rangu.EyeDropper />
 				<Rangu.InputFields withLabels />
 
-				<span>Final Color : {value}</span>
+				<span
+					style={{
+						fontSize: "0.75rem",
+					}}
+				>
+					Final Color : {value}
+				</span>
 			</div>
 		</Rangu.Root>
 	);

diff --git a/src/color-picker/index.tsx b/src/color-picker/index.tsx
@@ -30,13 +30,13 @@ const RanguColorPicker = (props: RanguColorPickerProps) => {
 
 	// For initial render
 	React.useEffect(() => {
-		onChange(parseColor(value).toFormat(outputFormat).toString());
+		onChange(parseColor(value).toString(outputFormat));
 	}, [onChange, outputFormat, value]);
 
 	const onChangeHandler = React.useCallback(
 		(value: Color) => {
 			setColor(value);
-			onChange(value.toFormat(outputFormat).toString());
+			onChange(value.toString(outputFormat));
 		},
 		[onChange, outputFormat],
 	);

diff --git a/src/swatch-picker/index.tsx b/src/swatch-picker/index.tsx
@@ -58,7 +58,7 @@ const RanguSwatchPicker = React.forwardRef<
 						"transition-transform duration-300 ease-in-out",
 					)}
 					style={{
-						backgroundColor: color.toString(outputFormat),
+						backgroundColor: color.toString("rgba"),
 						borderColor: getContrastColor(color.toString(outputFormat)),
 					}}
 				>