styled-components 6.1.2 → 6.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base.d.ts +12 -0
- package/dist/constants.d.ts +8 -0
- package/dist/constructors/constructWithOptions.d.ts +18 -0
- package/dist/constructors/createGlobalStyle.d.ts +3 -0
- package/dist/constructors/css.d.ts +4 -0
- package/dist/constructors/keyframes.d.ts +3 -0
- package/dist/constructors/styled.d.ts +138 -0
- package/dist/hoc/withTheme.d.ts +3 -0
- package/dist/hoc/withTheme.spec.d.ts +1 -0
- package/dist/index-standalone.d.ts +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/models/ComponentStyle.d.ts +15 -0
- package/dist/models/GlobalStyle.d.ts +11 -0
- package/dist/models/InlineStyle.d.ts +6 -0
- package/dist/models/Keyframes.d.ts +10 -0
- package/dist/models/ServerStyleSheet.d.ts +16 -0
- package/dist/models/StyleSheetManager.d.ts +65 -0
- package/dist/models/StyledComponent.d.ts +3 -0
- package/dist/models/StyledNativeComponent.d.ts +3 -0
- package/dist/models/ThemeProvider.d.ts +47 -0
- package/dist/native/index.d.ts +37 -0
- package/dist/secretInternals.d.ts +5 -0
- package/dist/sheet/GroupIDAllocator.d.ts +4 -0
- package/dist/sheet/GroupedTag.d.ts +11 -0
- package/dist/sheet/Rehydration.d.ts +3 -0
- package/dist/sheet/Sheet.d.ts +38 -0
- package/dist/sheet/Tag.d.ts +54 -0
- package/dist/sheet/dom.d.ts +4 -0
- package/dist/sheet/index.d.ts +1 -0
- package/dist/sheet/types.d.ts +34 -0
- package/dist/styled-components.browser.cjs.js +1 -1
- package/dist/styled-components.browser.cjs.js.map +1 -1
- package/dist/styled-components.browser.esm.js +1 -1
- package/dist/styled-components.browser.esm.js.map +1 -1
- package/dist/styled-components.cjs.js +1 -1
- package/dist/styled-components.cjs.js.map +1 -1
- package/dist/styled-components.esm.js +1 -1
- package/dist/styled-components.esm.js.map +1 -1
- package/dist/styled-components.js +2 -10
- package/dist/styled-components.js.map +1 -1
- package/dist/styled-components.min.js +1 -1
- package/dist/styled-components.min.js.map +1 -1
- package/dist/test/globals.d.ts +2 -0
- package/dist/test/utils.d.ts +144 -0
- package/dist/test/veryLargeUnionType.d.ts +1 -0
- package/dist/types.d.ts +183 -0
- package/dist/utils/addUnitIfNeeded.d.ts +1 -0
- package/dist/utils/checkDynamicCreation.d.ts +1 -0
- package/dist/utils/createWarnTooManyClasses.d.ts +3 -0
- package/dist/utils/determineTheme.d.ts +4 -0
- package/dist/utils/domElements.d.ts +4 -0
- package/dist/utils/empties.d.ts +3 -0
- package/dist/utils/error.d.ts +5 -0
- package/dist/utils/errors.d.ts +21 -0
- package/dist/utils/escape.d.ts +5 -0
- package/dist/utils/flatten.d.ts +4 -0
- package/dist/utils/generateAlphabeticName.d.ts +1 -0
- package/dist/utils/generateComponentId.d.ts +1 -0
- package/dist/utils/generateDisplayName.d.ts +2 -0
- package/dist/utils/getComponentName.d.ts +2 -0
- package/dist/utils/hash.d.ts +3 -0
- package/dist/utils/hoist.d.ts +51 -0
- package/dist/utils/hyphenateStyleName.d.ts +14 -0
- package/dist/utils/interleave.d.ts +2 -0
- package/dist/utils/isFunction.d.ts +1 -0
- package/dist/utils/isPlainObject.d.ts +1 -0
- package/dist/utils/isStatelessFunction.d.ts +1 -0
- package/dist/utils/isStaticRules.d.ts +2 -0
- package/dist/utils/isStyledComponent.d.ts +2 -0
- package/dist/utils/isTag.d.ts +2 -0
- package/dist/utils/joinStrings.d.ts +5 -0
- package/dist/utils/mixinDeep.d.ts +6 -0
- package/dist/utils/nonce.d.ts +1 -0
- package/dist/utils/setToString.d.ts +17 -0
- package/dist/utils/stylis.d.ts +10 -0
- package/native/dist/constructors/styled.d.ts +1 -0
- package/native/dist/dist/base.d.ts +12 -0
- package/native/dist/dist/constants.d.ts +8 -0
- package/native/dist/dist/constructors/constructWithOptions.d.ts +18 -0
- package/native/dist/dist/constructors/createGlobalStyle.d.ts +3 -0
- package/native/dist/dist/constructors/css.d.ts +4 -0
- package/native/dist/dist/constructors/keyframes.d.ts +3 -0
- package/native/dist/dist/constructors/styled.d.ts +138 -0
- package/native/dist/dist/hoc/withTheme.d.ts +3 -0
- package/native/dist/dist/hoc/withTheme.spec.d.ts +1 -0
- package/native/dist/dist/index-standalone.d.ts +2 -0
- package/native/dist/dist/index.d.ts +4 -0
- package/native/dist/dist/models/ComponentStyle.d.ts +15 -0
- package/native/dist/dist/models/GlobalStyle.d.ts +11 -0
- package/native/dist/dist/models/InlineStyle.d.ts +6 -0
- package/native/dist/dist/models/Keyframes.d.ts +10 -0
- package/native/dist/dist/models/ServerStyleSheet.d.ts +16 -0
- package/native/dist/dist/models/StyleSheetManager.d.ts +65 -0
- package/native/dist/dist/models/StyledComponent.d.ts +3 -0
- package/native/dist/dist/models/StyledNativeComponent.d.ts +3 -0
- package/native/dist/dist/models/ThemeProvider.d.ts +47 -0
- package/native/dist/dist/native/index.d.ts +37 -0
- package/native/dist/dist/secretInternals.d.ts +5 -0
- package/native/dist/dist/sheet/GroupIDAllocator.d.ts +4 -0
- package/native/dist/dist/sheet/GroupedTag.d.ts +11 -0
- package/native/dist/dist/sheet/Rehydration.d.ts +3 -0
- package/native/dist/dist/sheet/Sheet.d.ts +38 -0
- package/native/dist/dist/sheet/Tag.d.ts +54 -0
- package/native/dist/dist/sheet/dom.d.ts +4 -0
- package/native/dist/dist/sheet/index.d.ts +1 -0
- package/native/dist/dist/sheet/types.d.ts +34 -0
- package/native/dist/dist/test/globals.d.ts +2 -0
- package/native/dist/dist/test/utils.d.ts +144 -0
- package/native/dist/dist/test/veryLargeUnionType.d.ts +1 -0
- package/native/dist/dist/types.d.ts +183 -0
- package/native/dist/dist/utils/addUnitIfNeeded.d.ts +1 -0
- package/native/dist/dist/utils/checkDynamicCreation.d.ts +1 -0
- package/native/dist/dist/utils/createWarnTooManyClasses.d.ts +3 -0
- package/native/dist/dist/utils/determineTheme.d.ts +4 -0
- package/native/dist/dist/utils/domElements.d.ts +4 -0
- package/native/dist/dist/utils/empties.d.ts +3 -0
- package/native/dist/dist/utils/error.d.ts +5 -0
- package/native/dist/dist/utils/errors.d.ts +21 -0
- package/native/dist/dist/utils/escape.d.ts +5 -0
- package/native/dist/dist/utils/flatten.d.ts +4 -0
- package/native/dist/dist/utils/generateAlphabeticName.d.ts +1 -0
- package/native/dist/dist/utils/generateComponentId.d.ts +1 -0
- package/native/dist/dist/utils/generateDisplayName.d.ts +2 -0
- package/native/dist/dist/utils/getComponentName.d.ts +2 -0
- package/native/dist/dist/utils/hash.d.ts +3 -0
- package/native/dist/dist/utils/hoist.d.ts +51 -0
- package/native/dist/dist/utils/hyphenateStyleName.d.ts +14 -0
- package/native/dist/dist/utils/interleave.d.ts +2 -0
- package/native/dist/dist/utils/isFunction.d.ts +1 -0
- package/native/dist/dist/utils/isPlainObject.d.ts +1 -0
- package/native/dist/dist/utils/isStatelessFunction.d.ts +1 -0
- package/native/dist/dist/utils/isStaticRules.d.ts +2 -0
- package/native/dist/dist/utils/isStyledComponent.d.ts +2 -0
- package/native/dist/dist/utils/isTag.d.ts +2 -0
- package/native/dist/dist/utils/joinStrings.d.ts +5 -0
- package/native/dist/dist/utils/mixinDeep.d.ts +6 -0
- package/native/dist/dist/utils/nonce.d.ts +1 -0
- package/native/dist/dist/utils/setToString.d.ts +17 -0
- package/native/dist/dist/utils/stylis.d.ts +10 -0
- package/native/dist/styled-components.native.cjs.js +1 -1
- package/native/dist/styled-components.native.cjs.js.map +1 -1
- package/native/dist/styled-components.native.esm.js +1 -1
- package/native/dist/styled-components.native.esm.js.map +1 -1
- package/native/dist/test/types.d.ts +9 -0
- package/native/dist/test/utils.d.ts +1 -0
- package/package.json +57 -57
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Arrays & POJOs merged recursively, other objects and value types are overridden
|
|
3
|
+
* If target is not a POJO or an Array, it will get source properties injected via shallow merge
|
|
4
|
+
* Source objects applied left to right. Mutates & returns target. Similar to lodash merge.
|
|
5
|
+
*/
|
|
6
|
+
export default function mixinDeep(target: any, ...sources: any[]): any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function getNonce(): string | null;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* If the Object prototype is frozen, the "toString" property is non-writable. This means that any objects which inherit this property
|
|
3
|
+
* cannot have the property changed using a "=" assignment operator. If using strict mode, attempting that will cause an error. If not using
|
|
4
|
+
* strict mode, attempting that will be silently ignored.
|
|
5
|
+
*
|
|
6
|
+
* If the Object prototype is frozen, inherited non-writable properties can still be shadowed using one of two mechanisms:
|
|
7
|
+
*
|
|
8
|
+
* 1. ES6 class methods: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes#methods
|
|
9
|
+
* 2. Using the `Object.defineProperty()` static method:
|
|
10
|
+
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
|
|
11
|
+
*
|
|
12
|
+
* However, this project uses Babel to transpile ES6 classes, and transforms ES6 class methods to use the assignment operator instead:
|
|
13
|
+
* https://babeljs.io/docs/babel-plugin-transform-class-properties#options
|
|
14
|
+
*
|
|
15
|
+
* Therefore, the most compatible way to shadow the prototype's "toString" property is to define a new "toString" property on this object.
|
|
16
|
+
*/
|
|
17
|
+
export declare function setToString(object: object, toStringFn: () => string): void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as stylis from 'stylis';
|
|
2
|
+
import { Stringifier } from '../types';
|
|
3
|
+
export type ICreateStylisInstance = {
|
|
4
|
+
options?: {
|
|
5
|
+
namespace?: string | undefined;
|
|
6
|
+
prefix?: boolean | undefined;
|
|
7
|
+
} | undefined;
|
|
8
|
+
plugins?: stylis.Middleware[] | undefined;
|
|
9
|
+
};
|
|
10
|
+
export default function createStylisInstance({ options, plugins, }?: ICreateStylisInstance): Stringifier;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { WebTarget } from '../types';
|
|
2
3
|
import { Styled } from './constructWithOptions';
|
|
3
4
|
declare const styled: (<Target extends WebTarget>(tag: Target) => Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>) & {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SC_VERSION } from './constants';
|
|
2
|
+
import createGlobalStyle from './constructors/createGlobalStyle';
|
|
3
|
+
import css from './constructors/css';
|
|
4
|
+
import keyframes from './constructors/keyframes';
|
|
5
|
+
import withTheme from './hoc/withTheme';
|
|
6
|
+
import ServerStyleSheet from './models/ServerStyleSheet';
|
|
7
|
+
import { IStyleSheetContext, IStyleSheetManager, IStylisContext, StyleSheetConsumer, StyleSheetContext, StyleSheetManager } from './models/StyleSheetManager';
|
|
8
|
+
import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from './models/ThemeProvider';
|
|
9
|
+
import isStyledComponent from './utils/isStyledComponent';
|
|
10
|
+
export * from './secretInternals';
|
|
11
|
+
export { Attrs, DefaultTheme, ShouldForwardProp } from './types';
|
|
12
|
+
export { IStyleSheetContext, IStyleSheetManager, IStylisContext, ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, createGlobalStyle, css, isStyledComponent, keyframes, useTheme, SC_VERSION as version, withTheme, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const SC_ATTR: string;
|
|
2
|
+
export declare const SC_ATTR_ACTIVE = "active";
|
|
3
|
+
export declare const SC_ATTR_VERSION = "data-styled-version";
|
|
4
|
+
export declare const SC_VERSION: string;
|
|
5
|
+
export declare const SPLITTER = "/*!sc*/\n";
|
|
6
|
+
export declare const IS_BROWSER: boolean;
|
|
7
|
+
export declare const DISABLE_SPEEDY: boolean;
|
|
8
|
+
export declare const STATIC_EXECUTION_CONTEXT: {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Attrs, BaseObject, ExecutionProps, Interpolation, IStyledComponent, IStyledComponentFactory, KnownTarget, NoInfer, Runtime, StyledOptions, StyledTarget, Styles, Substitute } from '../types';
|
|
3
|
+
type AttrsResult<T extends Attrs<any>> = T extends (...args: any) => infer P ? P extends object ? P : never : T extends object ? T : never;
|
|
4
|
+
/**
|
|
5
|
+
* Based on Attrs being a simple object or function that returns
|
|
6
|
+
* a prop object, inspect the attrs result and attempt to extract
|
|
7
|
+
* any "as" prop usage to modify the runtime target.
|
|
8
|
+
*/
|
|
9
|
+
type AttrsTarget<R extends Runtime, T extends Attrs<any>, FallbackTarget extends StyledTarget<R>, Result extends ExecutionProps = AttrsResult<T>> = Result extends {
|
|
10
|
+
as: infer RuntimeTarget;
|
|
11
|
+
} ? RuntimeTarget extends KnownTarget ? RuntimeTarget : FallbackTarget : FallbackTarget;
|
|
12
|
+
export interface Styled<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = BaseObject> {
|
|
13
|
+
<Props extends object = BaseObject, Statics extends object = BaseObject>(initialStyles: Styles<Substitute<OuterProps, NoInfer<Props>>>, ...interpolations: Interpolation<Substitute<OuterProps, NoInfer<Props>>>[]): IStyledComponent<R, Substitute<OuterProps, Props>> & OuterStatics & Statics & (R extends 'web' ? Target extends string ? {} : Omit<Target, keyof React.Component<any>> : {});
|
|
14
|
+
attrs: <Props extends object = BaseObject, PrivateMergedProps extends object = Substitute<OuterProps, Props>, PrivateAttrsArg extends Attrs<PrivateMergedProps> = Attrs<PrivateMergedProps>, PrivateResolvedTarget extends StyledTarget<R> = AttrsTarget<R, PrivateAttrsArg, Target>>(attrs: PrivateAttrsArg) => Styled<R, PrivateResolvedTarget, PrivateResolvedTarget extends KnownTarget ? Substitute<Substitute<OuterProps, React.ComponentPropsWithRef<PrivateResolvedTarget>>, Props> : PrivateMergedProps, OuterStatics>;
|
|
15
|
+
withConfig: (config: StyledOptions<R, OuterProps>) => Styled<R, Target, OuterProps, OuterStatics>;
|
|
16
|
+
}
|
|
17
|
+
export default function constructWithOptions<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : BaseObject, OuterStatics extends object = BaseObject>(componentConstructor: IStyledComponentFactory<R, StyledTarget<R>, object, any>, tag: StyledTarget<R>, options?: StyledOptions<R, OuterProps>): Styled<R, Target, OuterProps, OuterStatics>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ExecutionProps, Interpolation, Styles } from '../types';
|
|
3
|
+
export default function createGlobalStyle<Props extends object>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExecutionProps & Props>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Interpolation, NoInfer, RuleSet, Styles } from '../types';
|
|
2
|
+
declare function css(styles: Styles<object>, ...interpolations: Interpolation<object>[]): RuleSet<object>;
|
|
3
|
+
declare function css<Props extends object>(styles: Styles<NoInfer<Props>>, ...interpolations: Interpolation<NoInfer<Props>>[]): RuleSet<NoInfer<Props>>;
|
|
4
|
+
export default css;
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { WebTarget } from '../types';
|
|
2
|
+
import { Styled } from './constructWithOptions';
|
|
3
|
+
declare const styled: (<Target extends WebTarget>(tag: Target) => Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>) & {
|
|
4
|
+
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("../types").BaseObject>;
|
|
5
|
+
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("../types").BaseObject>;
|
|
6
|
+
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
7
|
+
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
8
|
+
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("../types").BaseObject>;
|
|
9
|
+
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
10
|
+
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
11
|
+
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("../types").BaseObject>;
|
|
12
|
+
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
13
|
+
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("../types").BaseObject>;
|
|
14
|
+
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
15
|
+
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
16
|
+
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
17
|
+
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
18
|
+
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("../types").BaseObject>;
|
|
19
|
+
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("../types").BaseObject>;
|
|
20
|
+
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("../types").BaseObject>;
|
|
21
|
+
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("../types").BaseObject>;
|
|
22
|
+
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
23
|
+
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
24
|
+
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
25
|
+
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
26
|
+
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
27
|
+
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("../types").BaseObject>;
|
|
28
|
+
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("../types").BaseObject>;
|
|
29
|
+
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
30
|
+
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
31
|
+
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("../types").BaseObject>;
|
|
32
|
+
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
33
|
+
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("../types").BaseObject>;
|
|
34
|
+
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../types").BaseObject>;
|
|
35
|
+
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("../types").BaseObject>;
|
|
36
|
+
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
37
|
+
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
38
|
+
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("../types").BaseObject>;
|
|
39
|
+
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("../types").BaseObject>;
|
|
40
|
+
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
41
|
+
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
42
|
+
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
43
|
+
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("../types").BaseObject>;
|
|
44
|
+
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
45
|
+
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
46
|
+
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
47
|
+
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
48
|
+
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
49
|
+
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
50
|
+
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
51
|
+
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
52
|
+
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("../types").BaseObject>;
|
|
53
|
+
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("../types").BaseObject>;
|
|
54
|
+
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
55
|
+
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("../types").BaseObject>;
|
|
56
|
+
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("../types").BaseObject>;
|
|
57
|
+
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("../types").BaseObject>;
|
|
58
|
+
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
59
|
+
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
60
|
+
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
61
|
+
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("../types").BaseObject>;
|
|
62
|
+
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("../types").BaseObject>;
|
|
63
|
+
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("../types").BaseObject>;
|
|
64
|
+
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("../types").BaseObject>;
|
|
65
|
+
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
66
|
+
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("../types").BaseObject>;
|
|
67
|
+
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
68
|
+
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
69
|
+
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
70
|
+
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import("../types").BaseObject>;
|
|
71
|
+
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("../types").BaseObject>;
|
|
72
|
+
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
73
|
+
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
74
|
+
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("../types").BaseObject>;
|
|
75
|
+
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("../types").BaseObject>;
|
|
76
|
+
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("../types").BaseObject>;
|
|
77
|
+
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("../types").BaseObject>;
|
|
78
|
+
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../types").BaseObject>;
|
|
79
|
+
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import("../types").BaseObject>;
|
|
80
|
+
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
81
|
+
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("../types").BaseObject>;
|
|
82
|
+
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("../types").BaseObject>;
|
|
83
|
+
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
84
|
+
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
85
|
+
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
86
|
+
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
87
|
+
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
88
|
+
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
89
|
+
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import("../types").BaseObject>;
|
|
90
|
+
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
91
|
+
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("../types").BaseObject>;
|
|
92
|
+
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
93
|
+
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import("../types").BaseObject>;
|
|
94
|
+
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../types").BaseObject>;
|
|
95
|
+
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
96
|
+
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import("../types").BaseObject>;
|
|
97
|
+
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
98
|
+
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
99
|
+
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
100
|
+
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("../types").BaseObject>;
|
|
101
|
+
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
102
|
+
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("../types").BaseObject>;
|
|
103
|
+
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("../types").BaseObject>;
|
|
104
|
+
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
105
|
+
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("../types").BaseObject>;
|
|
106
|
+
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
107
|
+
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("../types").BaseObject>;
|
|
108
|
+
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("../types").BaseObject>;
|
|
109
|
+
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import("../types").BaseObject>;
|
|
110
|
+
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
111
|
+
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("../types").BaseObject>;
|
|
112
|
+
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, import("../types").BaseObject>;
|
|
113
|
+
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
114
|
+
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("../types").BaseObject>;
|
|
115
|
+
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
116
|
+
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, import("../types").BaseObject>;
|
|
117
|
+
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, import("../types").BaseObject>;
|
|
118
|
+
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, import("../types").BaseObject>;
|
|
119
|
+
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, import("../types").BaseObject>;
|
|
120
|
+
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, import("../types").BaseObject>;
|
|
121
|
+
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, import("../types").BaseObject>;
|
|
122
|
+
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, import("../types").BaseObject>;
|
|
123
|
+
line: Styled<"web", "line", import("react").SVGLineElementAttributes<SVGLineElement>, import("../types").BaseObject>;
|
|
124
|
+
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, import("../types").BaseObject>;
|
|
125
|
+
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, import("../types").BaseObject>;
|
|
126
|
+
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, import("../types").BaseObject>;
|
|
127
|
+
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, import("../types").BaseObject>;
|
|
128
|
+
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, import("../types").BaseObject>;
|
|
129
|
+
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, import("../types").BaseObject>;
|
|
130
|
+
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, import("../types").BaseObject>;
|
|
131
|
+
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, import("../types").BaseObject>;
|
|
132
|
+
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, import("../types").BaseObject>;
|
|
133
|
+
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, import("../types").BaseObject>;
|
|
134
|
+
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, import("../types").BaseObject>;
|
|
135
|
+
text: Styled<"web", "text", import("react").SVGTextElementAttributes<SVGTextElement>, import("../types").BaseObject>;
|
|
136
|
+
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, import("../types").BaseObject>;
|
|
137
|
+
};
|
|
138
|
+
export default styled;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnyComponent, ExecutionProps } from '../types';
|
|
3
|
+
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]; };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import styled from './constructors/styled';
|
|
2
|
+
export * from './base';
|
|
3
|
+
export { CSSKeyframes, CSSObject, CSSProp, CSSProperties, CSSPseudos, DataAttributes, DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, Interpolation, PolymorphicComponent, PolymorphicComponentProps, RuleSet, Runtime, StyleFunction, StyledObject, StyledOptions, SupportedHTMLElements, WebTarget, } from './types';
|
|
4
|
+
export { styled as default, styled };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import StyleSheet from '../sheet';
|
|
2
|
+
import { ExecutionContext, RuleSet, Stringifier } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* ComponentStyle is all the CSS-specific stuff, not the React-specific stuff.
|
|
5
|
+
*/
|
|
6
|
+
export default class ComponentStyle {
|
|
7
|
+
baseHash: number;
|
|
8
|
+
baseStyle: ComponentStyle | null | undefined;
|
|
9
|
+
componentId: string;
|
|
10
|
+
isStatic: boolean;
|
|
11
|
+
rules: RuleSet<any>;
|
|
12
|
+
staticRulesId: string;
|
|
13
|
+
constructor(rules: RuleSet<any>, componentId: string, baseStyle?: ComponentStyle | undefined);
|
|
14
|
+
generateAndInjectStyles(executionContext: ExecutionContext, styleSheet: StyleSheet, stylis: Stringifier): string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import StyleSheet from '../sheet';
|
|
2
|
+
import { ExecutionContext, RuleSet, Stringifier } from '../types';
|
|
3
|
+
export default class GlobalStyle<Props extends object> {
|
|
4
|
+
componentId: string;
|
|
5
|
+
isStatic: boolean;
|
|
6
|
+
rules: RuleSet<Props>;
|
|
7
|
+
constructor(rules: RuleSet<Props>, componentId: string);
|
|
8
|
+
createStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
|
|
9
|
+
removeStyles(instance: number, styleSheet: StyleSheet): void;
|
|
10
|
+
renderStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IInlineStyleConstructor, StyleSheet } from '../types';
|
|
2
|
+
export declare const resetStyleCache: () => void;
|
|
3
|
+
/**
|
|
4
|
+
* InlineStyle takes arbitrary CSS and generates a flat object
|
|
5
|
+
*/
|
|
6
|
+
export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import StyleSheet from '../sheet';
|
|
2
|
+
import { Keyframes as KeyframesType, Stringifier } from '../types';
|
|
3
|
+
export default class Keyframes implements KeyframesType {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
rules: string;
|
|
7
|
+
constructor(name: string, rules: string);
|
|
8
|
+
inject: (styleSheet: StyleSheet, stylisInstance?: Stringifier) => void;
|
|
9
|
+
getName(stylisInstance?: Stringifier): string;
|
|
10
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type * as streamInternal from 'stream';
|
|
4
|
+
import { Readable } from 'stream';
|
|
5
|
+
import StyleSheet from '../sheet';
|
|
6
|
+
export default class ServerStyleSheet {
|
|
7
|
+
instance: StyleSheet;
|
|
8
|
+
sealed: boolean;
|
|
9
|
+
constructor();
|
|
10
|
+
_emitSheetCSS: () => string;
|
|
11
|
+
collectStyles(children: any): JSX.Element;
|
|
12
|
+
getStyleTags: () => string;
|
|
13
|
+
getStyleElement: () => React.JSX.Element[];
|
|
14
|
+
interleaveWithNodeStream(input: Readable): streamInternal.Transform;
|
|
15
|
+
seal: () => void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type stylis from 'stylis';
|
|
3
|
+
import StyleSheet from '../sheet';
|
|
4
|
+
import { ShouldForwardProp, Stringifier } from '../types';
|
|
5
|
+
export declare const mainSheet: StyleSheet;
|
|
6
|
+
export declare const mainStylis: Stringifier;
|
|
7
|
+
export type IStyleSheetContext = {
|
|
8
|
+
shouldForwardProp?: ShouldForwardProp<'web'> | undefined;
|
|
9
|
+
styleSheet: StyleSheet;
|
|
10
|
+
stylis: Stringifier;
|
|
11
|
+
};
|
|
12
|
+
export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
|
|
13
|
+
export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
|
|
14
|
+
export type IStylisContext = Stringifier | void;
|
|
15
|
+
export declare const StylisContext: React.Context<IStylisContext>;
|
|
16
|
+
export declare const StylisConsumer: React.Consumer<IStylisContext>;
|
|
17
|
+
export declare function useStyleSheetContext(): IStyleSheetContext;
|
|
18
|
+
export type IStyleSheetManager = React.PropsWithChildren<{
|
|
19
|
+
/**
|
|
20
|
+
* If desired, you can pass this prop to disable "speedy" insertion mode, which
|
|
21
|
+
* uses the browser [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet).
|
|
22
|
+
* When disabled, rules are inserted as simple text into style blocks.
|
|
23
|
+
*/
|
|
24
|
+
disableCSSOMInjection?: undefined | boolean;
|
|
25
|
+
/**
|
|
26
|
+
* If you are working exclusively with modern browsers, vendor prefixes can often be omitted
|
|
27
|
+
* to reduce the weight of CSS on the page.
|
|
28
|
+
*/
|
|
29
|
+
enableVendorPrefixes?: undefined | boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Provide an optional selector to be prepended to all generated style rules.
|
|
32
|
+
*/
|
|
33
|
+
namespace?: undefined | string;
|
|
34
|
+
/**
|
|
35
|
+
* Create and provide your own `StyleSheet` if necessary for advanced SSR scenarios.
|
|
36
|
+
*/
|
|
37
|
+
sheet?: undefined | StyleSheet;
|
|
38
|
+
/**
|
|
39
|
+
* Starting in v6, styled-components no longer does its own prop validation
|
|
40
|
+
* and recommends use of transient props "$prop" to pass style-only props to
|
|
41
|
+
* components. If for some reason you are not able to use transient props, a
|
|
42
|
+
* prop validation function can be provided via `StyleSheetManager`, such as
|
|
43
|
+
* `@emotion/is-prop-valid`.
|
|
44
|
+
*
|
|
45
|
+
* When the return value is `true`, props will be forwarded to the DOM/underlying
|
|
46
|
+
* component. If return value is `false`, the prop will be discarded after styles
|
|
47
|
+
* are calculated.
|
|
48
|
+
*
|
|
49
|
+
* Manually composing `styled.{element}.withConfig({shouldForwardProp})` will
|
|
50
|
+
* override this default.
|
|
51
|
+
*/
|
|
52
|
+
shouldForwardProp?: undefined | IStyleSheetContext['shouldForwardProp'];
|
|
53
|
+
/**
|
|
54
|
+
* An array of plugins to be run by stylis (style processor) during compilation.
|
|
55
|
+
* Check out [what's available on npm*](https://www.npmjs.com/search?q=keywords%3Astylis).
|
|
56
|
+
*
|
|
57
|
+
* \* The plugin(s) must be compatible with stylis v4 or above.
|
|
58
|
+
*/
|
|
59
|
+
stylisPlugins?: undefined | stylis.Middleware[];
|
|
60
|
+
/**
|
|
61
|
+
* Provide an alternate DOM node to host generated styles; useful for iframes.
|
|
62
|
+
*/
|
|
63
|
+
target?: undefined | HTMLElement;
|
|
64
|
+
}>;
|
|
65
|
+
export declare function StyleSheetManager(props: IStyleSheetManager): JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { BaseObject, IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
|
|
2
|
+
declare function createStyledComponent<Target extends WebTarget, OuterProps extends object, Statics extends object = BaseObject>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
|
|
3
|
+
export default createStyledComponent;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { BaseObject, ExecutionProps, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
|
|
2
|
+
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = BaseObject>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", import("../types").Substitute<OuterProps, object>> & Statics & object;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Override DefaultTheme to get accurate typings for your project.
|
|
4
|
+
*
|
|
5
|
+
* ```
|
|
6
|
+
* // create styled-components.d.ts in your project source
|
|
7
|
+
* // if it isn't being picked up, check tsconfig compilerOptions.types
|
|
8
|
+
* import type { CSSProp } from "styled-components";
|
|
9
|
+
* import Theme from './theme';
|
|
10
|
+
*
|
|
11
|
+
* type ThemeType = typeof Theme;
|
|
12
|
+
*
|
|
13
|
+
* declare module "styled-components" {
|
|
14
|
+
* export interface DefaultTheme extends ThemeType {}
|
|
15
|
+
* }
|
|
16
|
+
*
|
|
17
|
+
* declare module "react" {
|
|
18
|
+
* interface DOMAttributes<T> {
|
|
19
|
+
* css?: CSSProp;
|
|
20
|
+
* }
|
|
21
|
+
* }
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export interface DefaultTheme {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}
|
|
27
|
+
type ThemeFn = (outerTheme?: DefaultTheme | undefined) => DefaultTheme;
|
|
28
|
+
type ThemeArgument = DefaultTheme | ThemeFn;
|
|
29
|
+
type Props = {
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
theme: ThemeArgument;
|
|
32
|
+
};
|
|
33
|
+
export declare const ThemeContext: React.Context<DefaultTheme | undefined>;
|
|
34
|
+
export declare const ThemeConsumer: React.Consumer<DefaultTheme | undefined>;
|
|
35
|
+
/**
|
|
36
|
+
* Returns the current theme (as provided by the closest ancestor `ThemeProvider`.)
|
|
37
|
+
*
|
|
38
|
+
* If no `ThemeProvider` is found, the function will error. If you need access to the theme in an
|
|
39
|
+
* uncertain composition scenario, `React.useContext(ThemeContext)` will not emit an error if there
|
|
40
|
+
* is no `ThemeProvider` ancestor.
|
|
41
|
+
*/
|
|
42
|
+
export declare function useTheme(): DefaultTheme;
|
|
43
|
+
/**
|
|
44
|
+
* Provide a theme to an entire react component tree via context
|
|
45
|
+
*/
|
|
46
|
+
export default function ThemeProvider(props: Props): JSX.Element | null;
|
|
47
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/// <reference path="../../src/global.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Styled } from '../constructors/constructWithOptions';
|
|
4
|
+
import css from '../constructors/css';
|
|
5
|
+
import withTheme from '../hoc/withTheme';
|
|
6
|
+
import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from '../models/ThemeProvider';
|
|
7
|
+
import { NativeTarget, RuleSet } from '../types';
|
|
8
|
+
import isStyledComponent from '../utils/isStyledComponent';
|
|
9
|
+
declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>) & {
|
|
10
|
+
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, import("../types").BaseObject>;
|
|
11
|
+
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps, import("../types").BaseObject>;
|
|
12
|
+
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, import("../types").BaseObject>;
|
|
13
|
+
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, import("../types").BaseObject>;
|
|
14
|
+
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, import("../types").BaseObject>;
|
|
15
|
+
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps, import("../types").BaseObject>;
|
|
16
|
+
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, import("../types").BaseObject>;
|
|
17
|
+
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, import("../types").BaseObject>;
|
|
18
|
+
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps, import("../types").BaseObject>;
|
|
19
|
+
Pressable: Styled<"native", React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>, import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, import("../types").BaseObject>;
|
|
20
|
+
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, import("../types").BaseObject>;
|
|
21
|
+
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, import("../types").BaseObject>;
|
|
22
|
+
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, import("../types").BaseObject>;
|
|
23
|
+
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps, import("../types").BaseObject>;
|
|
24
|
+
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, import("../types").BaseObject>;
|
|
25
|
+
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, import("../types").BaseObject>;
|
|
26
|
+
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps, import("../types").BaseObject>;
|
|
27
|
+
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps, import("../types").BaseObject>;
|
|
28
|
+
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps, import("../types").BaseObject>;
|
|
29
|
+
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps, import("../types").BaseObject>;
|
|
30
|
+
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, import("../types").BaseObject>;
|
|
31
|
+
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, import("../types").BaseObject>;
|
|
32
|
+
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps, import("../types").BaseObject>;
|
|
33
|
+
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, import("../types").BaseObject>;
|
|
34
|
+
};
|
|
35
|
+
declare const toStyleSheet: (rules: RuleSet<object>) => import("css-to-react-native").Style;
|
|
36
|
+
export { CSSKeyframes, CSSObject, CSSProperties, CSSPseudos, DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, PolymorphicComponent, PolymorphicComponentProps, Runtime, StyledObject, StyledOptions, } from '../types';
|
|
37
|
+
export { ThemeConsumer, ThemeContext, ThemeProvider, css, styled as default, isStyledComponent, styled, toStyleSheet, useTheme, withTheme, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Tag } from './types';
|
|
2
|
+
/** Create a GroupedTag with an underlying Tag implementation */
|
|
3
|
+
export declare const makeGroupedTag: (tag: Tag) => {
|
|
4
|
+
groupSizes: Uint32Array;
|
|
5
|
+
length: number;
|
|
6
|
+
tag: Tag;
|
|
7
|
+
indexOfGroup(group: number): number;
|
|
8
|
+
insertRules(group: number, rules: string[]): void;
|
|
9
|
+
clearGroup(group: number): void;
|
|
10
|
+
getGroup(group: number): string;
|
|
11
|
+
};
|