theme-ui - npm Package Compare versions

Comparing version 0.16.2-develop.2 to 0.16.2-develop.5

dist/declarations/src/index.d.ts

 import type { ThemeUIJSX, ThemeUIStyleObject } from '@theme-ui/core';
+import type { Theme } from '@theme-ui/core';
 export { __ThemeUIContext, merge, useThemeUI, createElement, } from '@theme-ui/core';
-export type { ThemeUIContextValue, SxProp, ColorMode, ColorModesScale, CSSObject, CSSProperties, CSSPseudoSelectorProps, ResponsiveStyleValue, ThemeUICSSProperties, ThemeUIStyleObject, ThemeUICSSObject, Theme, ThemeStyles, TLengthStyledSystem, StylePropertyValue, } from '@theme-ui/core';
+export type { ThemeUIContextValue, SxProp, ColorMode, ColorModesScale, CSSObject, CSSProperties, CSSPseudoSelectorProps, ResponsiveStyleValue, ThemeUICSSProperties, ThemeUIStyleObject, ThemeUICSSObject, ThemeStyles, TLengthStyledSystem, StylePropertyValue, } from '@theme-ui/core';
+export type { Theme } from '@theme-ui/core';
 export { useColorMode, InitializeColorMode } from '@theme-ui/color-modes';
@@ -10,3 +12,3 @@ export { ThemeUIProvider, ThemeProvider } from '@theme-ui/theme-provider';
 export declare const BaseStyles: (props: Record<string, unknown> & {
-    sx?: ThemeUIStyleObject;
+    sx?: ThemeUIStyleObject<Theme>;
 }) => JSX.Element;
@@ -13,0 +15,0 @@ export declare const jsx: typeof import("react").createElement;

jsx-dev-runtime/package.json

 {
   "main": "dist/theme-ui-jsx-dev-runtime.cjs.js",
   "module": "dist/theme-ui-jsx-dev-runtime.esm.js",
+  "browser": {
+    "./dist/theme-ui-jsx-dev-runtime.esm.js": "./dist/theme-ui-jsx-dev-runtime.browser.esm.js"
+  },
   "types": "dist/theme-ui-jsx-dev-runtime.cjs.d.ts"
 }

jsx-runtime/package.json

 {
   "main": "dist/theme-ui-jsx-runtime.cjs.js",
   "module": "dist/theme-ui-jsx-runtime.esm.js",
+  "browser": {
+    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
+  },
   "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
 }

package.json

 {
   "name": "theme-ui",
-  "version": "0.16.2-develop.2",
+  "version": "0.16.2-develop.5",
   "description": "The Design Graph Framework",
@@ -8,2 +8,32 @@ "source": "src/index.ts",
   "module": "dist/theme-ui.esm.js",
+  "browser": {
+    "./dist/theme-ui.esm.js": "./dist/theme-ui.browser.esm.js"
+  },
+  "exports": {
+    ".": {
+      "module": {
+        "worker": "./dist/theme-ui.worker.esm.js",
+        "browser": "./dist/theme-ui.browser.esm.js",
+        "default": "./dist/theme-ui.esm.js"
+      },
+      "default": "./dist/theme-ui.cjs.js"
+    },
+    "./jsx-runtime": {
+      "module": {
+        "worker": "./jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js",
+        "browser": "./jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js",
+        "default": "./jsx-runtime/dist/theme-ui-jsx-runtime.esm.js"
+      },
+      "default": "./jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      "module": {
+        "worker": "./jsx-dev-runtime/dist/theme-ui-jsx-dev-runtime.worker.esm.js",
+        "browser": "./jsx-dev-runtime/dist/theme-ui-jsx-dev-runtime.browser.esm.js",
+        "default": "./jsx-dev-runtime/dist/theme-ui-jsx-dev-runtime.esm.js"
+      },
+      "default": "./jsx-dev-runtime/dist/theme-ui-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "types": "dist/theme-ui.cjs.d.ts",
@@ -15,8 +45,8 @@ "sideEffects": false,
   "dependencies": {
-    "@theme-ui/color-modes": "^0.16.2-develop.2",
-    "@theme-ui/css": "^0.16.2-develop.2",
-    "@theme-ui/components": "^0.16.2-develop.2",
-    "@theme-ui/core": "^0.16.2-develop.2",
-    "@theme-ui/global": "^0.16.2-develop.2",
-    "@theme-ui/theme-provider": "^0.16.2-develop.2"
+    "@theme-ui/core": "^0.16.2-develop.5",
+    "@theme-ui/global": "^0.16.2-develop.5",
+    "@theme-ui/components": "^0.16.2-develop.5",
+    "@theme-ui/color-modes": "^0.16.2-develop.5",
+    "@theme-ui/theme-provider": "^0.16.2-develop.5",
+    "@theme-ui/css": "^0.16.2-develop.5"
   },
@@ -32,3 +62,3 @@ "peerDependencies": {
     "react-dom": "^18",
-    "@theme-ui/test-utils": "^0.16.2-develop.2"
+    "@theme-ui/test-utils": "^0.16.2-develop.5"
   },
@@ -44,2 +74,8 @@ "keywords": [
   "preconstruct": {
+    "exports": {
+      "envConditions": [
+        "browser",
+        "worker"
+      ]
+    },
     "entrypoints": [
@@ -46,0 +82,0 @@ "index.ts",

src/index.ts

 import { jsx as coreJsx } from '@theme-ui/core'
 import type { ThemeUIJSX, ThemeUIStyleObject } from '@theme-ui/core'
+import type { Theme } from '@theme-ui/core'
 
@@ -22,3 +23,2 @@ export {
   ThemeUICSSObject,
-  Theme,
   ThemeStyles,
@@ -28,2 +28,4 @@ TLengthStyledSystem,
 } from '@theme-ui/core'
+export type { Theme } from '@theme-ui/core'
+
 export { useColorMode, InitializeColorMode } from '@theme-ui/color-modes'
@@ -36,3 +38,3 @@ export { ThemeUIProvider, ThemeProvider } from '@theme-ui/theme-provider'
 export const BaseStyles = (
-  props: Record<string, unknown> & { sx?: ThemeUIStyleObject }
+  props: Record<string, unknown> & { sx?: ThemeUIStyleObject<Theme> }
 ): JSX.Element =>
@@ -39,0 +41,0 @@ jsx('div', {

No alert changes

Improved metrics

Total package byte prevSize

80023

increased by4.22%

Number of package files

36

increased by20%

Lines of code

403

increased by13.84%

Dependency changes

• Updated@theme-ui/color-modes@^0.16.2-develop.5

• Updated@theme-ui/components@^0.16.2-develop.5

• Updated@theme-ui/core@^0.16.2-develop.5

• Updated@theme-ui/css@^0.16.2-develop.5

• Updated@theme-ui/global@^0.16.2-develop.5

• Updated@theme-ui/theme-provider@^0.16.2-develop.5