:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

Related tags

React react chrome photoshop sketch color-picker react-component inline-styles
Overview

React Color

Npm Version Build Status License Downloads

  • 13 Different Pickers - Sketch, Photoshop, Chrome and many more

  • Make Your Own - Use the building block components to make your own

Demo

Demo

Live Demo

Installation & Usage

npm install react-color --save

Include the Component

import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS

Comments
  • Cannot Change Color

    Cannot Change Color

    The color choosing circle and the sliders are fixed and do not move with upon click and drag. Hence its does not allow us to choose a color in the latest version 2.18.0.

    Everything works fine on rolling back to 2.17.3.

    opened by damnitrahul 39
  • BlockPicker: don't invoke onChangeComplete when typing an hex color in EditableInput

    BlockPicker: don't invoke onChangeComplete when typing an hex color in EditableInput

    Currently, as far as I type #000 in the EditableInput within the BlockPicker, the onChangeComplete prop is called.

    Well, actually I wanted to type #000FFF. Could onChangeComplete be called just when Enter is pressed or something like that?

    bug help wanted 
    opened by ibc 14
  • Let users add colors to presetColors for SketchPicker

    Let users add colors to presetColors for SketchPicker

    A feature I'd like to see is the ability to let users add a color to the presetColors list. Could add a [+] button somewhere in the ColorPicker, maybe at the end of the list of presetColors?

    help wanted 
    opened by gittestcoder 14
  • got warnings while upgraded to react v15.0 rc

    got warnings while upgraded to react v15.0 rc

    react added a helpful warning in v15.0 rc-1:

    React DOM: When specifying a unit-less CSS value as a string, a future version will not add px automatically. This version now warns in this case (ex: writing style={{width: '300'}}. (Unitless number values like width: 300 are unchanged.)

    warnings like these:

    Warning: adivtag (owner:Saturation) was passed a numeric string value for CSS propertybottom(value:0) which will be treated as a unitless number in a future version of React.

    Warning: adivtag (owner:Alpha) was passed a numeric string value for CSS propertyright(value:0) which will be treated as a unitless number in a future version of React.

    opened by kalaxiya 14
  • Using RGB values w/ no hue breaks saturation picker.

    Using RGB values w/ no hue breaks saturation picker.

    Passing in a value like {r: 100, g:100, b:100} Will not allow you to use the saturation input to select colors. Because oldHue starts as undefined, and the if statement in helpers/color.js sets the hue to that undefined value:

      toState: function toState(data, oldHue) {
    var color = tinycolor(data);
    var hsl = color.toHsl();
    var hsv = color.toHsv();

    if (hsl.s === 0) {
      hsl.h = oldHue;
      hsv.h = oldHue;
  }

    return {
      hsl: hsl,
      hex: color.toHex(),
      rgb: color.toRgb(),
      hsv: hsv,
      oldHue: data.h || oldHue || hsl.h
    };
  }
    opened by rickyvetter 14
  • SliderPicker throwing style error with ReactJS

    SliderPicker throwing style error with ReactJS

    Error: The style prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. in div (created by Slider) in Slider (created by ColorPicker) in ColorPicker (at App.js:392) in div (at App.js:385) in div (at App.js:164) in App (at src/index.js:7)

    Code:

    import React from 'react';
import './App.css'
import { SliderPicker } from 'react-color';

class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
sliderColor: {
        r: '255',
        g: '255',
        b: '255',
        a: '1',
      }
    };
  }

handleSliderChange = (color) => {
    this.setState({
     sliderColor: color.rgb
    })
 }

render() {
    return (
          style={{
            display: "flex",
            alignItems: "center",
            justifyContent: "space-between"
          }}
        >
          <SliderPicker
              color={ this.state.sliderColor }
              onChange={ this.handleSliderPickerChange }
          />
          <div 
            style={{
              backgroundColor: `rgba(${ this.state.sliderColor.r }, ${ this.state.sliderColor.g }, ${ this.state.sliderColor.b }, ${ this.state.sliderColor.a })`,
              borderRadius: "50%",
              width: "200px",
              height: "200px",
              marginRight: "50px"
            }}
          />
        </div>
      </div>
    );
  }
}

 export default App;

    When I comment out the

    <SliderPicker
     color={ this.state.sliderColor }
     onChange={ this.handleSliderPickerChange }
/>

    the issue goes away.

    need more info can't reproduce needs author update 
    opened by ReesesSnickers 13
  • Chrome hex input bug

    Chrome hex input bug

    If you input #fafa color into hex field of chrome color picker it will switch to rgba mode and put the #fafa into R field.

    The desired behavior is to stay in the hex mode to continue inputting the rest characters of the color (#fafafa for example).

    The root cause of the issue is that last versions of tinycolor (1.4.1 for example) treats #fafa as a valid color that equals to rgba(255, 170, 255, 0.6666) and therefore Chrome colorpicker automatically switches to rgba mode. The older versions (like 1.1.2 that is used on the demo page) treat #fafa color as non-valid and therefore Chrome color picker works fine.

    According to the latest specs (https://github.com/bgrins/TinyColor/issues/82) #fafa is a valid 4 hex short format.

    To workaround the issue I commented out "this.setState({ view: 'rgb' });" lines in componentWillReceiveProps methods of ChromeFields class in ChromeFields.js.

    opened by defue 12
  • fix for #754 prevent ColorWrap to reset own state

    fix for #754 prevent ColorWrap to reset own state

    The issue is that ColorWrap HOC manages color state but at the same time accepts "color" prop which affects the state in getDerivedStateFromProps. Because getDerivedStateFromProps is called every render, it always replaces state without actual checking if the color property was changed. In the demo https://codesandbox.io/s/custom-picker-new-react-ur2z4 mentioned in #754 the component has initial value 'orange' - but it will overwrite component internal state every render.

    I added a step to check if property was changed to prevent resetting internal state.

    But to be honest I suggest to change the API of the component to avoid confusion. In the example

    <MyPicker color="orange" onChangeComplete={handleColorChange} />

    Color prop is always passed so it should never change it by its own. If the intention is to provide initial value for the component, I think we should add 'defaultValue' property to indicate that it will be used only once.

    opened by adamborowski 11
  • Add styles prop to all components

    Add styles prop to all components

    Merge passed-in styles into reactCSS config for all components to allow for customizing styles. Add tests.

    Would be happy to add to the docs for this, but #446 is in my way.

    opened by alampros 11
  • Feature request: Ability to disable alpha

    Feature request: Ability to disable alpha

    It would be very nice to be able to pass a prop to the color picker to remove the alpha sliders and text boxes, when I want to restrict the possible value selected to RGB, not RGBA. If the ability already exists, I have not managed to find it in the documentation.

    I'm thinking it would work something like: <ColorPicker disableAlpha='true' />

    help wanted 
    opened by ZephyrXero 11
  • Picker does not close

    Picker does not close

    I am not able to close the pickers I open by clicking outside the picker element.

    This is because I have put the picker in a component which has transform applied to an ancestor. Therefore, the cover element in Picker, which has a position: fixed actually starts behaving like a position: absolute element (transforms change the container element of fixed-pos elements)

    screenshot 43

    need more info 
    opened by kumarharsh 11
  • Color-Picker Eyedropper is not working for Windows OS Chrome

    Color-Picker Eyedropper is not working for Windows OS Chrome

    Got this error when extracting color from eye-dropper index.js:2178 TypeError: Cannot read properties of undefined (reading 'trim') at convertRgbToHex (convertRgbToHex.ts:4:1) at ViviTemplateVariationViewer.<anonymous> (index.tsx:954:1) at step (style.scss?2d85:26:1) at Object.next (style.scss?2d85:26:1) at fulfilled (style.scss?2d85:26:1)

    This works fine in ubuntu

    opened by rishonide-swivel 0
  • docs: include default chrome view picker props

    docs: include default chrome view picker props

    Update documentation in order to include defaultView property. This will allow users to choose a default view for the Chrome Picker. It is an important property for developers looking for customize them components.

    Implemented at: #665

    opened by filipenatanael 0
  • Hex8

    Hex8

    The ColorPicker parses 8-digits hex correclty, but onChange is always received the hex value in 6-digit format. How can I use the value in hex with opactiy?

    opened by byTimo 1
Releases(v2.18.1)

  • v2.18.1(May 4, 2020)

    Patches

    • (BlockPicker): fixes blockpicker input not working: #616
    • Default chrome view picker: #665
    • Remove cWRP from ColorWrap: #662
    • Remove cWRP from ChromeFields: #661
    • Remove wWRP from EdibleInput: #635
    • Fixes Corners Jumping in Saturation Field: #670
    • [Example] With Portals: #617
    • Fix duplicated % symbols in Chrome Picker: #704
    • Passing children to Checkboard component: #703
    • Example with hooks: #700
    • Fix Duplicate Percentage in EdibleInput: #708
    • Fix EdibleInput from rejecting 0% and 1%: #709
    • Fix CirclePicker white pixel bug: #710
    • Remove isValidHex validation from Swatches: #688
    • Fix Color Source Bug on Saturation and Hue: #671

    Credits

    Huge thanks to @erkkaha, @DarrenBangsund, @mfix22, @blimusiek, @pizza3, @saikatbhattacharya, and @kriscarle for helping!

    Source code(tar.gz)
    Source code(zip)

  • v2.17.3(Jan 8, 2020)

  • v2.13.8(Sep 8, 2017)

    Patches

    • Clean Up Root & Remove Modules: #410
    • Fix typo in SketchFields.js: #409
    • Eslint Fixes + Chain to Test Command: #411
    • More Examples: #412
    • Update Eslint Defaults: #414
    • Move Prop Types to Deps: #415
    • Remove .babelrc from NPM Payload: #417
    • Change PropTypes to Track Public Package: #419

    Credits

    Huge thanks to @casesandberg and @stevekinney for their help!

    Source code(tar.gz)
    Source code(zip)

  • v2.13.6(Aug 31, 2017)

    Patches

    • Allow Github.js receive width props as percentage: #396
    • Validation conflict between parent and child object. Since the property is passed down (and unused in parent object), removed the presetColor validation from the Sketch.: #401
    • Remove presetColors propType from Sketch: #402
    • Allow Setting of className Prop: #403

    Credits

    Huge thanks to @Gtosta96, @SpencerDawson and @casesandberg for their help!

    Source code(tar.gz)
    Source code(zip)

  • v2.13.5(Aug 20, 2017)

    Patches

    • Initial Storybook: #394
    • Get width and height from getBoundingClientRect: #391
    • Fix(helper): fix duplicated 'a' when validating: #389
    • Fix overflow edge of GitHubSwatch on Firefox: #387

    Credits

    Huge thanks to @casesandberg, @yadomi, @WaiSiuKei and @yhatt for their help!

    Source code(tar.gz)
    Source code(zip)

  • v2.13.4(Jul 23, 2017)

  • v2.13.1(Jul 5, 2017)

    Patches

    • Fix helpers tests: #368
    • Fix prop being changed directly: #362
    • Fix the color object being handed to onSwatchHover: #369
    • Changed string refs to function refs.: #375
    • Disable spell checking in color text input: #373

    Credits

    Huge thanks to @ldanet, @pconerly, @nwlieb and @vasconita for their help!

    Source code(tar.gz)
    Source code(zip)

  • v2.12.0(Jun 1, 2017)

    Minor Changes

    • Add Current Hex Code to Twitter and Block Pickers: #351
    • Transparent Swatches: #354

    Patches

    • Remove Deprecated Visible API: #352
    • Guard onClick and onChange callbacks: #353

    Credits

    Huge thanks to @casesandberg for their help!

    Source code(tar.gz)
    Source code(zip)

  • 2.11.4(Mar 9, 2017)

    Since Inception

    • Init: b140f90f1def0211f112bdc54a660dd7d7f6677f
    • Hue, Saturation, Alpha: 8d9c13b4d8fddec5c0ea4753a3815f552fd28a1a
    • H, s, l: 639b0d151b6c5e967a827bd0c1c9174c719ef824
    • Color Picker Working!: 2f79330ab3f62a304d8a7c8468201692703bec19
    • Saturation Click: ea8a18d75c425428a75788dcd666c42d1825ba4a
    • Basic EditableInput: a571151b5159265aa382502d04b85651a64b11ae
    • Remove the # the textbook: d3e4513490992dfd3bece720650ce8010d23fba2
    • Working Inputs!: f152d4fd987b2b899e9a09831a62ee0e5f1071aa
    • Move styles out of Input, janky slidable labels: 6a9757b2eb7b5ff9e7e32fa3a3114eeeeb086acb
    • Fixed alpha display: ff5e7c72d635b2f972fb2ac9be0c0111e338e845
    • Fix some throttling issues: 432efd6bf700997b83f609d1d96d14559f383ea2
    • Mousedown + speed improvements for Saturation: e99b9f45f3412c22ed184da9d488effbf957e9a1
    • Checkerboard: a17bde42bc19f2c787dc4fc6680946850a07fe88
    • Hue and Alpha slider location tweaks: 9d9b8679aa8bb09e4e86a86a99c3e03bf93645f6
    • Other form of movement to speed it up?: 2da9d2317aecca9d0585902de8c99ed53801d657
    • Stubbed in Photoshop!: cf7c39ff12c2e89a27a6ba7bbc8b8f9529e4e87c
    • Symbols: 868b9b45f7e2a97bb9ec504b4404d642650d38f4
    • Pass down real data + overflow fix: b77b1e49b837be9dbac22cd924c987ef1d8b5bcc
    • Color checks: 06a9138f37e94584f81481afda8d6ecbbd178bc0
    • Custom Saturation Pointer: 17cbe9cc802ecb5442e06285086b8c358213e165
    • Custom Hue Pointer: 50756e25beced2b1d09cb25c133c46ec27e98a2a
    • Rename SketchPicker: a324fcdce863d7f69a1a4839d6dd527602b1417e
    • Change css so warning does now throw: 44031c6dd5910b541b0c7fd997340f22133a677f
    • Chrome!: 35e0eea5c42edfbbdadf02e5944362df7f66e967
    • Expand Button: 9606927f0a6167b4a9099dcc0675bcd096eeef08
    • Working Chrome Picker!: ee8294b2087d87f2f87f67e1f13a12ae47cb41d4
    • Chrome Pointers + Hue Custom Pointer!: 0d26cb64047638f6592e45ab8344df4179bcf57c
    • Init Docs: 5897f437891fe023a5d1c23fc9a247b7a635ae87
    • Modules Dump: a39d12d8daabc129e52fb10ade7bfd0f7d9ba016
    • Gulp!: 8d184ac6c0c072ac71f5dbcdc31276d9e0fc9e23
    • Feature Stubbed: 59b31102f6d02085aa3c6eca0862c6cb8b7f5311
    • Swatches theme: 4d78d09da83bf93ad76b8274cd6c6cc78254973f
    • Slider theme: 7adc26586830bc3a87ba1f5436409f56e21e7290
    • Material theme: ad28bb8e1a240002e399840fd97ee5b4bee901e5
    • Attempted Global Colors /:: 4ff8df51d3b7c8cf11c0b527ea8f77d02e644e43
    • Compact theme: be71ae6368b389e7600bcc5ab1502d9ba8145cb2
    • Tweaks and unifying color!: 5621ca00280947b460b60d75621c1e5dcd2e1275
    • Labels: ae6f2433f4a7514dc5d54a4101bfb4e9b4eedd25
    • Sizing Tweaks: 32693893b55f0c57de345bffe714ae8ee8fa6b26
    • Sketch Slider Pointer Fix: 5c22988bc908e130e3e2b6dbbbc36f777f6039d9
    • Throttle!!!!!!!!!!!!: b8f1cbd72c8e18f04bbf8077c62a1abbeabd8bf8
    • Saturation client side stays visually up to date with the data backfill when done dragging: 43686c1b52211a0dce7eb131399b8e085db5fa21
    • Basic documentation in!: 75f6356d0546d55f553a1564c04adf5cb5202d57
    • Central color + component data cleanup: fa9212955a1dec73ab203739e4fab22d6c8a5fc2
    • Tweaks: 134f22c78560be2f95b69c14233c017f2dd851fe
    • Web pack Build: 0c28d4af2d557b295484b819b2d7cf7e20f84dfe
    • Build: d414f866995ab37471260d277dc5682396cf62e4
    • Background Fix: 15a8c34b8e3fd7c01ae83e1e6b0f0cd557b09a5f
    • Background Fix: 14fc43a2d79264d263f8b50f1c677252c212aee5
    • Logo: 15ee2938b1b9a8b442cd29390bb19c2ffb554ee7
    • Merge pull request #1 from casesandberg/gh-pages: eb4965617a3aaa1820a2eb2b54b0908c46d9d998
    • Remove build: 4cfe5766388431f7760fa6b33a56c67de2bd5edc
    • Chrome with new data!: ab389d03979bcdc64b3b0e8b3c38fc7e24f24d2b
    • Sketch with new data: cb11a0dcd590626b30b599faaa74e944fcaafffb
    • Photoshop with new data: 407b80bbc9a71d2cf4221eada5c03e7f4e557ea7
    • Swatches new data: 36a59b69011b95b0aa901495adf36654dcfb3196
    • Rest new data: 67f2195a062f0136579afcf5539953c6ed381d8d
    • Cleanup: e5de8cc6a8b3a49419585260444f50817cce45e0
    • DEBOUNCE for onChangeComplete: 08260a900a466de5e9a6c121f1a0ce68a0f689a5
    • Merge pull request #2 from casesandberg/react-color: 0e0383d052978d42c18fc1485b479d7bc64fb4b2
    • Data Updates: c1e9a34d6f4da3981f416d2dce5889bef6952a74
    • Interact.js: 51c26526a7b4c783ab9b9b3933aa67024711eb9f
    • Fix Photoshop Circle Threshold: 7d4c2104399004d36d3a1bd9ce40f62b94b67b79
    • Documentation Additions: 37d25aec872e028e090286a5a8f954a523034dc3
    • Scroll Click Fixes: 863355b1968647962c1846814e8cdf5915a8de8a
    • PrimaryColor and bottom on react-docs: e47df0cce16f8d6988c73fd630cef319900fbcaf
    • Documentation Title Stubs: fb2f22398ad684db24fbc13e6620612d8cd9da26
    • Clean Up Requires: 8770fa691a3d2e41a2216d4f35cd9f9bf9e6faf0
    • Send up alpha when changing Hue and Saturation: b75c33a7a783aa2cb8ca72f47924a3573e271532
    • Create Your Own: a79f054893688bdab1d5d009c1be94c2bde2ec69
    • More Examples Test: aaa19a22e46874fa8b58119b2d20d962d3fb620e
    • Examples: 2d5a527c6e8bec31e3def0c3ec084572ce8d053a
    • Merge pull request #3 from casesandberg/react-color: 55ea9db873777c5bf588677813e8f91db5bd72e3
    • Updates: c2bd125927d9dfae81630b7e23c0d35c515cc262
    • Fix Example exports: 2b692738487718167ed1dd1f804206e144f8084c
    • Test.html: 61845a84a67b4f8c2ac10da3387cfd656350a4cc
    • Test jade: 133d0d9bc4eb7430e3b2547aa0addb1d83e168d0
    • ColorPicker positions: eed4ddab5c5191756621f45ccfe68e1e218209b5
    • OnClose, position and positionCSS: 6d2b26d7382e8a695238e9ca185311d4aad50968
    • Wording Tweaks: c242f986587900b10a9e97d8322392d5b324678b
    • Position Fix: 4ac14fbca22fc745a0f1578d6a1c83f60acc1ec5
    • Remove es6 for loops: 1288ef64ae73e2cd4bfbc26daa518e5a0f7787ac
    • Flexbox Fixes: 600621400eb0cad78972d642d21289fd8c3261f0
    • HomeFeature flexbox fix: bfe07f0f8d3c351c28cac235c1903e35f866030b
    • Position fix: 8f8e5c228a56c58d700fa801e027678b773c5676
    • Display position fix: 56d681219ebee11f5b49cc5adfb2933cf8fe0ac2
    • Pointers: d27af3716da42c31ed3f9cd0294b16654da36641
    • Chrome alpha fix: 15dfac9a98e054279704074d158539ac1edf7542
    • Up and down change on EditableInput: 51f652243c7f0db6932a446526a513455ccb9632
    • Photoshop ok and cancel: da25bf4b75cf2f2992346770f12eb171de8a80c9
    • Wording fixes #grammarly: 3ad18d1aed7d39ce05a07cc23bfdc30e879cae95
    • Github Star Button proper repo: b01aa8fcd03216ef63714e883cfdaeb5fdf53ab9
    • Wording Fixes: 59c96b9ebd92d1885942f148143cb4704532ff30
    • Readme v1 + screenshot: 2ca1bdec7e66b281f42def239779f1b1ff2d4aeb
    • Fix SCREENSHOT filename: ff12cbfdc2edf9558946e5a4df6d69fe951b9400
    • Readme v2: 62435bbde14fe9c5be4b9b54c3453cec04995420
    • Readme: da1faadce7f2a31ba925ac8f46480eae3ce021ad
    • Readme: 90c1e1429e9501a40b6e2a16c35c84ad53706fa1
    • Readme: cbd35fe2c025cdcd0842e4d926cd97dd9d9c7c86
    • Readme: 5d37bb9cb8062915d80b60252da9e08877de52ee
    • Package.json update: a5772192d4590b568ae92d61aabf0444cda74736
    • Cleanup: 7f9345a2b0d765805603ae7d7b47163bfe7b0a1b
    • Top Padding Fix: db9d19f54194b8079ffd05da7fe102bdb55076ab
    • Animate!: 880554c4f45a32f29db3b56ead137289aa01c114
    • Strip down highlight and remarkable: 5bc2b721d151373c1c0b6cb7573d41b9af28ba55
    • Tweaks: fcd024026d19a6dbb8885dcc750dd4f25169ed81
    • Blank: 17041345fb2b7af59454dc18f2eea181dec27c55
    • Tried to bring back html5 dnd, to no avail: 9e29d37f46ec32118318d087ac3cb44a361608d9
    • Favicon: 289ee319b030e8e053829c9ba451e52df66b9403
    • Require Path Cleanup: 04ba47b9301fca1976f48f345550ec893b41d2a1
    • Cleanup: 60a40dbdd147ef8c93dc28eeee7c48285e99be1d
    • Draggable Label Fix: 6c244ff63223db06126be6e28c4351f6304cdad7
    • Remove Interact for new mousemove technique: 02808f0383a3e1a31698c94712b1eeac1b2568cd
    • Fix for edges on draggables: ead58bb4c398aa7f88dcd32e486be41a9f497b37
    • Swatches Background Fix: 8d5d110bce8c3464481259ddde5e90b10e9615ab
    • Mobile Web Docs: 93b0a898a164c564fb4fc191d7e6955c6fb40f50
    • Tinycolor custom: 942f03b4e2b4ea73dd6ce4ea71d5ee4c3ebfb33c
    • Spaces: 9980a705f6beac4c1c9a8997cd96165beb2d17cf
    • Fix the low percentage problem for Saturation: 65700534f6bf0c1937a7bcb0243be43792a3905d
    • Dragging Hue Left Wall Fix: bae38461a98ee6930c43c8976c870ea8460fe51d
    • Dragging Update: a27fe7ec9e1174a23342937d53dce850faeb8845
    • CSS cleanup: 7cdc6a7726d7476ba1f0300bd7d8210331867c44
    • "react-component": d347c04c9ac11fec811e962a3ba9b8baa9dab94e
    • Merge pull request #4 from casesandberg/gh-pages: eb11a4f269444bd76b7017cd542eacd2484d9221
    • Quick lib via gulp: fce128fe461b3a6fe7d773402b31a2fb1cc17643
    • License: 50ed4e9103926b481a4ae04349f473b4c4780b5e
    • ES6 + Real Module Paths: f09515a34d59c5e301e553d364b34f2e4f50b758
    • Merge pull request #14 from casesandberg/lib-at-es5: 29ee6500f3711c382a2dbaa44f9f0847857a1027
    • Package.son to lib: 59210e3e828c612b8ba8e13dffd45e9b448960ec
    • React-Context is ES6 too: fc1c98473de214c3e99590a0366a0496891b7605
    • Use a to draw checkboards: a77b9eb194034bc6fd864670dfa17a1bb07bf1a5
    • Module Path Fixes?: 28891dbc2d0fdedd84b2d6bc668c044a6f9d87ef
    • ES5 Versions of Modules: b381b8ced80dfa430a8da7e2c14a615704507c06
    • Exclude babel from .js in module as well: e7152179b88136bb89ae77beb8f029589270624f
    • Fix for Inputs not Bluring: e7cd4d57f758810658319a5fb801a542aa1027b3
    • Fix Letters in Number Inputs: d118c3a4c65343e690c6e58e9bb63958f481aaeb
    • Moved over to helpers: ff8c2d67b337705a575893c2e6d57885010e139b
    • Gulp prod: 5e6a692795dd648ce8bec7352a7965909e391bba
    • 1.0.5 - Helpers: 1e663e1884d3a5d66239d1ec32a9eede93052cde
    • Slight Cleanup :): 3896d6251df7f6c0aa9f046c9dbf7b04305cc271
    • Merge branch 'master' into pr/16: 52747a19a3fc31f31ca874e3f4dce94e4b74f7b2
    • Merge pull request #21 from casesandberg/pr/16: d27f6bbdb378373dcbe57a982cff57f22e1f65f7
    • Move sketch files to lowercase directory: 52447a89be9de25cf2c9a2770e6d188e95ccbb16
    • Build w/ lowercase sketch directory: a108487ce5566ba024d646b17acca90c8387341d
    • add box sizing initial to components: c6085d123326eeb99e66319ca032e4c9ee547913
    • Merge pull request #26 from rickyvetter/directory-caps: a1a2b04c6d4353706ffca97985504d815816661e
    • Old Hue Fallback to 0: a373f92821b2407a287719f296c6dee4af5edb19
    • Bundle: 98a7eefcc9c862716f7adbf73d155c6d7d1ca1b6
    • Merge branch 'master' into pr/37: 23c0c1a4cacb7733d7475874c9751a3e96fac073
    • Merge pull request #39 from casesandberg/pr/37: 9e8fff4e527067f8680f4d349592629400df406b
    • Align to react 0.14.x: 3836357af5cddf1ece010d32c16b0e96ecf2e80e
    • 1.1.0: fb8204f010f67232cfab2c35259dae906102eaf1
    • Merge remote-tracking branch 'origin/master': 559a6a5ccf722e08d94e59065d5ec88d2ee76083
    • Add Comma: 63cc23dd4ad754a423d99a573f3904106fcf16b4
    • Rename sketch to break caching: 7add719879f3d4b6b4d0eed6d94225839cbd7638
    • Remove npm dependency: 757aee713027190efa9de02d4a6cbcd5c492a107
    • Mobile Touch Events: aba3bfd40233b30917aa450cdcefc8c295a1590d
    • Gulp Rename + Modules Loop: 58c4fea86230320202a5963c28c45749dc9cafd1
    • Split out gulp: 6d7fb8ce231f77f46a4355e3a37cf14bdf566c43
    • Gulp ES6: 596a4e6dd42150c106ce3613da6298836febf3fd
    • Contributing Guide: 20199aef3760cf7ad6afea168987e430067bc9d5
    • Add flow to helpers: 2c8abf69ce3e4ea372d6ac7b140ec0e017fdf226
    • Change all files to js: 1ce701a05f9ba3d91c0ea47da9d69674a8b59d61
    • Add flow!: 3206578fa9578ac2d167a611c805d39f1ea610bd
    • Resolve conflicts: 85349dc569d308406edc28e287e30e63004f86e1
    • Update to 0.14.0: d5a8baae2415d4f61a26b0832a233df4ece7fd6d
    • Merge branch 'master' into pr/43: f4c5a14e9a3130760e12faf2c584f5c7d0982a1a
    • 1.2.0: fcbd499f67634c4b25f92c10c7d2329122abc397
    • Merge pull request #47 from casesandberg/pr/43: 349de3cd7bd29fee8e9e9a837ad3784110e674c7
    • Moved react and react-dom to peerDependencies: e0e4220470213ceb12703688d37a81d97db12a1f
    • Merge pull request #48 from asbjornenge/peer-deps: 53999357056af12f5612960d838818de78ad8de3
    • Ignore build and node modes jscs: 64e4c8fe233384fc5f46472dceeae0ef7500202f
    • Chrome test: 4817237dc8277847f325e22c90a6021962e7ac06
    • ChromeFields test: 4e4e7f5bc3343dd21b44073bf3acc3e47ba1d8f0
    • Travis: e978e4b4c9037ac3d9e09e454907a081dbfce1f4
    • Moar Tests: 5f2bc31ee72fcacca58683bc218c14a90ae7bef2
    • #whoops #chai: ae5ef10f21c8c3ae1ee81c33e4a6f08414b416ee
    • Merge pull request #54 from casesandberg/feature/tests: c435e7247b2a92b7b5629f39426319fe2b884ac8
    • Add in custom picker: 475e4b96d9a2c77b159e701b62ad099d0fee9dcc
    • Merge pull request #55 from casesandberg/issue/53-implementing-custom-pickers: 7f13043c6161426abaeccc3a6f659b712db88790
    • Update readme with syntax highlighting: f8f3c032e80e698be7fccf6929d66a7c5297ebec
    • 64 - Allow passing of width for Sketch: 890f3f8538954c0cb79a1ffc96099df69637bac4
    • Require -> import: edb1a601d4299ce1ceafd733bf42de38b821e32e
    • 59 - Import One Picker at a Time: 96e12c439e4d736717bade343df15b7f103ef36a
    • 1.3.0: 3989a7941280aedbe1e116a55d3a5dd17b46233f
    • Remove -2 from Sketch files: 770b243d257af345312f4285d66abc0120fb67af
    • Merge pull request #56 from dunckr/patch-1: 7278a97e0644386f9ab85a650e5eda7b86db72bd
    • Ginormous Babel 6.0 Update: 0d1c7d2c92ee9963e52bab46276312d57d69d845
    • Use Modularized Lodash: 764b94bff859d235180ba8b2611e1f2765327247
    • Change Babel Dependency: 8f9803fe89e1d6cb02c015732abca25950c1aadc
    • Merge pull request #73 from casesandberg/bug/import-specific-lodash-methods: 8e1f43dfb97d9920bba8eea4b0a5e682cf320e68
    • Changelog: aca8e873892d21e578eb2fb2a382dacd32ea5cac
    • Height and Width props on swatches component: 041af45f2b39f42f23aba6162a7f712a91ce5e91
    • Merge pull request #74 from casesandberg/feature/swatches-additional-props: af10c45fb562281bcef53bdfa09617703df78fee
    • Clean lib Dir Before Compiling lib for Dist: 52bd08a477ee9f53d95aed0f8eee24faa3d9d75b
    • Revert Export to ES5 module.exports: 086b13969faa806dab3a983b2df32d9450717ba9
    • Changelog: de66332354ac4976dfe378ae179a9bfb2149897f
    • Return early if no ctx can be obtained: d5a64c555075d28f62c39b3b0ed3caf3f538029e
    • Ran gulp dist after modifying src: 2208a392bdd451c5d99d6f4bfed0836661ad55e5
    • Merge pull request #82 from alexander-daniel/fix-jest-canvas-context: 9d6f82cfeb042d5b33e0c558b90e7ddb6749c0d4
    • Remove Babel Lodash Plugin: 233498c75e9de235aa0d0aeda2211d987636d478
    • Changelog: ae77ee350ccc6487279b8209a8d225cb58aee889
    • Unbinding global event listeners on componentDidUnmount: 246d43e49733e52f053187e4d8ea45414c8d1970
    • Running dist: 084f6b9609470a3d405fabdc3ba5cbac90f20630
    • Fix Uppercase Folder Linux Issue: bc1770e608eb291aa163cfbe62510e08751a259d
    • Changelog: 22e72a551f89deb1658c0b7d6859efb37e66a52b
    • Update Contributing: d011ac38d7972b1e08ecf62f71d5db0d80cb3770
    • Make Hue, Sat, and Alpha components respond to touch start: 61301cc0269cca05fc9bb3744d15c4f85b70f747
    • Merge pull request #85 from 1000hz/master: d17dffd7d11d46170354467d03ebfd5a7b2379cc
    • Recompute dist files: c0cc94ba1aef264eb32b88ef2cfd83f4d4137d9e
    • :watermelon: Remove Semicolons: 72a6e06f0462d37aad2a91bbec83ddd68fa24b1b
    • Merge remote-tracking branch 'origin/master': 1e7b619309a04f257040d3bc267bff2672ce52ea
    • Fix sliderSwatches styles breaking on small widths: c8258c46afc8c2b0fefd9800425dd4bdd495748f
    • Regenerate dist files: d5b4d324c914643698125551bd06b1b3b52985db
    • Merge pull request #91 from clementoriol/master: 2d8a01e38b1edc89a7742ba986ceaa8347145a0a
    • Upgrade ReactCSS to 0.4.3: e8840eb5ef46ab7a838965e220dfae8eee2616ef
    • Update Bundle: a8e8eda6a810606d47b12227126754e7dc345236
    • Changelog: c20b64962be65a151d47ab6ccff7bc2152196da1
    • ES6 Import and Export: b1cb4aae70914f3cdf5e76f2532858d457de5f95
    • Migrate over to ColorWrap as a HOC for each of the pickers: 521a5c8d14d4974b4d66ab4768c9ca0183f9a6db
    • Remove Semi Colons: 80fb3b7f2650a550e095fce559574fd7d0acf364
    • Blow Away Gulp ๐Ÿ’ฅ: 62c6b13fc5157cd1bb3adc167855e4bf81e5fae8
    • Merge pull request #86 from mattbierner/mobile-touchstart-fix: 6587feee218a4b079e3f4f0cec3dae98842adaab
    • Move Contributing into .github: 6506f13b8c2e91caeb98228a8f2b3c4b46bfbca1
    • Examples: 88cd7a7971fbdb1bcab2f40de91e5144794aad3c
    • Lint Gulp: 1f7fd6d301940ffbede8b78288b1bb55eab4fe70
    • Lint Docs: 72bd9ec4e6d3c4ff97d58af23a218bad7ba416bf
    • Lint Root: 11d856190ccf474daa402e7fdf805b184c12dbe8
    • Merge pull request #95 from casesandberg/remove-semicolons: 363a9a4cff7eac2fa0c71c26eafd25682a0573a6
    • Chrome Source: 6e515c57d4890290d7c03224948ba794140c4307
    • Common Source: 93e70fdde377766e7679cc579112a70cf587a3ad
    • Compact Source: f5ec5dd56b0b6c42c73a5b0bd1aa73f57036f646
    • Material Source: ec5422e0b429cedb02d2aeea2d36bea5867a03a8
    • Helpers Source: c0cfc49ba319b67d7173d44aa4a4003db7b36bcc
    • Photoshop Source: d9a8674b0ac232d5a2511f7e7bc698631a31d4ab
    • Sketch Source: a42bba6183000be22682420be8eb3a1abb80c228
    • Slider Source: 828451da4b5340902bec4e597184f387d92a433c
    • Swatches Source: 88ee6fd1f267ee6d17227334126e8f2e07a6ff55
    • Fix Tests: 14447cadd300228eadd1d7d3978d714d66473101
    • Merge pull request #96 from casesandberg/feature/81-source-on-change: 5b03b36c002e8dfef788796f616feeb74f09eedd
    • Add Hash To Hex: c43034712fc3a511047dc264078d279558c8972b
    • Merge pull request #97 from casesandberg/51-missing-hash-on-hex: 178d77934f3145b7e1170cde2f341b4a2fead084
    • Changelog: a6db3217cef8c88811fd2b22c66380743cba14df
    • Chore(package): update dependencies: d0bc7e3e8aaafcf1abc80d8f76f81e73ea48756c
    • Chore(package): update lodash to version 4.6.0: f1e09efaaba187e13a6aaba54b753a262081b496
    • Merge pull request #100 from casesandberg/greenkeeper-update-all: bf889aa08d07adad94b6b4cbcd967194df102a33
    • Merge branch 'master' into greenkeeper-lodash-4.6.0: 6e4579b234da76c5c252ec2b9e26c36074676eab
    • Merge pull request #102 from casesandberg/greenkeeper-lodash-4.6.0: 64e81ef3af4e6c66922fa0534e98dfd9e483a95d
    • Remove gulpfile.js: 242ba99f1a37fe10293f878cd6912d1c528d5c75
    • Webpack Lint: aaa960b87f9aa3ec540d48d30066e9317dd93a87
    • Should Component Update: 970e36a63d0674b744b9dd4df8575317823cb7d7
    • Remove Positioning: 0fad235cce2b184251dfe66c5edfdab7d622aa37
    • Cleanup Bindings on Methods: c8bf7f2c9333c286a6b9a712b7354bb7e7b1b458
    • Clean Up Exports: 90d57e4d3c4f8769ebf95b178aa54f9982c109ff
    • Remove Position Documentation: 07548e28de70e01ace460f7cff6a35c9fb03de4a
    • Cleanup Documentation + Add ES6 Syntax: 268628dabfa5a5e4dd13f108378743d5f8816679
    • Add Custom Export: 7b79ba45a70432b3556f0608d5c274007ec429ea
    • Fix Examples: 28e37fafeb27010b1d067d20d5d21285bc5d5259
    • Update Travis: ef4bc938131ce65fd33bff258d16753140708534
    • Fix Tile Overflow: 4928c36f5ea857f6f00ac5797ed64b82f8b38965
    • Lib: 5e4b031ca817788108c542192cfd393c31b35c04
    • Lint Fixes: bfb3d0de71a44ab9c3135755ac5f4344bfebab5e
    • Lib with Styles Maped: c8dd954104034bd65368f19b2e473b0ea64c6cf7
    • Docs Dist: 25d84496d058381a79cc5d8ee333fd3e2d230450
    • Update Mocha Path: 9239398cf2f1cda8868759c5bccb995b91859f52
    • Mocha Install Script: b754a78e416dcfaec8aa1932a67e82db9106bd87
    • Merge branch 'master' into 1.0.0: 7e8de65bb143152bddc03003047533ceeb3693ce
    • Fix Import: 2b999726677bae2322773bb8567e445bd09808a2
    • Indent Import: 6460c431985169a13876cb1a401fbd7ba604a2b8
    • Merge branch 'master' of https://github.com/casesandberg/react-color: a521f595535fd99ba62024fc4919a7c593857ca6
    • Fix Merge Conflict: 773bf265aa8e04791a1a48c5d4e91a7b0708da15
    • Cleanup Run Scripts: 81e6a7fe6bb7c339586149bc77b25d906d4a5759
    • Merge pull request #105 from casesandberg/1.0.0: aa3e4bab0dcb0eaaa9cdc1595cc295711867b921
    • Update Readme: e6c1d1cfc3508b535e7cc27109fc38d529b8c1c1
    • Changelog: b1e394db6c2220f19c3e45b2c6f4a56f2037827f
    • Add CodeClimate: 28416efdc11154d1c66c9ee711954aaa10fd62a1
    • Codeclimate: 6237e730eb8c547ad57037447dac28abe40ab11d
    • Moar Codeclimate: a1e1eb9d4dc613dffbbdb9e54de351d7d4a3f436
    • CodeClimate: dc415a874b882f55a6f1166d14cd95e84702b905
    • Fix bug with short circuiting pageX when it's 0: d0054d90b36250d69812c0445b3e6bc5159cf7ea
    • Recompile into lib directory: 090d7386070c09271971bfc7ae487d91d1b5ebb5
    • Merge pull request #116 from sosaucily/2.0_lib_compile: 878cda60239338afb4e9b95b4527de88d9a31c3d
    • Correct name of Components referenced in docs: cf12070587d55c0399f6d2c8afaffece0a3bf948
    • Fix typo: 96b4a283ba2f24c282df472d2b194754b15ed717
    • Update deps: 1deeb9dc96a3fb0e3fc0d52bd907b027648410fd
    • Update peerDependencies: bd8ebd9fa80232ab99cb47313c6c5ed3b7352ef2
    • Replace all css positional values of 0 with 0px: fccc2dea1c3d201da03812bbd05a4d8d3b434366
    • Transpile lib: 6da514beecf2c327ede984b5653b10a7282d3c57
    • Update doc reference to bottom: 0 to 0px: f3e64cfe805fabe7a181896a977bce1b909856bd
    • Examples: replace css positional values of 0 with 0px: a6976786451b8f93000b55eaafdcc2ff92910be7
    • Omit z-index: 2c3ef99542ab324f21c20e3dd2665c9bb5f04a33
    • Order: 85567f7321d44c30753080e9bfd4f4d6debff819
    • Omit z-index from source: e1e1323639a5a250c61b4a4e782361b8fb5ca657
    • Version: c834a41b234ee3d44388c5652b3a40be34cf4df7
    • Make CompactTest pass: eb89521d8cdc8562bb469903762e0a3fa35843a3
    • Make Swatches test pass: 238984b99eda1c5aa41e666363c89705cf74525b
    • Make SwatchesGroup test pass: 71bb3ec9b48211d2ac6f78485c6c084e157271aa
    • Fix "numeric string value for CSS property" warning: b08a8ca77c525e773c1886879cce266ccbc3e815
    • Fix Grid.js warnings: 55a2bcb1acc14fd1237909a44f33158f868d0465
    • Fix EditableInput warnings: dcb1aea77c17acb19b5f3bc8a561594a885411b2
    • Fix Tile warnings: 740461b7569c8542845a2f0db4bf01c52564adf1
    • Merge pull request #1 from code-dot-org/react-15.0.1: 97e4a3e02858014ddc23c371a18c1666aec85e46
    • Depend on code-dot-org fork of reactcss: c52d26aefc436711d19a7a36f1016964466e77e3
    • Merge pull request #2 from code-dot-org/custom-reactcss: f0c7c3bc1fabb149ecc76902d1510cb761aa311d
    • Chore(package): update babel-plugin-lodash to version 3.1.0: c8f25eda201ad57ff05e7b1e3621592eb93c1a34
    • Merge pull request #146 from casesandberg/greenkeeper-babel-plugin-lodash-3.1.0: f823d5e53e8398c991dcd5199aa3b422c89e02f0
    • Chore(package): update normalize.css to version 4.1.1: 4aa41e91d65e2dd5fd4db58d794d5eda01fb2c64
    • Merge pull request #135 from LeonFedotov/master: d9d9dccd37d167f3b9493fe1f9a5dbd490c55f79
    • Merge pull request #130 from phoenixbox/readme-component-names: 3711c58d2ff7cbb581b77770433d6eb3c3b5386d
    • Merge pull request #129 from casesandberg/greenkeeper-normalize.css-4.1.1: 8a45e8ff930946bdda2b235e89f736c535ef2ce7
    • Chore(package): update babel-cli to version 6.8.0: e652b3b7cf25d0f5a68f321779015f22ca0657de
    • Chore(package): update highlight.js to version 9.3.0: 8d0fd7b205830bebf679c0e2fb1338c5762da1cb
    • Merge pull request #108 from markogresak/bugfix/pageX-short-circuit: ee78d82de2bebfa2612db6ce142edbf7a2ef5690
    • Update Deps: 09ab61fc2a1c6a8a08f0b39954d559106f1cd880
    • Fix tests to pass with TestUtils.scryRenderedComponentsWithType: 76e876575bc50147fe95a9a8e2b763a349c654c3
    • Merge pull request #145 from casesandberg/greenkeeper-babel-cli-6.8.0: 7ad6330669f90ee361472368e3176fdcf8ad3113
    • Merge pull request #117 from casesandberg/greenkeeper-highlight.js-9.3.0: 2672afb67cafe1a558b24b7eb99f16e51d6552ab
    • Ready for Distribution: 3cffae2189e27cca29471e5d1320e95790a928c3
    • Changelog: f603122813b82eedfa45f04c86fb7f695c2e9b6f
    • Merge remote-tracking branch 'upstream/master': 0feeccd6d8a82f65d16ff99007d936d865cf7b8c
    • Depend on updated code-dot-org/reactcss.: 65a688f0ed61da00acea95cb1c8aa0c691b3839e
    • Add mocha to devDependencies: bb70b2761976f232b015ea795b8a47056667429e
    • Simplify scripts.: ce2b262af9916bcf56e9881f03922ee7e7e00c80
    • Remove lodash dev dependency, since it's already in dependencies: d88c167fb9039c17f52030797c5f30ed86a4661f
    • Add a few tests over color utilities: 8467fb840233790df80f85ff78aca4e2ab1605c1
    • Test that calls out hex with leading hash: 2b5826ae370d437418d0c611ae42c086b4cc5840
    • Cover and fix chrome-style picker: 96b0f53d515d1049625ce99d8018446fff03a553
    • Fix and cover photoshop-style picker: a2a465b5d9e4bc1efd38f52955192d1b6651b904
    • Fix and test compact-style picker: 1bc5c918a806b9813abbdc0d84f7eb8b25bdae11
    • Fix and test Material-style picker: dfcc2df47148c9531b8e588fd4f4c99eae415185
    • Update lib: 63c388ad2f7dd98f2e0c4ee7ff4635acb113c690
    • Merge pull request #3 from code-dot-org/fix-hash-prefixes: 9226d81ece6e33e7c94f297484d128c965b2777d
    • Fix React warning from Chrome Absolute style rule: 66412bf4e8763b30423ed7699fb4051fd95ee7ef
    • Restore normal reactcss dependency: 8918dba23392df30451f0238fb250378c1cf7935
    • Fix active color dot in Compact style: 98b53b476d0a7a4e1c9dc8ef9da37675323eb20b
    • Update Compact component lib: 71cada5c95cea30c40fb6a8a7dd784b9c3ef10c1
    • Fixed active color inside Compact & Swatches components: 498e661129a0da6ff2a3aca15b208494c30927db
    • Merge pull request #161 from acurry/bug/compact-active-color: 2bc8355c35303bc198057732d8db763400ddc99e
    • Merge pull request #162 from frnk94/FixedActiveColor: 1646b9d4b4c329b7e6989f489bca9c0200ac27a2
    • Fix ChromeFileds icon highlight: 7c41e79f215c1700dcdd677ce5f2a20f0fdd3066
    • Make deps compatible with 0.14 || 15: 8e47c67b36b64bbb59cb2c3fd5331cc17ee5234b
    • Merge pull request #156 from willkan/master: 2d98025c2fd67b0bad316ba45dbd4a9ba6f5dd66
    • Merge pull request #154 from acusti/master: fb340b83669a49ee61cd0f86888bfc37cbc13463
    • Merge pull request #153 from code-dot-org/update-upstream: 9900c5071e60b402b304289dfcdaafa9fc44b70a
    • Merge pull request #151 from code-dot-org/one-lodash-dependency: 3e307ce34cc88584195dd16bed10522f62efa1e0
    • removeAlpha: 364fd1186e2be163abef78a7b6cd3b2da6bda8d3
    • Merge pull request #173 from casesandberg/feature-remove-alpha: 61c81affb1ddd2245ad8688733b6f432a8096d94
    • Removed console.log(): 28a9648f3681dbb7e8f67528f257ee83bec98f1e
    • Npm run lib to remove console.log(): 011d746c9587e7b0a9d5a11ba133e6b4cf93ad6b
    • Merge pull request #174 from CremAlex/master: acac7e64b9195449e477ec96842f56fa07d119d4
    • Merge remote-tracking branch 'upstream/master' into depend-mocha: f29c918290e9c63851176fcd3288bbb5e767219f
    • Merge pull request #150 from code-dot-org/depend-mocha: b0317ffff96494bcb4b3f8e76ec2eef61bba5073
    • Changelog: a056e1ff7321307cff51a91e8c1dc789c5694990
    • Support for inside an iframe/webview: 69db025fe30acf9f743054b99a35dd10b62ae5a2
    • Merge pull request #181 from mattliving/in-iframe: 4f29da290b4f486c2b00dcbcfe374e5f38152f45
    • Changelog: 7d2624063a0b02c44de6e846ce676816447ded61
    • Bump reactcss to 1.0.6: 856c5ac09b7e117e6d47d36e435852674dc5e0ef
    • Extending ReactCSS.Component deprecated, replaced with React.Component: fac1d133e8139e2af8990fdf2aac3e68d982d72b
    • Refactor to use reactcss v1 api: 4efb6c6d8a611652e0c792edece9ad0af4c3c9cc
    • React-map-styles no longer needed: 9292321375f5957df02a1d04b1f59f72381cc93e
    • Run babel on modules where necessary: e70d72c7bb55bb39151f7e7a156bbb901e650f92
    • Npm run lib: 168f286c23887a784ad39b147de5a0ab2177b96a
    • Merge pull request #201 from transcranial/bump-reactcss: d685ab6cb9d7a232a054c70976b86085066c8eda
    • Add NPM Ignore: ee311f2fbbc90f7d6ae84fdabe4e5201a1a1e4e5
    • Changelog: 4695342987a14189d718c032cdecc1cdd950fb6c
    • Add pretest to compile files with babel: 2c477807761d8614fea460c5716f0a5edb0c20e1
    • Fix Extend, Absolute, and 0px: 0e82e680846cbabdc38395f0bbebd620d380f01a
    • Relocate Docs: 26e06bac43fa502d5a0c17065bba3f5b65256970
    • Docs: 41cce1f1c9c7b44843f568d2ed10d4e1a139452a
    • Add Black->White scale to Swatcher picker: #193
    • Change Travis to run unit-test: 634e368ae32ad153a65749b6a6b71bca23326b44
    • Modularize Lodash: #205
    • Changelog: 7c3777e350c856116f3604ee5cd58cec0bcb9df7
    • Fix Regression: SliderPicker Active State: #212
    • Changelog: b9413c9341fcba82f35c4e9067e585051b023ce6
    • Chore(package): update css-loader to version 0.24.0: #208
    • Fix image link in the readme: #213
    • Fonts should be served over HTTPS: #214
    • Documentation Website Fix: 3a70a0c4118c54cc6cd65f533aea8ae34cfb8f07
    • Eslint Init: 023b2b443d8c4f19bd4e8f8bc46f0a30c85a6cf3
    • Chrome Lint: 6f065fdcf074f3038e30a5e4433b4ae215310aed
    • Common Lint: 57bc2c24209a39a4e4ade2b14122309baf22b009
    • Compact Lint: 8850ae52787dbe60acee25a7f47b592a405d932f
    • Material Lint: df9ca08331622c5e8817d150f7622b320d488964
    • Photoshop Lint: 689e1394212a2ae87164d04030f46e5549de275b
    • Sketch Lint: a43fefedcbd926e9f7414fecb1fc43aed90e175f
    • Slider Lint: 2f6660a75bd9854b590f5050e1edd95287c2ca8c
    • Swatches Lint: a47560638758a2ab7b66c356058cdbbf40b0b033
    • Lib Update: fe53c7c1274a93a6dc57fd5a2055120b4b272fce
    • Update Docs Site: 5d477be924f24c243e862bc8401b798a5207258e
    • Eslint #218: b749f46981bd2d7586a4e5f798fe63a8356bf968
    • Changelog: 33bcef4ff68ca6c382132bcb9ac3114a46ff6aa5
    • Docs Overflow Fixes: c90affbc95326d532d19bb06fe9f2058e8cb24fb
    • Docs Overflow Build: 30e117bbee3ae6763984bfb8da4bd7e1b83afe73
    • Move lib to prepublish: 9d771c3b91970dcdef9f975692a938650e7d0364
    • Rearrage Root Files: 13b5b08740bc3d63720ee31185fdae90d2ab04e8
    • Shorten Include Title: e7da68b9cdfd300c5aad0bf25eef54db0dd53ce1
    • Shorten Include Title: c0eef2649ac77b74a7210bf58571e3b6a894dbc4
    • Update Readme: 26709390361f95440f4c434e2165a353cdab2985
    • Move Webpack config back: efdc575a81b4e8ee20476d2fd6a404129ea87ac6
    • SketchPresetColors Swatch: 71588a3fdf9db66b7b0afa8dc63b5b177490fe4d
    • PhotoshopButton: 4be803ee26ff33602e60114a321041fe27dfe3bf
    • Photoshop Cleanup: 596d057b2ef3f1350321fa9192c7fb84a85ab635
    • Move sketch: 15d6fa30b4fc8bd3c33b58b1be5a7f85cc49a235
    • Cleanup Tests: 39273d55ef287bc0ca473acf93d309fa708a3000
    • Add Eslint Check on Test: 8365ec30945454d08f1ad1cf9631fc423be7333e
    • Cleanup Examples: d9029c83e9211cf59bb5f78a29359f0c1f549679
    • White For Check: 838d4b5976d87959639cb6a4644fa5b7f2a3a4e2
    • Make Travis Test Eslint As Well: c0c12ba6b9280698152dacf0819935a9808e5bbd
    • Sketch Fields Remove Extra Divs: 2525a76258adbc8ecdab8804133163d6a5d693b7
    • New Docs Bundle: 469885868a293df2dcd103ad8d9d0a760ecc5310
    • Merge pull request #220 from casesandberg/simplify-components: 14c1dae01540db92807ddea9c6b0702131950b35
    • BlockPicker: ee624474c201561c32461700265cdabc57b8e9bd
    • GithubPicker: 0af1bbf59069e2c29d4751671ebac5d44d24f3f0
    • TwitterPicker: 0ae22090d936efce196e659ce7f12f7d66cc4d65
    • Hue Picker: 49da732073484eefd19efc09de2b2866229fad04
    • AlphaPicker: f509b19fe727f3d97afa0c97b1eb3eaf8175fd69
    • CirclePicker: 960bdd010fe8523b65fe9ea81bb336f0dfd71956
    • Material Colors: 307f5fafa9efe8155753724fbf2c96581a996ee3
    • Docs: 8aaf54a3b252e335ffeec1475805665c1abef14b
    • Header As Color: 46c0f3f6c95d5ffb426eeebfb0069554863c5d65
    • Docs Lint: 0b4c65b1d8ea0ad5eb693b16c5e454b651059f61
    • Spacing Fixes for Docs: 098454e93b0f1abdae2519e72245a4ad0566ffa7
    • Docs Update: 41166da5cd2889966665886a466ddf761fbe449a
    • Merge pull request #231 from casesandberg/new-pickers: 1edad254221a93174df743c982aa5111896d5600
    • Changelog: 9dcdff05996c71de81ebd2c95bf42014c269ad7a
    • Update Pickers: d0139f120c548b268fde47b224b354b52b52c1a1
    • Docs Bundle: 4aa5650f4b7b47fdfa7adc7dddded655e4c64911
    • Update Docs with New Pickers: 4ac4e394e46fe475fd6ee9a6bf5a0a94ff97e180
    • Remove Universal: 741243d14c417d82acc39e353440f950e65409f5
    • Remove Dom: a8f41cfd9bfca41a8939a62cf764c12298cc5029
    • Badges: a73cc564bbe5c335bec4ee5b93248d591336ecc6
    • Update Badges: 2b7d86f0e0c40c477b8fd4326efcb8832f69c6e5
    • Add picker className: 1e3a4bbb53573551edd0e73eeac8de43f1cc789c
    • FIX: CompactPicker handle hex changes: fb118f8af193c32e1ef2a0e0f0278d9e0e1092cc
    • Merge pull request #234 from casesandberg/classname-wrapper: 4090ebf02c956b443317a6c6bc142ddea026e079
    • Merge pull request #235 from casesandberg/compact-picker-hex-fix: f9cb1cd5a632ef4a49b11ed4637db834911add4a
    • Changelog: dd585f65f305cd5e26e21893da386728871e8bed
    • FIX: Input Stacking Issue: 9a79f670b15687ddeb43bd7430ebd0cb8f3b1ab9
    • Merge pull request #237 from casesandberg/input-stacking-issue: 14e1a7b43dd874db9255d2931b37004ea497b2c3
    • Changelog: 5389983197a97a317fc653b26e7c591d44bb8057
    • Merge pull request #238 from casesandberg/input-stacking-issue: 7bf6b1316251d57dc1fe98caf38facfdb2666737
    • Docs Mobile Fixes: 770d90cbb576a012ba5c4eb4cd825c3dcc53f238
    • On Send Travis Emails on Failure: 990cfd0e72afd9ffec22f72a6993db6b9a00c818
    • Merge pull request #239 from casesandberg/travis-email: 955eb0a6f9b2b6a9a51f64fced9ced2bae3b6a72
    • BUG: added unique key prop to components: #242
    • Add Alpha Styles Overwrite: #262
    • Changelog: b54d3ee7e05722418204b924a2dace3c8ee12f88
    • BUG: Add css cursor to PhotoshopButton: #265
    • BUG: Remove correct event listener in EditableInput: #267
    • Update Docs: #269
    • Update Contributing: #268
    • Add Jest Snapshots & Cleanup Components: #270
    • Add react as dev dependency: 11b3a3c42f5acb15159d084ecf8447ab2c239121
    • Split out Component Calculations to Helpers: #271
    • Add none and top-right as triangle direction for Block, Github and Twitter: #273
    • Changelog: 243b0164e9b346660a87c41df4647b35495980ca
    • Smaller NPM Package Size: #280
    • Changelog: e137a3a184c8a104389c888c738dcf0e048c140d
    • Add react-addons-shallow-compare back to dependencies (#282): #281
    • Changelog: 4c7c3cf0239a15d53a28fecdafae7a18ded3b366
    • Revert iFrame Mouse Positioning Fix: #286
    • Correct Path for Components in Documentation: #287
    • Use Inline Style on Saturation Component: #288
    • Pass Up Events to onChange: #289
    • Changelog: 635fe2511cad0d1c739975739625ed6a5ca2267e
    • Update Docs: a5d6a081eea96cd45422ee8925f7d9bee4dec07d
    • Documentation Spelling Fix: #291
    • Update Jest Snapshots for ReactCSS 1.1.0: #294
    • Remove React and React DOM Peer Dependencies: #293
    • Add circleSize and circleSpacing to CirclePicker: #295
    • Changelog: caaabaf4dd9c76e2552282c454db3f12bcbd06b4
    • Update Docs Dist: 05fe117c7dd4a4939dff493d261d11479d20fb39
    • Be React Version Agnostic: #297
    • Changelog: 5f373d0a858e93adaeaad9d47f421948aa61d218
    • Vertical Direction for Hue and Alpha: #298
    • 2.7.0: 69308192115f13699b2d1ee1cb3a3969c4d2b091
    • Changelog: 37c9e3003740df04ea431920350896370c036b0d
    • Add Canvas Renderer for SSR: #301
    • Changelog: d446b60b6562dcfaa847d54862c2216fcf0059b7
    • Pass Custom Pointer to Alpha, Hue and Slider: #303
    • Changelog: c819f3bec2bb2627dab6fa51b1a85d5070711a00
    • Fix pointer events on sketch preset colors: #315
    • Use html title attribute on Swatch: #316
    • Update Material Colors to Fix Const Issue: #317
    • Fix Material Colors Imports: #319
    • Update docs: #320
    • Update to Eslint Config Package: 73d3fb15d38f4938345f3fc33c68e6d8b256c0bb
    • Update ReactCSS: #333
    • BUG: Fixed white color visibility in Swatches picker: #329
    • Allow inputs with values of 0 to fire key-down events: #335
    • 2.11.2: a3d5396a98ec0dafac7ee8f4f8a628db2b552628
    • Simplify Lib Script: e64f33411ae7ca5181c288497e5507a83eec445f
    • Change Default Export Definition: befb042d425e89d79c24c6611aa5bff9f2ab06a9

    Credits

    Huge thanks to @simopaasisalo, @meatwad5675, @casesandberg, @greenkeeperio-bot, @colinwren, @louh, @dwightware4, @ralf-strehle, @marcusmolchany, @alampros, @ismix and @envex for their help!

    Source code(tar.gz)
    Source code(zip)

  • 2.11.0(Jan 5, 2017)

    Minor Changes

    • Use html title attribute on Swatch: #316

    Patches

    • Fix pointer events on sketch preset colors: #315
    • Update Material Colors to Fix Const Issue: #317
    Source code(tar.gz)
    Source code(zip)

  • 2.10.0(Jan 2, 2017)

  • 1.3.0(Dec 10, 2015)

Owner
case
case
GitHub http://casesandberg.github.io/react-color/
Twitter-client - client for twitter-clone

Twitter (Client-Side Rendering) Please star this repo if you like โญ It's motivates me a lot! Getting Started This project was bootstrapped with Create

Ruslan Shvetsov 3 Jul 29, 2022
Chrome-extension-react-boilerplate - Simple Chrome extension React boilerplate.

Simple Chrome extension React boilerplate This is a simple chrome extension boilerplate made in React to use as a default structure for your future pr

Younes 6 May 25, 2022
โœจ Plan your future with Mandal-art โœจ

โœจ Plan your future with Mandal-art โœจ ?? Make my own Mandal-art Mandal-art is a word that combines'Manda+la' and'Art', which means'achieving the goal',

Min Kyung Kang 35 Nov 9, 2022
A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/

null 79 Dec 29, 2022
This is a Chrome extension that aims to encourage accessibility awareness while using GitHub

github-a11y This is a Google Chrome extension that runs a simple JavaScript snippet on github.com domain and aims to encourage accessibility mindfulne

Kate Higa 9 Jul 24, 2022
A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color.

A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color. Can also be clicked to work on mobile devices.

DandaIT04 1 Jan 1, 2022
Super tiny color input ranges for React.

react-color-range ยท Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea

Javier Bรณrquez 3 Jan 16, 2022
Github-ci-cd-react - I followed CI/CD course from codedamn to learn how to implement github actions in a project, in this practical lesson with codedamn am using ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Okechukwu Somtochukwu 1 Jan 2, 2022
Render URL links for Web & Twitter previews

expo-link-preview Render URL links for Web & Twitter previews Built with react-native using expo. Installation # yarn yarn add expo-link-preview # np

null 17 Dec 30, 2022
Take back your twitter feed, by instantly muting all engagement farmers.

Take back your Twitter feed Obliterate all ?? ?? 's from your feed with one-click, and go back to enjoying the content you actually care about. mute.g

Miguel Piedrafita 18 Oct 15, 2022
ํŠธ์นœ์†Œ ์งค ์ƒ์„ฑ๊ธฐ / website about self introduce for twitter-friend

Twitter Friend Introduction ํŠธ์นœ์†Œ๋ž€ ํŠธ์œ„ํ„ฐ์—์„œ SNS ์นœ๊ตฌ๋ฅผ ๊ตฌํ•  ๋•Œ, ์Šค์Šค๋กœ๋ฅผ ์†Œ๊ฐœํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์‚ฌ์ง„ ํ˜•ํƒœ์˜ ์ž๊ธฐ์†Œ๊ฐœ์„œ์™€ ์˜ฌ๋ฆฌ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์œผ๋ฉฐ, ๊ณ„์ •์˜ ์ฃผ์ œ์— ๋งž๋Š” ์ž๊ธฐ์†Œ๊ฐœ์„œ ํ˜•์‹์˜ ์ด๋ฏธ์ง€๋ฅผ ๋‹ค์šด ๋ฐ›์•„ ์ง์ ‘ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ์‹์ด ๋„๋ฆฌ ์“ฐ์ธ๋‹ค. ์ด๋ฏธ์ง€

Shin Hyun 16 Dec 9, 2022
๐Ÿ’ธ 1st place at Hack The Job 2022 - A chrome extension that automatically tracks purchases and budgets, alerting users if they go over their spending limits and allowing them to download PDF reports.

?? Won 1st place overall @ Hack the Job! ?? A browser extension for keeping on top of your finances. This project will keep track of the purchases you

Harsh Topiwala 11 Oct 4, 2022
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Material-UI 83.6k Dec 30, 2022
๐Ÿ““ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.8k Jan 4, 2023
๐ŸŽ‰ toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

toastify-react-native ?? toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense! De

Zahid Ali 29 Oct 11, 2022
Hacker-news-with-react - ๐Ÿ‘พ Consuming the hacker news api, i created a more modern design for than the current site.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Joรฃo Thomaz 1 Jan 3, 2022
a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6

auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r

Pasecinic Nichita 12 Dec 3, 2022
This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

React-compress This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundl

Koma Human 30 Jan 6, 2023
Read Blog. This is also a practical project. Working with APIs more and Routing and many new things.

React blog This is a React blog that created with a custom API. We serve the API in our system and run blog with it. Goals of this project In this pro

AmirHossein Mohammadi 7 Jul 25, 2022