styled-components 6.1.2 → 6.1.4

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.
Files changed (143) hide show
  1. package/dist/base.d.ts +12 -0
  2. package/dist/constants.d.ts +8 -0
  3. package/dist/constructors/constructWithOptions.d.ts +18 -0
  4. package/dist/constructors/createGlobalStyle.d.ts +3 -0
  5. package/dist/constructors/css.d.ts +4 -0
  6. package/dist/constructors/keyframes.d.ts +3 -0
  7. package/dist/constructors/styled.d.ts +138 -0
  8. package/dist/hoc/withTheme.d.ts +3 -0
  9. package/dist/hoc/withTheme.spec.d.ts +1 -0
  10. package/dist/index-standalone.d.ts +2 -0
  11. package/dist/index.d.ts +4 -0
  12. package/dist/models/ComponentStyle.d.ts +15 -0
  13. package/dist/models/GlobalStyle.d.ts +11 -0
  14. package/dist/models/InlineStyle.d.ts +6 -0
  15. package/dist/models/Keyframes.d.ts +10 -0
  16. package/dist/models/ServerStyleSheet.d.ts +16 -0
  17. package/dist/models/StyleSheetManager.d.ts +65 -0
  18. package/dist/models/StyledComponent.d.ts +3 -0
  19. package/dist/models/StyledNativeComponent.d.ts +3 -0
  20. package/dist/models/ThemeProvider.d.ts +47 -0
  21. package/dist/native/index.d.ts +36 -0
  22. package/dist/secretInternals.d.ts +5 -0
  23. package/dist/sheet/GroupIDAllocator.d.ts +4 -0
  24. package/dist/sheet/GroupedTag.d.ts +11 -0
  25. package/dist/sheet/Rehydration.d.ts +3 -0
  26. package/dist/sheet/Sheet.d.ts +38 -0
  27. package/dist/sheet/Tag.d.ts +54 -0
  28. package/dist/sheet/dom.d.ts +4 -0
  29. package/dist/sheet/index.d.ts +1 -0
  30. package/dist/sheet/types.d.ts +34 -0
  31. package/dist/styled-components.browser.cjs.js +1 -1
  32. package/dist/styled-components.browser.cjs.js.map +1 -1
  33. package/dist/styled-components.browser.esm.js +1 -1
  34. package/dist/styled-components.browser.esm.js.map +1 -1
  35. package/dist/styled-components.cjs.js +1 -1
  36. package/dist/styled-components.cjs.js.map +1 -1
  37. package/dist/styled-components.esm.js +1 -1
  38. package/dist/styled-components.esm.js.map +1 -1
  39. package/dist/styled-components.js +3 -11
  40. package/dist/styled-components.js.map +1 -1
  41. package/dist/styled-components.min.js +1 -1
  42. package/dist/styled-components.min.js.map +1 -1
  43. package/dist/test/globals.d.ts +2 -0
  44. package/dist/test/utils.d.ts +144 -0
  45. package/dist/test/veryLargeUnionType.d.ts +1 -0
  46. package/dist/types.d.ts +183 -0
  47. package/dist/utils/addUnitIfNeeded.d.ts +1 -0
  48. package/dist/utils/checkDynamicCreation.d.ts +1 -0
  49. package/dist/utils/createWarnTooManyClasses.d.ts +3 -0
  50. package/dist/utils/determineTheme.d.ts +4 -0
  51. package/dist/utils/domElements.d.ts +4 -0
  52. package/dist/utils/empties.d.ts +3 -0
  53. package/dist/utils/error.d.ts +5 -0
  54. package/dist/utils/errors.d.ts +21 -0
  55. package/dist/utils/escape.d.ts +5 -0
  56. package/dist/utils/flatten.d.ts +4 -0
  57. package/dist/utils/generateAlphabeticName.d.ts +1 -0
  58. package/dist/utils/generateComponentId.d.ts +1 -0
  59. package/dist/utils/generateDisplayName.d.ts +2 -0
  60. package/dist/utils/getComponentName.d.ts +2 -0
  61. package/dist/utils/hash.d.ts +3 -0
  62. package/dist/utils/hoist.d.ts +51 -0
  63. package/dist/utils/hyphenateStyleName.d.ts +14 -0
  64. package/dist/utils/interleave.d.ts +2 -0
  65. package/dist/utils/isFunction.d.ts +1 -0
  66. package/dist/utils/isPlainObject.d.ts +1 -0
  67. package/dist/utils/isStatelessFunction.d.ts +1 -0
  68. package/dist/utils/isStaticRules.d.ts +2 -0
  69. package/dist/utils/isStyledComponent.d.ts +2 -0
  70. package/dist/utils/isTag.d.ts +2 -0
  71. package/dist/utils/joinStrings.d.ts +5 -0
  72. package/dist/utils/mixinDeep.d.ts +6 -0
  73. package/dist/utils/nonce.d.ts +1 -0
  74. package/dist/utils/setToString.d.ts +17 -0
  75. package/dist/utils/stylis.d.ts +10 -0
  76. package/native/dist/dist/base.d.ts +12 -0
  77. package/native/dist/dist/constants.d.ts +8 -0
  78. package/native/dist/dist/constructors/constructWithOptions.d.ts +18 -0
  79. package/native/dist/dist/constructors/createGlobalStyle.d.ts +3 -0
  80. package/native/dist/dist/constructors/css.d.ts +4 -0
  81. package/native/dist/dist/constructors/keyframes.d.ts +3 -0
  82. package/native/dist/dist/constructors/styled.d.ts +138 -0
  83. package/native/dist/dist/hoc/withTheme.d.ts +3 -0
  84. package/native/dist/dist/hoc/withTheme.spec.d.ts +1 -0
  85. package/native/dist/dist/index-standalone.d.ts +2 -0
  86. package/native/dist/dist/index.d.ts +4 -0
  87. package/native/dist/dist/models/ComponentStyle.d.ts +15 -0
  88. package/native/dist/dist/models/GlobalStyle.d.ts +11 -0
  89. package/native/dist/dist/models/InlineStyle.d.ts +6 -0
  90. package/native/dist/dist/models/Keyframes.d.ts +10 -0
  91. package/native/dist/dist/models/ServerStyleSheet.d.ts +16 -0
  92. package/native/dist/dist/models/StyleSheetManager.d.ts +65 -0
  93. package/native/dist/dist/models/StyledComponent.d.ts +3 -0
  94. package/native/dist/dist/models/StyledNativeComponent.d.ts +3 -0
  95. package/native/dist/dist/models/ThemeProvider.d.ts +47 -0
  96. package/native/dist/dist/native/index.d.ts +36 -0
  97. package/native/dist/dist/secretInternals.d.ts +5 -0
  98. package/native/dist/dist/sheet/GroupIDAllocator.d.ts +4 -0
  99. package/native/dist/dist/sheet/GroupedTag.d.ts +11 -0
  100. package/native/dist/dist/sheet/Rehydration.d.ts +3 -0
  101. package/native/dist/dist/sheet/Sheet.d.ts +38 -0
  102. package/native/dist/dist/sheet/Tag.d.ts +54 -0
  103. package/native/dist/dist/sheet/dom.d.ts +4 -0
  104. package/native/dist/dist/sheet/index.d.ts +1 -0
  105. package/native/dist/dist/sheet/types.d.ts +34 -0
  106. package/native/dist/dist/test/globals.d.ts +2 -0
  107. package/native/dist/dist/test/utils.d.ts +144 -0
  108. package/native/dist/dist/test/veryLargeUnionType.d.ts +1 -0
  109. package/native/dist/dist/types.d.ts +183 -0
  110. package/native/dist/dist/utils/addUnitIfNeeded.d.ts +1 -0
  111. package/native/dist/dist/utils/checkDynamicCreation.d.ts +1 -0
  112. package/native/dist/dist/utils/createWarnTooManyClasses.d.ts +3 -0
  113. package/native/dist/dist/utils/determineTheme.d.ts +4 -0
  114. package/native/dist/dist/utils/domElements.d.ts +4 -0
  115. package/native/dist/dist/utils/empties.d.ts +3 -0
  116. package/native/dist/dist/utils/error.d.ts +5 -0
  117. package/native/dist/dist/utils/errors.d.ts +21 -0
  118. package/native/dist/dist/utils/escape.d.ts +5 -0
  119. package/native/dist/dist/utils/flatten.d.ts +4 -0
  120. package/native/dist/dist/utils/generateAlphabeticName.d.ts +1 -0
  121. package/native/dist/dist/utils/generateComponentId.d.ts +1 -0
  122. package/native/dist/dist/utils/generateDisplayName.d.ts +2 -0
  123. package/native/dist/dist/utils/getComponentName.d.ts +2 -0
  124. package/native/dist/dist/utils/hash.d.ts +3 -0
  125. package/native/dist/dist/utils/hoist.d.ts +51 -0
  126. package/native/dist/dist/utils/hyphenateStyleName.d.ts +14 -0
  127. package/native/dist/dist/utils/interleave.d.ts +2 -0
  128. package/native/dist/dist/utils/isFunction.d.ts +1 -0
  129. package/native/dist/dist/utils/isPlainObject.d.ts +1 -0
  130. package/native/dist/dist/utils/isStatelessFunction.d.ts +1 -0
  131. package/native/dist/dist/utils/isStaticRules.d.ts +2 -0
  132. package/native/dist/dist/utils/isStyledComponent.d.ts +2 -0
  133. package/native/dist/dist/utils/isTag.d.ts +2 -0
  134. package/native/dist/dist/utils/joinStrings.d.ts +5 -0
  135. package/native/dist/dist/utils/mixinDeep.d.ts +6 -0
  136. package/native/dist/dist/utils/nonce.d.ts +1 -0
  137. package/native/dist/dist/utils/setToString.d.ts +17 -0
  138. package/native/dist/dist/utils/stylis.d.ts +10 -0
  139. package/native/dist/styled-components.native.cjs.js +1 -1
  140. package/native/dist/styled-components.native.cjs.js.map +1 -1
  141. package/native/dist/styled-components.native.esm.js +1 -1
  142. package/native/dist/styled-components.native.esm.js.map +1 -1
  143. package/package.json +66 -70
@@ -0,0 +1,54 @@
1
+ import { SheetOptions } from './types';
2
+ /** Create a CSSStyleSheet-like tag depending on the environment */
3
+ export declare const makeTag: ({ isServer, useCSSOMInjection, target }: SheetOptions) => {
4
+ element: HTMLStyleElement;
5
+ sheet: CSSStyleSheet;
6
+ length: number;
7
+ insertRule(index: number, rule: string): boolean;
8
+ deleteRule(index: number): void;
9
+ getRule(index: number): string;
10
+ } | {
11
+ element: HTMLStyleElement;
12
+ nodes: NodeListOf<Node>;
13
+ length: number;
14
+ insertRule(index: number, rule: string): boolean;
15
+ deleteRule(index: number): void;
16
+ getRule(index: number): string;
17
+ } | {
18
+ rules: string[];
19
+ length: number;
20
+ insertRule(index: number, rule: string): boolean;
21
+ deleteRule(index: number): void;
22
+ getRule(index: number): string;
23
+ };
24
+ export declare const CSSOMTag: {
25
+ new (target?: HTMLElement | undefined): {
26
+ element: HTMLStyleElement;
27
+ sheet: CSSStyleSheet;
28
+ length: number;
29
+ insertRule(index: number, rule: string): boolean;
30
+ deleteRule(index: number): void;
31
+ getRule(index: number): string;
32
+ };
33
+ };
34
+ /** A Tag that emulates the CSSStyleSheet API but uses text nodes */
35
+ export declare const TextTag: {
36
+ new (target?: HTMLElement | undefined): {
37
+ element: HTMLStyleElement;
38
+ nodes: NodeListOf<Node>;
39
+ length: number;
40
+ insertRule(index: number, rule: string): boolean;
41
+ deleteRule(index: number): void;
42
+ getRule(index: number): string;
43
+ };
44
+ };
45
+ /** A completely virtual (server-side) Tag that doesn't manipulate the DOM */
46
+ export declare const VirtualTag: {
47
+ new (_target?: HTMLElement | undefined): {
48
+ rules: string[];
49
+ length: number;
50
+ insertRule(index: number, rule: string): boolean;
51
+ deleteRule(index: number): void;
52
+ getRule(index: number): string;
53
+ };
54
+ };
@@ -0,0 +1,4 @@
1
+ /** Create a style element inside `target` or <head> after the last */
2
+ export declare const makeStyleTag: (target?: HTMLElement | undefined) => HTMLStyleElement;
3
+ /** Get the CSSStyleSheet instance for a given style element */
4
+ export declare const getSheet: (tag: HTMLStyleElement) => CSSStyleSheet;
@@ -0,0 +1 @@
1
+ export { default } from './Sheet';
@@ -0,0 +1,34 @@
1
+ /** CSSStyleSheet-like Tag abstraction for CSS rules */
2
+ export interface Tag {
3
+ insertRule(index: number, rule: string): boolean;
4
+ deleteRule(index: number): void;
5
+ getRule(index: number): string;
6
+ length: number;
7
+ }
8
+ /** Group-aware Tag that sorts rules by indices */
9
+ export interface GroupedTag {
10
+ clearGroup(group: number): void;
11
+ getGroup(group: number): string;
12
+ groupSizes: Uint32Array;
13
+ insertRules(group: number, rules: string | string[]): void;
14
+ length: number;
15
+ tag: Tag;
16
+ }
17
+ export type SheetOptions = {
18
+ isServer: boolean;
19
+ target?: HTMLElement | undefined;
20
+ useCSSOMInjection: boolean;
21
+ };
22
+ export interface Sheet {
23
+ allocateGSInstance(id: string): number;
24
+ clearNames(id: string): void;
25
+ clearRules(id: string): void;
26
+ clearTag(): void;
27
+ getTag(): GroupedTag;
28
+ hasNameForId(id: string, name: string): boolean;
29
+ insertRules(id: string, name: string, rules: string | string[]): void;
30
+ options: SheetOptions;
31
+ names: Map<string, Set<string>>;
32
+ registerName(id: string, name: string): void;
33
+ toString(): string;
34
+ }
@@ -0,0 +1,2 @@
1
+ declare var __SERVER__: boolean;
2
+ declare var __VERSION__: string;
@@ -0,0 +1,144 @@
1
+ export declare const seedNextClassnames: (names: string[]) => string[];
2
+ export declare const resetStyled: (isServer?: boolean) => (<Target extends import("..").WebTarget>(tag: Target) => import("../constructors/constructWithOptions").Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : import("../types").BaseObject, 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
+ big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
6
+ link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("../types").BaseObject>;
7
+ small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
8
+ sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
9
+ sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
10
+ a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("../types").BaseObject>;
11
+ abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
12
+ address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
13
+ area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("../types").BaseObject>;
14
+ article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
15
+ aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
16
+ audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("../types").BaseObject>;
17
+ b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
18
+ base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("../types").BaseObject>;
19
+ bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
20
+ bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
21
+ blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
22
+ body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("../types").BaseObject>;
23
+ br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("../types").BaseObject>;
24
+ button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("../types").BaseObject>;
25
+ canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("../types").BaseObject>;
26
+ caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
27
+ cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
28
+ code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
29
+ col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
30
+ colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
31
+ data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("../types").BaseObject>;
32
+ datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("../types").BaseObject>;
33
+ dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
34
+ del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
35
+ details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("../types").BaseObject>;
36
+ dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
37
+ dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("../types").BaseObject>;
38
+ div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../types").BaseObject>;
39
+ dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("../types").BaseObject>;
40
+ dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
41
+ em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
42
+ embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("../types").BaseObject>;
43
+ fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("../types").BaseObject>;
44
+ figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
45
+ figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
46
+ footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
47
+ form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("../types").BaseObject>;
48
+ h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
49
+ h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
50
+ h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
51
+ h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
52
+ h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
53
+ h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
54
+ header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
55
+ hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
56
+ hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("../types").BaseObject>;
57
+ html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("../types").BaseObject>;
58
+ i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
59
+ iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("../types").BaseObject>;
60
+ img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("../types").BaseObject>;
61
+ input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("../types").BaseObject>;
62
+ ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
63
+ kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
64
+ keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
65
+ label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("../types").BaseObject>;
66
+ legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("../types").BaseObject>;
67
+ li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("../types").BaseObject>;
68
+ main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
69
+ map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, 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
+ svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, import("../types").BaseObject>;
116
+ circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, import("../types").BaseObject>;
117
+ clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, import("../types").BaseObject>;
118
+ defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, import("../types").BaseObject>;
119
+ ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, import("../types").BaseObject>;
120
+ foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, import("../types").BaseObject>;
121
+ image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, import("../types").BaseObject>;
122
+ line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGLineElementAttributes<SVGLineElement>, import("../types").BaseObject>;
123
+ linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, import("../types").BaseObject>;
124
+ marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, import("../types").BaseObject>;
125
+ mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, import("../types").BaseObject>;
126
+ path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, import("../types").BaseObject>;
127
+ pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, import("../types").BaseObject>;
128
+ polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, import("../types").BaseObject>;
129
+ polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, import("../types").BaseObject>;
130
+ radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, import("../types").BaseObject>;
131
+ rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, import("../types").BaseObject>;
132
+ stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, 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;
@@ -0,0 +1 @@
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';
@@ -0,0 +1,183 @@
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
+ interface ExoticComponentWithDisplayName<P extends object = {}> 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 object, 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 object = 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 object> {
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 object> {
80
+ (executionContext: ExecutionContext & Props): Interpolation<Props>;
81
+ }
82
+ export type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | StyledComponentBrand | RuleSet<Props> | Interpolation<Props>[];
83
+ export type Attrs<Props extends object = BaseObject> = (ExecutionProps & Partial<Props>) | ((props: ExecutionContext & Props) => ExecutionProps & Partial<Props>);
84
+ export type RuleSet<Props extends object = BaseObject> = Interpolation<Props>[];
85
+ export type Styles<Props extends object> = 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 object> {
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 object> {
106
+ attrs: Attrs<Props>[];
107
+ target: StyledTarget<R>;
108
+ shouldForwardProp?: ShouldForwardProp<R> | undefined;
109
+ }
110
+ export interface IStyledStatics<R extends Runtime, OuterProps extends object> 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 object, AsTarget extends StyledTarget<R> | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends object = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends object = 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 object> extends React.ForwardRefExoticComponent<BaseProps> {
133
+ <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): JSX.Element;
134
+ }
135
+ export interface IStyledComponent<R extends Runtime, Props extends object = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
136
+ defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
137
+ toString: () => string;
138
+ }
139
+ export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = BaseObject> {
140
+ <Props extends object = BaseObject, Statics extends object = BaseObject>(target: Target, options: StyledOptions<R, OuterProps & Props>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Substitute<OuterProps, Props>> & OuterStatics & Statics;
141
+ }
142
+ export interface IInlineStyleConstructor<Props extends object> {
143
+ new (rules: RuleSet<Props>): IInlineStyle<Props>;
144
+ }
145
+ export interface IInlineStyle<Props extends object> {
146
+ rules: RuleSet<Props>;
147
+ generateStyleObject(executionContext: ExecutionContext & Props): object;
148
+ }
149
+ export type CSSProperties = CSS.Properties<number | (string & {})>;
150
+ export type CSSPseudos = {
151
+ [K in CSS.Pseudos]?: CSSObject;
152
+ };
153
+ export type CSSKeyframes = object & {
154
+ [key: string]: CSSObject;
155
+ };
156
+ export type CSSObject<Props extends object = BaseObject> = StyledObject<Props>;
157
+ export interface StyledObject<Props extends object = BaseObject> extends CSSProperties, CSSPseudos {
158
+ [key: string]: StyledObject<Props> | string | number | StyleFunction<Props> | RuleSet<any> | undefined;
159
+ }
160
+ /**
161
+ * The `css` prop is not declared by default in the types as it would cause `css` to be present
162
+ * on the types of anything that uses styled-components indirectly, even if they do not use the
163
+ * babel plugin.
164
+ *
165
+ * To enable support for the `css` prop in TypeScript, create a `styled-components.d.ts` file in
166
+ * your project source with the following contents:
167
+ *
168
+ * ```ts
169
+ * import type { CSSProp } from "styled-components";
170
+ *
171
+ * declare module "react" {
172
+ * interface Attributes {
173
+ * css?: CSSProp;
174
+ * }
175
+ * }
176
+ * ```
177
+ *
178
+ * In order to get accurate typings for `props.theme` in `css` interpolations, see
179
+ * {@link DefaultTheme}.
180
+ */
181
+ export type CSSProp = Interpolation<any>;
182
+ export type NoInfer<T> = [T][T extends any ? 0 : never];
183
+ export type Substitute<A extends object, B extends object> = FastOmit<A, keyof B> & B;
@@ -0,0 +1 @@
1
+ export default function addUnitIfNeeded(name: string, value: any): string;
@@ -0,0 +1 @@
1
+ export declare const checkDynamicCreation: (displayName: string, componentId?: string | undefined) => void;
@@ -0,0 +1,3 @@
1
+ export declare const LIMIT = 200;
2
+ declare const _default: (displayName: string, componentId: string) => (className: string) => void;
3
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import { DefaultTheme, ExecutionProps } from '../types';
2
+ export default function determineTheme(props: ExecutionProps, providedTheme?: DefaultTheme | undefined, defaultProps?: {
3
+ theme?: DefaultTheme | undefined;
4
+ }): DefaultTheme | undefined;
@@ -0,0 +1,4 @@
1
+ declare const elements: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"];
2
+ declare const _default: Set<"object" | "g" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "svg" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "text" | "tspan" | "use">;
3
+ export default _default;
4
+ export type SupportedHTMLElements = (typeof elements)[number];
@@ -0,0 +1,3 @@
1
+ import { Dict } from '../types';
2
+ export declare const EMPTY_ARRAY: readonly any[];
3
+ export declare const EMPTY_OBJECT: Readonly<Dict<any>>;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Create an error file out of errors.md for development and a simple web link to the full errors
3
+ * in production mode.
4
+ */
5
+ export default function throwStyledComponentsError(code: string | number, ...interpolations: any[]): Error;
@@ -0,0 +1,21 @@
1
+ declare const _default: {
2
+ '1': string;
3
+ '2': string;
4
+ '3': string;
5
+ '4': string;
6
+ '5': string;
7
+ '6': string;
8
+ '7': string;
9
+ '8': string;
10
+ '9': string;
11
+ '10': string;
12
+ '11': string;
13
+ '12': string;
14
+ '13': string;
15
+ '14': string;
16
+ '15': string;
17
+ '16': string;
18
+ '17': string;
19
+ '18': string;
20
+ };
21
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * TODO: Explore using CSS.escape when it becomes more available
3
+ * in evergreen browsers.
4
+ */
5
+ export default function escape(str: string): string;
@@ -0,0 +1,4 @@
1
+ import StyleSheet from '../sheet';
2
+ import { Dict, ExecutionContext, Interpolation, RuleSet, Stringifier } from '../types';
3
+ export declare const objToCssArray: (obj: Dict<any>) => string[];
4
+ export default function flatten<Props extends object>(chunk: Interpolation<object>, executionContext?: (ExecutionContext & Props) | undefined, styleSheet?: StyleSheet | undefined, stylisInstance?: Stringifier | undefined): RuleSet<Props>;
@@ -0,0 +1 @@
1
+ export default function generateAlphabeticName(code: number): string;
@@ -0,0 +1 @@
1
+ export default function generateComponentId(str: string): string;
@@ -0,0 +1,2 @@
1
+ import { StyledTarget } from '../types';
2
+ export default function generateDisplayName(target: StyledTarget<any>): string;
@@ -0,0 +1,2 @@
1
+ import { StyledTarget } from '../types';
2
+ export default function getComponentName(target: StyledTarget<any>): string;
@@ -0,0 +1,3 @@
1
+ export declare const SEED = 5381;
2
+ export declare const phash: (h: number, x: string) => number;
3
+ export declare const hash: (x: string) => number;