@yamada-ui/color-picker 1.2.2 → 1.2.3-dev-20240313115032
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/alpha-slider.js +2 -0
- package/dist/alpha-slider.mjs +1 -1
- package/dist/{chunk-4ZELXDBV.mjs → chunk-KOP3TT4B.mjs} +2 -2
- package/dist/{chunk-YXFDJ6IV.mjs → chunk-KYPAX6WG.mjs} +1 -1
- package/dist/{chunk-7WB3GIWV.mjs → chunk-LPIU7YRO.mjs} +2 -0
- package/dist/{chunk-I32JBJ6O.mjs → chunk-M3RN3Q4J.mjs} +2 -2
- package/dist/{chunk-622F7XDH.mjs → chunk-NY2N7CU5.mjs} +2 -0
- package/dist/{chunk-LFO4JPND.mjs → chunk-SUM6KYOG.mjs} +2 -2
- package/dist/{chunk-4TCMZFWQ.mjs → chunk-ZM5XOZAQ.mjs} +1 -1
- package/dist/color-picker.js +4 -0
- package/dist/color-picker.mjs +7 -7
- package/dist/color-selector-body.js +4 -0
- package/dist/color-selector-body.mjs +4 -4
- package/dist/color-selector-sliders.js +2 -0
- package/dist/color-selector-sliders.mjs +2 -2
- package/dist/color-selector-swatches.js +2 -0
- package/dist/color-selector-swatches.mjs +2 -2
- package/dist/color-selector.js +4 -0
- package/dist/color-selector.mjs +6 -6
- package/dist/color-swatch.js +2 -0
- package/dist/color-swatch.mjs +1 -1
- package/dist/index.js +4 -0
- package/dist/index.mjs +7 -7
- package/package.json +7 -7
package/dist/alpha-slider.js
CHANGED
|
@@ -292,11 +292,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
292
292
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
293
293
|
var: [
|
|
294
294
|
{
|
|
295
|
+
__prefix: "ui",
|
|
295
296
|
name: "checkers",
|
|
296
297
|
token: "colors",
|
|
297
298
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
298
299
|
},
|
|
299
300
|
{
|
|
301
|
+
__prefix: "ui",
|
|
300
302
|
name: "body",
|
|
301
303
|
token: "colors",
|
|
302
304
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/alpha-slider.mjs
CHANGED
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk-QGG4E6IX.mjs";
|
|
4
4
|
import {
|
|
5
5
|
ColorSelectorBody
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-M3RN3Q4J.mjs";
|
|
7
7
|
import {
|
|
8
8
|
ColorSelectorChannels
|
|
9
9
|
} from "./chunk-WU4LXZS7.mjs";
|
|
10
10
|
import {
|
|
11
11
|
ColorSelectorSwatches
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-KYPAX6WG.mjs";
|
|
13
13
|
import {
|
|
14
14
|
ColorSelectorProvider,
|
|
15
15
|
useColorSelector
|
|
@@ -15,11 +15,13 @@ var defaultOverlays = (background, withShadow) => {
|
|
|
15
15
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
16
16
|
var: [
|
|
17
17
|
{
|
|
18
|
+
__prefix: "ui",
|
|
18
19
|
name: "checkers",
|
|
19
20
|
token: "colors",
|
|
20
21
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
21
22
|
},
|
|
22
23
|
{
|
|
24
|
+
__prefix: "ui",
|
|
23
25
|
name: "body",
|
|
24
26
|
token: "colors",
|
|
25
27
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
} from "./chunk-TP5YUHEO.mjs";
|
|
4
4
|
import {
|
|
5
5
|
ColorSelectorSliders
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-ZM5XOZAQ.mjs";
|
|
7
7
|
import {
|
|
8
8
|
ColorSwatch
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-LPIU7YRO.mjs";
|
|
10
10
|
import {
|
|
11
11
|
useColorSelectorContext
|
|
12
12
|
} from "./chunk-V6ATBZGH.mjs";
|
|
@@ -19,11 +19,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
19
19
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
20
20
|
var: [
|
|
21
21
|
{
|
|
22
|
+
__prefix: "ui",
|
|
22
23
|
name: "checkers",
|
|
23
24
|
token: "colors",
|
|
24
25
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
25
26
|
},
|
|
26
27
|
{
|
|
28
|
+
__prefix: "ui",
|
|
27
29
|
name: "body",
|
|
28
30
|
token: "colors",
|
|
29
31
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -5,13 +5,13 @@ import {
|
|
|
5
5
|
} from "./chunk-WDI5TNLN.mjs";
|
|
6
6
|
import {
|
|
7
7
|
ColorSelector
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-KOP3TT4B.mjs";
|
|
9
9
|
import {
|
|
10
10
|
EyeDropperIcon
|
|
11
11
|
} from "./chunk-TP5YUHEO.mjs";
|
|
12
12
|
import {
|
|
13
13
|
ColorSwatch
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-LPIU7YRO.mjs";
|
|
15
15
|
|
|
16
16
|
// src/color-picker.tsx
|
|
17
17
|
import {
|
package/dist/color-picker.js
CHANGED
|
@@ -762,11 +762,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
762
762
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
763
763
|
var: [
|
|
764
764
|
{
|
|
765
|
+
__prefix: "ui",
|
|
765
766
|
name: "checkers",
|
|
766
767
|
token: "colors",
|
|
767
768
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
768
769
|
},
|
|
769
770
|
{
|
|
771
|
+
__prefix: "ui",
|
|
770
772
|
name: "body",
|
|
771
773
|
token: "colors",
|
|
772
774
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -1014,11 +1016,13 @@ var defaultOverlays3 = (background, withShadow) => {
|
|
|
1014
1016
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
1015
1017
|
var: [
|
|
1016
1018
|
{
|
|
1019
|
+
__prefix: "ui",
|
|
1017
1020
|
name: "checkers",
|
|
1018
1021
|
token: "colors",
|
|
1019
1022
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
1020
1023
|
},
|
|
1021
1024
|
{
|
|
1025
|
+
__prefix: "ui",
|
|
1022
1026
|
name: "body",
|
|
1023
1027
|
token: "colors",
|
|
1024
1028
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/color-picker.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColorPicker
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-SUM6KYOG.mjs";
|
|
4
4
|
import "./chunk-WDI5TNLN.mjs";
|
|
5
|
-
import "./chunk-
|
|
5
|
+
import "./chunk-KOP3TT4B.mjs";
|
|
6
6
|
import "./chunk-QGG4E6IX.mjs";
|
|
7
7
|
import "./chunk-MAHWFXUG.mjs";
|
|
8
|
-
import "./chunk-
|
|
8
|
+
import "./chunk-M3RN3Q4J.mjs";
|
|
9
9
|
import "./chunk-WU4LXZS7.mjs";
|
|
10
10
|
import "./chunk-TP5YUHEO.mjs";
|
|
11
|
-
import "./chunk-
|
|
11
|
+
import "./chunk-ZM5XOZAQ.mjs";
|
|
12
12
|
import "./chunk-JUKLMEVP.mjs";
|
|
13
|
-
import "./chunk-
|
|
13
|
+
import "./chunk-NY2N7CU5.mjs";
|
|
14
14
|
import "./chunk-XAL3WIW7.mjs";
|
|
15
|
-
import "./chunk-
|
|
16
|
-
import "./chunk-
|
|
15
|
+
import "./chunk-KYPAX6WG.mjs";
|
|
16
|
+
import "./chunk-LPIU7YRO.mjs";
|
|
17
17
|
import "./chunk-V6ATBZGH.mjs";
|
|
18
18
|
export {
|
|
19
19
|
ColorPicker
|
|
@@ -359,11 +359,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
359
359
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
360
360
|
var: [
|
|
361
361
|
{
|
|
362
|
+
__prefix: "ui",
|
|
362
363
|
name: "checkers",
|
|
363
364
|
token: "colors",
|
|
364
365
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
365
366
|
},
|
|
366
367
|
{
|
|
368
|
+
__prefix: "ui",
|
|
367
369
|
name: "body",
|
|
368
370
|
token: "colors",
|
|
369
371
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -611,11 +613,13 @@ var defaultOverlays3 = (background, withShadow) => {
|
|
|
611
613
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
612
614
|
var: [
|
|
613
615
|
{
|
|
616
|
+
__prefix: "ui",
|
|
614
617
|
name: "checkers",
|
|
615
618
|
token: "colors",
|
|
616
619
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
617
620
|
},
|
|
618
621
|
{
|
|
622
|
+
__prefix: "ui",
|
|
619
623
|
name: "body",
|
|
620
624
|
token: "colors",
|
|
621
625
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColorSelectorBody
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-M3RN3Q4J.mjs";
|
|
4
4
|
import "./chunk-TP5YUHEO.mjs";
|
|
5
|
-
import "./chunk-
|
|
5
|
+
import "./chunk-ZM5XOZAQ.mjs";
|
|
6
6
|
import "./chunk-JUKLMEVP.mjs";
|
|
7
|
-
import "./chunk-
|
|
7
|
+
import "./chunk-NY2N7CU5.mjs";
|
|
8
8
|
import "./chunk-XAL3WIW7.mjs";
|
|
9
|
-
import "./chunk-
|
|
9
|
+
import "./chunk-LPIU7YRO.mjs";
|
|
10
10
|
import "./chunk-V6ATBZGH.mjs";
|
|
11
11
|
export {
|
|
12
12
|
ColorSelectorBody
|
|
@@ -296,11 +296,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
296
296
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
297
297
|
var: [
|
|
298
298
|
{
|
|
299
|
+
__prefix: "ui",
|
|
299
300
|
name: "checkers",
|
|
300
301
|
token: "colors",
|
|
301
302
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
302
303
|
},
|
|
303
304
|
{
|
|
305
|
+
__prefix: "ui",
|
|
304
306
|
name: "body",
|
|
305
307
|
token: "colors",
|
|
306
308
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColorSelectorSliders
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ZM5XOZAQ.mjs";
|
|
4
4
|
import "./chunk-JUKLMEVP.mjs";
|
|
5
|
-
import "./chunk-
|
|
5
|
+
import "./chunk-NY2N7CU5.mjs";
|
|
6
6
|
import "./chunk-XAL3WIW7.mjs";
|
|
7
7
|
import "./chunk-V6ATBZGH.mjs";
|
|
8
8
|
export {
|
|
@@ -38,11 +38,13 @@ var defaultOverlays = (background, withShadow) => {
|
|
|
38
38
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
39
39
|
var: [
|
|
40
40
|
{
|
|
41
|
+
__prefix: "ui",
|
|
41
42
|
name: "checkers",
|
|
42
43
|
token: "colors",
|
|
43
44
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
44
45
|
},
|
|
45
46
|
{
|
|
47
|
+
__prefix: "ui",
|
|
46
48
|
name: "body",
|
|
47
49
|
token: "colors",
|
|
48
50
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/color-selector.js
CHANGED
|
@@ -755,11 +755,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
755
755
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
756
756
|
var: [
|
|
757
757
|
{
|
|
758
|
+
__prefix: "ui",
|
|
758
759
|
name: "checkers",
|
|
759
760
|
token: "colors",
|
|
760
761
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
761
762
|
},
|
|
762
763
|
{
|
|
764
|
+
__prefix: "ui",
|
|
763
765
|
name: "body",
|
|
764
766
|
token: "colors",
|
|
765
767
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -1007,11 +1009,13 @@ var defaultOverlays3 = (background, withShadow) => {
|
|
|
1007
1009
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
1008
1010
|
var: [
|
|
1009
1011
|
{
|
|
1012
|
+
__prefix: "ui",
|
|
1010
1013
|
name: "checkers",
|
|
1011
1014
|
token: "colors",
|
|
1012
1015
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
1013
1016
|
},
|
|
1014
1017
|
{
|
|
1018
|
+
__prefix: "ui",
|
|
1015
1019
|
name: "body",
|
|
1016
1020
|
token: "colors",
|
|
1017
1021
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/color-selector.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColorSelector
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-KOP3TT4B.mjs";
|
|
4
4
|
import "./chunk-QGG4E6IX.mjs";
|
|
5
5
|
import "./chunk-MAHWFXUG.mjs";
|
|
6
|
-
import "./chunk-
|
|
6
|
+
import "./chunk-M3RN3Q4J.mjs";
|
|
7
7
|
import "./chunk-WU4LXZS7.mjs";
|
|
8
8
|
import "./chunk-TP5YUHEO.mjs";
|
|
9
|
-
import "./chunk-
|
|
9
|
+
import "./chunk-ZM5XOZAQ.mjs";
|
|
10
10
|
import "./chunk-JUKLMEVP.mjs";
|
|
11
|
-
import "./chunk-
|
|
11
|
+
import "./chunk-NY2N7CU5.mjs";
|
|
12
12
|
import "./chunk-XAL3WIW7.mjs";
|
|
13
|
-
import "./chunk-
|
|
14
|
-
import "./chunk-
|
|
13
|
+
import "./chunk-KYPAX6WG.mjs";
|
|
14
|
+
import "./chunk-LPIU7YRO.mjs";
|
|
15
15
|
import "./chunk-V6ATBZGH.mjs";
|
|
16
16
|
export {
|
|
17
17
|
ColorSelector
|
package/dist/color-swatch.js
CHANGED
|
@@ -34,11 +34,13 @@ var defaultOverlays = (background, withShadow) => {
|
|
|
34
34
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
35
35
|
var: [
|
|
36
36
|
{
|
|
37
|
+
__prefix: "ui",
|
|
37
38
|
name: "checkers",
|
|
38
39
|
token: "colors",
|
|
39
40
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
40
41
|
},
|
|
41
42
|
{
|
|
43
|
+
__prefix: "ui",
|
|
42
44
|
name: "body",
|
|
43
45
|
token: "colors",
|
|
44
46
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/color-swatch.mjs
CHANGED
package/dist/index.js
CHANGED
|
@@ -762,11 +762,13 @@ var defaultOverlays = (color, min, max, withShadow) => {
|
|
|
762
762
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
763
763
|
var: [
|
|
764
764
|
{
|
|
765
|
+
__prefix: "ui",
|
|
765
766
|
name: "checkers",
|
|
766
767
|
token: "colors",
|
|
767
768
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
768
769
|
},
|
|
769
770
|
{
|
|
771
|
+
__prefix: "ui",
|
|
770
772
|
name: "body",
|
|
771
773
|
token: "colors",
|
|
772
774
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
|
@@ -1014,11 +1016,13 @@ var defaultOverlays3 = (background, withShadow) => {
|
|
|
1014
1016
|
bgPosition: `0 0, 0 4px, 4px -4px, -4px 0`,
|
|
1015
1017
|
var: [
|
|
1016
1018
|
{
|
|
1019
|
+
__prefix: "ui",
|
|
1017
1020
|
name: "checkers",
|
|
1018
1021
|
token: "colors",
|
|
1019
1022
|
value: ["blackAlpha.300", "whiteAlpha.300"]
|
|
1020
1023
|
},
|
|
1021
1024
|
{
|
|
1025
|
+
__prefix: "ui",
|
|
1022
1026
|
name: "body",
|
|
1023
1027
|
token: "colors",
|
|
1024
1028
|
value: ["whiteAlpha.500", "blackAlpha.500"]
|
package/dist/index.mjs
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColorPicker
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-SUM6KYOG.mjs";
|
|
4
4
|
import "./chunk-WDI5TNLN.mjs";
|
|
5
5
|
import {
|
|
6
6
|
ColorSelector
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-KOP3TT4B.mjs";
|
|
8
8
|
import {
|
|
9
9
|
SaturationSlider
|
|
10
10
|
} from "./chunk-QGG4E6IX.mjs";
|
|
11
11
|
import "./chunk-MAHWFXUG.mjs";
|
|
12
|
-
import "./chunk-
|
|
12
|
+
import "./chunk-M3RN3Q4J.mjs";
|
|
13
13
|
import "./chunk-WU4LXZS7.mjs";
|
|
14
14
|
import "./chunk-TP5YUHEO.mjs";
|
|
15
|
-
import "./chunk-
|
|
15
|
+
import "./chunk-ZM5XOZAQ.mjs";
|
|
16
16
|
import {
|
|
17
17
|
HueSlider
|
|
18
18
|
} from "./chunk-JUKLMEVP.mjs";
|
|
19
19
|
import {
|
|
20
20
|
AlphaSlider
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-NY2N7CU5.mjs";
|
|
22
22
|
import "./chunk-XAL3WIW7.mjs";
|
|
23
|
-
import "./chunk-
|
|
23
|
+
import "./chunk-KYPAX6WG.mjs";
|
|
24
24
|
import {
|
|
25
25
|
ColorSwatch
|
|
26
|
-
} from "./chunk-
|
|
26
|
+
} from "./chunk-LPIU7YRO.mjs";
|
|
27
27
|
import "./chunk-V6ATBZGH.mjs";
|
|
28
28
|
export {
|
|
29
29
|
AlphaSlider,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/color-picker",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3-dev-20240313115032",
|
|
4
4
|
"description": "Yamada UI color picker component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"yamada",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
"url": "https://github.com/yamada-ui/yamada-ui/issues"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@yamada-ui/button": "1.0.
|
|
40
|
-
"@yamada-ui/core": "1.4.
|
|
41
|
-
"@yamada-ui/form-control": "1.0.
|
|
39
|
+
"@yamada-ui/button": "1.0.18-dev-20240313115032",
|
|
40
|
+
"@yamada-ui/core": "1.4.4-dev-20240313115032",
|
|
41
|
+
"@yamada-ui/form-control": "1.0.19-dev-20240313115032",
|
|
42
42
|
"@yamada-ui/use-disclosure": "1.0.7",
|
|
43
|
-
"@yamada-ui/icon": "1.0.
|
|
44
|
-
"@yamada-ui/input": "1.0.
|
|
45
|
-
"@yamada-ui/popover": "1.0.
|
|
43
|
+
"@yamada-ui/icon": "1.0.16-dev-20240313115032",
|
|
44
|
+
"@yamada-ui/input": "1.0.19-dev-20240313115032",
|
|
45
|
+
"@yamada-ui/popover": "1.0.17-dev-20240313115032",
|
|
46
46
|
"@yamada-ui/portal": "1.0.7",
|
|
47
47
|
"@yamada-ui/use-controllable-state": "1.0.7",
|
|
48
48
|
"@yamada-ui/use-eye-dropper": "^1.0.4",
|