Skip to content

Upgrading @types/styled-components 3 to 4

Unknown3.0.13 → 4.4.3

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

DepDelta is still reading the notes for this range, 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.

Adds @types/hoist-non-react-statics *, @types/react-native *, csstype ^2.2.0.

Installs 222 packages in all (was 4).

API changes

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

  • added: declare module 'react'
  • added: interface NodeJS.ReadableStream
  • added: namespace NodeJS
  • added: interface Attributes
  • added: property Attributes.css?: CSSProp
  • removed: call ThemedBaseStyledInterface<P, TTag extends keyof React.JSX.IntrinsicElements>(tag: TTag): ThemedStyledFunction<P, T, P & React.JSX.IntrinsicElements[TTag]>
  • removed: call ThemedStyledFunction(strings: TemplateStringsArray, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): StyledComponentClass<P, T, O>
  • removed: call ThemedStyledFunction<U>(strings: TemplateStringsArray, ...interpolations: Array<Interpolation<ThemedStyledProps<P & U, T>>>): StyledComponentClass<P & U, T, O & U>
  • removed: function consolidateStreamedStyles(): void
  • removed: function injectGlobal(strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]): void
  • removed: index Styles[ruleOrSelector: string]: string | number | Styles
  • removed: interface StyledComponentClass<P, T, O = P> extends React.ComponentClass<ThemedOuterStyledProps<O, T>>
  • removed: interface Styles
  • removed: method StyledComponentClass.withComponent<K extends keyof React.JSX.IntrinsicElements>(tag: K): StyledComponentClass<React.JSX.IntrinsicElements[K], T, React.JSX.IntrinsicElements[K] & O>
  • removed: method StyledComponentClass.withComponent<U = {}>(element: React.ComponentType<U>): StyledComponentClass<U, T, U & O>
  • removed: method ThemedStyledComponentsModule.injectGlobal(strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]): void
  • removed: property StyledComponentClass.extend: ThemedStyledFunction<P, T, O>
  • removed: type FlattenInterpolation<P> = InterpolationValue | InterpolationFunction<P>
  • removed: type OuterStyledProps<P> = ThemedOuterStyledProps<P, any>
  • removed: type ThemedOuterStyledProps<P, T> = P & { theme?: T | undefined; innerRef?: | ((instance: any) => void) | React.RefObject<HTMLElement | SVGElement | React.Component | null> | undefined }
  • changed: call BaseThemedCssFunction(strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]): InterpolationValue[] → call BaseThemedCssFunction(first: TemplateStringsArray | CSSObject, ...interpolations: SimpleInterpolation[]): FlattenSimpleInterpolation
  • changed: call BaseThemedCssFunction<P>(strings: TemplateStringsArray, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): Array<FlattenInterpolation<ThemedStyledProps<P, T>>> → call BaseThemedCssFunction(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<{}, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>): FlattenInterpolation<ThemedStyledProps<{}, T>>
  • changed: call ThemedBaseStyledInterface<P extends { [prop: string]: any; theme?: T | undefined }>(component: React.ComponentType<P>): ThemedStyledFunction<P, T, WithOptionalTheme<P, T>> → call ThemedBaseStyledInterface<C extends AnyStyledComponent>(component: C): ThemedStyledFunction<StyledComponentInnerComponent<C>, T, StyledComponentInnerOtherProps<C>, StyledComponentInnerAttrs<C>>
  • changed: call ThemedBaseStyledInterface<P, O>(component: StyledComponentClass<P, T, O>): ThemedStyledFunction<P, T, O> → call ThemedBaseStyledInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: C): ThemedStyledFunction<C, T>
  • changed: const ThemeProvider: ThemeProviderComponent<object> → const ThemeProvider: ThemeProviderComponent<AnyIfEmpty<DefaultTheme>>
  • changed: function isStyledComponent(target: any): target is StyledComponentClass<{}, {}> → function isStyledComponent(target: any): target is StyledComponent<any, any>
  • changed: function keyframes(strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]): string → function keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • changed: interface BaseThemedCssFunction<T> → interface BaseThemedCssFunction<T extends object>
  • changed: interface ThemeProviderProps<T> → interface ThemeProviderProps<T extends object, U extends object = T>
  • changed: interface ThemedBaseStyledInterface<T> extends ThemedStyledComponentFactories<T> → interface ThemedBaseStyledInterface<T extends object> extends ThemedStyledComponentFactories<T>
  • changed: interface ThemedStyledComponentsModule<T> → interface ThemedStyledComponentsModule<T extends object, U extends object = T>
  • changed: interface ThemedStyledFunction<P, T, O = P> → 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>
  • changed: method ServerStyleSheet.collectStyles(tree: React.ReactNode): React.ReactElement<StylesheetComponentProps> → method ServerStyleSheet.collectStyles(tree: React.ReactNode): React.ReactElement<{ sheet: ServerStyleSheet }>
  • changed: method ThemedStyledComponentsModule.keyframes(strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]): string → method ThemedStyledComponentsModule.keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • changed: method ThemedStyledFunction.attrs<U, A extends Partial<P & U> = {}>(attrs: Attrs<P & U, A, T>): ThemedStyledFunction<DiffBetween<A, P & U>, T, DiffBetween<A, O & U>> → 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>
  • changed: property ServerStyleSheet.instance: StyleSheet → readonly property ServerStyleSheet.instance: this
  • changed: property ThemeProviderProps.children?: React.ReactElement | undefined | null → property ThemeProviderProps.children?: React.ReactNode
  • changed: property ThemeProviderProps.theme?: T | ((theme: T) => T) | undefined → property ThemeProviderProps.theme: T | ((theme: U) => T)
  • changed: property ThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T> → property ThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • changed: type BaseThemeProviderComponent<T> = React.ComponentClass<ThemeProviderProps<T>> → type BaseThemeProviderComponent<T extends object, U extends object = T> = React.ComponentClass<ThemeProviderProps<T, U>>
  • changed: type BaseWithThemeFnInterface<T> = <P extends { theme?: T | undefined }>(component: React.ComponentType<P>) => React.ComponentClass<WithOptionalTheme<P, T>> → type BaseWithThemeFnInterface<T extends object> = <C extends React.ComponentType<any>>(component: React.ComponentProps<C> extends { theme?: T } ? C : never) => React.ForwardRefExoticComponent<WithOptionalTheme…
  • changed: type Interpolation<P> = FlattenInterpolation<P> | ReadonlyArray<FlattenInterpolation<P> | ReadonlyArray<FlattenInterpolation<P>>> → type Interpolation<P> = InterpolationValue | FlattenInterpolation<P> | InterpolationFunction<P>
  • changed: type InterpolationValue = string | number | Styles | FalseyValue | StyledComponentClass<any, any> → type InterpolationValue = string | number | FalseyValue | Keyframes | StyledComponentInterpolation | CSSObject
  • changed: type SimpleInterpolation = InterpolationValue | ReadonlyArray<InterpolationValue | readonly InterpolationValue[]> → type SimpleInterpolation = InterpolationValue | FlattenSimpleInterpolation
  • changed: type StyledFunction<P> = ThemedStyledFunction<P, any> → type StyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<C, any>
  • changed: type StyledProps<P> = ThemedStyledProps<P, any> → type StyledProps<P> = ThemedStyledProps<P, AnyIfEmpty<DefaultTheme>>
  • changed: type ThemeProviderComponent<T> = BaseThemeProviderComponent<Extract<keyof T, string> extends never ? any : T> → type ThemeProviderComponent<T extends object, U extends object = T> = BaseThemeProviderComponent<AnyIfEmpty<T>, AnyIfEmpty<U>>
  • changed: type ThemedCssFunction<T> = BaseThemedCssFunction<Extract<keyof T, string> extends never ? any : T> → type ThemedCssFunction<T extends object> = BaseThemedCssFunction<AnyIfEmpty<T>>
  • changed: type ThemedStyledInterface<T> = ThemedBaseStyledInterface<Extract<keyof T, string> extends never ? any : T> → type ThemedStyledInterface<T extends object> = ThemedBaseStyledInterface<AnyIfEmpty<T>>
  • changed: type WithThemeFnInterface<T> = BaseWithThemeFnInterface<Extract<keyof T, string> extends never ? any : T> → type WithThemeFnInterface<T extends object> = BaseWithThemeFnInterface<AnyIfEmpty<T>>
  • added: call BaseThemedCssFunction<P extends object>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): FlattenInterpolation<ThemedStyledProps<P, T>>
  • added: 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>>
  • added: call ThemedStyledFunctionBase(first: TemplateStringsArray): StyledComponent<C, T, O, A>
  • added: call ThemedStyledFunctionBase(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>, ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>>): StyledComponent<C, T, O, A>
  • added: 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>
  • added: const ThemeConsumer: typeof ThemeContext['Consumer']
  • added: const ThemeContext: React.Context<AnyIfEmpty<DefaultTheme>>
  • added: declare global
  • added: function createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, DefaultTheme>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>): GlobalStyleComponent<P, DefaultTheme>
  • added: index CSSObject[key: string]: CSSObject | string | number | undefined
  • added: interface CSSObject extends CSSProperties, CSSPseudos
  • added: interface FlattenInterpolation<P> extends ReadonlyArray<Interpolation<P>>
  • added: interface FlattenSimpleInterpolation extends ReadonlyArray<SimpleInterpolation>
  • added: interface GlobalStyleComponent<P, T> extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>>
  • added: interface Keyframes
  • added: 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>>
  • added: interface ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never>
  • added: method Keyframes.getName(): string
  • added: method ServerStyleSheet.seal(): void
  • added: method StyledComponentBase.withComponent<WithC extends AnyStyledComponent>(component: WithC): StyledComponent<StyledComponentInnerComponent<WithC>, T, O & StyledComponentInnerOtherProps<WithC>, A | StyledComponentInnerAttrs<WithC>>
  • added: method StyledComponentBase.withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: WithC): StyledComponent<WithC, T, O, A>
  • added: method ThemedStyledComponentsModule.createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): GlobalStyleComponent<P, T>
  • added: 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>
  • added: property ThemedStyledComponentsModule.ServerStyleSheet: typeof ServerStyleSheet
  • added: property ThemedStyledComponentsModule.StyleSheetManager: typeof StyleSheetManager
  • added: property ThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • added: property ThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • added: property ThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • added: type AnyStyledComponent = StyledComponent<any, any, any, any> | StyledComponent<any, any, any>
  • added: type CSSKeyframes = object & { [key: string]: CSSObject }
  • added: type CSSProp<T = AnyIfEmpty<DefaultTheme>> = string | CSSObject | FlattenInterpolation<ThemeProps<T>>
  • added: type CSSProperties = CSS.Properties<string | number>
  • added: type CSSPseudos = { [K in CSS.Pseudos]?: CSSObject }
  • added: 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>
  • added: type StyledComponentInnerAttrs<C extends AnyStyledComponent> = C extends StyledComponent<any, any, any, infer A> ? A : never
  • added: type StyledComponentInnerComponent<C extends React.ComponentType<any>> = C extends | StyledComponent<infer I, any, any, any> | StyledComponent<infer I, any, any> ? I : C
  • added: type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends | StyledComponent<any, any, infer O, any> | StyledComponent<any, any, infer O> ? O : never
  • added: 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…
  • added: type StyledComponentPropsWithRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>> : React.ComponentPropsWithRef<C>
  • added: type ThemedGlobalStyledClassProps<P, T> = WithOptionalTheme<P, T> & { suppressMultiMountWarning?: boolean }
  • added: export * from '.'
  • added: export { default } from '.'
  • added: const styled: ReactNativeStyledInterface<DefaultTheme>
  • added: default styled
  • added: export { DefaultTheme } from './index'
  • added: export { ThemeConsumer } from './index'
  • added: export { ThemeContext } from './index'
  • added: export { ThemeProps } from './index'
  • added: export { ThemeProvider } from './index'
  • added: export { css } from './index'
  • added: export { isStyledComponent } from './index'
  • added: export { withTheme } from './index'
  • added: interface ReactNativeStyledInterface<T extends object> extends ReactNativeThemedStyledInterface<T>
  • added: interface ReactNativeThemedStyledComponentsModule<T extends object, U extends object = T>
  • added: property ReactNativeStyledInterface.ActivityIndicator: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • added: property ReactNativeStyledInterface.ActivityIndicatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • added: property ReactNativeStyledInterface.Button: ReactNativeThemedStyledFunction<typeof ReactNative.Button, T>
  • added: property ReactNativeStyledInterface.DatePickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.DatePickerIOS, T>
  • added: property ReactNativeStyledInterface.DrawerLayoutAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.DrawerLayoutAndroid, T>
  • added: property ReactNativeStyledInterface.FlatList: ReactNativeThemedStyledFunction<typeof ReactNative.FlatList, T>
  • added: property ReactNativeStyledInterface.Image: ReactNativeThemedStyledFunction<typeof ReactNative.Image, T>
  • added: property ReactNativeStyledInterface.ImageBackground: ReactNativeThemedStyledFunction<typeof ReactNative.ImageBackground, T>
  • added: property ReactNativeStyledInterface.KeyboardAvoidingView: ReactNativeThemedStyledFunction<typeof ReactNative.KeyboardAvoidingView, T>
  • added: property ReactNativeStyledInterface.ListView: ReactNativeThemedStyledFunction<typeof ReactNative.ListView, T>
  • added: property ReactNativeStyledInterface.Modal: ReactNativeThemedStyledFunction<typeof ReactNative.Modal, T>
  • added: property ReactNativeStyledInterface.NavigatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.NavigatorIOS, T>
  • added: property ReactNativeStyledInterface.Picker: ReactNativeThemedStyledFunction<typeof ReactNative.Picker, T>
  • added: property ReactNativeStyledInterface.PickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.PickerIOS, T>
  • added: property ReactNativeStyledInterface.ProgressBarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressBarAndroid, T>
  • added: property ReactNativeStyledInterface.ProgressViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressViewIOS, T>
  • added: property ReactNativeStyledInterface.RecyclerViewBackedScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.RecyclerViewBackedScrollView, T>
  • added: property ReactNativeStyledInterface.RefreshControl: ReactNativeThemedStyledFunction<typeof ReactNative.RefreshControl, T>
  • added: property ReactNativeStyledInterface.SafeAreaView: ReactNativeThemedStyledFunction<typeof ReactNative.SafeAreaView, T>
  • added: property ReactNativeStyledInterface.ScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.ScrollView, T>
  • added: property ReactNativeStyledInterface.SectionList: ReactNativeThemedStyledFunction<typeof ReactNative.SectionList, T>
  • added: property ReactNativeStyledInterface.SegmentedControlIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SegmentedControlIOS, T>
  • added: property ReactNativeStyledInterface.Slider: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • added: property ReactNativeStyledInterface.SliderIOS: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • added: property ReactNativeStyledInterface.SnapshotViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SnapshotViewIOS, T>
  • added: property ReactNativeStyledInterface.StatusBar: ReactNativeThemedStyledFunction<typeof ReactNative.StatusBar, T>
  • added: property ReactNativeStyledInterface.SwipeableListView: ReactNativeThemedStyledFunction<typeof ReactNative.SwipeableListView, T>
  • added: property ReactNativeStyledInterface.Switch: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • added: property ReactNativeStyledInterface.SwitchAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • added: property ReactNativeStyledInterface.SwitchIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SwitchIOS, T>
  • added: property ReactNativeStyledInterface.TabBarIOS: ReactNativeThemedStyledFunction<typeof ReactNative.TabBarIOS, T>
  • added: property ReactNativeStyledInterface.Text: ReactNativeThemedStyledFunction<typeof ReactNative.Text, T>
  • added: property ReactNativeStyledInterface.TextInput: ReactNativeThemedStyledFunction<typeof ReactNative.TextInput, T>
  • added: property ReactNativeStyledInterface.ToolbarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ToolbarAndroid, T>
  • added: property ReactNativeStyledInterface.TouchableHighlight: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableHighlight, T>
  • added: property ReactNativeStyledInterface.TouchableNativeFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableNativeFeedback, T>
  • added: property ReactNativeStyledInterface.TouchableOpacity: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableOpacity, T>
  • added: property ReactNativeStyledInterface.TouchableWithoutFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableWithoutFeedback, T>
  • added: property ReactNativeStyledInterface.View: ReactNativeThemedStyledFunction<typeof ReactNative.View, T>
  • added: property ReactNativeStyledInterface.ViewPagerAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ViewPagerAndroid, T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • added: property ReactNativeThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • added: property ReactNativeThemedStyledComponentsModule.default: ReactNativeStyledInterface<T>
  • added: property ReactNativeThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • added: property ReactNativeThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • added: type ReactNativeThemedStyledFunction<C extends React.ComponentType<any>, T extends object> = ThemedStyledFunction<C, T>
  • added: declare module 'react'
  • added: call BaseThemedCssFunction(first: TemplateStringsArray | CSSObject, ...interpolations: SimpleInterpolation[]): FlattenSimpleInterpolation
  • added: call BaseThemedCssFunction(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<{}, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<{}, T>>>): FlattenInterpolation<ThemedStyledProps<{}, T>>
  • added: call BaseThemedCssFunction<P extends object>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): FlattenInterpolation<ThemedStyledProps<P, T>>
  • added: call StyledComponentBase(props: StyledComponentProps<C, T, O, A> & { as?: never, forwardedAs?: never }): React.ReactElement<StyledComponentProps<C, T, O, A>>
  • added: call StyledComponentBase<AsC extends keyof JSX.IntrinsicElements | React.ComponentType<any> = C>(props: StyledComponentPropsWithAs<AsC, T, O, A>): React.ReactElement<StyledComponentPropsWithAs<AsC, T, O, A>>
  • added: call ThemedBaseStyledInterface<C extends AnyStyledComponent>(component: C): ThemedStyledFunction<StyledComponentInnerComponent<C>, T, StyledComponentInnerOtherProps<C>, StyledComponentInnerAttrs<C>>
  • added: call ThemedBaseStyledInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: C): ThemedStyledFunction<C, T>
  • added: call ThemedStyledFunctionBase(first: TemplateStringsArray): StyledComponent<C, T, O, A>
  • added: call ThemedStyledFunctionBase(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>, ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O, T>>>): StyledComponent<C, T, O, A>
  • added: 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>
  • added: class ServerStyleSheet
  • added: class StyleSheetManager extends React.Component<StyleSheetManagerProps>
  • added: const ThemeConsumer: typeof ThemeContext['Consumer']
  • added: const ThemeContext: React.Context<AnyIfEmpty<DefaultTheme>>
  • added: const ThemeProvider: ThemeProviderComponent<AnyIfEmpty<DefaultTheme>>
  • added: const css: ThemedCssFunction<DefaultTheme>
  • added: const styled: StyledInterface
  • added: const withTheme: WithThemeFnInterface<DefaultTheme>
  • added: declare global
  • added: default styled
  • added: function createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, DefaultTheme>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, DefaultTheme>>>): GlobalStyleComponent<P, DefaultTheme>
  • added: function isStyledComponent(target: any): target is StyledComponent<any, any>
  • added: function keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • added: index CSSObject[key: string]: CSSObject | string | number | undefined
  • added: interface BaseThemedCssFunction<T extends object>
  • added: interface CSSObject extends CSSProperties, CSSPseudos
  • added: interface DefaultTheme
  • added: interface GlobalStyleComponent<P, T> extends React.ComponentClass<ThemedGlobalStyledClassProps<P, T>>
  • added: interface Keyframes
  • added: 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>>
  • added: interface ThemeProps<T>
  • added: interface ThemeProviderProps<T extends object, U extends object = T>
  • added: interface ThemedBaseStyledInterface<T extends object> extends ThemedStyledComponentFactories<T>
  • added: interface ThemedStyledComponentsModule<T extends object, U extends object = T>
  • added: 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>
  • added: interface ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never>
  • added: method Keyframes.getName(): string
  • added: method ServerStyleSheet.collectStyles(tree: React.ReactNode): React.ReactElement<{ sheet: ServerStyleSheet }>
  • added: method ServerStyleSheet.getStyleElement(): Array<React.ReactElement<{}>>
  • added: method ServerStyleSheet.getStyleTags(): string
  • added: method ServerStyleSheet.interleaveWithNodeStream(readableStream: NodeJS.ReadableStream): NodeJS.ReadableStream
  • added: method ServerStyleSheet.seal(): void
  • added: method StyledComponentBase.withComponent<WithC extends AnyStyledComponent>(component: WithC): StyledComponent<StyledComponentInnerComponent<WithC>, T, O & StyledComponentInnerOtherProps<WithC>, A | StyledComponentInnerAttrs<WithC>>
  • added: method StyledComponentBase.withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(component: WithC): StyledComponent<WithC, T, O, A>
  • added: method ThemedStyledComponentsModule.createGlobalStyle<P extends object = {}>(first: | TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<P, T>>, ...interpolations: Array<Interpolation<ThemedStyledProps<P, T>>>): GlobalStyleComponent<P, T>
  • added: method ThemedStyledComponentsModule.keyframes(strings: TemplateStringsArray | CSSKeyframes, ...interpolations: SimpleInterpolation[]): Keyframes
  • added: 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>
  • added: 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>
  • added: property ThemeProps.theme: T
  • added: property ThemeProviderProps.children?: React.ReactNode
  • added: property ThemeProviderProps.theme: T | ((theme: U) => T)
  • added: property ThemedStyledComponentsModule.ServerStyleSheet: typeof ServerStyleSheet
  • added: property ThemedStyledComponentsModule.StyleSheetManager: typeof StyleSheetManager
  • added: property ThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • added: property ThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • added: property ThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • added: property ThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • added: property ThemedStyledComponentsModule.default: ThemedStyledInterface<T>
  • added: property ThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • added: property ThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • added: readonly property ServerStyleSheet.instance: this
  • added: type AnyStyledComponent = StyledComponent<any, any, any, any> | StyledComponent<any, any, any>
  • added: type BaseThemeProviderComponent<T extends object, U extends object = T> = React.ComponentClass<ThemeProviderProps<T, U>>
  • added: type BaseWithThemeFnInterface<T extends object> = <C extends React.ComponentType<any>>(component: React.ComponentProps<C> extends { theme?: T } ? C : never) => React.ForwardRefExoticComponent<WithOptionalTheme…
  • added: type CSSKeyframes = object & { [key: string]: CSSObject }
  • added: type CSSProp<T = AnyIfEmpty<DefaultTheme>> = string | CSSObject | FlattenInterpolation<ThemeProps<T>>
  • added: type CSSProperties = CSS.Properties<string | number>
  • added: type CSSPseudos = { [K in CSS.Pseudos]?: CSSObject }
  • added: type FalseyValue = undefined | null | false
  • added: type FlattenInterpolation<P> = ReadonlyArray<Interpolation<P>>
  • added: type FlattenSimpleInterpolation = ReadonlyArray<SimpleInterpolation>
  • added: type Interpolation<P> = InterpolationValue | InterpolationFunction<P> | FlattenInterpolation<P>
  • added: type InterpolationFunction<P> = (props: P) => Interpolation<P>
  • added: type InterpolationValue = string | number | FalseyValue | Keyframes | StyledComponentInterpolation | CSSObject
  • added: type SimpleInterpolation = InterpolationValue | FlattenSimpleInterpolation
  • added: 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>
  • added: type StyledComponentInnerAttrs<C extends AnyStyledComponent> = C extends StyledComponent<any, any, any, infer A> ? A : never
  • added: type StyledComponentInnerComponent<C extends React.ComponentType<any>> = C extends | StyledComponent<infer I, any, any, any> | StyledComponent<infer I, any, any> ? I : C
  • added: type StyledComponentInnerOtherProps<C extends AnyStyledComponent> = C extends | StyledComponent<any, any, infer O, any> | StyledComponent<any, any, infer O> ? O : never
  • added: 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…
  • added: type StyledComponentPropsWithRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>> : React.ComponentPropsWithRef<C>
  • added: type StyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<C, any>
  • added: type StyledInterface = ThemedStyledInterface<DefaultTheme>
  • added: type StyledProps<P> = ThemedStyledProps<P, AnyIfEmpty<DefaultTheme>>
  • added: type ThemeProviderComponent<T extends object, U extends object = T> = BaseThemeProviderComponent<AnyIfEmpty<T>, AnyIfEmpty<U>>
  • added: type ThemedCssFunction<T extends object> = BaseThemedCssFunction<AnyIfEmpty<T>>
  • added: type ThemedGlobalStyledClassProps<P, T> = WithOptionalTheme<P, T> & { suppressMultiMountWarning?: boolean }
  • added: type ThemedStyledInterface<T extends object> = ThemedBaseStyledInterface<AnyIfEmpty<T>>
  • added: type ThemedStyledProps<P, T> = P & ThemeProps<T>
  • added: type WithThemeFnInterface<T extends object> = BaseWithThemeFnInterface<AnyIfEmpty<T>>
  • added: export * from '.'
  • added: export { default } from '.'
  • added: const styled: ReactNativeStyledInterface<DefaultTheme>
  • added: default styled
  • added: export { DefaultTheme } from './index'
  • added: export { ThemeConsumer } from './index'
  • added: export { ThemeContext } from './index'
  • added: export { ThemeProps } from './index'
  • added: export { ThemeProvider } from './index'
  • added: export { css } from './index'
  • added: export { isStyledComponent } from './index'
  • added: export { withTheme } from './index'
  • added: interface ReactNativeStyledInterface<T extends object> extends ReactNativeThemedStyledInterface<T>
  • added: interface ReactNativeThemedStyledComponentsModule<T extends object, U extends object = T>
  • added: property ReactNativeStyledInterface.ActivityIndicator: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • added: property ReactNativeStyledInterface.ActivityIndicatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ActivityIndicator, T>
  • added: property ReactNativeStyledInterface.Button: ReactNativeThemedStyledFunction<typeof ReactNative.Button, T>
  • added: property ReactNativeStyledInterface.DatePickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.DatePickerIOS, T>
  • added: property ReactNativeStyledInterface.DrawerLayoutAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.DrawerLayoutAndroid, T>
  • added: property ReactNativeStyledInterface.Image: ReactNativeThemedStyledFunction<typeof ReactNative.Image, T>
  • added: property ReactNativeStyledInterface.ImageBackground: ReactNativeThemedStyledFunction<typeof ReactNative.ImageBackground, T>
  • added: property ReactNativeStyledInterface.KeyboardAvoidingView: ReactNativeThemedStyledFunction<typeof ReactNative.KeyboardAvoidingView, T>
  • added: property ReactNativeStyledInterface.ListView: ReactNativeThemedStyledFunction<typeof ReactNative.ListView, T>
  • added: property ReactNativeStyledInterface.Modal: ReactNativeThemedStyledFunction<typeof ReactNative.Modal, T>
  • added: property ReactNativeStyledInterface.NavigatorIOS: ReactNativeThemedStyledFunction<typeof ReactNative.NavigatorIOS, T>
  • added: property ReactNativeStyledInterface.Picker: ReactNativeThemedStyledFunction<typeof ReactNative.Picker, T>
  • added: property ReactNativeStyledInterface.PickerIOS: ReactNativeThemedStyledFunction<typeof ReactNative.PickerIOS, T>
  • added: property ReactNativeStyledInterface.ProgressBarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressBarAndroid, T>
  • added: property ReactNativeStyledInterface.ProgressViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.ProgressViewIOS, T>
  • added: property ReactNativeStyledInterface.RecyclerViewBackedScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.RecyclerViewBackedScrollView, T>
  • added: property ReactNativeStyledInterface.RefreshControl: ReactNativeThemedStyledFunction<typeof ReactNative.RefreshControl, T>
  • added: property ReactNativeStyledInterface.SafeAreaView: ReactNativeThemedStyledFunction<typeof ReactNative.SafeAreaView, T>
  • added: property ReactNativeStyledInterface.ScrollView: ReactNativeThemedStyledFunction<typeof ReactNative.ScrollView, T>
  • added: property ReactNativeStyledInterface.SegmentedControlIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SegmentedControlIOS, T>
  • added: property ReactNativeStyledInterface.Slider: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • added: property ReactNativeStyledInterface.SliderIOS: ReactNativeThemedStyledFunction<typeof ReactNative.Slider, T>
  • added: property ReactNativeStyledInterface.SnapshotViewIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SnapshotViewIOS, T>
  • added: property ReactNativeStyledInterface.StatusBar: ReactNativeThemedStyledFunction<typeof ReactNative.StatusBar, T>
  • added: property ReactNativeStyledInterface.SwipeableListView: ReactNativeThemedStyledFunction<typeof ReactNative.SwipeableListView, T>
  • added: property ReactNativeStyledInterface.Switch: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • added: property ReactNativeStyledInterface.SwitchAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.Switch, T>
  • added: property ReactNativeStyledInterface.SwitchIOS: ReactNativeThemedStyledFunction<typeof ReactNative.SwitchIOS, T>
  • added: property ReactNativeStyledInterface.TabBarIOS: ReactNativeThemedStyledFunction<typeof ReactNative.TabBarIOS, T>
  • added: property ReactNativeStyledInterface.Text: ReactNativeThemedStyledFunction<typeof ReactNative.Text, T>
  • added: property ReactNativeStyledInterface.TextInput: ReactNativeThemedStyledFunction<typeof ReactNative.TextInput, T>
  • added: property ReactNativeStyledInterface.ToolbarAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ToolbarAndroid, T>
  • added: property ReactNativeStyledInterface.TouchableHighlight: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableHighlight, T>
  • added: property ReactNativeStyledInterface.TouchableNativeFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableNativeFeedback, T>
  • added: property ReactNativeStyledInterface.TouchableOpacity: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableOpacity, T>
  • added: property ReactNativeStyledInterface.TouchableWithoutFeedback: ReactNativeThemedStyledFunction<typeof ReactNative.TouchableWithoutFeedback, T>
  • added: property ReactNativeStyledInterface.View: ReactNativeThemedStyledFunction<typeof ReactNative.View, T>
  • added: property ReactNativeStyledInterface.ViewPagerAndroid: ReactNativeThemedStyledFunction<typeof ReactNative.ViewPagerAndroid, T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeConsumer: React.Consumer<T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeContext: React.Context<T>
  • added: property ReactNativeThemedStyledComponentsModule.ThemeProvider: ThemeProviderComponent<T, U>
  • added: property ReactNativeThemedStyledComponentsModule.css: ThemedCssFunction<T>
  • added: property ReactNativeThemedStyledComponentsModule.default: ReactNativeStyledInterface<T>
  • added: property ReactNativeThemedStyledComponentsModule.isStyledComponent: typeof isStyledComponent
  • added: property ReactNativeThemedStyledComponentsModule.withTheme: WithThemeFnInterface<T>
  • added: type ReactNativeThemedStyledFunction<C extends React.ComponentType<any>, T extends object> = ThemedStyledFunction<C, T>