@theme-ui/components - npm Package Compare versions

Comparing version 0.17.2-develop.0 to 0.17.2-develop.1

dist/theme-ui-components.cjs.dev.js

@@ -72,9 +72,12 @@ 'use strict';
 const Flex = /*#__PURE__*/React__default["default"].forwardRef(function Flex(props, ref) {
+  const {
+    sx
+  } = props;
   return jsxRuntime.jsx(Box$1, {
     ref: ref,
     ...props,
-    sx: {
+    sx: theme => ({
       display: 'flex',
-      ...props.sx
-    }
+      ...(typeof sx === 'function' ? sx(theme) : sx)
+    })
   });
@@ -81,0 +84,0 @@ });

dist/theme-ui-components.cjs.prod.js

@@ -72,9 +72,12 @@ 'use strict';
 const Flex = /*#__PURE__*/React__default["default"].forwardRef(function Flex(props, ref) {
+  const {
+    sx
+  } = props;
   return jsxRuntime.jsx(Box$1, {
     ref: ref,
     ...props,
-    sx: {
+    sx: theme => ({
       display: 'flex',
-      ...props.sx
-    }
+      ...(typeof sx === 'function' ? sx(theme) : sx)
+    })
   });
@@ -81,0 +84,0 @@ });

dist/theme-ui-components.esm.js

@@ -64,9 +64,12 @@ import { useTheme } from '@emotion/react';
 const Flex = /*#__PURE__*/React.forwardRef(function Flex(props, ref) {
+  const {
+    sx
+  } = props;
   return jsx(Box$1, {
     ref: ref,
     ...props,
-    sx: {
+    sx: theme => ({
       display: 'flex',
-      ...props.sx
-    }
+      ...(typeof sx === 'function' ? sx(theme) : sx)
+    })
   });
@@ -73,0 +76,0 @@ });

package.json

 {
   "name": "@theme-ui/components",
-  "version": "0.17.2-develop.0",
+  "version": "0.17.2-develop.1",
   "main": "dist/theme-ui-components.cjs.js",
@@ -13,4 +13,4 @@ "module": "dist/theme-ui-components.esm.js",
     "@types/styled-system": "^5.1.13",
-    "@theme-ui/css": "^0.17.2-develop.0",
-    "@theme-ui/core": "^0.17.2-develop.0"
+    "@theme-ui/css": "^0.17.2-develop.1",
+    "@theme-ui/core": "^0.17.2-develop.1"
   },
@@ -20,3 +20,3 @@ "peerDependencies": {
     "react": ">=18",
-    "@theme-ui/theme-provider": "^0.17.2-develop.0"
+    "@theme-ui/theme-provider": "^0.17.2-develop.1"
   },
@@ -27,3 +27,3 @@ "devDependencies": {
     "react": "^18.1.0",
-    "@theme-ui/test-utils": "^0.17.2-develop.0"
+    "@theme-ui/test-utils": "^0.17.2-develop.1"
   },
@@ -30,0 +30,0 @@ "publishConfig": {

No alert changes

Improved metrics

Total package byte prevSize

236782

increased by0.15%

Lines of code

7352

increased by0.15%

Dependency changes

• Updated@theme-ui/core@^0.17.2-develop.1

• Updated@theme-ui/css@^0.17.2-develop.1