gitextract_nu_8j6t6/ ├── .babelrc ├── .github/ │ └── CONTRIBUTING.md ├── .gitignore ├── .storybook/ │ ├── SyncColorField.js │ ├── addons.js │ ├── config.js │ └── report.js ├── .travis.yml ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── docs/ │ ├── build/ │ │ └── bundle.js │ ├── components/ │ │ └── home/ │ │ ├── Home.js │ │ ├── HomeDocumentation.js │ │ └── HomeFeature.js │ ├── documentation/ │ │ ├── 01-about.md │ │ ├── 02-getting-started.md │ │ ├── 02.01-install.md │ │ ├── 02.02-include.md │ │ ├── 03-api.md │ │ ├── 03.01-color.md │ │ ├── 03.02-onChange.md │ │ ├── 03.03-onChangeComplete.md │ │ ├── 03.04-individual.md │ │ ├── 03.05-customStyles.md │ │ ├── 04-create.md │ │ ├── 04.01-parent.md │ │ ├── 04.02-helpers.md │ │ ├── 05-examples.md │ │ └── index.js │ ├── index.html │ └── index.js ├── examples/ │ ├── basic/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ └── index.js │ ├── basic-positioning/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ └── index.js │ ├── basic-toggle-open-closed/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ └── index.js │ ├── basic-with-react-hooks/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ └── index.js │ ├── custom-picker/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ ├── MyPicker.js │ │ └── index.js │ ├── custom-pointer/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ ├── MyPicker.js │ │ ├── MyPointer.js │ │ └── index.js │ ├── with-portals/ │ │ ├── .gitignore │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── App.js │ │ ├── Modal.js │ │ ├── Portal.js │ │ └── index.js │ └── with-redux/ │ ├── .gitignore │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── App.js │ ├── index.js │ └── reducer.js ├── package.json ├── scripts/ │ ├── docs-dist.js │ ├── docs-server.js │ ├── restore-original-babelrc.js │ └── use-module-babelrc.js ├── src/ │ ├── Alpha.js │ ├── Block.js │ ├── Chrome.js │ ├── Circle.js │ ├── Compact.js │ ├── Custom.js │ ├── Github.js │ ├── Google.js │ ├── Hue.js │ ├── Material.js │ ├── Photoshop.js │ ├── Sketch.js │ ├── Slider.js │ ├── Swatches.js │ ├── Twitter.js │ ├── components/ │ │ ├── alpha/ │ │ │ ├── Alpha.js │ │ │ ├── AlphaPointer.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ └── spec.js │ │ ├── block/ │ │ │ ├── Block.js │ │ │ ├── BlockSwatches.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── chrome/ │ │ │ ├── Chrome.js │ │ │ ├── ChromeFields.js │ │ │ ├── ChromePointer.js │ │ │ ├── ChromePointerCircle.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── circle/ │ │ │ ├── Circle.js │ │ │ ├── CircleSwatch.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── common/ │ │ │ ├── Alpha.js │ │ │ ├── Checkboard.js │ │ │ ├── ColorWrap.js │ │ │ ├── EditableInput.js │ │ │ ├── Hue.js │ │ │ ├── Raised.js │ │ │ ├── Saturation.js │ │ │ ├── Swatch.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── index.js │ │ │ └── spec.js │ │ ├── compact/ │ │ │ ├── Compact.js │ │ │ ├── CompactColor.js │ │ │ ├── CompactFields.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── github/ │ │ │ ├── Github.js │ │ │ ├── GithubSwatch.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── google/ │ │ │ ├── Google.js │ │ │ ├── GoogleFields.js │ │ │ ├── GooglePointer.js │ │ │ ├── GooglePointerCircle.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── hue/ │ │ │ ├── Hue.js │ │ │ ├── HuePointer.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ └── spec.js │ │ ├── material/ │ │ │ ├── Material.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── photoshop/ │ │ │ ├── Photoshop.js │ │ │ ├── PhotoshopButton.js │ │ │ ├── PhotoshopFields.js │ │ │ ├── PhotoshopPointer.js │ │ │ ├── PhotoshopPointerCircle.js │ │ │ ├── PhotoshopPreviews.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── sketch/ │ │ │ ├── Sketch.js │ │ │ ├── SketchFields.js │ │ │ ├── SketchPresetColors.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ ├── slider/ │ │ │ ├── Slider.js │ │ │ ├── SliderPointer.js │ │ │ ├── SliderSwatch.js │ │ │ ├── SliderSwatches.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ └── spec.js │ │ ├── swatches/ │ │ │ ├── Swatches.js │ │ │ ├── SwatchesColor.js │ │ │ ├── SwatchesGroup.js │ │ │ ├── __snapshots__/ │ │ │ │ └── spec.js.snap │ │ │ ├── spec.js │ │ │ └── story.js │ │ └── twitter/ │ │ ├── Twitter.js │ │ ├── __snapshots__/ │ │ │ └── spec.js.snap │ │ ├── spec.js │ │ └── story.js │ ├── helpers/ │ │ ├── alpha.js │ │ ├── checkboard.js │ │ ├── color.js │ │ ├── hue.js │ │ ├── index.js │ │ ├── interaction.js │ │ ├── saturation.js │ │ └── spec.js │ └── index.js └── webpack.config.js