styled-components 6.0.0-beta.10 → 6.0.0-beta.12

package/dist/constructors/constructWithOptions.d.ts

@@ -3,18 +3,18 @@ import { Attrs, AttrsArg, ExecutionProps, Interpolation, IStyledComponent, IStyl
 /**
  * for types a and b, if b shares a field with a, mark a's field as optional
  */
-declare type OptionalIntersection<A, B> = {
+type OptionalIntersection<A, B> = {
     [K in Extract<keyof A, keyof B>]?: A[K];
 };
-declare type AttrsResult<T extends Attrs> = T extends (...args: any) => infer P ? P : T;
-declare type ExtractAttrsTarget<R extends Runtime, P extends ExecutionProps, DefaultTarget extends StyledTarget<R>> = P['as'] extends KnownTarget ? P['as'] : DefaultTarget;
+type AttrsResult<T extends Attrs> = T extends (...args: any) => infer P ? P : T;
+type ExtractAttrsTarget<R extends Runtime, P extends ExecutionProps, DefaultTarget extends StyledTarget<R>> = P['as'] extends KnownTarget ? P['as'] : DefaultTarget;
 /**
  * If attrs type is a function (no type provided, inferring from usage), extract the return value
  * and merge it with the existing type to hole-punch any required fields that are satisfied as
  * a result of running attrs. Otherwise if we have a definite type then union the base props
  * with the passed attr type to capture any intended overrides.
  */
-declare type PropsSatisfiedByAttrs<T extends Attrs, Props extends object, Result extends ExecutionProps = AttrsResult<T>> = Omit<Props, keyof Result> & OptionalIntersection<Props, Result> & Partial<Omit<Result, keyof Props | 'as'>>;
+type PropsSatisfiedByAttrs<T extends Attrs, Props extends object, Result extends ExecutionProps = AttrsResult<T>> = Omit<Props, keyof Result> & OptionalIntersection<Props, Result> & Partial<Omit<Result, keyof Props | 'as'>>;
 export interface Styled<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = object, OuterStatics extends object = object, RuntimeInjectedProps extends ExecutionProps = object> {
     <Props extends object = object, Statics extends object = object>(initialStyles: Styles<OuterProps & RuntimeInjectedProps & Props>, ...interpolations: Interpolation<OuterProps & RuntimeInjectedProps & Props>[]): // @ts-expect-error KnownTarget is a subset of StyledTarget<R>
     IStyledComponent<R, ExtractAttrsTarget<R, RuntimeInjectedProps, Target>, OuterProps & Props> & OuterStatics & Statics;

package/dist/hoc/withTheme.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AnyComponent, ExecutionProps } from '../types';
-export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; };
+export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "type" | "defaultProps" | "displayName" | "$$typeof" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "type" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; };

package/dist/models/StyleSheetManager.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import StyleSheet from '../sheet';
 import { ShouldForwardProp, Stringifier } from '../types';
-export declare type IStyleSheetContext = {
+export type IStyleSheetContext = {
     shouldForwardProp?: ShouldForwardProp<'web'>;
     styleSheet?: StyleSheet;
 };
 export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
 export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
-export declare type IStylisContext = Stringifier | void;
+export type IStylisContext = Stringifier | void;
 export declare const StylisContext: React.Context<IStylisContext>;
 export declare const StylisConsumer: React.Consumer<IStylisContext>;
 export declare const mainSheet: StyleSheet;
@@ -15,7 +15,7 @@ export declare const mainStylis: Stringifier;
 export declare function useShouldForwardProp(): ShouldForwardProp<"web"> | undefined;
 export declare function useStyleSheet(): StyleSheet;
 export declare function useStylis(): Stringifier;
-export declare type IStyleSheetManager = React.PropsWithChildren<{
+export type IStyleSheetManager = React.PropsWithChildren<{
     /**
      * If desired, you can pass this prop to disable "speedy" insertion mode, which
      * uses the browser [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet).

package/dist/models/ThemeProvider.d.ts

@@ -24,9 +24,9 @@ import React from 'react';
 export interface DefaultTheme {
     [key: string]: any;
 }
-declare type ThemeFn = (outerTheme?: DefaultTheme) => DefaultTheme;
-declare type ThemeArgument = DefaultTheme | ThemeFn;
-declare type Props = {
+type ThemeFn = (outerTheme?: DefaultTheme) => DefaultTheme;
+type ThemeArgument = DefaultTheme | ThemeFn;
+type Props = {
     children?: React.ReactNode;
     theme: ThemeArgument;
 };

package/dist/sheet/Sheet.d.ts

@@ -1,13 +1,13 @@
 import { GroupedTag, Sheet, SheetOptions } from './types';
-declare type SheetConstructorArgs = {
+type SheetConstructorArgs = {
     isServer?: boolean;
     useCSSOMInjection?: boolean;
     target?: HTMLElement;
 };
-declare type GlobalStylesAllocationMap = {
+type GlobalStylesAllocationMap = {
     [key: string]: number;
 };
-declare type NamesAllocationMap = Map<string, Set<string>>;
+type NamesAllocationMap = Map<string, Set<string>>;
 /** Contains the main stylesheet logic for stringification and caching */
 export default class StyleSheet implements Sheet {
     gs: GlobalStylesAllocationMap;

package/dist/sheet/types.d.ts

@@ -14,7 +14,7 @@ export interface GroupedTag {
     length: number;
     tag: Tag;
 }
-export declare type SheetOptions = {
+export type SheetOptions = {
     isServer: boolean;
     target?: HTMLElement;
     useCSSOMInjection: boolean;

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

@@ -18,7 +18,7 @@ var SC_ATTR = (typeof process !== 'undefined' && typeof process.env !== 'undefin
     'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "6.0.0-beta.10";
+var SC_VERSION = "6.0.0-beta.12";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -1002,6 +1002,7 @@ function recursivelySetNamepace(compiled, namespace) {
             // add the namespace to the start
             rule.value = "".concat(namespace, " ").concat(rule.value);
             // add the namespace after each comma for subsequent selectors.
+            // @ts-expect-error we target modern browsers but intentionally transpile to ES5 for speed
             rule.value = rule.value.replaceAll(',', ",".concat(namespace, " "));
             rule.props = rule.props.map(function (prop) {
                 return "".concat(namespace, " ").concat(prop);