@pandacss/preset-base 0.0.0-dev-20230620140303 → 0.0.0-dev-20230620143512

package/dist/index.js

@@ -136,7 +136,13 @@ var background = {
   },
   backgroundClip: {
     shorthand: "bgClip",
-    className: "bg-clip"
+    className: "bg-clip",
+    transform(value) {
+      return {
+        backgroundClip: value,
+        WebkitBackgroundClip: value
+      };
+    }
   },
   background: {
     shorthand: "bg",
@@ -677,6 +683,12 @@ var effects = {
         "var(--backdrop-saturate)",
         "var(--backdrop-sepia)"
       ].join(" ")
+    },
+    transform(value) {
+      return {
+        backdropFilter: value,
+        WebkitBackdropFilter: value
+      };
     }
   },
   backdropBlur: {
@@ -1204,7 +1216,13 @@ var interactivity = {
     className: "touch"
   },
   userSelect: {
-    className: "select"
+    className: "select",
+    transform(value) {
+      return {
+        WebkitUserSelect: value,
+        userSelect: value
+      };
+    }
   }
 };
 
@@ -1222,7 +1240,13 @@ var layout = {
     }
   },
   boxDecorationBreak: {
-    className: "decoration"
+    className: "decoration",
+    transform(value) {
+      return {
+        boxDecorationBreak: value,
+        WebkitBoxDecorationBreak: value
+      };
+    }
   },
   zIndex: {
     className: "z"
@@ -1890,6 +1914,58 @@ var typography = {
   }
 };
 
+// src/utilities/polyfill.ts
+var polyfill = {
+  appearance: {
+    className: "appearance",
+    transform(value) {
+      return { appearance: value, WebkitAppearance: value };
+    }
+  },
+  backfaceVisibility: {
+    className: "backface",
+    transform(value) {
+      return { backfaceVisibility: value, WebkitBackfaceVisibility: value };
+    }
+  },
+  clipPath: {
+    className: "clip-path",
+    transform(value) {
+      return { clipPath: value, WebkitClipPath: value };
+    }
+  },
+  hyphens: {
+    className: "hyphens",
+    transform(value) {
+      return { hyphens: value, WebkitHyphens: value };
+    }
+  },
+  mask: {
+    className: "mask",
+    transform(value) {
+      return { mask: value, WebkitMask: value };
+    }
+  },
+  maskImage: {
+    className: "mask-image",
+    transform(value) {
+      return { maskImage: value, WebkitMaskImage: value };
+    }
+  },
+  maskSize: {
+    className: "mask-size",
+    transform(value) {
+      return { maskSize: value, WebkitMaskSize: value };
+    }
+  },
+  textSizeAdjust: {
+    className: "text-size-adjust",
+    transform(value) {
+      return { textSizeAdjust: value, WebkitTextSizeAdjust: value };
+    }
+  }
+};
+
 // src/utilities/index.ts
 var utilities = Object.assign(
   {},
@@ -1910,7 +1986,8 @@ var utilities = Object.assign(
   transforms,
   interactivity,
   svg,
-  helpers
+  helpers,
+  polyfill
 );
 
 // src/patterns.ts

package/dist/index.mjs

@@ -109,7 +109,13 @@ var background = {
   },
   backgroundClip: {
     shorthand: "bgClip",
-    className: "bg-clip"
+    className: "bg-clip",
+    transform(value) {
+      return {
+        backgroundClip: value,
+        WebkitBackgroundClip: value
+      };
+    }
   },
   background: {
     shorthand: "bg",
@@ -650,6 +656,12 @@ var effects = {
         "var(--backdrop-saturate)",
         "var(--backdrop-sepia)"
       ].join(" ")
+    },
+    transform(value) {
+      return {
+        backdropFilter: value,
+        WebkitBackdropFilter: value
+      };
     }
   },
   backdropBlur: {
@@ -1177,7 +1189,13 @@ var interactivity = {
     className: "touch"
   },
   userSelect: {
-    className: "select"
+    className: "select",
+    transform(value) {
+      return {
+        WebkitUserSelect: value,
+        userSelect: value
+      };
+    }
   }
 };
 
@@ -1195,7 +1213,13 @@ var layout = {
     }
   },
   boxDecorationBreak: {
-    className: "decoration"
+    className: "decoration",
+    transform(value) {
+      return {
+        boxDecorationBreak: value,
+        WebkitBoxDecorationBreak: value
+      };
+    }
   },
   zIndex: {
     className: "z"
@@ -1863,6 +1887,58 @@ var typography = {
   }
 };
 
+// src/utilities/polyfill.ts
+var polyfill = {
+  appearance: {
+    className: "appearance",
+    transform(value) {
+      return { appearance: value, WebkitAppearance: value };
+    }
+  },
+  backfaceVisibility: {
+    className: "backface",
+    transform(value) {
+      return { backfaceVisibility: value, WebkitBackfaceVisibility: value };
+    }
+  },
+  clipPath: {
+    className: "clip-path",
+    transform(value) {
+      return { clipPath: value, WebkitClipPath: value };
+    }
+  },
+  hyphens: {
+    className: "hyphens",
+    transform(value) {
+      return { hyphens: value, WebkitHyphens: value };
+    }
+  },
+  mask: {
+    className: "mask",
+    transform(value) {
+      return { mask: value, WebkitMask: value };
+    }
+  },
+  maskImage: {
+    className: "mask-image",
+    transform(value) {
+      return { maskImage: value, WebkitMaskImage: value };
+    }
+  },
+  maskSize: {
+    className: "mask-size",
+    transform(value) {
+      return { maskSize: value, WebkitMaskSize: value };
+    }
+  },
+  textSizeAdjust: {
+    className: "text-size-adjust",
+    transform(value) {
+      return { textSizeAdjust: value, WebkitTextSizeAdjust: value };
+    }
+  }
+};
+
 // src/utilities/index.ts
 var utilities = Object.assign(
   {},
@@ -1883,7 +1959,8 @@ var utilities = Object.assign(
   transforms,
   interactivity,
   svg,
-  helpers
+  helpers,
+  polyfill
 );
 
 // src/patterns.ts

package/package.json

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