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

@uiw/react-color-editable-input-hsla

Package Overview
Dependencies
Maintainers
0
Versions
49
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-editable-input-hsla - npm Package Compare versions

Comparing version 2.3.1 to 2.3.2

4

cjs/index.d.ts
import React from 'react';
import { EditableInputRGBAProps } from '@uiw/react-color-editable-input-rgba';
import { type EditableInputRGBAProps } from '@uiw/react-color-editable-input-rgba';
export interface EditableInputHSLAProps extends Omit<EditableInputRGBAProps, 'rProps' | 'gProps' | 'bProps'> {

@@ -7,5 +7,5 @@ hProps?: EditableInputRGBAProps['gProps'];

lProps?: EditableInputRGBAProps['gProps'];
aProps?: EditableInputRGBAProps['aProps'];
aProps?: false | EditableInputRGBAProps['aProps'];
}
declare const EditableInputHSLA: React.ForwardRefExoticComponent<EditableInputHSLAProps & React.RefAttributes<HTMLDivElement>>;
export default EditableInputHSLA;

@@ -68,2 +68,10 @@ "use strict";

};
var aPropsObj = aProps == false ? false : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
label: 'A',
value: Math.round(hsla.a * 100) / 100
}, aProps), {}, {
onChange: function onChange(evn, val) {
return handleChange(val, 'a', evn);
}
});
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorEditableInputRgba["default"], (0, _objectSpread2["default"])({

@@ -96,10 +104,3 @@ ref: ref,

}),
aProps: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
label: 'A',
value: Math.round(hsla.a * 100) / 100
}, aProps), {}, {
onChange: function onChange(evn, val) {
return handleChange(val, 'a', evn);
}
}),
aProps: aPropsObj,
className: [prefixCls, className || ''].filter(Boolean).join(' ')

@@ -106,0 +107,0 @@ }, other));

import React from 'react';
import { EditableInputRGBAProps } from '@uiw/react-color-editable-input-rgba';
import { type EditableInputRGBAProps } from '@uiw/react-color-editable-input-rgba';
export interface EditableInputHSLAProps extends Omit<EditableInputRGBAProps, 'rProps' | 'gProps' | 'bProps'> {

@@ -7,5 +7,5 @@ hProps?: EditableInputRGBAProps['gProps'];

lProps?: EditableInputRGBAProps['gProps'];
aProps?: EditableInputRGBAProps['aProps'];
aProps?: false | EditableInputRGBAProps['aProps'];
}
declare const EditableInputHSLA: React.ForwardRefExoticComponent<EditableInputHSLAProps & React.RefAttributes<HTMLDivElement>>;
export default EditableInputHSLA;

@@ -58,2 +58,8 @@ import _extends from "@babel/runtime/helpers/extends";

};
var aPropsObj = aProps == false ? false : _extends({
label: 'A',
value: Math.round(hsla.a * 100) / 100
}, aProps, {
onChange: (evn, val) => handleChange(val, 'a', evn)
});
return /*#__PURE__*/_jsx(EditableInputRGBA, _extends({

@@ -80,8 +86,3 @@ ref: ref,

}),
aProps: _extends({
label: 'A',
value: Math.round(hsla.a * 100) / 100
}, aProps, {
onChange: (evn, val) => handleChange(val, 'a', evn)
}),
aProps: aPropsObj,
className: [prefixCls, className || ''].filter(Boolean).join(' ')

@@ -88,0 +89,0 @@ }, other));

{
"name": "@uiw/react-color-editable-input-hsla",
"version": "2.3.1",
"version": "2.3.2",
"description": "Color Editable Input HSLA",

@@ -42,4 +42,4 @@ "author": "Kenny Wong <wowohoo@qq.com>",

"dependencies": {
"@uiw/color-convert": "2.3.1",
"@uiw/react-color-editable-input-rgba": "2.3.1"
"@uiw/color-convert": "2.3.2",
"@uiw/react-color-editable-input-rgba": "2.3.2"
},

@@ -46,0 +46,0 @@ "devDependencies": {

@@ -50,3 +50,3 @@ React Color Editable Input HSLA

lProps?: EditableInputRGBAProps['gProps'];
aProps?: EditableInputRGBAProps['aProps'];
aProps?: false | EditableInputRGBAProps['aProps'];
}

@@ -53,0 +53,0 @@ declare const EditableInputHSLA: React.ForwardRefExoticComponent<EditableInputHSLAProps & React.RefAttributes<HTMLDivElement>>;

Sorry, the diff of this file is not supported yet

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