@chakra-ui/panda-preset 3.19.0 → 3.19.2
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/cjs/recipes/checkmark.cjs +3 -1
- package/dist/cjs/recipes/input.cjs +5 -1
- package/dist/cjs/slot-recipes/checkbox-card.cjs +3 -1
- package/dist/cjs/slot-recipes/checkbox.cjs +3 -1
- package/dist/cjs/slot-recipes/drawer.cjs +1 -1
- package/dist/cjs/slot-recipes/number-input.cjs +5 -1
- package/dist/cjs/slot-recipes/pin-input.cjs +5 -1
- package/dist/esm/recipes/checkmark.js +3 -1
- package/dist/esm/recipes/input.js +5 -1
- package/dist/esm/slot-recipes/checkbox-card.js +3 -1
- package/dist/esm/slot-recipes/checkbox.js +3 -1
- package/dist/esm/slot-recipes/drawer.js +1 -1
- package/dist/esm/slot-recipes/number-input.js +5 -1
- package/dist/esm/slot-recipes/pin-input.js +5 -1
- package/package.json +2 -2
|
@@ -14,6 +14,7 @@ const checkmarkRecipe = def.defineRecipe({
|
|
|
14
14
|
borderWidth: "1px",
|
|
15
15
|
borderColor: "transparent",
|
|
16
16
|
borderRadius: "l1",
|
|
17
|
+
cursor: "checkbox",
|
|
17
18
|
focusVisibleRing: "outside",
|
|
18
19
|
_icon: {
|
|
19
20
|
boxSize: "full"
|
|
@@ -23,7 +24,8 @@ const checkmarkRecipe = def.defineRecipe({
|
|
|
23
24
|
borderColor: "border.error"
|
|
24
25
|
},
|
|
25
26
|
_disabled: {
|
|
26
|
-
opacity: "0.5"
|
|
27
|
+
opacity: "0.5",
|
|
28
|
+
cursor: "disabled"
|
|
27
29
|
}
|
|
28
30
|
},
|
|
29
31
|
variants: {
|
|
@@ -86,7 +86,11 @@ const inputRecipe = def.defineRecipe({
|
|
|
86
86
|
px: "0",
|
|
87
87
|
_focusVisible: {
|
|
88
88
|
borderColor: "var(--focus-color)",
|
|
89
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
89
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
90
|
+
_invalid: {
|
|
91
|
+
borderColor: "var(--error-color)",
|
|
92
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
93
|
+
}
|
|
90
94
|
}
|
|
91
95
|
}
|
|
92
96
|
}
|
|
@@ -70,6 +70,7 @@ const checkboxCardSlotRecipe = def.defineSlotRecipe({
|
|
|
70
70
|
borderWidth: "1px",
|
|
71
71
|
borderColor: "transparent",
|
|
72
72
|
borderRadius: "l1",
|
|
73
|
+
cursor: "checkbox",
|
|
73
74
|
focusVisibleRing: "outside",
|
|
74
75
|
_icon: {
|
|
75
76
|
boxSize: "full"
|
|
@@ -79,7 +80,8 @@ const checkboxCardSlotRecipe = def.defineSlotRecipe({
|
|
|
79
80
|
borderColor: "border.error"
|
|
80
81
|
},
|
|
81
82
|
_disabled: {
|
|
82
|
-
opacity: "0.5"
|
|
83
|
+
opacity: "0.5",
|
|
84
|
+
cursor: "disabled"
|
|
83
85
|
}
|
|
84
86
|
},
|
|
85
87
|
content: {
|
|
@@ -23,6 +23,7 @@ const checkboxSlotRecipe = def.defineSlotRecipe({
|
|
|
23
23
|
borderWidth: "1px",
|
|
24
24
|
borderColor: "transparent",
|
|
25
25
|
borderRadius: "l1",
|
|
26
|
+
cursor: "checkbox",
|
|
26
27
|
focusVisibleRing: "outside",
|
|
27
28
|
_icon: {
|
|
28
29
|
boxSize: "full"
|
|
@@ -32,7 +33,8 @@ const checkboxSlotRecipe = def.defineSlotRecipe({
|
|
|
32
33
|
borderColor: "border.error"
|
|
33
34
|
},
|
|
34
35
|
_disabled: {
|
|
35
|
-
opacity: "0.5"
|
|
36
|
+
opacity: "0.5",
|
|
37
|
+
cursor: "disabled"
|
|
36
38
|
}
|
|
37
39
|
},
|
|
38
40
|
label: {
|
|
@@ -187,7 +187,11 @@ const numberInputSlotRecipe = def.defineSlotRecipe({
|
|
|
187
187
|
px: "0",
|
|
188
188
|
_focusVisible: {
|
|
189
189
|
borderColor: "var(--focus-color)",
|
|
190
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
190
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
191
|
+
_invalid: {
|
|
192
|
+
borderColor: "var(--error-color)",
|
|
193
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
194
|
+
}
|
|
191
195
|
}
|
|
192
196
|
}
|
|
193
197
|
}
|
|
@@ -113,7 +113,11 @@ const pinInputSlotRecipe = def.defineSlotRecipe({
|
|
|
113
113
|
px: "0",
|
|
114
114
|
_focusVisible: {
|
|
115
115
|
borderColor: "var(--focus-color)",
|
|
116
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
116
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
117
|
+
_invalid: {
|
|
118
|
+
borderColor: "var(--error-color)",
|
|
119
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
120
|
+
}
|
|
117
121
|
}
|
|
118
122
|
}
|
|
119
123
|
}
|
|
@@ -12,6 +12,7 @@ const checkmarkRecipe = defineRecipe({
|
|
|
12
12
|
borderWidth: "1px",
|
|
13
13
|
borderColor: "transparent",
|
|
14
14
|
borderRadius: "l1",
|
|
15
|
+
cursor: "checkbox",
|
|
15
16
|
focusVisibleRing: "outside",
|
|
16
17
|
_icon: {
|
|
17
18
|
boxSize: "full"
|
|
@@ -21,7 +22,8 @@ const checkmarkRecipe = defineRecipe({
|
|
|
21
22
|
borderColor: "border.error"
|
|
22
23
|
},
|
|
23
24
|
_disabled: {
|
|
24
|
-
opacity: "0.5"
|
|
25
|
+
opacity: "0.5",
|
|
26
|
+
cursor: "disabled"
|
|
25
27
|
}
|
|
26
28
|
},
|
|
27
29
|
variants: {
|
|
@@ -84,7 +84,11 @@ const inputRecipe = defineRecipe({
|
|
|
84
84
|
px: "0",
|
|
85
85
|
_focusVisible: {
|
|
86
86
|
borderColor: "var(--focus-color)",
|
|
87
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
87
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
88
|
+
_invalid: {
|
|
89
|
+
borderColor: "var(--error-color)",
|
|
90
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
91
|
+
}
|
|
88
92
|
}
|
|
89
93
|
}
|
|
90
94
|
}
|
|
@@ -68,6 +68,7 @@ const checkboxCardSlotRecipe = defineSlotRecipe({
|
|
|
68
68
|
borderWidth: "1px",
|
|
69
69
|
borderColor: "transparent",
|
|
70
70
|
borderRadius: "l1",
|
|
71
|
+
cursor: "checkbox",
|
|
71
72
|
focusVisibleRing: "outside",
|
|
72
73
|
_icon: {
|
|
73
74
|
boxSize: "full"
|
|
@@ -77,7 +78,8 @@ const checkboxCardSlotRecipe = defineSlotRecipe({
|
|
|
77
78
|
borderColor: "border.error"
|
|
78
79
|
},
|
|
79
80
|
_disabled: {
|
|
80
|
-
opacity: "0.5"
|
|
81
|
+
opacity: "0.5",
|
|
82
|
+
cursor: "disabled"
|
|
81
83
|
}
|
|
82
84
|
},
|
|
83
85
|
content: {
|
|
@@ -21,6 +21,7 @@ const checkboxSlotRecipe = defineSlotRecipe({
|
|
|
21
21
|
borderWidth: "1px",
|
|
22
22
|
borderColor: "transparent",
|
|
23
23
|
borderRadius: "l1",
|
|
24
|
+
cursor: "checkbox",
|
|
24
25
|
focusVisibleRing: "outside",
|
|
25
26
|
_icon: {
|
|
26
27
|
boxSize: "full"
|
|
@@ -30,7 +31,8 @@ const checkboxSlotRecipe = defineSlotRecipe({
|
|
|
30
31
|
borderColor: "border.error"
|
|
31
32
|
},
|
|
32
33
|
_disabled: {
|
|
33
|
-
opacity: "0.5"
|
|
34
|
+
opacity: "0.5",
|
|
35
|
+
cursor: "disabled"
|
|
34
36
|
}
|
|
35
37
|
},
|
|
36
38
|
label: {
|
|
@@ -185,7 +185,11 @@ const numberInputSlotRecipe = defineSlotRecipe({
|
|
|
185
185
|
px: "0",
|
|
186
186
|
_focusVisible: {
|
|
187
187
|
borderColor: "var(--focus-color)",
|
|
188
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
188
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
189
|
+
_invalid: {
|
|
190
|
+
borderColor: "var(--error-color)",
|
|
191
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
192
|
+
}
|
|
189
193
|
}
|
|
190
194
|
}
|
|
191
195
|
}
|
|
@@ -111,7 +111,11 @@ const pinInputSlotRecipe = defineSlotRecipe({
|
|
|
111
111
|
px: "0",
|
|
112
112
|
_focusVisible: {
|
|
113
113
|
borderColor: "var(--focus-color)",
|
|
114
|
-
boxShadow: "0px 1px 0px 0px var(--focus-color)"
|
|
114
|
+
boxShadow: "0px 1px 0px 0px var(--focus-color)",
|
|
115
|
+
_invalid: {
|
|
116
|
+
borderColor: "var(--error-color)",
|
|
117
|
+
boxShadow: "0px 1px 0px 0px var(--error-color)"
|
|
118
|
+
}
|
|
115
119
|
}
|
|
116
120
|
}
|
|
117
121
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chakra-ui/panda-preset",
|
|
3
|
-
"version": "3.19.
|
|
3
|
+
"version": "3.19.2",
|
|
4
4
|
"description": "Panda preset for Chakra UI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cjs/index.cjs",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"globby": "14.1.0",
|
|
52
|
-
"@chakra-ui/cli": "3.19.
|
|
52
|
+
"@chakra-ui/cli": "3.19.2"
|
|
53
53
|
},
|
|
54
54
|
"scripts": {
|
|
55
55
|
"theme:eject": "chakra eject --outdir=src",
|