Fix placeholder condition in preset-base (#1981)

chakra-ui · Jan 10, 2024 · f823a8c · f823a8c · vercel · Jan 10, 2024
1 parent 81fd287
commit f823a8c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/large-deers-move.md b/.changeset/large-deers-move.md
@@ -0,0 +1,5 @@
+---
+'@pandacss/preset-base': patch
+---
+
+Fix `placeholder` condition in `preset-base`
diff --git a/packages/preset-base/src/conditions.ts b/packages/preset-base/src/conditions.ts
@@ -62,7 +62,7 @@ export const conditions = {
   autofill: '&:autofill',
   inRange: '&:in-range',
   outOfRange: '&:out-of-range',
-  placeholder: '&:is(:placeholder, [data-placeholder])',
+  placeholder: '&::placeholder, &[data-placeholder]',
   placeholderShown: '&:is(:placeholder-shown, [data-placeholder-shown])',
   pressed: '&:is([aria-pressed=true], [data-pressed])',
   selected: '&:is([aria-selected=true], [data-selected])',

diff --git a/packages/studio/styled-system/types/conditions.d.ts b/packages/studio/styled-system/types/conditions.d.ts
@@ -116,7 +116,7 @@ export interface Conditions {
 	"_inRange": string
 	/** `&:out-of-range` */
 	"_outOfRange": string
-	/** `&:is(:placeholder, [data-placeholder])` */
+	/** `&::placeholder, &[data-placeholder]` */
 	"_placeholder": string
 	/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
 	"_placeholderShown": string