@pandacss/preset-base 0.5.1 → 0.6.0

package/dist/index.d.mts

@@ -364,7 +364,9 @@ declare const preset: {
             transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
                 gridColumn: any;
                 gridRow: any;
+                gridColumnStart: any;
                 gridColumnEnd: any;
+                gridRowStart: any;
                 gridRowEnd: any;
             };
         };

package/dist/index.d.ts

@@ -364,7 +364,9 @@ declare const preset: {
             transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
                 gridColumn: any;
                 gridRow: any;
+                gridColumnStart: any;
                 gridColumnEnd: any;
+                gridRowStart: any;
                 gridRowEnd: any;
             };
         };

package/dist/index.js

@@ -53,8 +53,8 @@ var conditions = {
   first: "&:first-child",
   last: "&:last-child",
   only: "&:only-child",
-  even: "&:even",
-  odd: "&:odd",
+  even: "&:nth-child(even)",
+  odd: "&:nth-child(odd)",
   firstOfType: "&:first-of-type",
   lastOfType: "&:last-of-type",
   onlyOfType: "&:only-of-type",
@@ -840,7 +840,7 @@ var flexGrid = {
     }
   },
   gridTemplateRows: {
-    className: "grid-cols",
+    className: "grid-rows",
     values: {
       "1": "repeat(1, minmax(0, 1fr))",
       "2": "repeat(2, minmax(0, 1fr))",
@@ -1687,6 +1687,19 @@ var tables = {
 };
 
 // src/utilities/transforms.ts
+var positiveFractions = {
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  full: "100%"
+};
+var negativeFractions = Object.fromEntries(
+  Object.entries(positiveFractions).map(([key, value]) => [`-${key}`, `-${value}`])
+);
+var fractions = { ...positiveFractions, ...negativeFractions };
 var transforms = {
   transformOrigin: {
     className: "origin"
@@ -1727,13 +1740,7 @@ var transforms = {
     values(theme) {
       return {
         ...theme("spacing"),
-        "1/2": "50%",
-        "1/3": "33.333333%",
-        "2/3": "66.666667%",
-        "1/4": "25%",
-        "2/4": "50%",
-        "3/4": "75%",
-        full: "100%"
+        ...fractions
       };
     },
     transform(value) {
@@ -1748,13 +1755,7 @@ var transforms = {
     values(theme) {
       return {
         ...theme("spacing"),
-        "1/2": "50%",
-        "1/3": "33.333333%",
-        "2/3": "66.666667%",
-        "1/4": "25%",
-        "2/4": "50%",
-        "3/4": "75%",
-        full: "100%"
+        ...fractions
       };
     },
     transform(value) {
@@ -2173,7 +2174,9 @@ var gridItem = definePattern({
     return {
       gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
       gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+      gridColumnStart: colStart,
       gridColumnEnd: colEnd,
+      gridRowStart: rowStart,
       gridRowEnd: rowEnd,
       ...rest
     };

package/dist/index.mjs

@@ -26,8 +26,8 @@ var conditions = {
   first: "&:first-child",
   last: "&:last-child",
   only: "&:only-child",
-  even: "&:even",
-  odd: "&:odd",
+  even: "&:nth-child(even)",
+  odd: "&:nth-child(odd)",
   firstOfType: "&:first-of-type",
   lastOfType: "&:last-of-type",
   onlyOfType: "&:only-of-type",
@@ -813,7 +813,7 @@ var flexGrid = {
     }
   },
   gridTemplateRows: {
-    className: "grid-cols",
+    className: "grid-rows",
     values: {
       "1": "repeat(1, minmax(0, 1fr))",
       "2": "repeat(2, minmax(0, 1fr))",
@@ -1660,6 +1660,19 @@ var tables = {
 };
 
 // src/utilities/transforms.ts
+var positiveFractions = {
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  full: "100%"
+};
+var negativeFractions = Object.fromEntries(
+  Object.entries(positiveFractions).map(([key, value]) => [`-${key}`, `-${value}`])
+);
+var fractions = { ...positiveFractions, ...negativeFractions };
 var transforms = {
   transformOrigin: {
     className: "origin"
@@ -1700,13 +1713,7 @@ var transforms = {
     values(theme) {
       return {
         ...theme("spacing"),
-        "1/2": "50%",
-        "1/3": "33.333333%",
-        "2/3": "66.666667%",
-        "1/4": "25%",
-        "2/4": "50%",
-        "3/4": "75%",
-        full: "100%"
+        ...fractions
       };
     },
     transform(value) {
@@ -1721,13 +1728,7 @@ var transforms = {
     values(theme) {
       return {
         ...theme("spacing"),
-        "1/2": "50%",
-        "1/3": "33.333333%",
-        "2/3": "66.666667%",
-        "1/4": "25%",
-        "2/4": "50%",
-        "3/4": "75%",
-        full: "100%"
+        ...fractions
       };
     },
     transform(value) {
@@ -2146,7 +2147,9 @@ var gridItem = definePattern({
     return {
       gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
       gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+      gridColumnStart: colStart,
       gridColumnEnd: colEnd,
+      gridRowStart: rowStart,
       gridRowEnd: rowEnd,
       ...rest
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/preset-base",
-  "version": "0.5.1",
+  "version": "0.6.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.5.1"
+    "@pandacss/types": "0.6.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",