@emotion/styled - npm Package Compare versions

CHANGELOG.md

		# @emotion/styled

		## 11.0.0-next.14

		### Minor Changes

		- [`4d3b60d0`](https://github.com/emotion-js/emotion/commit/4d3b60d0d448a61d762ee150e6cb7a2c995ccc2f) [#1874](https://github.com/emotion-js/emotion/pull/1874) Thanks [@connor-baer](https://github.com/connor-baer)! - Added basic TS type support for `as` prop on styled components. It's possible to pass any component to it but it has no effect on other accepted props. This means that it's not 100% type-safe so use it sparingly and with care.

		### Patch Changes

		- [`58dc08a6`](https://github.com/emotion-js/emotion/commit/58dc08a6a013fb5cfa10bb85e06e53a8ff7eeb51) [#1837](https://github.com/emotion-js/emotion/pull/1837) Thanks [@arcanis](https://github.com/arcanis)! - Fixed TS compatibility under [PnP](https://classic.yarnpkg.com/en/docs/pnp/) environments by making `@types/react` an optional peer dependency.

		- Updated dependencies [[`58dc08a6`](https://github.com/emotion-js/emotion/commit/58dc08a6a013fb5cfa10bb85e06e53a8ff7eeb51), [`f57a7229`](https://github.com/emotion-js/emotion/commit/f57a72299cd4025a725bd5bd1b966a8f9df16cd8)]:
		- @emotion/react@11.0.0-next.14

		## 11.0.0-next.13
		@@ -4,0 +17,0 @@

package.json

		{
		"name": "@emotion/styled",
		"version": "11.0.0-next.13",
		"version": "11.0.0-next.14",
		"description": "styled API for emotion",
		@@ -22,3 +22,3 @@ "main": "dist/styled.cjs.js",
		"@babel/core": "^7.0.0",
		"@emotion/react": "^11.0.0-next.13",
		"@emotion/react": "^11.0.0-next.14",
		"react": ">=16.8.0"
		@@ -29,2 +29,5 @@ },
		"optional": true
		},
		"@types/react": {
		"optional": true
		}
		@@ -34,3 +37,3 @@ },
		"@babel/core": "^7.7.2",
		"@emotion/react": "11.0.0-next.13",
		"@emotion/react": "11.0.0-next.14",
		"dtslint": "^0.3.0",
		@@ -37,0 +40,0 @@ "react": "^16.11.0"

types/base.d.ts

		@@ -108,9 +108,19 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
		component: C,
		options: FilteringStyledOptions<PropsOf<C>, ForwardedProps>
		): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & { theme?: Theme }>
		options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>
		): CreateStyledComponent<
		Pick<PropsOf<C>, ForwardedProps> & {
		theme?: Theme
		as?: React.ElementType
		}
		>

		<C extends React.ComponentType<React.ComponentProps<C>>>(
		component: C,
		options?: StyledOptions<PropsOf<C>>
		): CreateStyledComponent<PropsOf<C> & { theme?: Theme }>
		options?: StyledOptions<React.ComponentProps<C>>
		): CreateStyledComponent<
		PropsOf<C> & {
		theme?: Theme
		as?: React.ElementType
		}
		>

		@@ -124,3 +134,3 @@ <
		): CreateStyledComponent<
		{ theme?: Theme },
		{ theme?: Theme; as?: React.ElementType },
		Pick<JSX.IntrinsicElements[Tag], ForwardedProps>
		@@ -132,3 +142,6 @@ >
		options?: StyledOptions<JSX.IntrinsicElements[Tag]>
		): CreateStyledComponent<{ theme?: Theme }, JSX.IntrinsicElements[Tag]>
		): CreateStyledComponent<
		{ theme?: Theme; as?: React.ElementType },
		JSX.IntrinsicElements[Tag]
		>
		}
		@@ -135,0 +148,0 @@

New alerts