@pandacss/preset-base 0.10.0 → 0.11.1

package/dist/index.d.mts

@@ -475,6 +475,29 @@ declare const preset: {
                 translate: any;
             };
         };
+        bleed: {
+            properties: {
+                inline: {
+                    type: "property";
+                    value: "marginInline";
+                };
+                block: {
+                    type: "property";
+                    value: "marginBlock";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                '--bleed-x': string;
+                '--bleed-y': string;
+                marginInline: "calc(var(--bleed-x, 0) * -1)";
+                marginBlock: "calc(var(--bleed-y, 0) * -1)";
+            };
+        };
+        visuallyHidden: {
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                srOnly: true;
+            };
+        };
     };
 };
 

package/dist/index.d.ts

@@ -475,6 +475,29 @@ declare const preset: {
                 translate: any;
             };
         };
+        bleed: {
+            properties: {
+                inline: {
+                    type: "property";
+                    value: "marginInline";
+                };
+                block: {
+                    type: "property";
+                    value: "marginBlock";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                '--bleed-x': string;
+                '--bleed-y': string;
+                marginInline: "calc(var(--bleed-x, 0) * -1)";
+                marginBlock: "calc(var(--bleed-y, 0) * -1)";
+            };
+        };
+        visuallyHidden: {
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                srOnly: true;
+            };
+        };
     };
 };
 

package/dist/index.js

@@ -219,7 +219,7 @@ var background = {
         "--gradient-stops": "var(--gradient-from), var(--gradient-to)",
         "--gradient": "var(--gradient-via-stops, var(--gradient-stops))",
         backgroundImage: value,
-        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
         color: "transparent"
       };
     }
@@ -2412,6 +2412,30 @@ var float = definePattern({
     };
   }
 });
+var bleed = definePattern({
+  properties: {
+    inline: { type: "property", value: "marginInline" },
+    block: { type: "property", value: "marginBlock" }
+  },
+  transform(props) {
+    const { inline = "0", block = "0", ...rest } = props;
+    return {
+      "--bleed-x": `spacing.${inline}`,
+      "--bleed-y": `spacing.${block}`,
+      marginInline: "calc(var(--bleed-x, 0) * -1)",
+      marginBlock: "calc(var(--bleed-y, 0) * -1)",
+      ...rest
+    };
+  }
+});
+var visuallyHidden = definePattern({
+  transform(props) {
+    return {
+      srOnly: true,
+      ...props
+    };
+  }
+});
 var patterns = {
   box,
   flex,
@@ -2430,7 +2454,9 @@ var patterns = {
   wrap,
   container,
   divider,
-  float
+  float,
+  bleed,
+  visuallyHidden
 };
 
 // src/index.ts

package/dist/index.mjs

@@ -192,7 +192,7 @@ var background = {
         "--gradient-stops": "var(--gradient-from), var(--gradient-to)",
         "--gradient": "var(--gradient-via-stops, var(--gradient-stops))",
         backgroundImage: value,
-        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
         color: "transparent"
       };
     }
@@ -2385,6 +2385,30 @@ var float = definePattern({
     };
   }
 });
+var bleed = definePattern({
+  properties: {
+    inline: { type: "property", value: "marginInline" },
+    block: { type: "property", value: "marginBlock" }
+  },
+  transform(props) {
+    const { inline = "0", block = "0", ...rest } = props;
+    return {
+      "--bleed-x": `spacing.${inline}`,
+      "--bleed-y": `spacing.${block}`,
+      marginInline: "calc(var(--bleed-x, 0) * -1)",
+      marginBlock: "calc(var(--bleed-y, 0) * -1)",
+      ...rest
+    };
+  }
+});
+var visuallyHidden = definePattern({
+  transform(props) {
+    return {
+      srOnly: true,
+      ...props
+    };
+  }
+});
 var patterns = {
   box,
   flex,
@@ -2403,7 +2427,9 @@ var patterns = {
   wrap,
   container,
   divider,
-  float
+  float,
+  bleed,
+  visuallyHidden
 };
 
 // src/index.ts

package/package.json

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