@pandacss/preset-base - npm Package Compare versions

Comparing version 0.0.0-dev-20230620140733 to 0.0.0-dev-20230620143512

dist/index.js

@@ -139,3 +139,9 @@ "use strict";
     shorthand: "bgClip",
-    className: "bg-clip"
+    className: "bg-clip",
+    transform(value) {
+      return {
+        backgroundClip: value,
+        WebkitBackgroundClip: value
+      };
+    }
   },
@@ -681,2 +687,8 @@ background: {
       ].join(" ")
+    },
+    transform(value) {
+      return {
+        backdropFilter: value,
+        WebkitBackdropFilter: value
+      };
     }
@@ -1209,3 +1221,9 @@ },
   userSelect: {
-    className: "select"
+    className: "select",
+    transform(value) {
+      return {
+        WebkitUserSelect: value,
+        userSelect: value
+      };
+    }
   }
@@ -1228,3 +1246,9 @@ };
   boxDecorationBreak: {
-    className: "decoration"
+    className: "decoration",
+    transform(value) {
+      return {
+        boxDecorationBreak: value,
+        WebkitBoxDecorationBreak: value
+      };
+    }
   },
@@ -1897,2 +1921,54 @@ zIndex: {
 
+// 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
@@ -1918,3 +1994,4 @@ var utilities = Object.assign(
   svg,
-  helpers
+  helpers,
+  polyfill
 );
@@ -1921,0 +1998,0 @@

package.json

 {
   "name": "@pandacss/preset-base",
-  "version": "0.0.0-dev-20230620140733",
+  "version": "0.0.0-dev-20230620143512",
   "description": "The base preset for Panda CSS that contains the conditions and utilities",
@@ -17,3 +17,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@pandacss/types": "0.0.0-dev-20230620140733"
+    "@pandacss/types": "0.0.0-dev-20230620143512"
   },
@@ -20,0 +20,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

121642

increased by2.79%

Lines of code

5194

increased by3.01%

Dependency changes

• + Added@pandacss/types@0.0.0-dev-20230620143512(transitive)

• - Removed@pandacss/types@0.0.0-dev-20230620140733(transitive)

• Updated@pandacss/types@0.0.0-dev-20230620143512