├── .eslintrc ├── .github ├── FUNDING.yml └── workflows │ ├── node.yml │ └── size.yml ├── .gitignore ├── .prettierrc ├── ACKNOWLEDGMENTS ├── CHANGELOG.md ├── LICENSE ├── README.md ├── demo └── src │ ├── assets │ ├── composable.png │ ├── design.png │ ├── leva.png │ ├── magicpattern-design.jpg │ ├── og.png │ ├── omatsuri-app.png │ ├── resume-io.png │ ├── storybook.png │ ├── viewst.png │ └── wireflow-co.png │ ├── components │ ├── DevTools.tsx │ ├── Icon.tsx │ └── PickerPreview.tsx │ ├── hooks │ ├── declarations.d.ts │ ├── useBodyBackground.ts │ ├── useFaviconColor.ts │ └── useStargazerCount.ts │ ├── index.html │ ├── index.tsx │ └── styles.ts ├── package.json ├── src ├── components │ ├── HexAlphaColorPicker.tsx │ ├── HexColorInput.tsx │ ├── HexColorPicker.tsx │ ├── HslColorPicker.tsx │ ├── HslStringColorPicker.tsx │ ├── HslaColorPicker.tsx │ ├── HslaStringColorPicker.tsx │ ├── HsvColorPicker.tsx │ ├── HsvStringColorPicker.tsx │ ├── HsvaColorPicker.tsx │ ├── HsvaStringColorPicker.tsx │ ├── RgbColorPicker.tsx │ ├── RgbStringColorPicker.tsx │ ├── RgbaColorPicker.tsx │ ├── RgbaStringColorPicker.tsx │ └── common │ │ ├── Alpha.tsx │ │ ├── AlphaColorPicker.tsx │ │ ├── ColorInput.tsx │ │ ├── ColorPicker.tsx │ │ ├── Hue.tsx │ │ ├── Interactive.tsx │ │ ├── Pointer.tsx │ │ └── Saturation.tsx ├── css │ ├── styles.css │ └── styles.css.d.ts ├── hooks │ ├── useColorManipulation.ts │ ├── useEventCallback.ts │ ├── useIsomorphicLayoutEffect.ts │ └── useStyleSheet.ts ├── index.ts ├── types.ts └── utils │ ├── clamp.ts │ ├── compare.ts │ ├── convert.ts │ ├── format.ts │ ├── nonce.ts │ ├── round.ts │ └── validate.ts ├── tests ├── __mocks__ │ └── styles.css.mock.ts ├── __snapshots__ │ └── components.test.js.snap ├── components.test.js ├── csp.test.js └── utils.test.js ├── tsconfig.build.json └── tsconfig.json /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/.eslintrc -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | open_collective: react-colorful 2 | patreon: omgovich 3 | -------------------------------------------------------------------------------- /.github/workflows/node.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/.github/workflows/node.yml -------------------------------------------------------------------------------- /.github/workflows/size.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/.github/workflows/size.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 100 3 | } 4 | -------------------------------------------------------------------------------- /ACKNOWLEDGMENTS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/ACKNOWLEDGMENTS -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/README.md -------------------------------------------------------------------------------- /demo/src/assets/composable.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/composable.png -------------------------------------------------------------------------------- /demo/src/assets/design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/design.png -------------------------------------------------------------------------------- /demo/src/assets/leva.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/leva.png -------------------------------------------------------------------------------- /demo/src/assets/magicpattern-design.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/magicpattern-design.jpg -------------------------------------------------------------------------------- /demo/src/assets/og.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/og.png -------------------------------------------------------------------------------- /demo/src/assets/omatsuri-app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/omatsuri-app.png -------------------------------------------------------------------------------- /demo/src/assets/resume-io.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/resume-io.png -------------------------------------------------------------------------------- /demo/src/assets/storybook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/storybook.png -------------------------------------------------------------------------------- /demo/src/assets/viewst.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/viewst.png -------------------------------------------------------------------------------- /demo/src/assets/wireflow-co.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/assets/wireflow-co.png -------------------------------------------------------------------------------- /demo/src/components/DevTools.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/components/DevTools.tsx -------------------------------------------------------------------------------- /demo/src/components/Icon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/components/Icon.tsx -------------------------------------------------------------------------------- /demo/src/components/PickerPreview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/components/PickerPreview.tsx -------------------------------------------------------------------------------- /demo/src/hooks/declarations.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/hooks/declarations.d.ts -------------------------------------------------------------------------------- /demo/src/hooks/useBodyBackground.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/hooks/useBodyBackground.ts -------------------------------------------------------------------------------- /demo/src/hooks/useFaviconColor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/hooks/useFaviconColor.ts -------------------------------------------------------------------------------- /demo/src/hooks/useStargazerCount.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/hooks/useStargazerCount.ts -------------------------------------------------------------------------------- /demo/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/index.html -------------------------------------------------------------------------------- /demo/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/index.tsx -------------------------------------------------------------------------------- /demo/src/styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/demo/src/styles.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/package.json -------------------------------------------------------------------------------- /src/components/HexAlphaColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HexAlphaColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HexColorInput.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HexColorInput.tsx -------------------------------------------------------------------------------- /src/components/HexColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HexColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HslColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HslColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HslStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HslStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HslaColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HslaColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HslaStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HslaStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HsvColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HsvColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HsvStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HsvStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HsvaColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HsvaColorPicker.tsx -------------------------------------------------------------------------------- /src/components/HsvaStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/HsvaStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/RgbColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/RgbColorPicker.tsx -------------------------------------------------------------------------------- /src/components/RgbStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/RgbStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/RgbaColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/RgbaColorPicker.tsx -------------------------------------------------------------------------------- /src/components/RgbaStringColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/RgbaStringColorPicker.tsx -------------------------------------------------------------------------------- /src/components/common/Alpha.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/Alpha.tsx -------------------------------------------------------------------------------- /src/components/common/AlphaColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/AlphaColorPicker.tsx -------------------------------------------------------------------------------- /src/components/common/ColorInput.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/ColorInput.tsx -------------------------------------------------------------------------------- /src/components/common/ColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/ColorPicker.tsx -------------------------------------------------------------------------------- /src/components/common/Hue.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/Hue.tsx -------------------------------------------------------------------------------- /src/components/common/Interactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/Interactive.tsx -------------------------------------------------------------------------------- /src/components/common/Pointer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/Pointer.tsx -------------------------------------------------------------------------------- /src/components/common/Saturation.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/components/common/Saturation.tsx -------------------------------------------------------------------------------- /src/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/css/styles.css -------------------------------------------------------------------------------- /src/css/styles.css.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/css/styles.css.d.ts -------------------------------------------------------------------------------- /src/hooks/useColorManipulation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/hooks/useColorManipulation.ts -------------------------------------------------------------------------------- /src/hooks/useEventCallback.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/hooks/useEventCallback.ts -------------------------------------------------------------------------------- /src/hooks/useIsomorphicLayoutEffect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/hooks/useIsomorphicLayoutEffect.ts -------------------------------------------------------------------------------- /src/hooks/useStyleSheet.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/hooks/useStyleSheet.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/utils/clamp.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/clamp.ts -------------------------------------------------------------------------------- /src/utils/compare.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/compare.ts -------------------------------------------------------------------------------- /src/utils/convert.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/convert.ts -------------------------------------------------------------------------------- /src/utils/format.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/format.ts -------------------------------------------------------------------------------- /src/utils/nonce.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/nonce.ts -------------------------------------------------------------------------------- /src/utils/round.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/round.ts -------------------------------------------------------------------------------- /src/utils/validate.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/src/utils/validate.ts -------------------------------------------------------------------------------- /tests/__mocks__/styles.css.mock.ts: -------------------------------------------------------------------------------- 1 | export default ".react-colorful{}"; 2 | -------------------------------------------------------------------------------- /tests/__snapshots__/components.test.js.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tests/__snapshots__/components.test.js.snap -------------------------------------------------------------------------------- /tests/components.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tests/components.test.js -------------------------------------------------------------------------------- /tests/csp.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tests/csp.test.js -------------------------------------------------------------------------------- /tests/utils.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tests/utils.test.js -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tsconfig.build.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/omgovich/react-colorful/HEAD/tsconfig.json --------------------------------------------------------------------------------