styled-components 5.3.4 → 5.3.5

package/native/dist/primitives/index.d.ts

@@ -18,5 +18,6 @@ declare const styled: (<Target extends NativeTarget>(tag: Target) => {
     }), unknown>;
     View: NativeStyled<typeof reactPrimitives.View, import("react-native").ViewProps, unknown>;
 };
+export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions } from '../types';
 export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
 export default styled;

package/native/dist/styled-components.native.cjs.js

@@ -154,7 +154,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "5.3.4";
+var SC_VERSION = "5.3.5";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles

package/native/dist/styled-components.native.esm.js

@@ -147,7 +147,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "5.3.4";
+var SC_VERSION = "5.3.5";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles

package/native/dist/test/utils.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const seedNextClassnames: (names: string[]) => string[];
-export declare const resetStyled: (isServer?: boolean) => (<Target extends import("../types").WebTarget>(tag: Target) => {
-    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledComponent<Target, Props> & Statics;
-    attrs(attrs: import("../types").Attrs<unknown>): any;
-    withConfig(config: import("../types").StyledOptions<unknown>): any;
+export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => {
+    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("..").IStyledComponent<Target, Props> & Statics;
+    attrs(attrs: import("..").Attrs<unknown>): any;
+    withConfig(config: import("..").StyledOptions<unknown>): any;
 }) & {
     a: import("../constructors/constructWithOptions").WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown>;
     abbr: import("../constructors/constructWithOptions").WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;

package/native/dist/types.d.ts

@@ -6,6 +6,7 @@ interface ExoticComponentWithDisplayName<P = unknown> extends React.ExoticCompon
     defaultProps?: Partial<P>;
     displayName?: string;
 }
+export { DefaultTheme };
 export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
 export interface StyledOptions<Props> {
     attrs?: Attrs<Props>[];
@@ -79,16 +80,16 @@ export interface IStyledStatics<OuterProps = unknown> extends CommonStatics<Oute
     warnTooManyClasses?: ReturnType<typeof createWarnTooManyClasses>;
     withComponent: <Target extends WebTarget, Props = unknown>(tag: Target) => IStyledComponent<Target, OuterProps & Props>;
 }
-declare type CustomComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownWebTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
+declare type PolymorphicComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownWebTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
     $as: ActualComponent;
     as?: AnyComponent;
 } | {
     as?: ActualComponent;
 });
-interface CustomComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
-    <ActualComponent extends StyledTarget = FallbackComponent>(props: CustomComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<CustomComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
+interface PolymorphicComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
+    <ActualComponent extends StyledTarget = FallbackComponent>(props: PolymorphicComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
 }
-export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends CustomComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
+export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
     defaultProps?: Partial<ExtensibleObject & (Target extends KnownWebTarget ? React.ComponentProps<Target> : {}) & Props>;
     toString: () => string;
 }
@@ -100,7 +101,7 @@ export interface IStyledNativeStatics<OuterProps = unknown> extends CommonStatic
     target: NativeTarget;
     withComponent: <Target extends NativeTarget, Props = unknown>(tag: Target) => IStyledNativeComponent<Target, OuterProps & Props>;
 }
-export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends CustomComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
+export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
     defaultProps?: Partial<ExtensibleObject & (Target extends KnownWebTarget ? React.ComponentProps<Target> : {}) & Props>;
 }
 export interface IStyledNativeComponentFactory<Target extends NativeTarget, Props = unknown, Statics = unknown> {
@@ -117,4 +118,4 @@ export declare type StyledTarget = WebTarget | NativeTarget;
 export interface StyledObject {
     [key: string]: Record<string, any> | string | number | StyleFunction<ExecutionContext>;
 }
-export {};
+export declare type CSSProp = string | StyledObject | StyleFunction<ExecutionContext>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "5.3.4",
+  "version": "5.3.5",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "main": "dist/styled-components.cjs.js",
   "jsnext:main": "dist/styled-components.esm.js",
@@ -46,7 +46,8 @@
     "primitives",
     "scripts",
     "test-utils",
-    "macro"
+    "macro",
+    "postinstall.js"
   ],
   "keywords": [
     "react",

package/postinstall.js

@@ -0,0 +1,82 @@
+const statement = `
+A message from the styled-components core team:
+
+If you are seeing this, your environment is set to Russian locale. By now, it is our hope that you have seen the devastation, horrors, and complete disregard the Russian military has for Ukranian civilians. Our position is that this war is unprovoked, unjust, and a senseless act of genocide and aggression against the Ukranian people.
+
+As of March 24, 2022 the following has been reported (based on the Kyiv Independent @kyivindependent news publication):
+
+87 residential buildings damaged in Kyiv since Feb. 24.
+
+According to the Kyiv City State Administration, Russian attacks have also damaged 10 private houses, 12 schools, and 6 kindergartens in the Ukrainian capital since the beginning of the full-scale invasion.
+
+Russia launched 1,200 missiles on Ukraine.
+
+Half of all Ukrainian children have been displaced since Feb. 24, according to UNICEF.
+
+“Since the start of the war a month ago, out of every boy and girl in the country, one out of two now has had to flee their homes,” UNICEF spokesperson James Elder told CNN.
+
+The Institute of Mass Information reported that one journalist also went missing. Overall, Russia has committed 148 crimes against journalists and media in Ukraine, according to the report.
+
+Mariupol city council: Russian occupiers forcibly move 6,000 Mariupol residents to Russia.
+
+The local authorities in the besieged seaport said on March 24 that Russian occupiers are now forcibly moving more of its residents to Russia, confiscating their Ukrainian passports.
+
+“We’ve seen numerous credible reports of indiscriminate attacks and attacks deliberately targeting civilians, as well as other atrocities,” reads the March 23 statement by U.S. Secretary of State Antony Blinken.
+
+1,143 buildings have been destroyed in Kharkiv since the beginning of the full-scale invasion of Ukraine.
+
+According to Kharkiv Mayor Ihor Terekhov, Russian forces destroyed 1,143 buildings in Ukraine’s second-biggest city, 998 of which are residential buildings.
+
+---
+
+This is a small sampling of the things being reported on the ground in Ukraine. If you are in a position to do something, have connections, or can spread the word, this is the time to do so. Don't let Vladimir Putin permanently stain the souls of all Russian people with these atrocities. He must be removed from power immediately.
+
+---
+
+russian via google translate (sorry, I'm sure it's not perfect):
+
+Сообщение от команды styled-components:
+
+Если вы виде это, ваша среда настроена на русский язык. Мы надеемся, что к настоящему моменту вы видели разруху, ужасы и полное пренебрежение российских военных к гражданскому населению Украины. Наша позиция заключается в том, что эта война является неспровоцированной, несправедливой и бессмысленным актом геноцида и агрессии против украинского народа.
+
+По состоянию на 24 марта 2022 года сообщалось следующее (по материалам новостного издания Kyiv Independent @kyivindependent):
+
+С 24 февраля в Киеве повреждено 87 жилых домов.
+
+По данным Киевской городской государственной администрации, с начала полномасштабного вторжения российские обстрелы также повредили 10 частных домов, 12 школ и 6 детских садов в украинской столице.
+
+Россия запустила 1200 ракет по Украине.
+
+По данным ЮНИСЕФ, половина всех украинских детей были перемещены с 24 февраля.
+
+«С начала войны месяц назад из каждого мальчика и девочки в стране каждый второй был вынужден покинуть свои дома», — сказал CNN представитель ЮНИСЕФ Джеймс Элдер.
+
+Институт массовой информации сообщил, что также пропал один журналист. Всего Россия совершила 148 преступлений против журналистов и СМИ в Украине, говорится в отчете.
+
+Мариупольский горсовет: российские оккупанты насильно переселяют в Россию 6 тысяч мариупольцев.
+
+24 марта местные власти осажденного морского порта заявили, что российские оккупанты сейчас насильственно переселяют в Россию все больше его жителей, отбирая у них украинские паспорта.
+
+«Мы получили многочисленные заслуживающие доверия сообщения о неизбирательных нападениях и нападениях, преднамеренно направленных против гражданских лиц, а также о других зверствах», — говорится в заявлении госсекретаря США Энтони Блинкена от 23 марта.
+
+В Харькове с начала полномасштабного вторжения в Украину разрушено 1143 дома.
+
+По словам мэра Харькова Игоря Терехова, российские войска разрушили 1143 здания во втором по величине городе Украины, 998 из которых являются жилыми домами.
+
+---
+
+Это небольшая выборка того, что сообщается на местах в Украине. Если у вас есть возможность что-то сделать, у вас есть связи или вы можете распространить информацию, сейчас самое время это сделать. Не позволяйте Владимиру Путину навсегда запятнать души всех русских людей этими зверствами. Он должен быть немедленно отстранен от власти.
+
+---
+
+Slava Ukraini 🇺🇦
+`;
+
+if (
+  Intl.DateTimeFormat()
+    .resolvedOptions()
+    .locale.startsWith('ru')
+) {
+  // eslint-disable-next-line
+  console.warn(statement);
+}

package/primitives/dist/base.d.ts

@@ -14,4 +14,5 @@ declare global {
     }
 }
 export * from './secretInternals';
+export { Attrs, DefaultTheme, ShouldForwardProp } from './types';
 export { createGlobalStyle, css, isStyledComponent, keyframes, ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, useTheme, SC_VERSION as version, withTheme, };

package/primitives/dist/index.d.ts

@@ -1,3 +1,4 @@
 import styled from './constructors/styled';
 export * from './base';
+export { CSSProp, IStyledComponent, IStyledComponentFactory, IStyledStatics, StyledOptions, WebTarget, } from './types';
 export { styled as default };

package/primitives/dist/native/index.d.ts

@@ -60,5 +60,6 @@ declare const styled: (<Target extends NativeTarget>(tag: Target) => {
     VirtualizedList: NativeStyled<typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown>;
     WebView: NativeStyled<unknown, {}, unknown>;
 };
+export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions } from '../types';
 export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
 export default styled;

package/primitives/dist/primitives/index.d.ts

@@ -18,5 +18,6 @@ declare const styled: (<Target extends NativeTarget>(tag: Target) => {
     }), unknown>;
     View: NativeStyled<typeof reactPrimitives.View, import("react-native").ViewProps, unknown>;
 };
+export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions } from '../types';
 export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
 export default styled;

package/primitives/dist/styled-components-primitives.cjs.js

@@ -155,7 +155,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "5.3.4";
+var SC_VERSION = "5.3.5";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles

package/primitives/dist/styled-components-primitives.esm.js

@@ -148,7 +148,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "5.3.4";
+var SC_VERSION = "5.3.5";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles

package/primitives/dist/test/utils.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const seedNextClassnames: (names: string[]) => string[];
-export declare const resetStyled: (isServer?: boolean) => (<Target extends import("../types").WebTarget>(tag: Target) => {
-    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledComponent<Target, Props> & Statics;
-    attrs(attrs: import("../types").Attrs<unknown>): any;
-    withConfig(config: import("../types").StyledOptions<unknown>): any;
+export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => {
+    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("..").IStyledComponent<Target, Props> & Statics;
+    attrs(attrs: import("..").Attrs<unknown>): any;
+    withConfig(config: import("..").StyledOptions<unknown>): any;
 }) & {
     a: import("../constructors/constructWithOptions").WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown>;
     abbr: import("../constructors/constructWithOptions").WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;

package/primitives/dist/types.d.ts

@@ -6,6 +6,7 @@ interface ExoticComponentWithDisplayName<P = unknown> extends React.ExoticCompon
     defaultProps?: Partial<P>;
     displayName?: string;
 }
+export { DefaultTheme };
 export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
 export interface StyledOptions<Props> {
     attrs?: Attrs<Props>[];
@@ -79,16 +80,16 @@ export interface IStyledStatics<OuterProps = unknown> extends CommonStatics<Oute
     warnTooManyClasses?: ReturnType<typeof createWarnTooManyClasses>;
     withComponent: <Target extends WebTarget, Props = unknown>(tag: Target) => IStyledComponent<Target, OuterProps & Props>;
 }
-declare type CustomComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownWebTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
+declare type PolymorphicComponentProps<ActualComponent extends StyledTarget, PropsToBeInjectedIntoActualComponent extends {}, ActualComponentProps = ActualComponent extends KnownWebTarget ? React.ComponentPropsWithRef<ActualComponent> : {}> = React.HTMLAttributes<ActualComponent> & Omit<PropsToBeInjectedIntoActualComponent, keyof ActualComponentProps | 'as' | '$as'> & ActualComponentProps & ({
     $as: ActualComponent;
     as?: AnyComponent;
 } | {
     as?: ActualComponent;
 });
-interface CustomComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
-    <ActualComponent extends StyledTarget = FallbackComponent>(props: CustomComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<CustomComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
+interface PolymorphicComponent<FallbackComponent extends StyledTarget, ExpectedProps = unknown, PropsToBeInjectedIntoActualComponent = unknown> extends React.ForwardRefExoticComponent<ExpectedProps> {
+    <ActualComponent extends StyledTarget = FallbackComponent>(props: PolymorphicComponentProps<ActualComponent, ExpectedProps & PropsToBeInjectedIntoActualComponent>): React.ReactElement<PolymorphicComponentProps<ActualComponent, ExecutionContext & ExpectedProps & PropsToBeInjectedIntoActualComponent>, ActualComponent>;
 }
-export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends CustomComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
+export interface IStyledComponent<Target extends WebTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledStatics<Props> {
     defaultProps?: Partial<ExtensibleObject & (Target extends KnownWebTarget ? React.ComponentProps<Target> : {}) & Props>;
     toString: () => string;
 }
@@ -100,7 +101,7 @@ export interface IStyledNativeStatics<OuterProps = unknown> extends CommonStatic
     target: NativeTarget;
     withComponent: <Target extends NativeTarget, Props = unknown>(tag: Target) => IStyledNativeComponent<Target, OuterProps & Props>;
 }
-export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends CustomComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
+export interface IStyledNativeComponent<Target extends NativeTarget, Props = unknown> extends PolymorphicComponent<Target, Props, ExecutionContext>, IStyledNativeStatics<Props> {
     defaultProps?: Partial<ExtensibleObject & (Target extends KnownWebTarget ? React.ComponentProps<Target> : {}) & Props>;
 }
 export interface IStyledNativeComponentFactory<Target extends NativeTarget, Props = unknown, Statics = unknown> {
@@ -117,4 +118,4 @@ export declare type StyledTarget = WebTarget | NativeTarget;
 export interface StyledObject {
     [key: string]: Record<string, any> | string | number | StyleFunction<ExecutionContext>;
 }
-export {};
+export declare type CSSProp = string | StyledObject | StyleFunction<ExecutionContext>;