styled-components 6.2.0 → 6.2.1-prerelease.0
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/README.md +2 -1
- 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 +165 -100
- 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/native/dist/constants.d.ts +5 -0
- package/native/dist/dist/constants.d.ts +5 -0
- package/native/dist/dist/hoc/withTheme.spec.d.ts +1 -0
- package/native/dist/dist/index.d.ts +2 -2
- package/native/dist/dist/models/ComponentStyle.d.ts +4 -1
- package/native/dist/dist/sheet/Tag.d.ts +4 -4
- package/native/dist/dist/test/utils.d.ts +33 -14
- package/native/dist/dist/types.d.ts +11 -3
- package/native/dist/dist/utils/domElements.d.ts +2 -2
- package/native/dist/dist/utils/isRSC.d.ts +11 -0
- package/native/dist/hoc/withTheme.spec.d.ts +1 -0
- package/native/dist/index.d.ts +2 -2
- package/native/dist/models/ComponentStyle.d.ts +4 -1
- package/native/dist/sheet/Tag.d.ts +4 -4
- 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/utils.d.ts +32 -13
- package/native/dist/types.d.ts +11 -3
- package/native/dist/utils/domElements.d.ts +2 -2
- package/native/dist/utils/isRSC.d.ts +11 -0
- package/package.json +6 -6
- package/dist/base.d.ts +0 -12
- package/dist/constants.d.ts +0 -8
- package/dist/constructors/constructWithOptions.d.ts +0 -17
- package/dist/constructors/createGlobalStyle.d.ts +0 -3
- package/dist/constructors/css.d.ts +0 -4
- package/dist/constructors/keyframes.d.ts +0 -3
- package/dist/constructors/styled.d.ts +0 -17
- package/dist/hoc/withTheme.d.ts +0 -4
- package/dist/index-standalone.d.ts +0 -2
- package/dist/index.d.ts +0 -4
- package/dist/models/ComponentStyle.d.ts +0 -15
- package/dist/models/GlobalStyle.d.ts +0 -11
- package/dist/models/InlineStyle.d.ts +0 -7
- package/dist/models/Keyframes.d.ts +0 -10
- package/dist/models/ServerStyleSheet.d.ts +0 -15
- package/dist/models/StyleSheetManager.d.ts +0 -65
- package/dist/models/StyledComponent.d.ts +0 -3
- package/dist/models/StyledNativeComponent.d.ts +0 -3
- package/dist/models/ThemeProvider.d.ts +0 -47
- package/dist/native/index.d.ts +0 -19
- package/dist/secretInternals.d.ts +0 -5
- package/dist/sheet/GroupIDAllocator.d.ts +0 -4
- package/dist/sheet/GroupedTag.d.ts +0 -11
- package/dist/sheet/Rehydration.d.ts +0 -3
- package/dist/sheet/Sheet.d.ts +0 -40
- package/dist/sheet/Tag.d.ts +0 -55
- package/dist/sheet/dom.d.ts +0 -5
- package/dist/sheet/index.d.ts +0 -1
- package/dist/sheet/types.d.ts +0 -36
- package/dist/test/globals.d.ts +0 -2
- package/dist/test/utils.d.ts +0 -144
- package/dist/test/veryLargeUnionType.d.ts +0 -1
- package/dist/types.d.ts +0 -204
- package/dist/utils/addUnitIfNeeded.d.ts +0 -1
- package/dist/utils/checkDynamicCreation.d.ts +0 -1
- package/dist/utils/createWarnTooManyClasses.d.ts +0 -3
- package/dist/utils/determineTheme.d.ts +0 -4
- package/dist/utils/domElements.d.ts +0 -4
- package/dist/utils/empties.d.ts +0 -3
- package/dist/utils/error.d.ts +0 -5
- package/dist/utils/errors.d.ts +0 -21
- package/dist/utils/escape.d.ts +0 -5
- package/dist/utils/flatten.d.ts +0 -4
- package/dist/utils/generateAlphabeticName.d.ts +0 -1
- package/dist/utils/generateComponentId.d.ts +0 -1
- package/dist/utils/generateDisplayName.d.ts +0 -2
- package/dist/utils/getComponentName.d.ts +0 -2
- package/dist/utils/hash.d.ts +0 -3
- package/dist/utils/hoist.d.ts +0 -51
- package/dist/utils/hyphenateStyleName.d.ts +0 -14
- package/dist/utils/interleave.d.ts +0 -2
- package/dist/utils/isFunction.d.ts +0 -1
- package/dist/utils/isPlainObject.d.ts +0 -1
- package/dist/utils/isStatelessFunction.d.ts +0 -1
- package/dist/utils/isStaticRules.d.ts +0 -2
- package/dist/utils/isStyledComponent.d.ts +0 -2
- package/dist/utils/isTag.d.ts +0 -2
- package/dist/utils/joinStrings.d.ts +0 -5
- package/dist/utils/mixinDeep.d.ts +0 -6
- package/dist/utils/nonce.d.ts +0 -1
- package/dist/utils/setToString.d.ts +0 -17
- package/dist/utils/stylis.d.ts +0 -10
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
};
|
package/dist/sheet/Sheet.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { InsertionTarget } from '../types';
|
|
2
|
-
import { GroupedTag, Sheet, SheetOptions } from './types';
|
|
3
|
-
type SheetConstructorArgs = {
|
|
4
|
-
isServer?: boolean;
|
|
5
|
-
useCSSOMInjection?: boolean;
|
|
6
|
-
target?: InsertionTarget | undefined;
|
|
7
|
-
};
|
|
8
|
-
type GlobalStylesAllocationMap = {
|
|
9
|
-
[key: string]: number;
|
|
10
|
-
};
|
|
11
|
-
type NamesAllocationMap = Map<string, Set<string>>;
|
|
12
|
-
/** Contains the main stylesheet logic for stringification and caching */
|
|
13
|
-
export default class StyleSheet implements Sheet {
|
|
14
|
-
gs: GlobalStylesAllocationMap;
|
|
15
|
-
names: NamesAllocationMap;
|
|
16
|
-
options: SheetOptions;
|
|
17
|
-
server: boolean;
|
|
18
|
-
tag?: GroupedTag | undefined;
|
|
19
|
-
/** Register a group ID to give it an index */
|
|
20
|
-
static registerId(id: string): number;
|
|
21
|
-
constructor(options?: SheetConstructorArgs, globalStyles?: GlobalStylesAllocationMap, names?: NamesAllocationMap | undefined);
|
|
22
|
-
rehydrate(): void;
|
|
23
|
-
reconstructWithOptions(options: SheetConstructorArgs, withNames?: boolean): StyleSheet;
|
|
24
|
-
allocateGSInstance(id: string): number;
|
|
25
|
-
/** Lazily initialises a GroupedTag for when it's actually needed */
|
|
26
|
-
getTag(): GroupedTag;
|
|
27
|
-
/** Check whether a name is known for caching */
|
|
28
|
-
hasNameForId(id: string, name: string): boolean;
|
|
29
|
-
/** Mark a group's name as known for caching */
|
|
30
|
-
registerName(id: string, name: string): void;
|
|
31
|
-
/** Insert new rules which also marks the name as known */
|
|
32
|
-
insertRules(id: string, name: string, rules: string | string[]): void;
|
|
33
|
-
/** Clears all cached names for a given group ID */
|
|
34
|
-
clearNames(id: string): void;
|
|
35
|
-
/** Clears all rules for a given group ID */
|
|
36
|
-
clearRules(id: string): void;
|
|
37
|
-
/** Clears the entire tag which deletes all rules but not its names */
|
|
38
|
-
clearTag(): void;
|
|
39
|
-
}
|
|
40
|
-
export {};
|
package/dist/sheet/Tag.d.ts
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { InsertionTarget } from '../types';
|
|
2
|
-
import { SheetOptions } from './types';
|
|
3
|
-
/** Create a CSSStyleSheet-like tag depending on the environment */
|
|
4
|
-
export declare const makeTag: ({ isServer, useCSSOMInjection, target }: SheetOptions) => {
|
|
5
|
-
element: HTMLStyleElement;
|
|
6
|
-
sheet: CSSStyleSheet;
|
|
7
|
-
length: number;
|
|
8
|
-
insertRule(index: number, rule: string): boolean;
|
|
9
|
-
deleteRule(index: number): void;
|
|
10
|
-
getRule(index: number): string;
|
|
11
|
-
} | {
|
|
12
|
-
element: HTMLStyleElement;
|
|
13
|
-
nodes: NodeListOf<Node>;
|
|
14
|
-
length: number;
|
|
15
|
-
insertRule(index: number, rule: string): boolean;
|
|
16
|
-
deleteRule(index: number): void;
|
|
17
|
-
getRule(index: number): string;
|
|
18
|
-
} | {
|
|
19
|
-
rules: string[];
|
|
20
|
-
length: number;
|
|
21
|
-
insertRule(index: number, rule: string): boolean;
|
|
22
|
-
deleteRule(index: number): void;
|
|
23
|
-
getRule(index: number): string;
|
|
24
|
-
};
|
|
25
|
-
export declare const CSSOMTag: {
|
|
26
|
-
new (target?: InsertionTarget | undefined): {
|
|
27
|
-
element: HTMLStyleElement;
|
|
28
|
-
sheet: CSSStyleSheet;
|
|
29
|
-
length: number;
|
|
30
|
-
insertRule(index: number, rule: string): boolean;
|
|
31
|
-
deleteRule(index: number): void;
|
|
32
|
-
getRule(index: number): string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
/** A Tag that emulates the CSSStyleSheet API but uses text nodes */
|
|
36
|
-
export declare const TextTag: {
|
|
37
|
-
new (target?: InsertionTarget | undefined): {
|
|
38
|
-
element: HTMLStyleElement;
|
|
39
|
-
nodes: NodeListOf<Node>;
|
|
40
|
-
length: number;
|
|
41
|
-
insertRule(index: number, rule: string): boolean;
|
|
42
|
-
deleteRule(index: number): void;
|
|
43
|
-
getRule(index: number): string;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
/** A completely virtual (server-side) Tag that doesn't manipulate the DOM */
|
|
47
|
-
export declare const VirtualTag: {
|
|
48
|
-
new (_target?: InsertionTarget | undefined): {
|
|
49
|
-
rules: string[];
|
|
50
|
-
length: number;
|
|
51
|
-
insertRule(index: number, rule: string): boolean;
|
|
52
|
-
deleteRule(index: number): void;
|
|
53
|
-
getRule(index: number): string;
|
|
54
|
-
};
|
|
55
|
-
};
|
package/dist/sheet/dom.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { InsertionTarget } from '../types';
|
|
2
|
-
/** Create a style element inside `target` or <head> after the last */
|
|
3
|
-
export declare const makeStyleTag: (target?: InsertionTarget | undefined) => HTMLStyleElement;
|
|
4
|
-
/** Get the CSSStyleSheet instance for a given style element */
|
|
5
|
-
export declare const getSheet: (tag: HTMLStyleElement) => CSSStyleSheet;
|
package/dist/sheet/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Sheet';
|
package/dist/sheet/types.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { InsertionTarget } from '../types';
|
|
2
|
-
/** CSSStyleSheet-like Tag abstraction for CSS rules */
|
|
3
|
-
export interface Tag {
|
|
4
|
-
insertRule(index: number, rule: string): boolean;
|
|
5
|
-
deleteRule(index: number): void;
|
|
6
|
-
getRule(index: number): string;
|
|
7
|
-
length: number;
|
|
8
|
-
}
|
|
9
|
-
/** Group-aware Tag that sorts rules by indices */
|
|
10
|
-
export interface GroupedTag {
|
|
11
|
-
clearGroup(group: number): void;
|
|
12
|
-
getGroup(group: number): string;
|
|
13
|
-
groupSizes: Uint32Array;
|
|
14
|
-
insertRules(group: number, rules: string | string[]): void;
|
|
15
|
-
length: number;
|
|
16
|
-
tag: Tag;
|
|
17
|
-
}
|
|
18
|
-
export type SheetOptions = {
|
|
19
|
-
isServer: boolean;
|
|
20
|
-
target?: InsertionTarget | undefined;
|
|
21
|
-
useCSSOMInjection: boolean;
|
|
22
|
-
};
|
|
23
|
-
export interface Sheet {
|
|
24
|
-
allocateGSInstance(id: string): number;
|
|
25
|
-
clearNames(id: string): void;
|
|
26
|
-
clearRules(id: string): void;
|
|
27
|
-
clearTag(): void;
|
|
28
|
-
getTag(): GroupedTag;
|
|
29
|
-
hasNameForId(id: string, name: string): boolean;
|
|
30
|
-
insertRules(id: string, name: string, rules: string | string[]): void;
|
|
31
|
-
options: SheetOptions;
|
|
32
|
-
names: Map<string, Set<string>>;
|
|
33
|
-
registerName(id: string, name: string): void;
|
|
34
|
-
rehydrate(): void;
|
|
35
|
-
toString(): string;
|
|
36
|
-
}
|
package/dist/test/globals.d.ts
DELETED
package/dist/test/utils.d.ts
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
export declare const seedNextClassnames: (names: string[]) => string[];
|
|
2
|
-
export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget, InjectedProps extends object = import("../types").BaseObject>(tag: Target) => import("../constructors/constructWithOptions").Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, import("../types").BaseObject>) & {
|
|
3
|
-
object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("../types").BaseObject>;
|
|
4
|
-
g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, import("../types").BaseObject>;
|
|
5
|
-
map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("../types").BaseObject>;
|
|
6
|
-
big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
7
|
-
link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("../types").BaseObject>;
|
|
8
|
-
small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
9
|
-
sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
10
|
-
sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
11
|
-
input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("../types").BaseObject>;
|
|
12
|
-
a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("../types").BaseObject>;
|
|
13
|
-
abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
14
|
-
address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
15
|
-
area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("../types").BaseObject>;
|
|
16
|
-
article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
17
|
-
aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
18
|
-
audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("../types").BaseObject>;
|
|
19
|
-
b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
20
|
-
base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("../types").BaseObject>;
|
|
21
|
-
bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
22
|
-
bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
23
|
-
blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
24
|
-
body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("../types").BaseObject>;
|
|
25
|
-
br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("../types").BaseObject>;
|
|
26
|
-
button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("../types").BaseObject>;
|
|
27
|
-
canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("../types").BaseObject>;
|
|
28
|
-
caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
29
|
-
cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
30
|
-
code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
31
|
-
col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
32
|
-
colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
33
|
-
data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("../types").BaseObject>;
|
|
34
|
-
datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("../types").BaseObject>;
|
|
35
|
-
dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
36
|
-
del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
37
|
-
details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("../types").BaseObject>;
|
|
38
|
-
dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
39
|
-
dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("../types").BaseObject>;
|
|
40
|
-
div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../types").BaseObject>;
|
|
41
|
-
dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("../types").BaseObject>;
|
|
42
|
-
dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
43
|
-
em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
44
|
-
embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("../types").BaseObject>;
|
|
45
|
-
fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("../types").BaseObject>;
|
|
46
|
-
figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
47
|
-
figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
48
|
-
footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
49
|
-
form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("../types").BaseObject>;
|
|
50
|
-
h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
51
|
-
h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
52
|
-
h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
53
|
-
h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
54
|
-
h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
55
|
-
h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
56
|
-
header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
57
|
-
hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
58
|
-
hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("../types").BaseObject>;
|
|
59
|
-
html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("../types").BaseObject>;
|
|
60
|
-
i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
61
|
-
iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("../types").BaseObject>;
|
|
62
|
-
img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("../types").BaseObject>;
|
|
63
|
-
ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
64
|
-
kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
65
|
-
keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
66
|
-
label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("../types").BaseObject>;
|
|
67
|
-
legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("../types").BaseObject>;
|
|
68
|
-
li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("../types").BaseObject>;
|
|
69
|
-
main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
70
|
-
mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
71
|
-
menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
72
|
-
menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
73
|
-
meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import("../types").BaseObject>;
|
|
74
|
-
meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("../types").BaseObject>;
|
|
75
|
-
nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
76
|
-
noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
77
|
-
ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("../types").BaseObject>;
|
|
78
|
-
optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("../types").BaseObject>;
|
|
79
|
-
option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("../types").BaseObject>;
|
|
80
|
-
output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("../types").BaseObject>;
|
|
81
|
-
p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../types").BaseObject>;
|
|
82
|
-
param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import("../types").BaseObject>;
|
|
83
|
-
picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
84
|
-
pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("../types").BaseObject>;
|
|
85
|
-
progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("../types").BaseObject>;
|
|
86
|
-
q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
87
|
-
rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
88
|
-
rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
89
|
-
ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
90
|
-
s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
91
|
-
samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
92
|
-
script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import("../types").BaseObject>;
|
|
93
|
-
section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
94
|
-
select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("../types").BaseObject>;
|
|
95
|
-
source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import("../types").BaseObject>;
|
|
96
|
-
span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../types").BaseObject>;
|
|
97
|
-
strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
98
|
-
style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import("../types").BaseObject>;
|
|
99
|
-
summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
100
|
-
table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("../types").BaseObject>;
|
|
101
|
-
tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
102
|
-
td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("../types").BaseObject>;
|
|
103
|
-
textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("../types").BaseObject>;
|
|
104
|
-
tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
105
|
-
th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("../types").BaseObject>;
|
|
106
|
-
thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
107
|
-
time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("../types").BaseObject>;
|
|
108
|
-
tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("../types").BaseObject>;
|
|
109
|
-
track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import("../types").BaseObject>;
|
|
110
|
-
u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
111
|
-
ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("../types").BaseObject>;
|
|
112
|
-
var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
113
|
-
video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("../types").BaseObject>;
|
|
114
|
-
wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
115
|
-
circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, import("../types").BaseObject>;
|
|
116
|
-
clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, import("../types").BaseObject>;
|
|
117
|
-
defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, import("../types").BaseObject>;
|
|
118
|
-
ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, import("../types").BaseObject>;
|
|
119
|
-
foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, import("../types").BaseObject>;
|
|
120
|
-
image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, import("../types").BaseObject>;
|
|
121
|
-
line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGLineElementAttributes<SVGLineElement>, import("../types").BaseObject>;
|
|
122
|
-
linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, import("../types").BaseObject>;
|
|
123
|
-
marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, import("../types").BaseObject>;
|
|
124
|
-
mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, import("../types").BaseObject>;
|
|
125
|
-
path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, import("../types").BaseObject>;
|
|
126
|
-
pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, import("../types").BaseObject>;
|
|
127
|
-
polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, import("../types").BaseObject>;
|
|
128
|
-
polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, import("../types").BaseObject>;
|
|
129
|
-
radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, import("../types").BaseObject>;
|
|
130
|
-
rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, import("../types").BaseObject>;
|
|
131
|
-
stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, import("../types").BaseObject>;
|
|
132
|
-
svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, import("../types").BaseObject>;
|
|
133
|
-
text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGTextElementAttributes<SVGTextElement>, import("../types").BaseObject>;
|
|
134
|
-
tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, import("../types").BaseObject>;
|
|
135
|
-
use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, import("../types").BaseObject>;
|
|
136
|
-
};
|
|
137
|
-
export declare const rehydrateTestStyles: () => void;
|
|
138
|
-
export declare const stripComments: (str: string) => string;
|
|
139
|
-
export declare const stripWhitespace: (str: string) => string;
|
|
140
|
-
export declare const getCSS: (scope: Document | HTMLElement) => string;
|
|
141
|
-
export declare const expectCSSMatches: (_expectation: string, opts?: {
|
|
142
|
-
ignoreWhitespace: boolean;
|
|
143
|
-
}) => string;
|
|
144
|
-
export declare const getRenderedCSS: () => string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type VeryLargeUnionType = 'add-clip' | 'add-column-left' | 'add-column-right' | 'add-location' | 'add-row-bottom' | 'add-row-top' | 'add-to-artifact' | 'add-to-folder' | 'add' | 'aimpoints-target' | 'airplane' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'alignment-bottom' | 'alignment-horizontal-center' | 'alignment-left' | 'alignment-right' | 'alignment-top' | 'alignment-vertical-center' | 'anchor' | 'annotation' | 'antenna' | 'app-header' | 'application' | 'applications' | 'archive' | 'area-of-interest' | 'array-boolean' | 'array-date' | 'array-floating-point' | 'array-numeric' | 'array-string' | 'array-timestamp' | 'array' | 'arrow-bottom-left' | 'arrow-bottom-right' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-top-left' | 'arrow-top-right' | 'arrow-up' | 'arrows-horizontal' | 'arrows-vertical' | 'asterisk' | 'at' | 'automatic-updates' | 'axle' | 'backlink' | 'badge' | 'ban-circle' | 'bank-account' | 'barcode' | 'blank' | 'blocked-person' | 'bold' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'bring-data' | 'bug' | 'buggy' | 'build' | 'calculator' | 'calendar' | 'camera' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'cargo-ship' | 'cell-tower' | 'changes' | 'chart' | 'chat' | 'chevron-backward' | 'chevron-down' | 'chevron-forward' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-arrow-down' | 'circle-arrow-left' | 'circle-arrow-right' | 'circle-arrow-up' | 'circle' | 'citation' | 'clean' | 'clip' | 'clipboard' | 'cloud-download' | 'cloud-upload' | 'cloud' | 'code-block' | 'code' | 'cog' | 'collapse-all' | 'color-fill' | 'column-layout' | 'comment' | 'comparison' | 'compass' | 'compressed' | 'confirm' | 'console' | 'contrast' | 'control' | 'credit-card' | 'cross-circle' | 'cross' | 'crown' | 'cube-add' | 'cube-remove' | 'cube' | 'curved-range-chart' | 'cut' | 'cycle' | 'dashboard' | 'data-connection' | 'data-lineage' | 'database' | 'delete' | 'delta' | 'derive-column' | 'desktop' | 'diagnosis' | 'diagram-tree' | 'direction-left' | 'direction-right' | 'disable' | 'divide' | 'document-open' | 'document-share' | 'document' | 'dollar' | 'dot' | 'double-caret-horizontal' | 'double-caret-vertical' | 'double-chevron-down' | 'double-chevron-left' | 'double-chevron-right' | 'double-chevron-up' | 'doughnut-chart' | 'download' | 'drag-handle-horizontal' | 'drag-handle-vertical' | 'draw' | 'drawer-left-filled' | 'drawer-left' | 'drawer-right-filled' | 'drawer-right' | 'drive-time' | 'duplicate' | 'edit' | 'eject' | 'emoji' | 'endorsed' | 'envelope' | 'equals' | 'eraser' | 'error' | 'euro' | 'exchange' | 'exclude-row' | 'expand-all' | 'export' | 'eye-off' | 'eye-on' | 'eye-open' | 'fast-backward' | 'fast-forward' | 'feed-subscribed' | 'feed' | 'film' | 'filter-keep' | 'filter-list' | 'filter-open' | 'filter-remove' | 'filter' | 'flag' | 'flame' | 'flash' | 'floating-point' | 'floppy-disk' | 'flow-branch' | 'flow-end' | 'flow-linear' | 'flow-review-branch' | 'flow-review' | 'flows' | 'folder-close' | 'folder-new' | 'folder-open' | 'folder-shared-open' | 'folder-shared' | 'follower' | 'following' | 'font' | 'fork' | 'form' | 'fuel' | 'full-circle' | 'full-stacked-chart' | 'fullscreen' | 'function' | 'gantt-chart' | 'geofence' | 'geolocation' | 'geosearch' | 'git-branch' | 'git-commit' | 'git-merge' | 'git-new-branch' | 'git-pull' | 'git-push' | 'git-repo' | 'glass' | 'globe-network' | 'globe' | 'graph-remove' | 'graph' | 'greater-than-or-equal-to' | 'greater-than' | 'grid-view' | 'grid' | 'group-objects' | 'grouped-bar-chart' | 'hand-down' | 'hand-left' | 'hand-right' | 'hand-up' | 'hand' | 'hat' | 'header-one' | 'header-three' | 'header-two' | 'header' | 'headset' | 'heart-broken' | 'heart' | 'heat-grid' | 'heatmap' | 'helicopter' | 'help' | 'helper-management' | 'high-priority' | 'high-voltage-pole' | 'highlight' | 'history' | 'home' | 'horizontal-bar-chart-asc' | 'horizontal-bar-chart-desc' | 'horizontal-bar-chart' | 'horizontal-distribution' | 'horizontal-inbetween' | 'hurricane' | 'id-number' | 'image-rotate-left' | 'image-rotate-right' | 'import' | 'inbox-filtered' | 'inbox-geo' | 'inbox-search' | 'inbox-update' | 'inbox' | 'info-sign' | 'inheritance' | 'inherited-group' | 'inner-join' | 'insert' | 'intelligence' | 'intersection' | 'ip-address' | 'issue-closed' | 'issue-new' | 'issue' | 'italic' | 'join-table' | 'key-backspace' | 'key-command' | 'key-control' | 'key-delete' | 'key-enter' | 'key-escape' | 'key-option' | 'key-shift' | 'key-tab' | 'key' | 'known-vehicle' | 'lab-test' | 'label' | 'layer-outline' | 'layer' | 'layers' | 'layout-auto' | 'layout-balloon' | 'layout-circle' | 'layout-grid' | 'layout-group-by' | 'layout-hierarchy' | 'layout-linear' | 'layout-skew-grid' | 'layout-sorted-clusters' | 'layout' | 'learning' | 'left-join' | 'less-than-or-equal-to' | 'less-than' | 'lifesaver' | 'lightbulb' | 'lightning' | 'link' | 'list-columns' | 'list-detail-view' | 'list' | 'locate' | 'lock' | 'locomotive' | 'log-in' | 'log-out' | 'low-voltage-pole' | 'manual' | 'manually-entered-data' | 'many-to-many' | 'many-to-one' | 'map-create' | 'map-marker' | 'map' | 'maximize' | 'media' | 'menu-closed' | 'menu-open' | 'menu' | 'merge-columns' | 'merge-links' | 'minimize' | 'minus' | 'mobile-phone' | 'mobile-video' | 'modal-filled' | 'modal' | 'model' | 'moon' | 'more' | 'mountain' | 'move' | 'mugshot' | 'multi-select' | 'music' | 'nest' | 'new-drawing' | 'new-grid-item' | 'new-layer' | 'new-layers' | 'new-link' | 'new-object' | 'new-person' | 'new-prescription' | 'new-text-box' | 'ninja' | 'not-equal-to' | 'notifications-snooze' | 'notifications-updated' | 'notifications' | 'numbered-list' | 'numerical' | 'office' | 'offline' | 'oil-field' | 'one-column' | 'one-to-many' | 'one-to-one' | 'open-application' | 'outdated' | 'page-layout' | 'panel-stats' | 'panel-table' | 'paperclip' | 'paragraph' | 'path-search' | 'path' | 'pause' | 'people' | 'percentage' | 'person' | 'phone' | 'pie-chart' | 'pin' | 'pivot-table' | 'pivot' | 'play' | 'playbook' | 'plus' | 'polygon-filter' | 'power' | 'predictive-analysis' | 'prescription' | 'presentation' | 'print' | 'projects' | 'properties' | 'property' | 'publish-function' | 'pulse' | 'rain' | 'random' | 'record' | 'rect-height' | 'rect-width' | 'rectangle' | 'redo' | 'refresh' | 'regex' | 'regression-chart' | 'remove-column-left' | 'remove-column-right' | 'remove-column' | 'remove-row-bottom' | 'remove-row-top' | 'remove' | 'repeat' | 'reset' | 'resolve' | 'rig' | 'right-join' | 'ring' | 'rocket-slant' | 'rocket' | 'rotate-document' | 'rotate-page' | 'route' | 'satellite' | 'saved' | 'scatter-plot' | 'search-around' | 'search-template' | 'search-text' | 'search' | 'segmented-control' | 'select' | 'selection' | 'send-message' | 'send-to-graph' | 'send-to-map' | 'send-to' | 'sensor' | 'series-add' | 'series-configuration' | 'series-derived' | 'series-filtered' | 'series-search' | 'settings' | 'shapes' | 'share' | 'shared-filter' | 'shield' | 'ship' | 'shop' | 'shopping-cart' | 'signal-search' | 'sim-card' | 'slash' | 'small-cross' | 'small-info-sign' | 'small-minus' | 'small-plus' | 'small-square' | 'small-tick' | 'snowflake' | 'social-media' | 'sort-alphabetical-desc' | 'sort-alphabetical' | 'sort-asc' | 'sort-desc' | 'sort-numerical-desc' | 'sort-numerical' | 'sort' | 'split-columns' | 'square' | 'stacked-chart' | 'stadium-geometry' | 'star-empty' | 'star' | 'step-backward' | 'step-chart' | 'step-forward' | 'stop' | 'stopwatch' | 'strikethrough' | 'style' | 'subscript' | 'superscript' | 'swap-horizontal' | 'swap-vertical' | 'switch' | 'symbol-circle' | 'symbol-cross' | 'symbol-diamond' | 'symbol-rectangle' | 'symbol-square' | 'symbol-triangle-down' | 'symbol-triangle-up' | 'syringe' | 'tag' | 'take-action' | 'tank' | 'target' | 'taxi' | 'temperature' | 'text-highlight' | 'th-derived' | 'th-disconnect' | 'th-filtered' | 'th-list' | 'th' | 'third-party' | 'thumbs-down' | 'thumbs-up' | 'tick-circle' | 'tick' | 'time' | 'timeline-area-chart' | 'timeline-bar-chart' | 'timeline-events' | 'timeline-line-chart' | 'tint' | 'torch' | 'tractor' | 'train' | 'translate' | 'trash' | 'tree' | 'trending-down' | 'trending-up' | 'truck' | 'two-columns' | 'unarchive' | 'underline' | 'undo' | 'ungroup-objects' | 'unknown-vehicle' | 'unlock' | 'unpin' | 'unresolve' | 'updated' | 'upload' | 'user' | 'variable' | 'vertical-bar-chart-asc' | 'vertical-bar-chart-desc' | 'vertical-distribution' | 'vertical-inbetween' | 'video' | 'virus' | 'volume-down' | 'volume-off' | 'volume-up' | 'walk' | 'warning-sign' | 'waterfall-chart' | 'waves' | 'widget-button' | 'widget-footer' | 'widget-header' | 'widget' | 'wind' | 'wrench' | 'zoom-in' | 'zoom-out' | 'zoom-to-fit';
|
package/dist/types.d.ts
DELETED
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
import type * as CSS from 'csstype';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import ComponentStyle from './models/ComponentStyle';
|
|
4
|
-
import { DefaultTheme } from './models/ThemeProvider';
|
|
5
|
-
import createWarnTooManyClasses from './utils/createWarnTooManyClasses';
|
|
6
|
-
import type { SupportedHTMLElements } from './utils/domElements';
|
|
7
|
-
export { CSS, DefaultTheme, SupportedHTMLElements };
|
|
8
|
-
export interface ExoticComponentWithDisplayName<P extends BaseObject = {}> extends React.ExoticComponent<P> {
|
|
9
|
-
defaultProps?: Partial<P> | undefined;
|
|
10
|
-
displayName?: string | undefined;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Use this type to disambiguate between a styled-component instance
|
|
14
|
-
* and a StyleFunction or any other type of function.
|
|
15
|
-
*/
|
|
16
|
-
export type StyledComponentBrand = {
|
|
17
|
-
readonly _sc: symbol;
|
|
18
|
-
};
|
|
19
|
-
export type BaseObject = {};
|
|
20
|
-
export type OmitNever<T> = {
|
|
21
|
-
[K in keyof T as T[K] extends never ? never : K]: T[K];
|
|
22
|
-
};
|
|
23
|
-
export type FastOmit<T extends BaseObject, U extends string | number | symbol> = {
|
|
24
|
-
[K in keyof T as K extends U ? never : K]: T[K];
|
|
25
|
-
};
|
|
26
|
-
export type Runtime = 'web' | 'native';
|
|
27
|
-
export type AnyComponent<P extends BaseObject = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
|
|
28
|
-
export type KnownTarget = SupportedHTMLElements | AnyComponent;
|
|
29
|
-
export type WebTarget = string | KnownTarget;
|
|
30
|
-
export type NativeTarget = AnyComponent;
|
|
31
|
-
export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
|
|
32
|
-
export interface StyledOptions<R extends Runtime, Props extends BaseObject> {
|
|
33
|
-
attrs?: Attrs<Props>[] | undefined;
|
|
34
|
-
componentId?: (R extends 'web' ? string : never) | undefined;
|
|
35
|
-
displayName?: string | undefined;
|
|
36
|
-
parentComponentId?: (R extends 'web' ? string : never) | undefined;
|
|
37
|
-
shouldForwardProp?: ShouldForwardProp<R> | undefined;
|
|
38
|
-
}
|
|
39
|
-
export type Dict<T = any> = {
|
|
40
|
-
[key: string]: T;
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* This type is intended for when data attributes are composed via
|
|
44
|
-
* the `.attrs` API:
|
|
45
|
-
*
|
|
46
|
-
* ```tsx
|
|
47
|
-
* styled.div.attrs<DataAttributes>({ 'data-testid': 'foo' })``
|
|
48
|
-
* ```
|
|
49
|
-
*
|
|
50
|
-
* Would love to figure out how to support this natively without having to
|
|
51
|
-
* manually compose the type, but haven't figured out a way to do so yet that
|
|
52
|
-
* doesn't cause specificity loss (see `test/types.tsx` if you attempt to embed
|
|
53
|
-
* `DataAttributes` directly in the `Attrs<>` type.)
|
|
54
|
-
*/
|
|
55
|
-
export type DataAttributes = {
|
|
56
|
-
[key: `data-${string}`]: any;
|
|
57
|
-
};
|
|
58
|
-
export type ExecutionProps = {
|
|
59
|
-
/**
|
|
60
|
-
* Dynamically adjust the rendered component or HTML tag, e.g.
|
|
61
|
-
* ```
|
|
62
|
-
* const StyledButton = styled.button``
|
|
63
|
-
*
|
|
64
|
-
* <StyledButton as="a" href="/foo">
|
|
65
|
-
* I'm an anchor now
|
|
66
|
-
* </StyledButton>
|
|
67
|
-
* ```
|
|
68
|
-
*/
|
|
69
|
-
as?: KnownTarget | undefined;
|
|
70
|
-
forwardedAs?: KnownTarget | undefined;
|
|
71
|
-
theme?: DefaultTheme | undefined;
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* ExecutionProps but with `theme` required.
|
|
75
|
-
*/
|
|
76
|
-
export interface ExecutionContext extends ExecutionProps {
|
|
77
|
-
theme: DefaultTheme;
|
|
78
|
-
}
|
|
79
|
-
export interface StyleFunction<Props extends BaseObject> {
|
|
80
|
-
(executionContext: ExecutionContext & Props): Interpolation<Props>;
|
|
81
|
-
}
|
|
82
|
-
export type Interpolation<Props extends BaseObject> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | StyledComponentBrand | RuleSet<Props> | Interpolation<Props>[];
|
|
83
|
-
export type Attrs<Props extends BaseObject = BaseObject> = (ExecutionProps & Partial<Props>) | ((props: ExecutionContext & Props) => ExecutionProps & Partial<Props>);
|
|
84
|
-
export type RuleSet<Props extends BaseObject = BaseObject> = Interpolation<Props>[];
|
|
85
|
-
export type Styles<Props extends BaseObject> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;
|
|
86
|
-
export type NameGenerator = (hash: number) => string;
|
|
87
|
-
export interface StyleSheet {
|
|
88
|
-
create: Function;
|
|
89
|
-
}
|
|
90
|
-
export interface Keyframes {
|
|
91
|
-
id: string;
|
|
92
|
-
name: string;
|
|
93
|
-
rules: string;
|
|
94
|
-
}
|
|
95
|
-
export interface Flattener<Props extends BaseObject> {
|
|
96
|
-
(chunks: Interpolation<Props>[], executionContext: object | null | undefined, styleSheet: StyleSheet | null | undefined): Interpolation<Props>[];
|
|
97
|
-
}
|
|
98
|
-
export interface Stringifier {
|
|
99
|
-
(css: string, selector?: string | undefined, prefix?: string | undefined, componentId?: string | undefined): string[];
|
|
100
|
-
hash: string;
|
|
101
|
-
}
|
|
102
|
-
export interface ShouldForwardProp<R extends Runtime> {
|
|
103
|
-
(prop: string, elementToBeCreated: StyledTarget<R>): boolean;
|
|
104
|
-
}
|
|
105
|
-
export interface CommonStatics<R extends Runtime, Props extends BaseObject> {
|
|
106
|
-
attrs: Attrs<Props>[];
|
|
107
|
-
target: StyledTarget<R>;
|
|
108
|
-
shouldForwardProp?: ShouldForwardProp<R> | undefined;
|
|
109
|
-
}
|
|
110
|
-
export interface IStyledStatics<R extends Runtime, OuterProps extends BaseObject> extends CommonStatics<R, OuterProps> {
|
|
111
|
-
componentStyle: R extends 'web' ? ComponentStyle : never;
|
|
112
|
-
foldedComponentIds: R extends 'web' ? string : never;
|
|
113
|
-
inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
|
|
114
|
-
target: StyledTarget<R>;
|
|
115
|
-
styledComponentId: R extends 'web' ? string : never;
|
|
116
|
-
warnTooManyClasses?: (R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never) | undefined;
|
|
117
|
-
}
|
|
118
|
-
/**
|
|
119
|
-
* Used by PolymorphicComponent to define prop override cascading order.
|
|
120
|
-
*/
|
|
121
|
-
export type PolymorphicComponentProps<R extends Runtime, BaseProps extends BaseObject, AsTarget extends StyledTarget<R> | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends BaseObject = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends BaseObject = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> & FastOmit<ExecutionProps, 'as' | 'forwardedAs'> & {
|
|
122
|
-
as?: AsTarget;
|
|
123
|
-
forwardedAs?: ForwardedAsTarget;
|
|
124
|
-
};
|
|
125
|
-
/**
|
|
126
|
-
* This type forms the signature for a forwardRef-enabled component
|
|
127
|
-
* that accepts the "as" prop to dynamically change the underlying
|
|
128
|
-
* rendered JSX. The interface will automatically attempt to extract
|
|
129
|
-
* props from the given rendering target to get proper typing for
|
|
130
|
-
* any specialized props in the target component.
|
|
131
|
-
*/
|
|
132
|
-
export interface PolymorphicComponent<R extends Runtime, BaseProps extends BaseObject> extends React.ForwardRefExoticComponent<BaseProps> {
|
|
133
|
-
<AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): React.JSX.Element;
|
|
134
|
-
}
|
|
135
|
-
export interface IStyledComponentBase<R extends Runtime, Props extends BaseObject = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
|
|
136
|
-
defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
|
|
137
|
-
toString: () => string;
|
|
138
|
-
}
|
|
139
|
-
export type IStyledComponent<R extends Runtime, Props extends BaseObject = BaseObject> = IStyledComponentBase<R, Props> &
|
|
140
|
-
/**
|
|
141
|
-
* TypeScript doesn't allow using a styled component as a key inside object
|
|
142
|
-
* styles because "A computed property name must be of type 'string', 'number',
|
|
143
|
-
* 'symbol', or 'any'.". The toString() method only exists in the web runtime.
|
|
144
|
-
* This hack intersects the `IStyledComponent` type with the built-in `string`
|
|
145
|
-
* type to keep TSC happy.
|
|
146
|
-
*
|
|
147
|
-
* @example
|
|
148
|
-
* const H1 = styled.h1({
|
|
149
|
-
* fontSize: '2rem'
|
|
150
|
-
* });
|
|
151
|
-
*
|
|
152
|
-
* const Header = styled.header({
|
|
153
|
-
* [H1]: {
|
|
154
|
-
* marginBottom: '1rem'
|
|
155
|
-
* }
|
|
156
|
-
* })
|
|
157
|
-
*/
|
|
158
|
-
(R extends 'web' ? string : {});
|
|
159
|
-
export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends BaseObject, OuterStatics extends BaseObject = BaseObject> {
|
|
160
|
-
<Props extends BaseObject = BaseObject, Statics extends BaseObject = BaseObject>(target: Target, options: StyledOptions<R, OuterProps & Props>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Substitute<OuterProps, Props>> & OuterStatics & Statics;
|
|
161
|
-
}
|
|
162
|
-
export interface IInlineStyleConstructor<Props extends BaseObject> {
|
|
163
|
-
new (rules: RuleSet<Props>): IInlineStyle<Props>;
|
|
164
|
-
}
|
|
165
|
-
export interface IInlineStyle<Props extends BaseObject> {
|
|
166
|
-
rules: RuleSet<Props>;
|
|
167
|
-
generateStyleObject(executionContext: ExecutionContext & Props): object;
|
|
168
|
-
}
|
|
169
|
-
export type CSSProperties = CSS.Properties<number | (string & {})>;
|
|
170
|
-
export type CSSPseudos = {
|
|
171
|
-
[K in CSS.Pseudos]?: CSSObject;
|
|
172
|
-
};
|
|
173
|
-
export type CSSKeyframes = object & {
|
|
174
|
-
[key: string]: CSSObject;
|
|
175
|
-
};
|
|
176
|
-
export type CSSObject<Props extends BaseObject = BaseObject> = StyledObject<Props>;
|
|
177
|
-
export interface StyledObject<Props extends BaseObject = BaseObject> extends CSSProperties, CSSPseudos {
|
|
178
|
-
[key: string]: StyledObject<Props> | string | number | StyleFunction<Props> | RuleSet<any> | undefined;
|
|
179
|
-
}
|
|
180
|
-
/**
|
|
181
|
-
* The `css` prop is not declared by default in the types as it would cause `css` to be present
|
|
182
|
-
* on the types of anything that uses styled-components indirectly, even if they do not use the
|
|
183
|
-
* babel plugin.
|
|
184
|
-
*
|
|
185
|
-
* To enable support for the `css` prop in TypeScript, create a `styled-components.d.ts` file in
|
|
186
|
-
* your project source with the following contents:
|
|
187
|
-
*
|
|
188
|
-
* ```ts
|
|
189
|
-
* import type { CSSProp } from "styled-components";
|
|
190
|
-
*
|
|
191
|
-
* declare module "react" {
|
|
192
|
-
* interface Attributes {
|
|
193
|
-
* css?: CSSProp;
|
|
194
|
-
* }
|
|
195
|
-
* }
|
|
196
|
-
* ```
|
|
197
|
-
*
|
|
198
|
-
* In order to get accurate typings for `props.theme` in `css` interpolations, see
|
|
199
|
-
* {@link DefaultTheme}.
|
|
200
|
-
*/
|
|
201
|
-
export type CSSProp = Interpolation<any>;
|
|
202
|
-
export type NoInfer<T> = [T][T extends any ? 0 : never];
|
|
203
|
-
export type Substitute<A extends BaseObject, B extends BaseObject> = FastOmit<A, keyof B> & B;
|
|
204
|
-
export type InsertionTarget = HTMLElement | ShadowRoot;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function addUnitIfNeeded(name: string, value: any): string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const checkDynamicCreation: (displayName: string, componentId?: string | undefined) => void;
|