styled-components 6.0.6 → 6.0.7

package/native/dist/types.d.ts

@@ -5,8 +5,8 @@ import { DefaultTheme } from './models/ThemeProvider';
 import createWarnTooManyClasses from './utils/createWarnTooManyClasses';
 export { CSS, DefaultTheme };
 interface ExoticComponentWithDisplayName<P extends object = {}> extends React.ExoticComponent<P> {
-    defaultProps?: Partial<P>;
-    displayName?: string;
+    defaultProps?: Partial<P> | undefined;
+    displayName?: string | undefined;
 }
 /**
  * Use this type to disambiguate between a styled-component instance
@@ -29,11 +29,11 @@ export type WebTarget = string | KnownTarget;
 export type NativeTarget = AnyComponent;
 export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
 export interface StyledOptions<R extends Runtime, Props extends object> {
-    attrs?: Attrs<Props>[];
-    componentId?: R extends 'web' ? string : never;
-    displayName?: string;
-    parentComponentId?: R extends 'web' ? string : never;
-    shouldForwardProp?: ShouldForwardProp<R>;
+    attrs?: Attrs<Props>[] | undefined;
+    componentId?: (R extends 'web' ? string : never) | undefined;
+    displayName?: string | undefined;
+    parentComponentId?: (R extends 'web' ? string : never) | undefined;
+    shouldForwardProp?: ShouldForwardProp<R> | undefined;
 }
 export type Dict<T = any> = {
     [key: string]: T;
@@ -52,9 +52,9 @@ export type ExecutionProps = {
      * </StyledButton>
      * ```
      */
-    as?: KnownTarget;
-    forwardedAs?: KnownTarget;
-    theme?: DefaultTheme;
+    as?: KnownTarget | undefined;
+    forwardedAs?: KnownTarget | undefined;
+    theme?: DefaultTheme | undefined;
 };
 /**
  * ExecutionProps but with `theme` required.
@@ -82,7 +82,7 @@ export interface Flattener<Props extends object> {
     (chunks: Interpolation<Props>[], executionContext: object | null | undefined, styleSheet: StyleSheet | null | undefined): Interpolation<Props>[];
 }
 export interface Stringifier {
-    (css: string, selector?: string, prefix?: string, componentId?: string): string[];
+    (css: string, selector?: string | undefined, prefix?: string | undefined, componentId?: string | undefined): string[];
     hash: string;
 }
 export interface ShouldForwardProp<R extends Runtime> {
@@ -91,7 +91,7 @@ export interface ShouldForwardProp<R extends Runtime> {
 export interface CommonStatics<R extends Runtime, Props extends object> {
     attrs: Attrs<Props>[];
     target: StyledTarget<R>;
-    shouldForwardProp?: ShouldForwardProp<R>;
+    shouldForwardProp?: ShouldForwardProp<R> | undefined;
 }
 export interface IStyledStatics<R extends Runtime, OuterProps extends object> extends CommonStatics<R, OuterProps> {
     componentStyle: R extends 'web' ? ComponentStyle : never;
@@ -99,7 +99,7 @@ export interface IStyledStatics<R extends Runtime, OuterProps extends object> ex
     inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
     target: StyledTarget<R>;
     styledComponentId: R extends 'web' ? string : never;
-    warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never;
+    warnTooManyClasses?: (R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never) | undefined;
 }
 /**
  * Used by PolymorphicComponent to define prop override cascading order.
@@ -119,7 +119,7 @@ export interface PolymorphicComponent<R extends Runtime, BaseProps extends objec
     <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): JSX.Element;
 }
 export interface IStyledComponent<R extends Runtime, Props extends object = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
-    defaultProps?: ExecutionProps & Partial<Props>;
+    defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
     toString: () => string;
 }
 export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = BaseObject> {
@@ -132,7 +132,7 @@ export interface IInlineStyle<Props extends object> {
     rules: RuleSet<Props>;
     generateStyleObject(executionContext: ExecutionContext & Props): object;
 }
-export type StyledObject<Props extends object> = CSS.Properties & {
+export type StyledObject<Props extends object> = CSS.Properties<number | (string & {})> & {
     [key: string]: string | number | StyleFunction<Props> | StyledObject<Props> | RuleSet<any> | undefined;
 };
 /**

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

@@ -1 +1 @@
-export declare const checkDynamicCreation: (displayName: string, componentId?: string) => void;
+export declare const checkDynamicCreation: (displayName: string, componentId?: string | undefined) => void;

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

@@ -1,4 +1,4 @@
 import { DefaultTheme, ExecutionProps } from '../types';
-export default function determineTheme(props: ExecutionProps, providedTheme?: DefaultTheme, defaultProps?: {
-    theme?: DefaultTheme;
+export default function determineTheme(props: ExecutionProps, providedTheme?: DefaultTheme | undefined, defaultProps?: {
+    theme?: DefaultTheme | undefined;
 }): DefaultTheme | undefined;

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

@@ -1,4 +1,4 @@
 import StyleSheet from '../sheet';
 import { Dict, ExecutionContext, Interpolation, RuleSet, Stringifier } from '../types';
 export declare const objToCssArray: (obj: Dict<any>) => string[];
-export default function flatten<Props extends object>(chunk: Interpolation<object>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): RuleSet<Props>;
+export default function flatten<Props extends object>(chunk: Interpolation<object>, executionContext?: (ExecutionContext & Props) | undefined, styleSheet?: StyleSheet | undefined, stylisInstance?: Stringifier | undefined): RuleSet<Props>;

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

@@ -47,5 +47,5 @@ type ExcludeList = {
 type NonReactStatics<S extends OmniComponent, C extends ExcludeList = {}> = {
     [key in Exclude<keyof S, S extends React.MemoExoticComponent<any> ? keyof typeof MEMO_STATICS | keyof C : S extends React.ForwardRefExoticComponent<any> ? keyof typeof FORWARD_REF_STATICS | keyof C : keyof typeof REACT_STATICS | keyof typeof KNOWN_STATICS | keyof C>]: S[key];
 };
-export default function hoistNonReactStatics<T extends OmniComponent, S extends OmniComponent, C extends ExcludeList = {}>(targetComponent: T, sourceComponent: S, excludelist?: C): T & NonReactStatics<S, C>;
+export default function hoistNonReactStatics<T extends OmniComponent, S extends OmniComponent, C extends ExcludeList = {}>(targetComponent: T, sourceComponent: S, excludelist?: C | undefined): T & NonReactStatics<S, C>;
 export {};

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

@@ -1,5 +1,5 @@
 /**
  * Convenience function for joining strings to form className chains
  */
-export declare function joinStrings(a?: string, b?: string): string;
-export declare function joinStringArray(arr: string[], sep?: string): string;
+export declare function joinStrings(a?: string | undefined, b?: string | undefined): string;
+export declare function joinStringArray(arr: string[], sep?: string | undefined): string;

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

@@ -2,9 +2,9 @@ import * as stylis from 'stylis';
 import { Stringifier } from '../types';
 export type ICreateStylisInstance = {
     options?: {
-        namespace?: string;
-        prefix?: boolean;
-    };
-    plugins?: stylis.Middleware[];
+        namespace?: string | undefined;
+        prefix?: boolean | undefined;
+    } | undefined;
+    plugins?: stylis.Middleware[] | undefined;
 };
 export default function createStylisInstance({ options, plugins, }?: ICreateStylisInstance): Stringifier;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "6.0.6",
+  "version": "6.0.7",
   "description": "CSS for the <Component> Age. Style components your way with speed, strong typing, and flexibility.",
   "types": "dist/index.d.ts",
   "main": "dist/styled-components.cjs.js",