@chakra-ui/panda-preset 3.19.1 → 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.
@@ -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
  }
@@ -173,7 +173,7 @@ const drawerSlotRecipe = def.defineSlotRecipe({
173
173
  _closed: {
174
174
  animationName: {
175
175
  base: "slide-to-right-full, fade-out",
176
- _rtl: "slide-to-right-full, fade-out"
176
+ _rtl: "slide-to-left-full, fade-out"
177
177
  }
178
178
  }
179
179
  }
@@ -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
  }
@@ -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
  }
@@ -171,7 +171,7 @@ const drawerSlotRecipe = defineSlotRecipe({
171
171
  _closed: {
172
172
  animationName: {
173
173
  base: "slide-to-right-full, fade-out",
174
- _rtl: "slide-to-right-full, fade-out"
174
+ _rtl: "slide-to-left-full, fade-out"
175
175
  }
176
176
  }
177
177
  }
@@ -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.1",
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.1"
52
+ "@chakra-ui/cli": "3.19.2"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",