@theme-ui/core - npm Package Compare versions

Comparing version 0.15.7 to 0.16.0-develop.4

dist/declarations/src/jsx-namespace.d.ts

@@ -1,29 +0,17 @@
-import { SxProp } from './types';
-declare type WithConditionalSxProp<P> = 'className' extends keyof P ? string extends P['className'] ? P & SxProp : P : P;
-declare type ReactJSXElement = JSX.Element;
-declare type ReactJSXElementClass = JSX.ElementClass;
-declare type ReactJSXElementAttributesProperty = JSX.ElementAttributesProperty;
-declare type ReactJSXElementChildrenAttribute = JSX.ElementChildrenAttribute;
-declare type ReactJSXLibraryManagedAttributes<C, P> = JSX.LibraryManagedAttributes<C, P>;
-declare type ReactJSXIntrinsicAttributes = JSX.IntrinsicAttributes;
-declare type ReactJSXIntrinsicClassAttributes<T> = JSX.IntrinsicClassAttributes<T>;
-declare type ReactJSXIntrinsicElements = JSX.IntrinsicElements;
+import type { SxProp } from './types';
+import type { JSX as ReactJSX } from 'react';
+type WithConditionalSxProp<P> = 'className' extends keyof P ? string extends P['className'] ? P & SxProp : P : P;
 export declare namespace ThemeUIJSX {
-    interface Element extends ReactJSXElement {
-    }
-    interface ElementClass extends ReactJSXElementClass {
-    }
-    interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {
-    }
-    interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {
-    }
-    type LibraryManagedAttributes<C, P> = WithConditionalSxProp<P> & ReactJSXLibraryManagedAttributes<C, P>;
-    interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {
-    }
-    interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {
-    }
+    type Element = ReactJSX.Element;
+    type ElementType = ReactJSX.ElementType;
+    type ElementClass = ReactJSX.ElementClass;
+    type ElementAttributesProperty = ReactJSX.ElementAttributesProperty;
+    type ElementChildrenAttribute = ReactJSX.ElementChildrenAttribute;
+    type LibraryManagedAttributes<C, P> = WithConditionalSxProp<P> & ReactJSX.LibraryManagedAttributes<C, P>;
+    type IntrinsicAttributes = ReactJSX.IntrinsicAttributes;
+    type IntrinsicClassAttributes<T> = ReactJSX.IntrinsicClassAttributes<T>;
     type IntrinsicElements = {
-        [K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] & SxProp;
+        [K in keyof ReactJSX.IntrinsicElements]: ReactJSX.IntrinsicElements[K] & SxProp;
     };
 }
 export {};

dist/theme-ui-core.cjs.d.ts

 export * from "./declarations/src/index";
+//# sourceMappingURL=theme-ui-core.cjs.d.ts.map

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

@@ -9,3 +9,3 @@ 'use strict';
 var packageInfo = require('@emotion/react/package.json');
-var parseProps = require('./parseProps-ac0d9d15.cjs.dev.js');
+var parseProps = require('./parseProps-067d621c.cjs.dev.js');
 require('@theme-ui/css');
@@ -37,27 +37,5 @@
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+const __EMOTION_VERSION__ = packageInfo__default["default"].version;
+const jsx = (type, props, ...children) => react.jsx(type, parseProps.parseProps(props), ...children);
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var __EMOTION_VERSION__ = packageInfo__default["default"].version;
-var jsx = function jsx(type, props) {
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-
-  return react.jsx.apply(void 0, [type, parseProps.parseProps(props)].concat(children));
-};
 /**
@@ -67,67 +45,51 @@ * @internal for Babel JSX pragma
  */
-
-var createElement = jsx;
-
+const createElement = jsx;
 /**
  * @internal
  */
-var __themeUiDefaultContextValue = {
-  __EMOTION_VERSION__: __EMOTION_VERSION__,
+const __themeUiDefaultContextValue = {
+  __EMOTION_VERSION__,
   theme: {}
 };
+
 /**
  * @internal
  */
-
-var __ThemeUIContext = /*#__PURE__*/React__namespace.createContext(__themeUiDefaultContextValue);
-var useThemeUI = function useThemeUI() {
-  return React__namespace.useContext(__ThemeUIContext);
-};
-var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
-var FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
-var deepmergeOptions = {
-  isMergeableObject: function isMergeableObject(n) {
+const __ThemeUIContext = /*#__PURE__*/React__namespace.createContext(__themeUiDefaultContextValue);
+const useThemeUI = () => React__namespace.useContext(__ThemeUIContext);
+const canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+const FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
+const deepmergeOptions = {
+  isMergeableObject: n => {
     return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;
   },
-  arrayMerge: function arrayMerge(_leftArray, rightArray) {
-    return rightArray;
-  }
+  arrayMerge: (_leftArray, rightArray) => rightArray
 };
+
 /**
  * Deeply merge themes
  */
-
-var merge = function merge(a, b) {
-  return deepmerge__default["default"](a, b, deepmergeOptions);
-};
-
-function mergeAll() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
+const merge = (a, b) => deepmerge__default["default"](a, b, deepmergeOptions);
+function mergeAll(...args) {
   return deepmerge__default["default"].all(args, deepmergeOptions);
 }
-
 merge.all = mergeAll;
-
 /**
  * @internal
  */
-var __ThemeUIInternalBaseThemeProvider = function __ThemeUIInternalBaseThemeProvider(_ref) {
-  var context = _ref.context,
-      children = _ref.children;
-  return jsx(react.ThemeContext.Provider, {
-    value: context.theme
-  }, jsx(__ThemeUIContext.Provider, {
-    value: context,
-    children: children
-  }));
-};
-function ThemeProvider(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  var outer = useThemeUI();
-
+const __ThemeUIInternalBaseThemeProvider = ({
+  context,
+  children
+}) => jsx(react.ThemeContext.Provider, {
+  value: context.theme
+}, jsx(__ThemeUIContext.Provider, {
+  value: context,
+  children
+}));
+function ThemeProvider({
+  theme,
+  children
+}) {
+  const outer = useThemeUI();
   if (process.env.NODE_ENV !== 'production') {
@@ -138,11 +100,11 @@ if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {
   }
-
-  var context = typeof theme === 'function' ? _extends({}, outer, {
+  const context = typeof theme === 'function' ? {
+    ...outer,
     theme: theme(outer.theme)
-  }) : merge.all({}, outer, {
-    theme: theme
+  } : merge.all({}, outer, {
+    theme
   });
   return jsx(__ThemeUIInternalBaseThemeProvider, {
-    context: context,
-    children: children
+    context,
+    children
   });
@@ -149,0 +111,0 @@ }

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

@@ -9,3 +9,3 @@ 'use strict';
 var packageInfo = require('@emotion/react/package.json');
-var parseProps = require('./parseProps-161d4733.cjs.prod.js');
+var parseProps = require('./parseProps-ca442ad1.cjs.prod.js');
 require('@theme-ui/css');
@@ -37,27 +37,5 @@
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+const __EMOTION_VERSION__ = packageInfo__default["default"].version;
+const jsx = (type, props, ...children) => react.jsx(type, parseProps.parseProps(props), ...children);
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var __EMOTION_VERSION__ = packageInfo__default["default"].version;
-var jsx = function jsx(type, props) {
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-
-  return react.jsx.apply(void 0, [type, parseProps.parseProps(props)].concat(children));
-};
 /**
@@ -67,75 +45,60 @@ * @internal for Babel JSX pragma
  */
-
-var createElement = jsx;
-
+const createElement = jsx;
 /**
  * @internal
  */
-var __themeUiDefaultContextValue = {
-  __EMOTION_VERSION__: __EMOTION_VERSION__,
+const __themeUiDefaultContextValue = {
+  __EMOTION_VERSION__,
   theme: {}
 };
+
 /**
  * @internal
  */
-
-var __ThemeUIContext = /*#__PURE__*/React__namespace.createContext(__themeUiDefaultContextValue);
-var useThemeUI = function useThemeUI() {
-  return React__namespace.useContext(__ThemeUIContext);
-};
-var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
-var FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
-var deepmergeOptions = {
-  isMergeableObject: function isMergeableObject(n) {
+const __ThemeUIContext = /*#__PURE__*/React__namespace.createContext(__themeUiDefaultContextValue);
+const useThemeUI = () => React__namespace.useContext(__ThemeUIContext);
+const canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+const FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
+const deepmergeOptions = {
+  isMergeableObject: n => {
     return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;
   },
-  arrayMerge: function arrayMerge(_leftArray, rightArray) {
-    return rightArray;
-  }
+  arrayMerge: (_leftArray, rightArray) => rightArray
 };
+
 /**
  * Deeply merge themes
  */
-
-var merge = function merge(a, b) {
-  return deepmerge__default["default"](a, b, deepmergeOptions);
-};
-
-function mergeAll() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
+const merge = (a, b) => deepmerge__default["default"](a, b, deepmergeOptions);
+function mergeAll(...args) {
   return deepmerge__default["default"].all(args, deepmergeOptions);
 }
-
 merge.all = mergeAll;
-
 /**
  * @internal
  */
-var __ThemeUIInternalBaseThemeProvider = function __ThemeUIInternalBaseThemeProvider(_ref) {
-  var context = _ref.context,
-      children = _ref.children;
-  return jsx(react.ThemeContext.Provider, {
-    value: context.theme
-  }, jsx(__ThemeUIContext.Provider, {
-    value: context,
-    children: children
-  }));
-};
-function ThemeProvider(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  var outer = useThemeUI();
-
-  var context = typeof theme === 'function' ? _extends({}, outer, {
+const __ThemeUIInternalBaseThemeProvider = ({
+  context,
+  children
+}) => jsx(react.ThemeContext.Provider, {
+  value: context.theme
+}, jsx(__ThemeUIContext.Provider, {
+  value: context,
+  children
+}));
+function ThemeProvider({
+  theme,
+  children
+}) {
+  const outer = useThemeUI();
+  const context = typeof theme === 'function' ? {
+    ...outer,
     theme: theme(outer.theme)
-  }) : merge.all({}, outer, {
-    theme: theme
+  } : merge.all({}, outer, {
+    theme
   });
   return jsx(__ThemeUIInternalBaseThemeProvider, {
-    context: context,
-    children: children
+    context,
+    children
   });
@@ -142,0 +105,0 @@ }

dist/theme-ui-core.esm.js

@@ -5,30 +5,8 @@ import { jsx as jsx$1, ThemeContext } from '@emotion/react';
 import packageInfo from '@emotion/react/package.json';
-import { p as parseProps } from './parseProps-376f43a7.esm.js';
+import { p as parseProps } from './parseProps-eab0b26e.esm.js';
 import '@theme-ui/css';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+const __EMOTION_VERSION__ = packageInfo.version;
+const jsx = (type, props, ...children) => jsx$1(type, parseProps(props), ...children);
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var __EMOTION_VERSION__ = packageInfo.version;
-var jsx = function jsx(type, props) {
-  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    children[_key - 2] = arguments[_key];
-  }
-
-  return jsx$1.apply(void 0, [type, parseProps(props)].concat(children));
-};
 /**
@@ -38,67 +16,51 @@ * @internal for Babel JSX pragma
  */
-
-var createElement = jsx;
-
+const createElement = jsx;
 /**
  * @internal
  */
-var __themeUiDefaultContextValue = {
-  __EMOTION_VERSION__: __EMOTION_VERSION__,
+const __themeUiDefaultContextValue = {
+  __EMOTION_VERSION__,
   theme: {}
 };
+
 /**
  * @internal
  */
-
-var __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);
-var useThemeUI = function useThemeUI() {
-  return React.useContext(__ThemeUIContext);
-};
-var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
-var FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
-var deepmergeOptions = {
-  isMergeableObject: function isMergeableObject(n) {
+const __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);
+const useThemeUI = () => React.useContext(__ThemeUIContext);
+const canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+const REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+const FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;
+const deepmergeOptions = {
+  isMergeableObject: n => {
     return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;
   },
-  arrayMerge: function arrayMerge(_leftArray, rightArray) {
-    return rightArray;
-  }
+  arrayMerge: (_leftArray, rightArray) => rightArray
 };
+
 /**
  * Deeply merge themes
  */
-
-var merge = function merge(a, b) {
-  return deepmerge(a, b, deepmergeOptions);
-};
-
-function mergeAll() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
+const merge = (a, b) => deepmerge(a, b, deepmergeOptions);
+function mergeAll(...args) {
   return deepmerge.all(args, deepmergeOptions);
 }
-
 merge.all = mergeAll;
-
 /**
  * @internal
  */
-var __ThemeUIInternalBaseThemeProvider = function __ThemeUIInternalBaseThemeProvider(_ref) {
-  var context = _ref.context,
-      children = _ref.children;
-  return jsx(ThemeContext.Provider, {
-    value: context.theme
-  }, jsx(__ThemeUIContext.Provider, {
-    value: context,
-    children: children
-  }));
-};
-function ThemeProvider(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  var outer = useThemeUI();
-
+const __ThemeUIInternalBaseThemeProvider = ({
+  context,
+  children
+}) => jsx(ThemeContext.Provider, {
+  value: context.theme
+}, jsx(__ThemeUIContext.Provider, {
+  value: context,
+  children
+}));
+function ThemeProvider({
+  theme,
+  children
+}) {
+  const outer = useThemeUI();
   if (process.env.NODE_ENV !== 'production') {
@@ -109,11 +71,11 @@ if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {
   }
-
-  var context = typeof theme === 'function' ? _extends({}, outer, {
+  const context = typeof theme === 'function' ? {
+    ...outer,
     theme: theme(outer.theme)
-  }) : merge.all({}, outer, {
-    theme: theme
+  } : merge.all({}, outer, {
+    theme
   });
   return jsx(__ThemeUIInternalBaseThemeProvider, {
-    context: context,
-    children: children
+    context,
+    children
   });
@@ -120,0 +82,0 @@ }

jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.cjs.d.ts

 export * from "../../dist/declarations/src/jsx-dev-runtime";
+//# sourceMappingURL=theme-ui-core-jsx-dev-runtime.cjs.d.ts.map

jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.cjs.dev.js

@@ -6,3 +6,3 @@ 'use strict';
 var jsxDevRuntime = require('@emotion/react/jsx-dev-runtime');
-var parseProps = require('../../dist/parseProps-ac0d9d15.cjs.dev.js');
+var parseProps = require('../../dist/parseProps-067d621c.cjs.dev.js');
 var React = require('react');
@@ -12,5 +12,3 @@ require('@theme-ui/css');
 // @ts-ignore
-var jsxDEV = function jsxDEV(type, props, key, isStaticChildren, source, self) {
-  return jsxDevRuntime.jsxDEV(type, parseProps.parseProps(props), key, isStaticChildren, source, self);
-};
+const jsxDEV = (type, props, key, isStaticChildren, source, self) => jsxDevRuntime.jsxDEV(type, parseProps.parseProps(props), key, isStaticChildren, source, self);
 
@@ -17,0 +15,0 @@ Object.defineProperty(exports, 'Fragment', {

jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.cjs.prod.js

@@ -6,3 +6,3 @@ 'use strict';
 var jsxDevRuntime = require('@emotion/react/jsx-dev-runtime');
-var parseProps = require('../../dist/parseProps-161d4733.cjs.prod.js');
+var parseProps = require('../../dist/parseProps-ca442ad1.cjs.prod.js');
 var React = require('react');
@@ -12,5 +12,3 @@ require('@theme-ui/css');
 // @ts-ignore
-var jsxDEV = function jsxDEV(type, props, key, isStaticChildren, source, self) {
-  return jsxDevRuntime.jsxDEV(type, parseProps.parseProps(props), key, isStaticChildren, source, self);
-};
+const jsxDEV = (type, props, key, isStaticChildren, source, self) => jsxDevRuntime.jsxDEV(type, parseProps.parseProps(props), key, isStaticChildren, source, self);
 
@@ -17,0 +15,0 @@ Object.defineProperty(exports, 'Fragment', {

jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.esm.js

 import { jsxDEV as jsxDEV$1 } from '@emotion/react/jsx-dev-runtime';
-import { p as parseProps } from '../../dist/parseProps-376f43a7.esm.js';
+import { p as parseProps } from '../../dist/parseProps-eab0b26e.esm.js';
 export { Fragment } from 'react';
@@ -7,6 +7,4 @@ import '@theme-ui/css';
 // @ts-ignore
-var jsxDEV = function jsxDEV(type, props, key, isStaticChildren, source, self) {
-  return jsxDEV$1(type, parseProps(props), key, isStaticChildren, source, self);
-};
+const jsxDEV = (type, props, key, isStaticChildren, source, self) => jsxDEV$1(type, parseProps(props), key, isStaticChildren, source, self);
 
 export { jsxDEV };

jsx-dev-runtime/package.json

@@ -7,4 +7,8 @@ {
   "types": "dist/theme-ui-core-jsx-dev-runtime.cjs.d.ts",
+  "browser": {
+    "./dist/theme-ui-core-jsx-dev-runtime.esm.js": "./dist/theme-ui-core-jsx-dev-runtime.browser.esm.js"
+  },
+  "sideEffects": false,
   "dependencies": {
-    "@emotion/react": "^11",
+    "@emotion/react": "^11.11.1",
     "react": "^18"
@@ -11,0 +15,0 @@ },

jsx-runtime/dist/theme-ui-core-jsx-runtime.cjs.d.ts

 export * from "../../dist/declarations/src/jsx-runtime";
+//# sourceMappingURL=theme-ui-core-jsx-runtime.cjs.d.ts.map

jsx-runtime/dist/theme-ui-core-jsx-runtime.cjs.dev.js

@@ -6,12 +6,8 @@ 'use strict';
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var parseProps = require('../../dist/parseProps-ac0d9d15.cjs.dev.js');
+var parseProps = require('../../dist/parseProps-067d621c.cjs.dev.js');
 var React = require('react');
 require('@theme-ui/css');
 
-var jsx = function jsx(type, props, key) {
-  return jsxRuntime.jsx(type, parseProps.parseProps(props), key);
-};
-var jsxs = function jsxs(type, props, key) {
-  return jsxRuntime.jsxs(type, parseProps.parseProps(props), key);
-};
+const jsx = (type, props, key) => jsxRuntime.jsx(type, parseProps.parseProps(props), key);
+const jsxs = (type, props, key) => jsxRuntime.jsxs(type, parseProps.parseProps(props), key);
 
@@ -18,0 +14,0 @@ Object.defineProperty(exports, 'Fragment', {

jsx-runtime/dist/theme-ui-core-jsx-runtime.cjs.prod.js

@@ -6,12 +6,8 @@ 'use strict';
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var parseProps = require('../../dist/parseProps-161d4733.cjs.prod.js');
+var parseProps = require('../../dist/parseProps-ca442ad1.cjs.prod.js');
 var React = require('react');
 require('@theme-ui/css');
 
-var jsx = function jsx(type, props, key) {
-  return jsxRuntime.jsx(type, parseProps.parseProps(props), key);
-};
-var jsxs = function jsxs(type, props, key) {
-  return jsxRuntime.jsxs(type, parseProps.parseProps(props), key);
-};
+const jsx = (type, props, key) => jsxRuntime.jsx(type, parseProps.parseProps(props), key);
+const jsxs = (type, props, key) => jsxRuntime.jsxs(type, parseProps.parseProps(props), key);
 
@@ -18,0 +14,0 @@ Object.defineProperty(exports, 'Fragment', {

jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js

 import { jsx as jsx$1, jsxs as jsxs$1 } from '@emotion/react/jsx-runtime';
-import { p as parseProps } from '../../dist/parseProps-376f43a7.esm.js';
+import { p as parseProps } from '../../dist/parseProps-eab0b26e.esm.js';
 export { Fragment } from 'react';
 import '@theme-ui/css';
 
-var jsx = function jsx(type, props, key) {
-  return jsx$1(type, parseProps(props), key);
-};
-var jsxs = function jsxs(type, props, key) {
-  return jsxs$1(type, parseProps(props), key);
-};
+const jsx = (type, props, key) => jsx$1(type, parseProps(props), key);
+const jsxs = (type, props, key) => jsxs$1(type, parseProps(props), key);
 
 export { jsx, jsxs };

jsx-runtime/package.json

@@ -7,4 +7,8 @@ {
   "types": "dist/theme-ui-core-jsx-runtime.cjs.d.ts",
+  "browser": {
+    "./dist/theme-ui-core-jsx-runtime.esm.js": "./dist/theme-ui-core-jsx-runtime.browser.esm.js"
+  },
+  "sideEffects": false,
   "dependencies": {
-    "@emotion/react": "^11",
+    "@emotion/react": "^11.11.1",
     "react": "^18"
@@ -11,0 +15,0 @@ },

package.json

 {
   "name": "@theme-ui/core",
-  "version": "0.15.7",
+  "version": "0.16.0-develop.4",
   "source": "src/index.ts",
@@ -8,2 +8,32 @@ "main": "dist/theme-ui-core.cjs.js",
   "types": "dist/theme-ui-core.cjs.d.ts",
+  "browser": {
+    "./dist/theme-ui-core.esm.js": "./dist/theme-ui-core.browser.esm.js"
+  },
+  "exports": {
+    ".": {
+      "module": {
+        "worker": "./dist/theme-ui-core.worker.esm.js",
+        "browser": "./dist/theme-ui-core.browser.esm.js",
+        "default": "./dist/theme-ui-core.esm.js"
+      },
+      "default": "./dist/theme-ui-core.cjs.js"
+    },
+    "./jsx-runtime": {
+      "module": {
+        "worker": "./jsx-runtime/dist/theme-ui-core-jsx-runtime.worker.esm.js",
+        "browser": "./jsx-runtime/dist/theme-ui-core-jsx-runtime.browser.esm.js",
+        "default": "./jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"
+      },
+      "default": "./jsx-runtime/dist/theme-ui-core-jsx-runtime.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      "module": {
+        "worker": "./jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.worker.esm.js",
+        "browser": "./jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.browser.esm.js",
+        "default": "./jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.esm.js"
+      },
+      "default": "./jsx-dev-runtime/dist/theme-ui-core-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
@@ -17,13 +47,14 @@ "repository": "system-ui/theme-ui",
   "dependencies": {
-    "@theme-ui/css": "^0.15.7",
-    "deepmerge": "^4.2.2"
+    "deepmerge": "^4.2.2",
+    "@theme-ui/css": "^0.16.0-develop.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11",
+    "@emotion/react": "^11.11.1",
     "react": ">=18"
   },
   "devDependencies": {
-    "@types/react": "^18",
-    "@babel/core": "^7",
-    "@theme-ui/test-utils": "^0.15.7"
+    "@emotion/react": "^11.11.1",
+    "@types/react": "^18.2.12",
+    "react": "^18.1.0",
+    "@theme-ui/test-utils": "^0.16.0-develop.4"
   },
@@ -35,5 +66,11 @@ "preconstruct": {
       "jsx-runtime.ts"
-    ]
+    ],
+    "exports": {
+      "envConditions": [
+        "browser",
+        "worker"
+      ]
+    }
   },
   "scripts": {}
 }

src/jsx-namespace.ts

@@ -1,2 +0,3 @@
-import { SxProp } from './types'
+import type { SxProp } from './types'
+import type { JSX as ReactJSX } from 'react'
 
@@ -9,18 +10,8 @@ type WithConditionalSxProp<P> = 'className' extends keyof P
 
-type ReactJSXElement = JSX.Element
-type ReactJSXElementClass = JSX.ElementClass
-type ReactJSXElementAttributesProperty = JSX.ElementAttributesProperty
-type ReactJSXElementChildrenAttribute = JSX.ElementChildrenAttribute
-type ReactJSXLibraryManagedAttributes<C, P> = JSX.LibraryManagedAttributes<C, P>
-type ReactJSXIntrinsicAttributes = JSX.IntrinsicAttributes
-type ReactJSXIntrinsicClassAttributes<T> = JSX.IntrinsicClassAttributes<T>
-type ReactJSXIntrinsicElements = JSX.IntrinsicElements
-
 export declare namespace ThemeUIJSX {
-  export interface Element extends ReactJSXElement {}
-  export interface ElementClass extends ReactJSXElementClass {}
-  export interface ElementAttributesProperty
-    extends ReactJSXElementAttributesProperty {}
-  export interface ElementChildrenAttribute
-    extends ReactJSXElementChildrenAttribute {}
+  export type Element = ReactJSX.Element
+  export type ElementType = ReactJSX.ElementType
+  export type ElementClass = ReactJSX.ElementClass
+  export type ElementAttributesProperty = ReactJSX.ElementAttributesProperty
+  export type ElementChildrenAttribute = ReactJSX.ElementChildrenAttribute
   export type LibraryManagedAttributes<C, P> = WithConditionalSxProp<P> &
@@ -34,10 +25,9 @@ // We are not removing incompatible `sx` props, because touching this breaks
     // debugging and entirely spoil your day.
-    ReactJSXLibraryManagedAttributes<C, P>
-  export interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {}
-  export interface IntrinsicClassAttributes<T>
-    extends ReactJSXIntrinsicClassAttributes<T> {}
+    ReactJSX.LibraryManagedAttributes<C, P>
+  export type IntrinsicAttributes = ReactJSX.IntrinsicAttributes
+  export type IntrinsicClassAttributes<T> = ReactJSX.IntrinsicClassAttributes<T>
   export type IntrinsicElements = {
-    [K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] &
+    [K in keyof ReactJSX.IntrinsicElements]: ReactJSX.IntrinsicElements[K] &
       SxProp
   }
 }

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

65804

increased by8.57%

Number of package files

54

increased by25.58%

Lines of code

1694

increased by5.94%

Worsened metrics

Dev dependency count

4

increased by33.33%

Number of low supply chain risk alerts

8

increased by33.33%

Dependency changes

• + Added@theme-ui/css@0.16.2(transitive)

• - Removed@theme-ui/css@0.15.7(transitive)

• Updated@theme-ui/css@^0.16.0-develop.4