@impulse-ui-native/color-picker 10.0.0 → 11.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.mts +5 -22
- package/dist/index.d.mts +22 -5
- package/dist/types/color-picker.types.d.mts +3 -3
- package/package.json +11 -11
|
@@ -1,25 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
import
|
|
1
|
+
import '@impulse-ui-native/primitives';
|
|
2
|
+
import 'react';
|
|
3
|
+
export { ColorPicker } from '../index.mjs';
|
|
4
|
+
import '../types/color-picker.types.mjs';
|
|
5
|
+
import '../types/color-input.types.mjs';
|
|
5
6
|
import '../types/color.types.mjs';
|
|
6
7
|
import '@impulse-ui-native/theme';
|
|
7
8
|
import '@impulse-ui-native/input';
|
|
8
|
-
|
|
9
|
-
declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps> & {
|
|
10
|
-
readonly type: ({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react.JSX.Element;
|
|
11
|
-
} & {
|
|
12
|
-
Root: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react.JSX.Element>;
|
|
13
|
-
Spectrum: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
14
|
-
HueSlider: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
15
|
-
AlphaSlider: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
16
|
-
Preview: react.MemoExoticComponent<({ style, children, ...props }: _impulse_ui_native_primitives.ViewProps) => react.JSX.Element>;
|
|
17
|
-
HexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react.JSX.Element>;
|
|
18
|
-
ChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react.JSX.Element>;
|
|
19
|
-
AlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react.JSX.Element>;
|
|
20
|
-
Swatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react.JSX.Element>;
|
|
21
|
-
Apply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
|
|
22
|
-
Cancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { ColorPicker };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,8 +1,25 @@
|
|
|
1
|
-
export { ColorPicker } from './components/index.mjs';
|
|
2
1
|
export { ColorChannel, ColorPickerCommitMode } from './types/color.types.mjs';
|
|
3
|
-
|
|
2
|
+
import { ColorPickerProps, ColorPickerRootProps, ColorPickerChannelInputProps, ColorPickerAlphaInputProps, ColorPickerSwatchProps, ColorPickerActionProps } from './types/color-picker.types.mjs';
|
|
4
3
|
export { ColorPickerPreset } from '@impulse-ui-native/theme';
|
|
5
|
-
|
|
6
|
-
import '@impulse-ui-native/primitives';
|
|
7
|
-
import 'react';
|
|
4
|
+
import { ColorPickerHexInputProps } from './types/color-input.types.mjs';
|
|
5
|
+
import * as _impulse_ui_native_primitives from '@impulse-ui-native/primitives';
|
|
6
|
+
import * as react from 'react';
|
|
8
7
|
import '@impulse-ui-native/input';
|
|
8
|
+
|
|
9
|
+
declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps> & {
|
|
10
|
+
readonly type: ({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react.JSX.Element;
|
|
11
|
+
} & {
|
|
12
|
+
Root: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react.JSX.Element>;
|
|
13
|
+
Spectrum: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
14
|
+
HueSlider: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
15
|
+
AlphaSlider: react.MemoExoticComponent<() => react.JSX.Element>;
|
|
16
|
+
Preview: react.MemoExoticComponent<({ style, children, ...props }: _impulse_ui_native_primitives.ViewProps) => react.JSX.Element>;
|
|
17
|
+
HexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react.JSX.Element>;
|
|
18
|
+
ChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react.JSX.Element>;
|
|
19
|
+
AlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react.JSX.Element>;
|
|
20
|
+
Swatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react.JSX.Element>;
|
|
21
|
+
Apply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
|
|
22
|
+
Cancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { ColorPicker, ColorPickerActionProps, ColorPickerAlphaInputProps, ColorPickerChannelInputProps, ColorPickerHexInputProps, ColorPickerProps, ColorPickerRootProps, ColorPickerSwatchProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ViewProps, PressableCoreProps
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps, ViewProps, PressableCoreProps } from '@impulse-ui-native/primitives';
|
|
3
3
|
import { ComponentSize, ColorPickerPreset } from '@impulse-ui-native/theme';
|
|
4
|
-
import {
|
|
4
|
+
import { ColorChannel, ColorPickerCommitMode } from './color.types.mjs';
|
|
5
5
|
|
|
6
6
|
interface ColorPickerRootProps extends ViewProps {
|
|
7
7
|
/** Hex: RGB, RGBA, RRGGBB, or RRGGBBAA, with an optional #. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/color-picker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.0.1",
|
|
4
4
|
"description": "Modular spectrum color picker with custom hex/RGB entry and theme presets for React Native.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,14 +28,17 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/
|
|
32
|
-
"@impulse-ui-native/
|
|
33
|
-
"@impulse-ui-native/primitives": "
|
|
34
|
-
"@impulse-ui-native/theme": "
|
|
35
|
-
"@impulse-ui-native/
|
|
36
|
-
"@impulse-ui-native/
|
|
31
|
+
"@impulse-ui-native/core": "11.0.1",
|
|
32
|
+
"@impulse-ui-native/icon": "11.0.1",
|
|
33
|
+
"@impulse-ui-native/primitives": "11.0.1",
|
|
34
|
+
"@impulse-ui-native/theme": "11.0.1",
|
|
35
|
+
"@impulse-ui-native/input": "11.0.1",
|
|
36
|
+
"@impulse-ui-native/slider": "11.0.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
+
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
40
|
+
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
41
|
+
"@impulse-ui-native/tsconfig": "1.0.0",
|
|
39
42
|
"@types/react": "~19.3.0",
|
|
40
43
|
"eslint": "^9.38.0",
|
|
41
44
|
"prettier": "^3.6.2",
|
|
@@ -45,10 +48,7 @@
|
|
|
45
48
|
"react-native-svg": "15.16.0",
|
|
46
49
|
"react-native-gesture-handler": "~3.3.0",
|
|
47
50
|
"react-native-reanimated": "4.7.1",
|
|
48
|
-
"react-native-worklets": "0.13.0"
|
|
49
|
-
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
50
|
-
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
51
|
-
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
51
|
+
"react-native-worklets": "0.13.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": ">=18",
|