Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/react-color-alpha

Package Overview
Dependencies
Maintainers
1
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.0.6 to 1.0.7

12

package.json
{
"name": "@uiw/react-color-alpha",
"version": "1.0.6",
"version": "1.0.7",
"description": "Color alpha",

@@ -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",

@@ -38,9 +38,10 @@ React Color Alpha

import { HsvaColor } from '@uiw/color-convert';
import { Interaction } from '@uiw/react-drag-event-interactive';
declare const BACKGROUND_IMG = 'data:image/png;base64,....'
interface AlphaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
prefixCls?: string;
/** String, Pixel value for picker width. Default `316px` */
width?: number;
width?: React.CSSProperties['width'];
/** String, Pixel value for picker height. Default `16px` */
height?: number;
height?: React.CSSProperties['height'];
/** hsva => `{ h: 0, s: 75, v: 82, a: 1 }` */

@@ -51,8 +52,12 @@ hsva: HsvaColor;

/** Set rounded corners. */
radius?: number;
radius?: React.CSSProperties['borderRadius'];
/** Set the background color. */
background?: string;
/** Set the background element props. */
bgProps?: React.HTMLAttributes<HTMLDivElement>;
/** Set the interactive element props. */
innerProps?: React.HTMLAttributes<HTMLDivElement>;
/** String Enum, horizontal or vertical. Default `horizontal` */
direction?: 'vertical' | 'horizontal';
onChange?: (newAlpha: { a: number }, offset: Interaction) => void;
onChange?: (newAlpha: { a: number; }, offset: Interaction) => void;
}

@@ -59,0 +64,0 @@ interface PointerProps extends React.HTMLAttributes<HTMLDivElement> {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc