@pandacss/preset-base 0.8.0 → 0.10.0

package/dist/index.d.mts

@@ -166,7 +166,7 @@ declare const preset: {
             };
         };
         vstack: {
-            jsx: string;
+            jsxName: string;
             properties: {
                 justify: {
                     type: "property";
@@ -186,7 +186,7 @@ declare const preset: {
             };
         };
         hstack: {
-            jsx: string;
+            jsxName: string;
             properties: {
                 justify: {
                     type: "property";

package/dist/index.d.ts

@@ -166,7 +166,7 @@ declare const preset: {
             };
         };
         vstack: {
-            jsx: string;
+            jsxName: string;
             properties: {
                 justify: {
                     type: "property";
@@ -186,7 +186,7 @@ declare const preset: {
             };
         };
         hstack: {
-            jsx: string;
+            jsxName: string;
             properties: {
                 justify: {
                     type: "property";

package/dist/index.js

@@ -38,9 +38,9 @@ var conditions = {
   readOnly: "&:is(:read-only, [data-read-only])",
   readWrite: "&:read-write",
   empty: "&:is(:empty, [data-empty])",
-  checked: "&:is(:checked, [data-checked], [aria-checked=true])",
+  checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])',
   enabled: "&:enabled",
-  expanded: "&:is([aria-expanded=true], [data-expanded])",
+  expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])',
   highlighted: "&[data-highlighted]",
   before: "&::before",
   after: "&::after",
@@ -64,9 +64,9 @@ var conditions = {
   peerFocusWithin: ".peer:focus-within ~ &",
   peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
   peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
-  peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
+  peerChecked: '.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &',
   peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
-  peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
+  peerExpanded: '.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &',
   peerPlaceholderShown: ".peer:placeholder-shown ~ &",
   groupFocus: ".group:is(:focus, [data-focus]) &",
   groupHover: ".group:is(:hover, [data-hover]) &",
@@ -74,10 +74,10 @@ var conditions = {
   groupFocusWithin: ".group:focus-within &",
   groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
   groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
-  groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
-  groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
+  groupChecked: '.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &',
+  groupExpanded: '.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &',
   groupInvalid: ".group:invalid &",
-  indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
+  indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")',
   required: "&:required",
   valid: "&:is(:valid, [data-valid])",
   invalid: "&:is(:invalid, [data-invalid])",
@@ -90,7 +90,7 @@ var conditions = {
   selected: "&:is([aria-selected=true], [data-selected])",
   default: "&:default",
   optional: "&:optional",
-  open: "&[open]",
+  open: '&:is([open], [data-open], [data-state="open"])',
   fullscreen: "&:fullscreen",
   loading: "&:is([data-loading], [aria-busy=true])",
   currentPage: "&[aria-current=page]",
@@ -424,6 +424,11 @@ var border = {
     values: "borders",
     shorthand: "borderStart"
   },
+  borderInlineStartWidth: {
+    className: "border-s",
+    values: "borderWidths",
+    shorthand: "borderStartWidth"
+  },
   borderInlineStartColor: {
     className: "border-s",
     values: "colors",
@@ -442,6 +447,11 @@ var border = {
     values: "borders",
     shorthand: "borderEnd"
   },
+  borderInlineEndWidth: {
+    className: "border-e",
+    values: "borderWidths",
+    shorthand: "borderEndWidth"
+  },
   borderInlineEndColor: {
     className: "border-e",
     values: "colors",
@@ -562,6 +572,9 @@ var divide = {
 
 // src/utilities/effects.ts
 var effects = {
+  opacity: {
+    values: "opacity"
+  },
   boxShadow: {
     shorthand: "shadow",
     className: "shadow",
@@ -2087,7 +2100,7 @@ var stack = definePattern({
   }
 });
 var vstack = definePattern({
-  jsx: "VStack",
+  jsxName: "VStack",
   properties: {
     justify: { type: "property", value: "justifyContent" },
     gap: { type: "property", value: "gap" }
@@ -2105,7 +2118,7 @@ var vstack = definePattern({
   }
 });
 var hstack = definePattern({
-  jsx: "HStack",
+  jsxName: "HStack",
   properties: {
     justify: { type: "property", value: "justifyContent" },
     gap: { type: "property", value: "gap" }

package/dist/index.mjs

@@ -11,9 +11,9 @@ var conditions = {
   readOnly: "&:is(:read-only, [data-read-only])",
   readWrite: "&:read-write",
   empty: "&:is(:empty, [data-empty])",
-  checked: "&:is(:checked, [data-checked], [aria-checked=true])",
+  checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])',
   enabled: "&:enabled",
-  expanded: "&:is([aria-expanded=true], [data-expanded])",
+  expanded: '&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])',
   highlighted: "&[data-highlighted]",
   before: "&::before",
   after: "&::after",
@@ -37,9 +37,9 @@ var conditions = {
   peerFocusWithin: ".peer:focus-within ~ &",
   peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
   peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
-  peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
+  peerChecked: '.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &',
   peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
-  peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
+  peerExpanded: '.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &',
   peerPlaceholderShown: ".peer:placeholder-shown ~ &",
   groupFocus: ".group:is(:focus, [data-focus]) &",
   groupHover: ".group:is(:hover, [data-hover]) &",
@@ -47,10 +47,10 @@ var conditions = {
   groupFocusWithin: ".group:focus-within &",
   groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
   groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
-  groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
-  groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
+  groupChecked: '.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &',
+  groupExpanded: '.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &',
   groupInvalid: ".group:invalid &",
-  indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
+  indeterminate: '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")',
   required: "&:required",
   valid: "&:is(:valid, [data-valid])",
   invalid: "&:is(:invalid, [data-invalid])",
@@ -63,7 +63,7 @@ var conditions = {
   selected: "&:is([aria-selected=true], [data-selected])",
   default: "&:default",
   optional: "&:optional",
-  open: "&[open]",
+  open: '&:is([open], [data-open], [data-state="open"])',
   fullscreen: "&:fullscreen",
   loading: "&:is([data-loading], [aria-busy=true])",
   currentPage: "&[aria-current=page]",
@@ -397,6 +397,11 @@ var border = {
     values: "borders",
     shorthand: "borderStart"
   },
+  borderInlineStartWidth: {
+    className: "border-s",
+    values: "borderWidths",
+    shorthand: "borderStartWidth"
+  },
   borderInlineStartColor: {
     className: "border-s",
     values: "colors",
@@ -415,6 +420,11 @@ var border = {
     values: "borders",
     shorthand: "borderEnd"
   },
+  borderInlineEndWidth: {
+    className: "border-e",
+    values: "borderWidths",
+    shorthand: "borderEndWidth"
+  },
   borderInlineEndColor: {
     className: "border-e",
     values: "colors",
@@ -535,6 +545,9 @@ var divide = {
 
 // src/utilities/effects.ts
 var effects = {
+  opacity: {
+    values: "opacity"
+  },
   boxShadow: {
     shorthand: "shadow",
     className: "shadow",
@@ -2060,7 +2073,7 @@ var stack = definePattern({
   }
 });
 var vstack = definePattern({
-  jsx: "VStack",
+  jsxName: "VStack",
   properties: {
     justify: { type: "property", value: "justifyContent" },
     gap: { type: "property", value: "gap" }
@@ -2078,7 +2091,7 @@ var vstack = definePattern({
   }
 });
 var hstack = definePattern({
-  jsx: "HStack",
+  jsxName: "HStack",
   properties: {
     justify: { type: "property", value: "justifyContent" },
     gap: { type: "property", value: "gap" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/preset-base",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "The base preset for Panda CSS that contains the conditions and utilities",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/types": "0.8.0"
+    "@pandacss/types": "0.10.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",