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

package/native/dist/types.d.ts

@@ -6,16 +6,16 @@ interface ExoticComponentWithDisplayName<P = any> extends React.ExoticComponent<
     defaultProps?: Partial<P>;
     displayName?: string;
 }
-export declare type OmitNever<T> = {
+export type OmitNever<T> = {
     [K in keyof T as T[K] extends never ? never : K]: T[K];
 };
-export declare type Runtime = 'web' | 'native';
+export type Runtime = 'web' | 'native';
 export { DefaultTheme };
-export declare type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
-export declare type KnownTarget = keyof JSX.IntrinsicElements | AnyComponent;
-export declare type WebTarget = string | KnownTarget;
-export declare type NativeTarget = AnyComponent;
-export declare type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
+export type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
+export type KnownTarget = keyof JSX.IntrinsicElements | AnyComponent;
+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?: AttrsArg<Props>[];
     componentId?: R extends 'web' ? string : never;
@@ -23,7 +23,7 @@ export interface StyledOptions<R extends Runtime, Props extends object> {
     parentComponentId?: R extends 'web' ? string : never;
     shouldForwardProp?: ShouldForwardProp<R>;
 }
-export declare type Dict<T> = {
+export type Dict<T> = {
     [key: string]: T;
 };
 export interface ExecutionProps {
@@ -48,14 +48,14 @@ export interface ExecutionContext extends ExecutionProps {
     theme: DefaultTheme;
 }
 export interface StyleFunction<Props extends object> {
-    (executionContext: Omit<ExecutionContext, keyof Props> & Props): Interpolation<Props>;
-}
-export declare type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[];
-export declare type AttrsArg<Props extends object> = (Omit<ExecutionProps, keyof Props> & Props) | ((props: Omit<ExecutionContext, keyof Props> & Props) => Partial<Props>);
-export declare type Attrs = object | ((...args: any) => object);
-export declare type RuleSet<Props extends object> = Interpolation<Props>[];
-export declare type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;
-export declare type NameGenerator = (hash: number) => string;
+    (executionContext: ExecutionContext & Omit<Props, keyof ExecutionContext>): Interpolation<Props>;
+}
+export type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | IStyledComponent<'web', any, any> | Interpolation<Props>[];
+export type AttrsArg<Props extends object> = (Omit<ExecutionProps, keyof Props> & Props) | ((props: Omit<ExecutionContext, keyof Props> & Props) => Partial<Props>);
+export type Attrs = object | ((...args: any) => object);
+export type RuleSet<Props extends object> = Interpolation<Props>[];
+export type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;
+export type NameGenerator = (hash: number) => string;
 export interface StyleSheet {
     create: Function;
 }
@@ -67,7 +67,7 @@ export interface Keyframes {
 export interface Flattener<Props extends object> {
     (chunks: Interpolation<Props>[], executionContext: Object | null | undefined, styleSheet: Object | null | undefined): Interpolation<Props>[];
 }
-export declare type FlattenerResult<Props extends object> = RuleSet<Props> | number | string | string[] | IStyledComponent<'web', any, any> | Keyframes;
+export type FlattenerResult<Props extends object> = RuleSet<Props> | number | string | string[] | IStyledComponent<'web', any, any> | Keyframes;
 export interface Stringifier {
     (css: string, selector?: string, prefix?: string, componentId?: string): string[];
     hash: string;
@@ -91,7 +91,7 @@ export interface IStyledStatics<R extends Runtime, OuterProps extends object> ex
 /**
  * Used by PolymorphicComponent to define prop override cascading order.
  */
-export declare type PolymorphicComponentProps<R extends Runtime, E extends StyledTarget<R>, P extends object> = Omit<E extends KnownTarget ? P & Omit<React.ComponentPropsWithRef<E>, keyof P> : P, 'as' | 'theme'> & {
+export type PolymorphicComponentProps<R extends Runtime, E extends StyledTarget<R>, P extends object> = Omit<E extends KnownTarget ? P & Omit<React.ComponentPropsWithRef<E>, keyof P> : P, 'as' | 'theme'> & {
     as?: P extends {
         as?: string | AnyComponent;
     } ? P['as'] : E;
@@ -103,7 +103,7 @@ export declare type PolymorphicComponentProps<R extends Runtime, E extends Style
  * automatically attempt to extract props from the given rendering target to
  * get proper typing for any specialized props in the target component.
  */
-export interface PolymorphicComponent<R extends Runtime, P extends object, FallbackComponent extends StyledTarget<R>> extends React.ForwardRefExoticComponent<object> {
+export interface PolymorphicComponent<R extends Runtime, P extends object, FallbackComponent extends StyledTarget<R>> extends React.ForwardRefExoticComponent<P> {
     <E extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, E, P>): React.ReactElement | null;
 }
 export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props extends object> extends PolymorphicComponent<R, Props, Target>, IStyledStatics<R, Props> {
@@ -145,4 +145,4 @@ export interface StyledObject<Props extends object> {
  * }
  * ```
  */
-export declare type CSSProp = string | StyledObject<any> | StyleFunction<any>;
+export type CSSProp = string | StyledObject<any> | StyleFunction<any>;

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

@@ -40,11 +40,11 @@ declare const MEMO_STATICS: {
     propTypes: boolean;
     type: boolean;
 };
-declare type OmniComponent = AnyComponent;
-declare type ExcludeList = {
+type OmniComponent = AnyComponent;
+type ExcludeList = {
     [key: string]: true;
 };
-declare type NonReactStatics<S extends OmniComponent, C extends 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>;

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

@@ -1,6 +1,6 @@
 import { Middleware } from 'stylis';
 import { Stringifier } from '../types';
-export declare type ICreateStylisInstance = {
+export type ICreateStylisInstance = {
     options?: {
         namespace?: string;
         prefix?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "6.0.0-beta.10",
+  "version": "6.0.0-beta.12",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "types": "dist/index.d.ts",
   "main": "dist/styled-components.cjs.js",
@@ -10,9 +10,18 @@
     "./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
     "./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
   },
-  "sideEffects": [
-    "./src/base.js"
-  ],
+  "sideEffects": false,
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "node": {
+      "require": "./dist/styled-components.cjs.js",
+      "import": "./dist/styled-components.esm.js",
+      "default": "./dist/styled-components.cjs.js"
+    },
+    "require": "./dist/styled-components.browser.cjs.js",
+    "import": "./dist/styled-components.browser.esm.js",
+    "default": "./dist/styled-components.browser.cjs.js"
+  },
   "scripts": {
     "generateErrors": "node scripts/generateErrorMap.js",
     "prebuild": "rimraf dist && yarn generateErrors",
@@ -32,10 +41,8 @@
     "url": "git+https://github.com/styled-components/styled-components.git"
   },
   "files": [
-    "CHANGELOG.md",
-    "CODE_OF_CONDUCT.md",
-    "CONTRIBUTING.md",
     "LICENSE",
+    "README.md",
     "dist",
     "native",
     "test-utils",
@@ -57,21 +64,21 @@
   },
   "homepage": "https://styled-components.com",
   "dependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.7",
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.0",
     "@babel/helper-module-imports": "^7.18.6",
     "@babel/plugin-external-helpers": "^7.18.6",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/traverse": "^7.20.10",
+    "@babel/preset-typescript": "^7.21.0",
+    "@babel/traverse": "^7.21.2",
     "@emotion/unitless": "^0.8.0",
-    "css-to-react-native": "^3.0.0",
+    "css-to-react-native": "^3.2.0",
     "shallowequal": "^1.1.0",
     "stylis": "^4.1.3",
-    "tslib": "^2.4.1"
+    "tslib": "^2.5.0"
   },
   "peerDependencies": {
     "babel-plugin-styled-components": ">= 2",
@@ -96,13 +103,13 @@
     }
   },
   "devDependencies": {
-    "@babel/plugin-transform-flow-strip-types": "^7.19.0",
-    "@rollup/plugin-typescript": "^10.0.1",
+    "@babel/plugin-transform-flow-strip-types": "^7.21.0",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@types/babel-plugin-macros": "^2.8.4",
     "@types/enzyme": "^3.10.12",
-    "@types/jest": "^29.2.4",
+    "@types/jest": "^29.4.0",
     "@types/js-beautify": "^1.13.1",
-    "@types/node": "^18.11.17",
+    "@types/node": "^18.14.2",
     "@types/react": "^17.0.22",
     "@types/react-dom": "^17.0.9",
     "@types/react-frame-component": "^4.1.3",
@@ -110,25 +117,25 @@
     "@types/react-test-renderer": "^17.0.1",
     "@types/shallowequal": "^1.1.1",
     "@types/stylis": "^4.0.2",
-    "babel-jest": "^29.3.1",
+    "babel-jest": "^29.4.3",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-styled-components": "^2.0.7",
     "babel-plugin-tester": "^10.0.0",
     "bundlewatch": "^0.3.3",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "jest-serializer-html": "^7.0.0",
-    "jest-watch-typeahead": "^2.0.0",
+    "jest-watch-typeahead": "^2.2.2",
     "js-beautify": "^1.14.7",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.4",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-frame-component": "^4.0.2",
     "react-native": "^0.70.6",
     "react-test-renderer": "^17.0.2",
-    "rollup": "^3.0.0",
+    "rollup": "^3.18.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
@@ -136,7 +143,7 @@
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "stylis-plugin-rtl": "^2.1.1",
-    "typescript": "^4.8.4",
+    "typescript": "^4.9.5",
     "utility-types": "^3.10.0"
   },
   "bundlewatch": {