@cas-smartdesign/swatch-picker 3.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/LICENSE +8 -0
- package/dist/default-colors.d.ts +1 -0
- package/dist/docs/2_create-from-source.js +1 -0
- package/dist/docs/doc.css +1 -0
- package/dist/docs/doc.mjs +230 -0
- package/dist/docs/index.html +28 -0
- package/dist/swatch-picker-with-externals.js +103 -0
- package/dist/swatch-picker-with-externals.js.map +7 -0
- package/dist/swatch-picker.d.ts +60 -0
- package/dist/swatch-picker.mjs +394 -0
- package/dist/swatch-picker.mjs.map +1 -0
- package/npm-third-party-licenses.json +192 -0
- package/package.json +34 -0
- package/readme.md +29 -0
package/package.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@cas-smartdesign/swatch-picker",
|
|
3
|
+
"version": "3.0.1",
|
|
4
|
+
"description": "A color picker element which has the look and feel of the smartdesign color picker",
|
|
5
|
+
"main": "dist/swatch-picker-with-externals.js",
|
|
6
|
+
"module": "dist/swatch-picker.mjs",
|
|
7
|
+
"types": "dist/swatch-picker.d.ts",
|
|
8
|
+
"license": "SEE LICENSE IN LICENSE",
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"@cas-smartdesign/element-base": "^5.0.1",
|
|
11
|
+
"@cas-smartdesign/design-tokens": "^1.7.1"
|
|
12
|
+
},
|
|
13
|
+
"files": [
|
|
14
|
+
"dist",
|
|
15
|
+
"npm-third-party-licenses.json"
|
|
16
|
+
],
|
|
17
|
+
"publishConfig": {
|
|
18
|
+
"registry": "https://registry.npmjs.org/",
|
|
19
|
+
"access": "public"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@cas-smartdesign/element-preview": "^0.2.1",
|
|
23
|
+
"@cas-smartdesign/license-generator": "^1.6.1"
|
|
24
|
+
},
|
|
25
|
+
"scripts": {
|
|
26
|
+
"version": "pnpm version",
|
|
27
|
+
"generate-declaration": "tsc -p tsconfig.types.json",
|
|
28
|
+
"build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
|
|
29
|
+
"build": "pnpm generate-license && pnpm build:no-license",
|
|
30
|
+
"watch": "vite build --watch",
|
|
31
|
+
"dev": "vite",
|
|
32
|
+
"generate-license": "sd-license-generator --r ../../"
|
|
33
|
+
}
|
|
34
|
+
}
|
package/readme.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# @cas-smartdesign/swatch-picker
|
|
2
|
+
|
|
3
|
+
A color picker element.
|
|
4
|
+
|
|
5
|
+
## Attributes
|
|
6
|
+
|
|
7
|
+
- `color`: string
|
|
8
|
+
- Defines the color of the icon and the value of the element
|
|
9
|
+
- `columncount`: number
|
|
10
|
+
- Defines the number of columns
|
|
11
|
+
- `colorsize`: number
|
|
12
|
+
- Defines the size of the individual colors on the palette
|
|
13
|
+
|
|
14
|
+
## Properties
|
|
15
|
+
|
|
16
|
+
- `colorList`: string[]
|
|
17
|
+
- Defines the color palette used by the element, if null then default color palette will be used
|
|
18
|
+
|
|
19
|
+
## CSS Custom Properties
|
|
20
|
+
|
|
21
|
+
- `--sd-swatch-picker-icon-size`
|
|
22
|
+
- Defines the size of the icon (default is 24px)
|
|
23
|
+
|
|
24
|
+
## Custom events
|
|
25
|
+
|
|
26
|
+
- `value-change`
|
|
27
|
+
- This event is dispatched when the value (color) of the picker has changed by the User. The _detail_ contains the updated color.
|
|
28
|
+
|
|
29
|
+
## Examples
|