@uiw/react-color-saturation - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

package.json

		{
		"name": "@uiw/react-color-saturation",
		"version": "1.0.6",
		"version": "1.0.7",
		"description": "Color Saturation",
		@@ -33,9 +33,9 @@ "author": "Kenny Wong <wowohoo@qq.com>",
		"dependencies": {
		"@babel/runtime": "7.15.4",
		"@uiw/color-convert": "1.0.6",
		"@uiw/react-drag-event-interactive": "1.0.6"
		"@babel/runtime": "7.16.5",
		"@uiw/color-convert": "1.0.7",
		"@uiw/react-drag-event-interactive": "1.0.7"
		},
		"devDependencies": {
		"@types/react": "17.0.27",
		"@types/react-dom": "17.0.9",
		"@types/react": "17.0.38",
		"@types/react-dom": "17.0.11",
		"@types/react-test-renderer": "17.0.1",
		@@ -42,0 +42,0 @@ "react": "17.0.2",

README.md

		@@ -37,8 +37,18 @@ React Color Saturation
		```ts
		import React from 'react';
		import { HsvaColor } from '@uiw/color-convert';

		interface SaturationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
		export interface PointerProps extends React.HTMLAttributes<HTMLDivElement> {
		prefixCls?: string;
		top?: string;
		left: string;
		color?: string;
		}
		export declare const Pointer: ({ className, color, left, top, prefixCls }: PointerProps) => JSX.Element;
		export interface SaturationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
		prefixCls?: string;
		/** hsva => `{ h: 0, s: 75, v: 82, a: 1 }` */
		hsva: HsvaColor;
		radius?: React.CSSProperties['borderRadius'];
		/** React Component, Custom pointer component */
		pointer?: ({ prefixCls, left, top, color }: PointerProps) => JSX.Element;
		onChange?: (newColor: HsvaColor) => void;
		@@ -45,0 +55,0 @@ }

New alerts