styled-components 6.0.0-beta.13 → 6.0.0-beta.14

package/dist/base.d.ts

@@ -3,10 +3,9 @@ import createGlobalStyle from './constructors/createGlobalStyle';
 import css from './constructors/css';
 import keyframes from './constructors/keyframes';
 import withTheme from './hoc/withTheme';
-import useTheme from './hooks/useTheme';
 import ServerStyleSheet from './models/ServerStyleSheet';
 import { IStyleSheetContext, IStyleSheetManager, IStylisContext, StyleSheetConsumer, StyleSheetContext, StyleSheetManager } from './models/StyleSheetManager';
-import ThemeProvider, { ThemeConsumer, ThemeContext } from './models/ThemeProvider';
+import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from './models/ThemeProvider';
 import isStyledComponent from './utils/isStyledComponent';
 export * from './secretInternals';
 export { AttrsArg as Attrs, DefaultTheme, ShouldForwardProp } from './types';

package/dist/models/ComponentStyle.d.ts

@@ -8,7 +8,6 @@ export default class ComponentStyle {
     baseStyle: ComponentStyle | null | undefined;
     componentId: string;
     isStatic: boolean;
-    names: string[];
     rules: RuleSet<any>;
     staticRulesId: string;
     constructor(rules: RuleSet<any>, componentId: string, baseStyle?: ComponentStyle);

package/dist/models/StyleSheetManager.d.ts

@@ -1,20 +1,19 @@
 import React from 'react';
 import StyleSheet from '../sheet';
 import { ShouldForwardProp, Stringifier } from '../types';
+export declare const mainSheet: StyleSheet;
+export declare const mainStylis: Stringifier;
 export type IStyleSheetContext = {
     shouldForwardProp?: ShouldForwardProp<'web'>;
-    styleSheet?: StyleSheet;
+    styleSheet: StyleSheet;
+    stylis: Stringifier;
 };
 export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
 export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
 export type IStylisContext = Stringifier | void;
 export declare const StylisContext: React.Context<IStylisContext>;
 export declare const StylisConsumer: React.Consumer<IStylisContext>;
-export declare const mainSheet: StyleSheet;
-export declare const mainStylis: Stringifier;
-export declare function useShouldForwardProp(): ShouldForwardProp<"web"> | undefined;
-export declare function useStyleSheet(): StyleSheet;
-export declare function useStylis(): Stringifier;
+export declare function useStyleSheetContext(): IStyleSheetContext;
 export type IStyleSheetManager = React.PropsWithChildren<{
     /**
      * If desired, you can pass this prop to disable "speedy" insertion mode, which
@@ -26,7 +25,7 @@ export type IStyleSheetManager = React.PropsWithChildren<{
      * If you are working exclusively with modern browsers, vendor prefixes can often be omitted
      * to reduce the weight of CSS on the page.
      */
-    disableVendorPrefixes?: boolean;
+    enableVendorPrefixes?: boolean;
     /**
      * Provide an optional selector to be prepended to all generated style rules.
      */

package/dist/models/ThemeProvider.d.ts

@@ -32,6 +32,7 @@ type Props = {
 };
 export declare const ThemeContext: React.Context<DefaultTheme | undefined>;
 export declare const ThemeConsumer: React.Consumer<DefaultTheme | undefined>;
+export declare function useTheme(): DefaultTheme | undefined;
 /**
  * Provide a theme to an entire react component tree via context
  */

package/dist/native/index.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 import { Styled } from '../constructors/constructWithOptions';
 import css from '../constructors/css';
 import withTheme from '../hoc/withTheme';
-import useTheme from '../hooks/useTheme';
-import ThemeProvider, { ThemeConsumer, ThemeContext } from '../models/ThemeProvider';
+import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from '../models/ThemeProvider';
 import { NativeTarget } from '../types';
 import isStyledComponent from '../utils/isStyledComponent';
 declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : object, object, object>) & {

package/dist/sheet/GroupedTag.d.ts

@@ -5,7 +5,7 @@ export declare const makeGroupedTag: (tag: Tag) => {
     length: number;
     tag: Tag;
     indexOfGroup(group: number): number;
-    insertRules(group: number, rules: string | string[]): void;
+    insertRules(group: number, rules: string[]): void;
     clearGroup(group: number): void;
     getGroup(group: number): string;
 };