feat: export styled as a named export

Add "exports" field to package.json
styled-components · Dec 22, 2021 · 410cd67 · 410cd67
1 parent dbc531b
commit 410cd67
Show file tree

Hide file tree

Showing 10 changed files with 6,805 additions and 4,716 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/babel-preset-emotion-css-prop/.npmignore b/packages/babel-preset-emotion-css-prop/.npmignore
@@ -1,4 +1,3 @@
 /*
 /dist/*
-!/dist/index.{d.ts,js,esm.js}
-!/dist/index.{js,esm.js}.map
+!/dist/index.js
diff --git a/packages/babel-preset-emotion-css-prop/package.json b/packages/babel-preset-emotion-css-prop/package.json
@@ -3,9 +3,9 @@
   "description": "A babel preset to automatically enable emotion's css prop with xstyled.",
   "version": "3.1.0",
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.js",
+  "type": "commonjs",
+  "main": "./dist/index.js",
+  "exports": "./dist/index.js",
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -3,9 +3,17 @@
   "description": "xstyled core utilities.",
   "version": "3.1.2",
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/emotion/package.json b/packages/emotion/package.json
@@ -10,9 +10,17 @@
     "tailwindcss"
   ],
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/prop-types/package.json b/packages/prop-types/package.json
@@ -12,9 +12,17 @@
     "tailwindcss"
   ],
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/styled-components/package.json b/packages/styled-components/package.json
@@ -10,9 +10,17 @@
     "tailwindcss"
   ],
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/styled-components/src/index.ts b/packages/styled-components/src/index.ts
@@ -20,4 +20,4 @@ import { system } from '@xstyled/system'
 import { createCss } from './create'
 
 const { css, styled, x, createGlobalStyle } = createCss(system)
-export { css, styled as default, x, createGlobalStyle }
+export { css, styled, styled as default, x, createGlobalStyle }
diff --git a/packages/system/package.json b/packages/system/package.json
@@ -11,9 +11,17 @@
     "tailwindcss"
   ],
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {

diff --git a/packages/util/package.json b/packages/util/package.json
@@ -3,9 +3,17 @@
   "description": "xstyled common utilities.",
   "version": "3.1.0",
   "sideEffects": false,
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "license": "MIT",
   "scripts": {