- Add TypeScript declarations #144
- Add optional
emitOnChange
param to override method #166
- Fix bug where Eyedropper forced the change of the colorSpace value.
- Drop `emitOnChange when mode changes
- Call
emitOnChange
whencolorSpace
changes - Bump mr-ui and make small themeing changes to:
- Better representation of
readOnly
state - Smaller tooltip size
- Better representation of
- Small margin change to default bottom controller theme.
- Add tooltip to eye dropper icon to match the rest of the interface
- Add missing
colorSpace
value to onChange handler.
- Fix
prepublish
build step to include.ts,.tsx
extensions.
v10 has been rewritten in TypeScript and has a new layout for better ergnomics and additional features!
- Larger x/y canvas for color selection
- An input field that accepts additional color spaces than HEX
- And Eyedropper if its supported
- Click to copy functionaliy
- A values mode to dial in channel values
- Bug fixes to address long outstanding issues
channel
prop is no longer supportedmode
has changed todial
orvalues
colorSpace
replaces what was previouslymode
hexInput
is no longer passed on onChange.- The hex input no longer prints the shortend hex equivalent
- A pasted hex input no longer retains a previously set alpha value
- [BUG] Drop ternary referencing process.env from source code #158
- [BUG] Pass existing alpha value on HEX input #157
- [Fix] Re-publish changes in 9.0.2 because they did not deploy.
- [Enhancement] Allow ModeInput to have a disabled state based on a readOnly prop
- [Bug] Fix click to select color resulting in drag behavior #153
- [Breaking] Migrate to Assembly 1.0.0+
- [Refactor] Use functional components for most things.
- [Enhancement] Drops leading zero when clearing out a number input. #111
- [Enhancement] Accept hex values where # was pasted or not. #130
- [Addition] adds a alpha option. When set, alpha controls are removed from the picker. #36
- [Bug] Add accessibility to the reset button. #145
- [ADDED] Optional boolean parameter to make component readonly. #144.
- [FIX] Accept 0 as a valid alpha channel when passed to
initialValue
. #128.
- [FIX] Support touch handling when both mouse and touch events are present. #126.
- [ADDED] Optional boolean parameter to overrideValue method. When true,
initialValue
used for the reset feature of the colorpicker is also changed.
Set expectation that picker always returns valid values
- [FIX] Hex input rejects calling onChange if value is not valid.
- [FIX] Number input returns the max number for each channel if a user input anything above.
- [BUG] Store
initialValue
in state so any new value passed toinitialValue
in props does not override. - [UI] Small layout changes to provide a bit more flexibility to the mode toggle group.
- [BUG] Add a
hexInput
property with boolean value to the object passed from theonChange
handler. Helpful for detecting if the source of the change derrived from the input which is a little unique from the others. Marking this as a patch change as a version of this existed prior to 8.x.x.
- [BREAKING] Dropped
value
prop. Component now exclusively manages its own value state. - [BREAKING] Renamed
colorAttribute
prop tochannel
. - [BREAKING] New layout changes. #118. this has consequences on the react-themeable IDs.
- [ADDED]
initialValue
prop. Used as the initial value when the component is first mounted. - [ADDED]
mounted
prop. Accepts a function that is called when the component mounts with the instance as argument. - [INTERNAL] Replaced
colr-convert
andtinycolor2
packages withcolor
andcolor-string
#114. - [INTERNAL] Added
overrideValue
method that can be used whenmounted
is in use.
- [BREAKING] Replaced HSV colorspace with HSL. #110
- [BREAKING] Layout changes. #107. This had an effect on the react-themeable IDs.
- [BUG] Add isMounted check to prevent the XY component from throwing errors #109
- [BUG] Fix restrictions around typing hex characters #108
- HSL is now the default option for the component
- Allow React 16 as peer dependency.
- Revamps colorpickr layout to a vertical theme.
- This re-theme adds the following react-themeable ids:
controlsLeftContainer
,controlsRightContainer
,swatch
, andswatchCompareContainer
. - This re-theme removes the following react-themable ids:
topWrapper
,bottomWrapper
,bottomContainerLeft
,newSwatch
,currentSwatchWrapper
, andbottomContainerRight
.
- Updates codebase to use ES2015 module syntax.
- Updates test framework to use jest
- Uses react-themeable to override component theme by passing a
theme
prop. - Replaces much of the custom CSS to use Assembly.
- Support for React 15.
- Touch support #85
- Namespace radio button name on a per component basis #83
- Fix browserify transforms from being applied to projects using react-colorpickr #79
- Move reused code into seperate components. #78
- Fix build error when browserifying src/colorpickr
- Now accepts the following color types as props: HSV, HSVA, HSL, HSLA, RGBA, RGBA, HEX, named colors (e.g 'red')
- Support React 0.14 and React 0.13
- Layout adjustments for Firefox. See #62.
- Break mode switching from
input[type="number"]:focus
into inline radio inputs. - Labels to denote current/new palette.
- Use react-range for input sliders to support IE. See #52.
- Pass
mode
&colorAttribute
as optional properties to the component. - Add
mode
&colorAttribute
values toonChange
. - Remove localstorage management of color mode and attributes.
- Fix bug around the usage of range inputs, including the darkness range: these HTML elements emit values as strings, rather than numbers, so they must be parsed before usage.
- Fix bug around storage of alpha values: they are now stored as floating point numbers between 0 and 1