├── .github └── workflows │ ├── pull-request.yml │ └── release-package.yml ├── .gitignore ├── .npmignore ├── .nvmrc ├── .prettierrc ├── LICENSE ├── README.md ├── biome.json ├── package.json ├── src ├── components │ ├── AdvancedControls.tsx │ ├── ComparibleColors.tsx │ ├── Controls.tsx │ ├── EyeDropper.tsx │ ├── GradientBar.tsx │ ├── GradientControls.tsx │ ├── Hue.tsx │ ├── Inputs.tsx │ ├── Opacity.tsx │ ├── Picker.tsx │ ├── Portal.tsx │ ├── Presets.tsx │ ├── Square.tsx │ ├── icon.tsx │ └── index.tsx ├── constants.ts ├── context.tsx ├── hooks │ ├── useColorPicker.ts │ ├── usePaintHue.ts │ └── usePaintSquare.ts ├── index.ts ├── shared │ └── types.ts ├── styles │ ├── darkStyles.ts │ └── styles.ts └── utils │ ├── converters.ts │ ├── formatters.ts │ ├── gradientParser.ts │ └── utils.ts ├── test ├── gradientParser.spec.js └── utils.spec.js ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.github/workflows/pull-request.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/.github/workflows/pull-request.yml -------------------------------------------------------------------------------- /.github/workflows/release-package.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/.github/workflows/release-package.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/.npmignore -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | v16 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/.prettierrc -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/README.md -------------------------------------------------------------------------------- /biome.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/biome.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/package.json -------------------------------------------------------------------------------- /src/components/AdvancedControls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/AdvancedControls.tsx -------------------------------------------------------------------------------- /src/components/ComparibleColors.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/ComparibleColors.tsx -------------------------------------------------------------------------------- /src/components/Controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Controls.tsx -------------------------------------------------------------------------------- /src/components/EyeDropper.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/EyeDropper.tsx -------------------------------------------------------------------------------- /src/components/GradientBar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/GradientBar.tsx -------------------------------------------------------------------------------- /src/components/GradientControls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/GradientControls.tsx -------------------------------------------------------------------------------- /src/components/Hue.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Hue.tsx -------------------------------------------------------------------------------- /src/components/Inputs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Inputs.tsx -------------------------------------------------------------------------------- /src/components/Opacity.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Opacity.tsx -------------------------------------------------------------------------------- /src/components/Picker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Picker.tsx -------------------------------------------------------------------------------- /src/components/Portal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Portal.tsx -------------------------------------------------------------------------------- /src/components/Presets.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Presets.tsx -------------------------------------------------------------------------------- /src/components/Square.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/Square.tsx -------------------------------------------------------------------------------- /src/components/icon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/icon.tsx -------------------------------------------------------------------------------- /src/components/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/components/index.tsx -------------------------------------------------------------------------------- /src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/constants.ts -------------------------------------------------------------------------------- /src/context.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/context.tsx -------------------------------------------------------------------------------- /src/hooks/useColorPicker.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/hooks/useColorPicker.ts -------------------------------------------------------------------------------- /src/hooks/usePaintHue.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/hooks/usePaintHue.ts -------------------------------------------------------------------------------- /src/hooks/usePaintSquare.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/hooks/usePaintSquare.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/shared/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/shared/types.ts -------------------------------------------------------------------------------- /src/styles/darkStyles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/styles/darkStyles.ts -------------------------------------------------------------------------------- /src/styles/styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/styles/styles.ts -------------------------------------------------------------------------------- /src/utils/converters.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/utils/converters.ts -------------------------------------------------------------------------------- /src/utils/formatters.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/utils/formatters.ts -------------------------------------------------------------------------------- /src/utils/gradientParser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/utils/gradientParser.ts -------------------------------------------------------------------------------- /src/utils/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/src/utils/utils.ts -------------------------------------------------------------------------------- /test/gradientParser.spec.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/test/gradientParser.spec.js -------------------------------------------------------------------------------- /test/utils.spec.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/test/utils.spec.js -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/tsconfig.build.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hxf31891/react-gradient-color-picker/HEAD/yarn.lock --------------------------------------------------------------------------------