@synerise/ds-color-picker 1.3.25 → 1.3.26
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/CHANGELOG.md +4 -0
- package/README.md +5 -5
- package/package.json +14 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.3.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-color-picker@1.3.25...@synerise/ds-color-picker@1.3.26) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-color-picker
|
|
9
|
+
|
|
6
10
|
## [1.3.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-color-picker@1.3.24...@synerise/ds-color-picker@1.3.25) (2026-03-09)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @synerise/ds-color-picker
|
package/README.md
CHANGED
|
@@ -32,16 +32,16 @@ import ColorPicker from '@synerise/ds-color-picker'
|
|
|
32
32
|
|
|
33
33
|
| Property | Description | Type | Default |
|
|
34
34
|
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | ------- |
|
|
35
|
-
| maxWidth | Picker overlay max width
|
|
35
|
+
| maxWidth | Picker overlay max width. Only applied when value is >= 228. | number | - |
|
|
36
36
|
| value | picker value | string | - |
|
|
37
37
|
| onChange | value change handler | (color: string) => void | - |
|
|
38
|
-
| colors | Array of color swatches to render
|
|
38
|
+
| colors | Array of color swatches to render (initialises local state on mount) | string[] | [] |
|
|
39
39
|
| onSaveColors | change swatches handler | (colors: string[]) => void | - |
|
|
40
40
|
| infix | used for inlining implementation of other ways of selecting/showing color value (select with converting to other color notations) | (colorHooks?: Partial<ColorHookType>) => JSX.Element | - |
|
|
41
|
-
| maxSavedColors | max number of allowed swatches | number |
|
|
41
|
+
| maxSavedColors | max number of allowed swatches | number | 9 |
|
|
42
42
|
| tooltip | copy color tooltip text | { copy: string; copied: string; } | - |
|
|
43
43
|
| isShownSavedColors | controls rendering of swtches | boolean | - |
|
|
44
|
-
| size |
|
|
44
|
+
| size | height of the color picker panel (S=136px, M=168px, L=200px) | 'S' / 'M' / 'L' | 'M' |
|
|
45
45
|
| readOnly | renders readOnly styled input | boolean | - |
|
|
46
46
|
| disabled | renders disabled input | boolean | - |
|
|
47
47
|
| error | renders error styled input | boolean | - |
|
|
@@ -49,4 +49,4 @@ import ColorPicker from '@synerise/ds-color-picker'
|
|
|
49
49
|
| description | renders description below trigger | string | - |
|
|
50
50
|
| placeholder | Input placeholder text | string | - |
|
|
51
51
|
| getPopupContainer | function to find DOM node in which the overlay should be rendered | (triggerNode: HTMLElement) => HTMLElement | - |
|
|
52
|
-
| inputProps | subset of InputProps - see ds-input
|
|
52
|
+
| inputProps | subset of InputProps - see ds-input (value, onChange, placeholder, disabled, readOnly, prefix and FormFieldCommonProps are excluded) | Omit<InputProps, ...> | - |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-color-picker",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.26",
|
|
4
4
|
"description": "Color-Picker Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
26
|
-
"test": "vitest",
|
|
27
|
-
"test:watch": "
|
|
26
|
+
"test": "vitest run",
|
|
27
|
+
"test:watch": "vitest",
|
|
28
28
|
"types": "tsc --noEmit",
|
|
29
29
|
"check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
|
|
30
30
|
"upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-button": "^1.5.
|
|
39
|
-
"@synerise/ds-copy-icon": "^1.2.
|
|
40
|
-
"@synerise/ds-divider": "^1.3.
|
|
41
|
-
"@synerise/ds-dropdown": "^1.3.
|
|
42
|
-
"@synerise/ds-form-field": "^1.3.
|
|
43
|
-
"@synerise/ds-icon": "^1.
|
|
44
|
-
"@synerise/ds-input": "^1.6.
|
|
45
|
-
"@synerise/ds-tags": "^1.5.
|
|
46
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
47
|
-
"@synerise/ds-utils": "^1.
|
|
38
|
+
"@synerise/ds-button": "^1.5.17",
|
|
39
|
+
"@synerise/ds-copy-icon": "^1.2.1",
|
|
40
|
+
"@synerise/ds-divider": "^1.3.1",
|
|
41
|
+
"@synerise/ds-dropdown": "^1.3.1",
|
|
42
|
+
"@synerise/ds-form-field": "^1.3.9",
|
|
43
|
+
"@synerise/ds-icon": "^1.15.0",
|
|
44
|
+
"@synerise/ds-input": "^1.6.9",
|
|
45
|
+
"@synerise/ds-tags": "^1.5.26",
|
|
46
|
+
"@synerise/ds-tooltip": "^1.4.9",
|
|
47
|
+
"@synerise/ds-utils": "^1.7.0",
|
|
48
48
|
"react-colorful": "^5.2.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"react": ">=16.9.0 <= 18.3.1",
|
|
57
57
|
"styled-components": "^5.3.3"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
60
60
|
}
|