@uiw/react-color-alpha
Advanced tools
Comparing version 1.0.11 to 1.0.12
{ | ||
"name": "@uiw/react-color-alpha", | ||
"version": "1.0.11", | ||
"version": "1.0.12", | ||
"description": "Color alpha", | ||
@@ -37,6 +37,6 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@babel/runtime": "~7.17.2", | ||
"@uiw/color-convert": "1.0.11", | ||
"@uiw/react-drag-event-interactive": "1.0.11" | ||
"@babel/runtime": "~7.18.0", | ||
"@uiw/color-convert": "1.0.12", | ||
"@uiw/react-drag-event-interactive": "1.0.12" | ||
} | ||
} |
@@ -18,3 +18,5 @@ React Color Alpha | ||
```js | ||
```jsx mdx:preview | ||
import React, { useState } from 'react'; | ||
import { hsvaToRgbaString } from '@uiw/color-convert'; | ||
import Alpha from '@uiw/react-color-alpha'; | ||
@@ -25,10 +27,17 @@ | ||
return ( | ||
<Alpha | ||
hsva={hsva} | ||
onChange={(newAlpha) => { | ||
setHsva({ ...hsva, ...newAlpha }); | ||
}} | ||
/> | ||
<> | ||
<Alpha | ||
hsva={hsva} | ||
onChange={(newAlpha) => { | ||
setHsva({ ...hsva, ...newAlpha }); | ||
}} | ||
/> | ||
<div style={{ background: hsvaToRgbaString(hsva), marginTop: 30, padding: 10 }}> | ||
{JSON.stringify(hsva)} | ||
</div> | ||
</> | ||
); | ||
} | ||
export default Demo; | ||
``` | ||
@@ -71,3 +80,2 @@ | ||
<!--footer-dividing--> | ||
@@ -74,0 +82,0 @@ ## License |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
38360
82
+ Added@babel/runtime@7.18.9(transitive)
+ Added@uiw/color-convert@1.0.12(transitive)
+ Added@uiw/react-drag-event-interactive@1.0.12(transitive)
- Removed@babel/runtime@7.17.9(transitive)
- Removed@uiw/color-convert@1.0.11(transitive)
- Removed@uiw/react-drag-event-interactive@1.0.11(transitive)
Updated@babel/runtime@~7.18.0
Updated@uiw/color-convert@1.0.12