@chakra-ui/styled-system - npm Package Compare versions

Comparing version 0.0.0-dev-20230207150933 to 0.0.0-dev-20230207153012

dist/index.js

@@ -612,16 +612,2 @@ "use strict";
   flexDirection: { transform: transformFunctions.flexDirection },
-  experimental_spaceX: {
-    static: spaceXTemplate,
-    transform: createTransform({
-      scale: "space",
-      transform: (value) => value !== null ? { "--chakra-space-x": value } : null
-    })
-  },
-  experimental_spaceY: {
-    static: spaceYTemplate,
-    transform: createTransform({
-      scale: "space",
-      transform: (value) => value != null ? { "--chakra-space-y": value } : null
-    })
-  },
   flex: true,
@@ -701,2 +687,22 @@ flexFlow: true,
   display: true,
+  hideFrom: {
+    scale: "breakpoints",
+    transform: (value, theme) => {
+      var _a, _b;
+      const { minWQuery = value } = (_b = (_a = theme.__breakpoints) == null ? void 0 : _a.get(value)) != null ? _b : {};
+      return {
+        [`@media screen and (min-width: ${minWQuery})`]: { display: "none" }
+      };
+    }
+  },
+  hideBelow: {
+    scale: "breakpoints",
+    transform: (value, theme) => {
+      var _a, _b;
+      const { maxWQuery = value } = (_b = (_a = theme.__breakpoints) == null ? void 0 : _a.get(value)) != null ? _b : {};
+      return {
+        [`@media screen and (max-width: ${maxWQuery})`]: { display: "none" }
+      };
+    }
+  },
   verticalAlign: true,
@@ -1160,2 +1166,5 @@ boxSizing: true,
     details: queries,
+    get(key) {
+      return queries.find((q) => q.breakpoint === key);
+    },
     media: [
@@ -1385,3 +1394,4 @@ null,
   "transition",
-  "blur"
+  "blur",
+  "breakpoints"
 ];
@@ -1388,0 +1398,0 @@ function extractTokens(theme) {

package.json

 {
   "name": "@chakra-ui/styled-system",
-  "version": "0.0.0-dev-20230207150933",
+  "version": "0.0.0-dev-20230207153012",
   "description": "Style function for css-in-js building component libraries",
@@ -45,3 +45,3 @@ "keywords": [
     "clean-package": "2.1.1",
-    "@chakra-ui/breakpoint-utils": "2.0.7",
+    "@chakra-ui/breakpoint-utils": "0.0.0-dev-20230207153012",
     "@chakra-ui/merge-utils": "2.0.7",
@@ -48,0 +48,0 @@ "@chakra-ui/object-utils": "2.0.8"

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

208841

increased by0.33%

Lines of code

6299

increased by0.32%

No dependency changes