Skip to content

Upgrading @types/styled-components 4 to 5

Unknown4.4.3 → 5.1.36

Full comparisonBack to @types/styled-components
Fetching 39 releases from GitHub…7 / 39
UnknownUpgrade verdict

DepDelta is still reading the notes for 32 of 39 releases, so breaking changes can't be ruled out yet.

In plain terms
  • DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
  • This page updates as the notes come in.
Must act Still reading release notes

DepDelta is still reading the release notes in this range. This updates as they come in.

Drops @types/react-native.

Installs 5 packages in all (was 222).

API changes

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • added: interface ShadowRoot
  • changed: property Attributes.css?: CSSProp → property Attributes.css?: CSSProp | undefined
  • removed: interface FlattenInterpolation<P> extends ReadonlyArray<Interpolation<P>>
  • removed: interface FlattenSimpleInterpolation extends ReadonlyArray<SimpleInterpolation>
  • removed: method ThemedStyledComponentsModule.createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): GlobalStyleComponent<P, T>
  • removed: method ThemedStyledComponentsModule.keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • removed: method ThemedStyledFunction.attrs<U, NewA extends Partial<StyledComponentPropsWithRef<C> & U> & { [others: string]: any } = {}>(attrs: DeprecatedAttrs<StyledComponentPropsWithRef<C> & U, NewA, T>): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>
  • changed: call BaseThemedCssFunction(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<{}, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>): FlattenInterpolation<ThemedStyledProps<{}, T>> → call BaseThemedCssFunction(first: TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<{}, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>): FlattenInterpolation<ThemedStyledProps<{}, T>>
  • changed: call BaseThemedCssFunction<P extends object>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): FlattenInterpolation<ThemedStyledProps<P, T>> → call BaseThemedCssFunction<P extends object>(first: TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): FlattenInterpolation<ThemedStyledProps<P, T>>
  • changed: call StyledComponentBase(props: StyledComponentProps<C, T, O, A> & { as?: keyof JSX.IntrinsicElements | React.ComponentType<any>; forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<any> }): React.ReactElement<StyledComponentProps<C, T, O, A>> → call StyledComponentBase(props: StyledComponentProps<C, T, O, A> & { as?: never | undefined; forwardedAs?: never | undefined }): React.ReactElement<StyledComponentProps<C, T, O, A>>
  • changed: call ThemedBaseStyledInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: C): ThemedStyledFunction<C, T> → call ThemedBaseStyledInterface<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>>(component: C): ThemedStyledFunction<C, T>
  • changed: function createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, DefaultTheme>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>): GlobalStyleComponent<P, DefaultTheme> → function createGlobalStyle<P extends object = {}>(first: TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, DefaultTheme>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>): GlobalStyleComponent<P, DefaultTheme>
  • changed: interface GlobalStyleComponent<P, T> extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>> → interface GlobalStyleComponent<P extends { theme?: T | undefined }, T> extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>>
  • changed: interface StyledComponentBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>> → interface StyledComponentBase<C extends string | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>>
  • changed: interface ThemedStyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ThemedStyledFunctionBase<C, T, O, A> → interface ThemedStyledFunction<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ThemedStyledFunctionBase<C, T, O, A>
  • changed: interface ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> → interface ThemedStyledFunctionBase<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never>
  • changed: method StyledComponentBase.withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: WithC): StyledComponent<WithC, T, O, A> → method StyledComponentBase.withComponent<WithC extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>>(component: WithC): StyledComponent<WithC, T, O, A>
  • changed: property ThemeProviderProps.children?: React.ReactNode → property ThemeProviderProps.children?: React.ReactNode | undefined
  • changed: property ThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U> → property ThemedStyledComponentsModule.ThemeProvider: BaseThemeProviderComponent<T, U>
  • changed: property ThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T> → property ThemedStyledComponentsModule.withTheme: BaseWithThemeFnInterface<T>
  • changed: type BaseWithThemeFnInterface<T extends object> = <C extends React.ComponentType<any>>(component: React.ComponentProps<C> extends { theme?: T } ? C : never) => React.ForwardRefExoticComponent<WithOptionalTheme… → type BaseWithThemeFnInterface<T extends object> = <C extends React.ComponentType<any>>(component: React.ComponentProps<C> extends { theme?: T | undefined } ? C : never) => React.ForwardRefExoticComponent<WithO…
  • changed: type Interpolation<P> = InterpolationValue | FlattenInterpolation<P> | InterpolationFunction<P> → type Interpolation<P> = InterpolationValue | InterpolationFunction<P> | FlattenInterpolation<P>
  • changed: type StyledComponent<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> = string & StyledComponentBase<C, T, O, A> & hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never> → type StyledComponent<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> = string & StyledComponentBase<C, T, O, A> & hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never>
  • changed: type StyledComponentInnerComponent<C extends React.ComponentType<any>> = C extends | StyledComponent<infer I, any, any, any> | StyledComponent<infer I, any, any> ? I : C → type StyledComponentInnerComponent<C extends React.ComponentType<any>> = C extends StyledComponent<infer I, any, any, any> ? I : C extends StyledComponent<infer I, any, any> ? I : C
  • changed: type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends | StyledComponent<any, any, infer O, any> | StyledComponent<any, any, infer O> ? O : never → type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends StyledComponent<any, any, infer O, any> ? O : C extends StyledComponent<any, any, infer O> ? O : never
  • changed: type StyledComponentProps<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object, A extends keyof any> = O extends object ? WithOptionalTheme<Omit<ReactDefaultizedProps<C, React.ComponentPropsWithRef<C>> & O, A> & Partial<Pick<React.ComponentPropsWithRef<C> & O, A… → type StyledComponentProps<C extends string | React.ComponentType<any>, T extends object, O extends object, A extends keyof any, FAsC extends string | React.ComponentType<any> = C> = O extends object ? WithOptionalTheme<MakeAttrsOptional<C, O, A> & MakeAttrsOptional<FAsC, O, A>, T> : never
  • changed: type StyledComponentPropsWithRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>> : React.ComponentPropsWithRef<C> → type StyledComponentPropsWithRef<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>> : React.ComponentPropsWithRef<C>
  • changed: type StyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<C, any> → type StyledFunction<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<C, any>
  • changed: type ThemedGlobalStyledClassProps<P, T> = WithOptionalTheme<P, T> & { suppressMultiMountWarning?: boolean } → type ThemedGlobalStyledClassProps<P extends { theme?: T | undefined }, T> = WithOptionalTheme<P, T> & { suppressMultiMountWarning?: boolean | undefined }
  • added: call StyledComponentBase<AsC extends string | React.ComponentType<any> = C, FAsC extends string | React.ComponentType<any> = AsC>(props: StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A, AsC, FAsC>>
  • added: function useTheme(): DefaultTheme
  • added: interface StyleSheetManagerProps
  • added: interface StyledConfig<O extends object = {}>
  • added: method ServerStyleSheet.clearTag(): void
  • added: method ThemedStyledComponentsModule.useTheme(): T
  • added: property StyleSheetManagerProps.children?: React.ReactNode
  • added: property StyleSheetManagerProps.disableCSSOMInjection?: boolean | undefined
  • added: property StyleSheetManagerProps.disableVendorPrefixes?: boolean | undefined
  • added: property StyleSheetManagerProps.sheet?: ServerStyleSheet | undefined
  • added: property StyleSheetManagerProps.stylisPlugins?: StylisPlugin[] | undefined
  • added: property StyleSheetManagerProps.target?: HTMLElement | ShadowRoot | undefined
  • added: property StyledConfig.componentId?: string
  • added: property StyledConfig.displayName?: string
  • added: property StyledConfig.shouldForwardProp?: ((prop: keyof O, defaultValidatorFn: (prop: keyof O) => boolean) => boolean) | undefined
  • added: property ThemedStyledComponentsModule.createGlobalStyle: <P extends object = {}>(first: TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>) => GlobalStyleComponent<P, T>
  • added: property ThemedStyledComponentsModule.keyframes: (strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]) => Keyframes
  • added: property ThemedStyledFunction.withConfig: <Props extends O = O>(config: StyledConfig<StyledComponentPropsWithRef<C> & Props>) => ThemedStyledFunction<C, T, Props, A>
  • added: type FlattenInterpolation<P> = ReadonlyArray<Interpolation<P>>
  • added: type FlattenSimpleInterpolation = readonly SimpleInterpolation[]
  • added: type IntrinsicElementsKeys = keyof React.JSX.IntrinsicElements
  • added: type OmitU<T, K extends keyof T> = T extends any ? PickU<T, Exclude<keyof T, K>> : never
  • added: type PickU<T, K extends keyof T> = T extends any ? { [P in K]: T[P] } : never
  • added: type StylisPlugin = (context: number, selector: string[], parent: string[], content: string, line: number, column: number, length: number) => string | void
  • removed: const styled: ReactNativeStyledInterface<DefaultTheme>
  • removed: default styled
  • removed: export { DefaultTheme } from './index'
  • removed: export { ThemeConsumer } from './index'
  • removed: export { ThemeContext } from './index'
  • removed: export { ThemeProps } from './index'
  • removed: export { ThemeProvider } from './index'
  • removed: export { css } from './index'
  • removed: export { isStyledComponent } from './index'
  • removed: export { withTheme } from './index'
  • removed: interface ReactNativeStyledInterface<T extends object> extends ReactNativeThemedStyledInterface<T>
  • removed: interface ReactNativeThemedStyledComponentsModule<T extends object, U extends object = T>
  • removed: property ReactNativeStyledInterface.ActivityIndicator: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • removed: property ReactNativeStyledInterface.ActivityIndicatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • removed: property ReactNativeStyledInterface.Button: ReactNativeThemedStyledFunction<typeof ReactNative.Button, T>
  • removed: property ReactNativeStyledInterface.DatePickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.DatePickerIOS, T>
  • removed: property ReactNativeStyledInterface.DrawerLayoutAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.DrawerLayoutAndroid, T>
  • removed: property ReactNativeStyledInterface.FlatList: ReactNativeThemedStyledFunction<typeof ReactNative.FlatList, T>
  • removed: property ReactNativeStyledInterface.Image: ReactNativeThemedStyledFunction<typeof ReactNative.Image, T>
  • removed: property ReactNativeStyledInterface.ImageBackground: ReactNativeThemedStyledFunction<typeof ReactNative.ImageBackground, T>
  • removed: property ReactNativeStyledInterface.KeyboardAvoidingView: ReactNativeThemedStyledFunction<typeof ReactNative.KeyboardAvoidingView, T>
  • removed: property ReactNativeStyledInterface.ListView: ReactNativeThemedStyledFunction<typeof ReactNative.ListView, T>
  • removed: property ReactNativeStyledInterface.Modal: ReactNativeThemedStyledFunction<typeof ReactNative.Modal, T>
  • removed: property ReactNativeStyledInterface.NavigatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.NavigatorIOS, T>
  • removed: property ReactNativeStyledInterface.Picker: ReactNativeThemedStyledFunction<typeof ReactNative.Picker, T>
  • removed: property ReactNativeStyledInterface.PickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.PickerIOS, T>
  • removed: property ReactNativeStyledInterface.ProgressBarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressBarAndroid, T>
  • removed: property ReactNativeStyledInterface.ProgressViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressViewIOS, T>
  • removed: property ReactNativeStyledInterface.RecyclerViewBackedScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.RecyclerViewBackedScrollView, T>
  • removed: property ReactNativeStyledInterface.RefreshControl: ReactNativeThemedStyledFunction<typeof ReactNative.RefreshControl, T>
  • removed: property ReactNativeStyledInterface.SafeAreaView: ReactNativeThemedStyledFunction<typeof ReactNative.SafeAreaView, T>
  • removed: property ReactNativeStyledInterface.ScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.ScrollView, T>
  • removed: property ReactNativeStyledInterface.SectionList: ReactNativeThemedStyledFunction<typeof ReactNative.SectionList, T>
  • removed: property ReactNativeStyledInterface.SegmentedControlIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SegmentedControlIOS, T>
  • removed: property ReactNativeStyledInterface.Slider: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • removed: property ReactNativeStyledInterface.SliderIOS: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • removed: property ReactNativeStyledInterface.SnapshotViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SnapshotViewIOS, T>
  • removed: property ReactNativeStyledInterface.StatusBar: ReactNativeThemedStyledFunction<typeof ReactNative.StatusBar, T>
  • removed: property ReactNativeStyledInterface.SwipeableListView: ReactNativeThemedStyledFunction<typeof ReactNative.SwipeableListView, T>
  • removed: property ReactNativeStyledInterface.Switch: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • removed: property ReactNativeStyledInterface.SwitchAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • removed: property ReactNativeStyledInterface.SwitchIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SwitchIOS, T>
  • removed: property ReactNativeStyledInterface.TabBarIOS: ReactNativeThemedStyledFunction<typeof ReactNative.TabBarIOS, T>
  • removed: property ReactNativeStyledInterface.Text: ReactNativeThemedStyledFunction<typeof ReactNative.Text, T>
  • removed: property ReactNativeStyledInterface.TextInput: ReactNativeThemedStyledFunction<typeof ReactNative.TextInput, T>
  • removed: property ReactNativeStyledInterface.ToolbarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ToolbarAndroid, T>
  • removed: property ReactNativeStyledInterface.TouchableHighlight: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableHighlight, T>
  • removed: property ReactNativeStyledInterface.TouchableNativeFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableNativeFeedback, T>
  • removed: property ReactNativeStyledInterface.TouchableOpacity: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableOpacity, T>
  • removed: property ReactNativeStyledInterface.TouchableWithoutFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableWithoutFeedback, T>
  • removed: property ReactNativeStyledInterface.View: ReactNativeThemedStyledFunction<typeof ReactNative.View, T>
  • removed: property ReactNativeStyledInterface.ViewPagerAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ViewPagerAndroid, T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • removed: property ReactNativeThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • removed: property ReactNativeThemedStyledComponentsModule.default: ReactNativeStyledInterface<T>
  • removed: property ReactNativeThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • removed: property ReactNativeThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • removed: type ReactNativeThemedStyledFunction<C extends React.ComponentType<any>, T extends object> = ThemedStyledFunction<C, T>
  • added: function enzymeFind<Wrapper extends { find: (selector: string) => any }>(wrapper: Wrapper, styledComponent: StyledComponent<any, any, any, any>): Wrapper
  • added: function find(element: HTMLElement, styledComponent: StyledComponent<any, any, any, any>): HTMLElement | null
  • added: function findAll(element: HTMLElement, styledComponent: StyledComponent<any, any, any, any>): NodeList | null
  • removed: declare module 'react'
  • removed: call BaseThemedCssFunction(first: TemplateStringsArray | CSSObject, ...interpolations: SimpleInterpolation[]): FlattenSimpleInterpolation
  • removed: call BaseThemedCssFunction(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<{}, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>): FlattenInterpolation<ThemedStyledProps<{}, T>>
  • removed: call BaseThemedCssFunction<P extends object>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): FlattenInterpolation<ThemedStyledProps<P, T>>
  • removed: call StyledComponentBase(props: StyledComponentProps<C, T, O, A> & { as?: never, forwardedAs?: never }): React.ReactElement<StyledComponentProps<C, T, O, A>>
  • removed: call StyledComponentBase<AsC extends keyof JSX.IntrinsicElements | React.ComponentType<any> = C>(props: StyledComponentPropsWithAs<AsC, T, O, A>): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A>>
  • removed: call ThemedBaseStyledInterface<C extends AnyStyledComponent>(component: C): ThemedStyledFunction<StyledComponentInnerComponent<C>, T, StyledComponentInnerOtherProps<C>, StyledComponentInnerAttrs<C>>
  • removed: call ThemedBaseStyledInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: C): ThemedStyledFunction<C, T>
  • removed: call ThemedStyledFunctionBase(first: TemplateStringsArray): StyledComponent<C, T, O, A>
  • removed: call ThemedStyledFunctionBase(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>, ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>>): StyledComponent<C, T, O, A>
  • removed: call ThemedStyledFunctionBase<U extends object>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>, ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>>): StyledComponent<C, T, O & U, A>
  • removed: class ServerStyleSheet
  • removed: class StyleSheetManager extends React.Component<StyleSheetManagerProps>
  • removed: const ThemeConsumer: typeof ThemeContext['Consumer']
  • removed: const ThemeContext: React.Context<AnyIfEmpty<DefaultTheme>>
  • removed: const ThemeProvider: ThemeProviderComponent<AnyIfEmpty<DefaultTheme>>
  • removed: const css: ThemedCssFunction<DefaultTheme>
  • removed: const styled: StyledInterface
  • removed: const withTheme: WithThemeFnInterface<DefaultTheme>
  • removed: declare global
  • removed: default styled
  • removed: function createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, DefaultTheme>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>): GlobalStyleComponent<P, DefaultTheme>
  • removed: function isStyledComponent(target: any): target is StyledComponent<any, any>
  • removed: function keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • removed: index CSSObject[key: string]: CSSObject | string | number | undefined
  • removed: interface BaseThemedCssFunction<T extends object>
  • removed: interface CSSObject extends CSSProperties, CSSPseudos
  • removed: interface DefaultTheme
  • removed: interface GlobalStyleComponent<P, T> extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>>
  • removed: interface Keyframes
  • removed: interface StyledComponentBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ForwardRefExoticBase<StyledComponentProps<C, T, O, A>>
  • removed: interface ThemeProps<T>
  • removed: interface ThemeProviderProps<T extends object, U extends object = T>
  • removed: interface ThemedBaseStyledInterface<T extends object> extends ThemedStyledComponentFactories<T>
  • removed: interface ThemedStyledComponentsModule<T extends object, U extends object = T>
  • removed: interface ThemedStyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> extends ThemedStyledFunctionBase<C, T, O, A>
  • removed: interface ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never>
  • removed: method Keyframes.getName(): string
  • removed: method ServerStyleSheet.collectStyles(tree: React.ReactNode): React.ReactElement<{ sheet: ServerStyleSheet }>
  • removed: method ServerStyleSheet.getStyleElement(): Array<React.ReactElement<{}>>
  • removed: method ServerStyleSheet.getStyleTags(): string
  • removed: method ServerStyleSheet.interleaveWithNodeStream(readableStream: NodeJS.ReadableStream): NodeJS.ReadableStream
  • removed: method ServerStyleSheet.seal(): void
  • removed: method StyledComponentBase.withComponent<WithC extends AnyStyledComponent>(component: WithC): StyledComponent<StyledComponentInnerComponent<WithC>, T, O & StyledComponentInnerOtherProps<WithC>, A | StyledComponentInnerAttrs<WithC>>
  • removed: method StyledComponentBase.withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: WithC): StyledComponent<WithC, T, O, A>
  • removed: method ThemedStyledComponentsModule.createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): GlobalStyleComponent<P, T>
  • removed: method ThemedStyledComponentsModule.keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • removed: method ThemedStyledFunction.attrs<U, NewA extends Partial<StyledComponentPropsWithRef<C> & U> & { [others: string]: any } = {}>(attrs: Attrs<StyledComponentPropsWithRef<C> & U, NewA, T>): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>
  • removed: method ThemedStyledFunction.attrs<U, NewA extends Partial<StyledComponentPropsWithRef<C> & U> & { [others: string]: any } = {}>(attrs: DeprecatedAttrs<StyledComponentPropsWithRef<C> & U, NewA, T>): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>
  • removed: property ThemeProps.theme: T
  • removed: property ThemeProviderProps.children?: React.ReactNode
  • removed: property ThemeProviderProps.theme: T | ((theme: U) => T)
  • removed: property ThemedStyledComponentsModule.ServerStyleSheet: typeof ServerStyleSheet
  • removed: property ThemedStyledComponentsModule.StyleSheetManager: typeof StyleSheetManager
  • removed: property ThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • removed: property ThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • removed: property ThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • removed: property ThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • removed: property ThemedStyledComponentsModule.default: ThemedStyledInterface<T>
  • removed: property ThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • removed: property ThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • removed: readonly property ServerStyleSheet.instance: this
  • removed: type AnyStyledComponent = StyledComponent<any, any, any, any> | StyledComponent<any, any, any>
  • removed: type BaseThemeProviderComponent<T extends object, U extends object = T> = React.ComponentClass<ThemeProviderProps<T, U>>
  • removed: type BaseWithThemeFnInterface<T extends object> = <C extends React.ComponentType<any>>(component: React.ComponentProps<C> extends { theme?: T } ? C : never) => React.ForwardRefExoticComponent<WithOptionalTheme…
  • removed: type CSSKeyframes = object & { [key: string]: CSSObject }
  • removed: type CSSProp<T = AnyIfEmpty<DefaultTheme>> = string | CSSObject | FlattenInterpolation<ThemeProps<T>>
  • removed: type CSSProperties = CSS.Properties<string | number>
  • removed: type CSSPseudos = { [K in CSS.Pseudos]?: CSSObject }
  • removed: type FalseyValue = undefined | null | false
  • removed: type FlattenInterpolation<P> = ReadonlyArray<Interpolation<P>>
  • removed: type FlattenSimpleInterpolation = ReadonlyArray<SimpleInterpolation>
  • removed: type Interpolation<P> = InterpolationValue | InterpolationFunction<P> | FlattenInterpolation<P>
  • removed: type InterpolationFunction<P> = (props: P) => Interpolation<P>
  • removed: type InterpolationValue = string | number | FalseyValue | Keyframes | StyledComponentInterpolation | CSSObject
  • removed: type SimpleInterpolation = InterpolationValue | FlattenSimpleInterpolation
  • removed: type StyledComponent<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> = string & StyledComponentBase<C, T, O, A> & hoistNonReactStatics.NonReactStatics<C extends React.ComponentType<any> ? C : never>
  • removed: type StyledComponentInnerAttrs<C extends AnyStyledComponent> = C extends StyledComponent<any, any, any, infer A> ? A : never
  • removed: type StyledComponentInnerComponent<C extends React.ComponentType<any>> = C extends | StyledComponent<infer I, any, any, any> | StyledComponent<infer I, any, any> ? I : C
  • removed: type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends | StyledComponent<any, any, infer O, any> | StyledComponent<any, any, infer O> ? O : never
  • removed: type StyledComponentProps<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object, A extends keyof any> = O extends object ? WithOptionalTheme<Omit<ReactDefaultizedProps<C, React.ComponentPropsWithRef<C>> & O, A> & Partial<Pick<React.ComponentPropsWithRef<C> & O, A…
  • removed: type StyledComponentPropsWithRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>> : React.ComponentPropsWithRef<C>
  • removed: type StyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<C, any>
  • removed: type StyledInterface = ThemedStyledInterface<DefaultTheme>
  • removed: type StyledProps<P> = ThemedStyledProps<P, AnyIfEmpty<DefaultTheme>>
  • removed: type ThemeProviderComponent<T extends object, U extends object = T> = BaseThemeProviderComponent<AnyIfEmpty<T>, AnyIfEmpty<U>>
  • removed: type ThemedCssFunction<T extends object> = BaseThemedCssFunction<AnyIfEmpty<T>>
  • removed: type ThemedGlobalStyledClassProps<P, T> = WithOptionalTheme<P, T> & { suppressMultiMountWarning?: boolean }
  • removed: type ThemedStyledInterface<T extends object> = ThemedBaseStyledInterface<AnyIfEmpty<T>>
  • removed: type ThemedStyledProps<P, T> = P & ThemeProps<T>
  • removed: type WithThemeFnInterface<T extends object> = BaseWithThemeFnInterface<AnyIfEmpty<T>>
  • removed: export * from '.'
  • removed: export { default } from '.'
  • removed: const styled: ReactNativeStyledInterface<DefaultTheme>
  • removed: default styled
  • removed: export { DefaultTheme } from './index'
  • removed: export { ThemeConsumer } from './index'
  • removed: export { ThemeContext } from './index'
  • removed: export { ThemeProps } from './index'
  • removed: export { ThemeProvider } from './index'
  • removed: export { css } from './index'
  • removed: export { isStyledComponent } from './index'
  • removed: export { withTheme } from './index'
  • removed: interface ReactNativeStyledInterface<T extends object> extends ReactNativeThemedStyledInterface<T>
  • removed: interface ReactNativeThemedStyledComponentsModule<T extends object, U extends object = T>
  • removed: property ReactNativeStyledInterface.ActivityIndicator: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • removed: property ReactNativeStyledInterface.ActivityIndicatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • removed: property ReactNativeStyledInterface.Button: ReactNativeThemedStyledFunction<typeof ReactNative.Button, T>
  • removed: property ReactNativeStyledInterface.DatePickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.DatePickerIOS, T>
  • removed: property ReactNativeStyledInterface.DrawerLayoutAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.DrawerLayoutAndroid, T>
  • removed: property ReactNativeStyledInterface.Image: ReactNativeThemedStyledFunction<typeof ReactNative.Image, T>
  • removed: property ReactNativeStyledInterface.ImageBackground: ReactNativeThemedStyledFunction<typeof ReactNative.ImageBackground, T>
  • removed: property ReactNativeStyledInterface.KeyboardAvoidingView: ReactNativeThemedStyledFunction<typeof ReactNative.KeyboardAvoidingView, T>
  • removed: property ReactNativeStyledInterface.ListView: ReactNativeThemedStyledFunction<typeof ReactNative.ListView, T>
  • removed: property ReactNativeStyledInterface.Modal: ReactNativeThemedStyledFunction<typeof ReactNative.Modal, T>
  • removed: property ReactNativeStyledInterface.NavigatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.NavigatorIOS, T>
  • removed: property ReactNativeStyledInterface.Picker: ReactNativeThemedStyledFunction<typeof ReactNative.Picker, T>
  • removed: property ReactNativeStyledInterface.PickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.PickerIOS, T>
  • removed: property ReactNativeStyledInterface.ProgressBarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressBarAndroid, T>
  • removed: property ReactNativeStyledInterface.ProgressViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressViewIOS, T>
  • removed: property ReactNativeStyledInterface.RecyclerViewBackedScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.RecyclerViewBackedScrollView, T>
  • removed: property ReactNativeStyledInterface.RefreshControl: ReactNativeThemedStyledFunction<typeof ReactNative.RefreshControl, T>
  • removed: property ReactNativeStyledInterface.SafeAreaView: ReactNativeThemedStyledFunction<typeof ReactNative.SafeAreaView, T>
  • removed: property ReactNativeStyledInterface.ScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.ScrollView, T>
  • removed: property ReactNativeStyledInterface.SegmentedControlIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SegmentedControlIOS, T>
  • removed: property ReactNativeStyledInterface.Slider: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • removed: property ReactNativeStyledInterface.SliderIOS: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • removed: property ReactNativeStyledInterface.SnapshotViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SnapshotViewIOS, T>
  • removed: property ReactNativeStyledInterface.StatusBar: ReactNativeThemedStyledFunction<typeof ReactNative.StatusBar, T>
  • removed: property ReactNativeStyledInterface.SwipeableListView: ReactNativeThemedStyledFunction<typeof ReactNative.SwipeableListView, T>
  • removed: property ReactNativeStyledInterface.Switch: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • removed: property ReactNativeStyledInterface.SwitchAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • removed: property ReactNativeStyledInterface.SwitchIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SwitchIOS, T>
  • removed: property ReactNativeStyledInterface.TabBarIOS: ReactNativeThemedStyledFunction<typeof ReactNative.TabBarIOS, T>
  • removed: property ReactNativeStyledInterface.Text: ReactNativeThemedStyledFunction<typeof ReactNative.Text, T>
  • removed: property ReactNativeStyledInterface.TextInput: ReactNativeThemedStyledFunction<typeof ReactNative.TextInput, T>
  • removed: property ReactNativeStyledInterface.ToolbarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ToolbarAndroid, T>
  • removed: property ReactNativeStyledInterface.TouchableHighlight: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableHighlight, T>
  • removed: property ReactNativeStyledInterface.TouchableNativeFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableNativeFeedback, T>
  • removed: property ReactNativeStyledInterface.TouchableOpacity: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableOpacity, T>
  • removed: property ReactNativeStyledInterface.TouchableWithoutFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableWithoutFeedback, T>
  • removed: property ReactNativeStyledInterface.View: ReactNativeThemedStyledFunction<typeof ReactNative.View, T>
  • removed: property ReactNativeStyledInterface.ViewPagerAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ViewPagerAndroid, T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • removed: property ReactNativeThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • removed: property ReactNativeThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • removed: property ReactNativeThemedStyledComponentsModule.default: ReactNativeStyledInterface<T>
  • removed: property ReactNativeThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • removed: property ReactNativeThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • removed: type ReactNativeThemedStyledFunction<C extends React.ComponentType<any>, T extends object> = ThemedStyledFunction<C, T>