implemented emotion-js#3320

Author: kireerik

.changeset/feat-styled-tags-export.md

@@ -0,0 +1,5 @@
+---
+"@emotion/styled": minor
+---
+
+Added ability to import tags directly from '@emotion/styled/tags' 

packages/styled/package.json

@@ -44,6 +44,20 @@
   ],
   "umd:main": "dist/emotion-styled.umd.min.js",
   "exports": {
+    "./tags": {
+      "types": {
+        "import": "./base/dist/emotion-styled-tags.cjs.mjs",
+        "default": "./base/dist/emotion-styled-tags.cjs.js"
+      },
+      "development": {
+        "module": "./dist/emotion-styled-tags.development.esm.js",
+        "import": "./dist/emotion-styled-tags.development.cjs.mjs",
+        "default": "./dist/emotion-styled-tags.development.cjs.js"
+      },
+      "module": "./dist/emotion-styled-tags.esm.js",
+      "import": "./dist/emotion-styled-tags.cjs.mjs",
+      "default": "./dist/emotion-styled-tags.cjs.js"
+    },
     "./base": {
       "types": {
         "import": "./base/dist/emotion-styled-base.cjs.mjs",
@@ -177,6 +191,7 @@
   "preconstruct": {
     "umdName": "emotionStyled",
     "entrypoints": [
+      "./tags.ts",
       "./index.ts",
       "./base.tsx"
     ],

packages/styled/src/index.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@emotion/react'
 import styled from './base'
 import { ReactJSXIntrinsicElements } from './jsx-namespace'
-import { tags } from './tags'
+import tags from './tags'
 import {
   CreateStyledComponent,
   CreateStyled as BaseCreateStyled

packages/styled/src/tags.ts

@@ -1,4 +1,4 @@
-export const tags = [
+export default [
   'a',
   'abbr',
   'address',