Socket
Socket
Sign inDemoInstall

@types/styled-components

Package Overview
Dependencies
Maintainers
1
Versions
81
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@types/styled-components - npm Package Compare versions

Comparing version 5.1.32 to 5.1.33

20

styled-components/index.d.ts

@@ -31,3 +31,3 @@ // forward declarations

export type StyledProps<P> = ThemedStyledProps<P, AnyIfEmpty<DefaultTheme>>;
export type IntrinsicElementsKeys = keyof JSX.IntrinsicElements;
export type IntrinsicElementsKeys = keyof React.JSX.IntrinsicElements;

@@ -128,3 +128,3 @@ // Any prop that has a default prop becomes optional, but its type is unchanged

export type StyledComponent<
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
T extends object,

@@ -163,3 +163,3 @@ O extends object = {},

>;
withComponent<WithC extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(
withComponent<WithC extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>>(
component: WithC,

@@ -170,3 +170,3 @@ ): StyledComponent<WithC, T, O, A>;

export interface ThemedStyledFunctionBase<
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
T extends object,

@@ -194,3 +194,3 @@ O extends object = {},

export interface ThemedStyledFunction<
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
T extends object,

@@ -216,3 +216,3 @@ O extends object = {},

export type StyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<
export type StyledFunction<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>> = ThemedStyledFunction<
C,

@@ -223,3 +223,3 @@ any

type ThemedStyledComponentFactories<T extends object> = {
[TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<TTag, T>;
[TTag in keyof React.JSX.IntrinsicElements]: ThemedStyledFunction<TTag, T>;
};

@@ -236,3 +236,3 @@

export type StyledComponentPropsWithRef<
C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>,
> = C extends AnyStyledComponent ? React.ComponentPropsWithRef<StyledComponentInnerComponent<C>>

@@ -259,3 +259,3 @@ : React.ComponentPropsWithRef<C>;

>;
<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>>(
<C extends keyof React.JSX.IntrinsicElements | React.ComponentType<any>>(
// unfortunately using a conditional type to validate that it can receive a `theme?: Theme`

@@ -328,3 +328,3 @@ // causes tests to fail in TS 3.1

) => React.ForwardRefExoticComponent<
WithOptionalTheme<JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>, T>
WithOptionalTheme<React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>, T>
>;

@@ -331,0 +331,0 @@ export type WithThemeFnInterface<T extends object> = BaseWithThemeFnInterface<AnyIfEmpty<T>>;

{
"name": "@types/styled-components",
"version": "5.1.32",
"version": "5.1.33",
"description": "TypeScript definitions for styled-components",

@@ -67,4 +67,4 @@ "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/styled-components",

},
"typesPublisherContentHash": "26332b55808f2e6c4418925a399aaba18fdefafab08d935d890e4b6be186f191",
"typeScriptVersion": "4.5"
"typesPublisherContentHash": "fb18745e20d05e9d91fe1019d70f8153967ec2c328a341f5efe71be37eabbb27",
"typeScriptVersion": "4.6"
}

@@ -11,3 +11,3 @@ # Installation

### Additional Details
* Last updated: Wed, 22 Nov 2023 00:24:48 GMT
* Last updated: Wed, 06 Dec 2023 06:08:17 GMT
* Dependencies: [@types/hoist-non-react-statics](https://npmjs.com/package/@types/hoist-non-react-statics), [@types/react](https://npmjs.com/package/@types/react), [csstype](https://npmjs.com/package/csstype)

@@ -14,0 +14,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc