styled-components 5.2.1 → 5.3.11

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 (90) hide show
  1. package/README.md +187 -0
  2. package/dist/styled-components-macro.cjs.js +1 -1
  3. package/dist/styled-components-macro.cjs.js.map +1 -1
  4. package/dist/styled-components-macro.esm.js +1 -1
  5. package/dist/styled-components-macro.esm.js.map +1 -1
  6. package/dist/styled-components.browser.cjs.js +1 -1
  7. package/dist/styled-components.browser.cjs.js.map +1 -1
  8. package/dist/styled-components.browser.esm.js +1 -1
  9. package/dist/styled-components.browser.esm.js.map +1 -1
  10. package/dist/styled-components.cjs.js +1 -1
  11. package/dist/styled-components.cjs.js.map +1 -1
  12. package/dist/styled-components.esm.js +1 -1
  13. package/dist/styled-components.esm.js.map +1 -1
  14. package/dist/styled-components.js +1 -1
  15. package/dist/styled-components.js.map +1 -1
  16. package/dist/styled-components.min.js +1 -1
  17. package/dist/styled-components.min.js.map +1 -1
  18. package/native/dist/base.d.ts +12 -0
  19. package/native/dist/constants.d.ts +8 -0
  20. package/native/dist/constructors/constructWithOptions.d.ts +40 -0
  21. package/native/dist/constructors/createGlobalStyle.d.ts +3 -0
  22. package/native/dist/constructors/css.d.ts +4 -0
  23. package/native/dist/constructors/keyframes.d.ts +3 -0
  24. package/native/dist/constructors/styled.d.ts +181 -0
  25. package/native/dist/hoc/withTheme.d.ts +3 -0
  26. package/native/dist/hoc/withTheme.spec.d.ts +1 -0
  27. package/native/dist/index-standalone.d.ts +2 -0
  28. package/native/dist/index.d.ts +4 -0
  29. package/native/dist/macro/index.d.ts +2 -0
  30. package/native/dist/models/ComponentStyle.d.ts +15 -0
  31. package/native/dist/models/GlobalStyle.d.ts +11 -0
  32. package/native/dist/models/InlineStyle.d.ts +6 -0
  33. package/native/dist/models/Keyframes.d.ts +11 -0
  34. package/native/dist/models/ServerStyleSheet.d.ts +15 -0
  35. package/native/dist/models/StyleSheetManager.d.ts +64 -0
  36. package/native/dist/models/StyledComponent.d.ts +3 -0
  37. package/native/dist/models/StyledNativeComponent.d.ts +3 -0
  38. package/native/dist/models/ThemeProvider.d.ts +40 -0
  39. package/native/dist/native/index.d.ts +36 -0
  40. package/native/dist/secretInternals.d.ts +5 -0
  41. package/native/dist/sheet/GroupIDAllocator.d.ts +4 -0
  42. package/native/dist/sheet/GroupedTag.d.ts +11 -0
  43. package/native/dist/sheet/Rehydration.d.ts +3 -0
  44. package/native/dist/sheet/Sheet.d.ts +40 -0
  45. package/native/dist/sheet/Tag.d.ts +54 -0
  46. package/native/dist/sheet/dom.d.ts +4 -0
  47. package/native/dist/sheet/index.d.ts +1 -0
  48. package/native/dist/sheet/types.d.ts +34 -0
  49. package/native/dist/styled-components.native.cjs.js +84 -61
  50. package/native/dist/styled-components.native.cjs.js.map +1 -1
  51. package/native/dist/styled-components.native.esm.js +84 -61
  52. package/native/dist/styled-components.native.esm.js.map +1 -1
  53. package/native/dist/test/globals.d.ts +2 -0
  54. package/native/dist/test/types.d.ts +9 -0
  55. package/native/dist/test/utils.d.ts +187 -0
  56. package/native/dist/test/veryLargeUnionType.d.ts +1 -0
  57. package/native/dist/types.d.ts +153 -0
  58. package/native/dist/utils/addUnitIfNeeded.d.ts +1 -0
  59. package/native/dist/utils/checkDynamicCreation.d.ts +1 -0
  60. package/native/dist/utils/createWarnTooManyClasses.d.ts +3 -0
  61. package/native/dist/utils/determineTheme.d.ts +4 -0
  62. package/native/dist/utils/domElements.d.ts +2 -0
  63. package/native/dist/utils/empties.d.ts +3 -0
  64. package/native/dist/utils/error.d.ts +5 -0
  65. package/native/dist/utils/errors.d.ts +20 -0
  66. package/native/dist/utils/escape.d.ts +5 -0
  67. package/native/dist/utils/flatten.d.ts +4 -0
  68. package/native/dist/utils/generateAlphabeticName.d.ts +1 -0
  69. package/native/dist/utils/generateComponentId.d.ts +1 -0
  70. package/native/dist/utils/generateDisplayName.d.ts +2 -0
  71. package/native/dist/utils/getComponentName.d.ts +2 -0
  72. package/native/dist/utils/hash.d.ts +3 -0
  73. package/native/dist/utils/hoist.d.ts +51 -0
  74. package/native/dist/utils/hyphenateStyleName.d.ts +14 -0
  75. package/native/dist/utils/interleave.d.ts +2 -0
  76. package/native/dist/utils/isFunction.d.ts +1 -0
  77. package/native/dist/utils/isPlainObject.d.ts +1 -0
  78. package/native/dist/utils/isStatelessFunction.d.ts +1 -0
  79. package/native/dist/utils/isStaticRules.d.ts +2 -0
  80. package/native/dist/utils/isStyledComponent.d.ts +2 -0
  81. package/native/dist/utils/isTag.d.ts +2 -0
  82. package/native/dist/utils/joinStrings.d.ts +5 -0
  83. package/native/dist/utils/mixinDeep.d.ts +6 -0
  84. package/native/dist/utils/nonce.d.ts +1 -0
  85. package/native/dist/utils/stylis.d.ts +10 -0
  86. package/package.json +4 -4
  87. package/primitives/dist/styled-components-primitives.cjs.js +84 -61
  88. package/primitives/dist/styled-components-primitives.cjs.js.map +1 -1
  89. package/primitives/dist/styled-components-primitives.esm.js +84 -61
  90. package/primitives/dist/styled-components-primitives.esm.js.map +1 -1
@@ -0,0 +1,2 @@
1
+ declare var __SERVER__: boolean;
2
+ declare var __VERSION__: string;
@@ -0,0 +1,9 @@
1
+ import { CSSProp } from '../index';
2
+ /**
3
+ * `css` prop
4
+ */
5
+ declare module 'react' {
6
+ interface Attributes {
7
+ css?: CSSProp;
8
+ }
9
+ }
@@ -0,0 +1,187 @@
1
+ /// <reference types="react" />
2
+ export declare const seedNextClassnames: (names: string[]) => string[];
3
+ 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> : object, object, object>) & {
4
+ a: import("../constructors/constructWithOptions").Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, object, object>;
5
+ abbr: import("../constructors/constructWithOptions").Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
6
+ address: import("../constructors/constructWithOptions").Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
7
+ area: import("../constructors/constructWithOptions").Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, object, object>;
8
+ article: import("../constructors/constructWithOptions").Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
9
+ aside: import("../constructors/constructWithOptions").Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
10
+ audio: import("../constructors/constructWithOptions").Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, object, object>;
11
+ b: import("../constructors/constructWithOptions").Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
12
+ base: import("../constructors/constructWithOptions").Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, object, object>;
13
+ bdi: import("../constructors/constructWithOptions").Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
14
+ bdo: import("../constructors/constructWithOptions").Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
15
+ big: import("../constructors/constructWithOptions").Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
16
+ blockquote: import("../constructors/constructWithOptions").Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object, object>;
17
+ body: import("../constructors/constructWithOptions").Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, object, object>;
18
+ br: import("../constructors/constructWithOptions").Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, object, object>;
19
+ button: import("../constructors/constructWithOptions").Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, object, object>;
20
+ canvas: import("../constructors/constructWithOptions").Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, object, object>;
21
+ caption: import("../constructors/constructWithOptions").Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
22
+ cite: import("../constructors/constructWithOptions").Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
23
+ code: import("../constructors/constructWithOptions").Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
24
+ col: import("../constructors/constructWithOptions").Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object, object>;
25
+ colgroup: import("../constructors/constructWithOptions").Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, object, object>;
26
+ data: import("../constructors/constructWithOptions").Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, object, object>;
27
+ datalist: import("../constructors/constructWithOptions").Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, object, object>;
28
+ dd: import("../constructors/constructWithOptions").Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
29
+ del: import("../constructors/constructWithOptions").Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, object, object>;
30
+ details: import("../constructors/constructWithOptions").Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, object, object>;
31
+ dfn: import("../constructors/constructWithOptions").Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
32
+ dialog: import("../constructors/constructWithOptions").Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, object, object>;
33
+ div: import("../constructors/constructWithOptions").Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, object, object>;
34
+ dl: import("../constructors/constructWithOptions").Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, object, object>;
35
+ dt: import("../constructors/constructWithOptions").Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
36
+ em: import("../constructors/constructWithOptions").Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
37
+ embed: import("../constructors/constructWithOptions").Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, object, object>;
38
+ fieldset: import("../constructors/constructWithOptions").Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, object, object>;
39
+ figcaption: import("../constructors/constructWithOptions").Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
40
+ figure: import("../constructors/constructWithOptions").Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
41
+ footer: import("../constructors/constructWithOptions").Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
42
+ form: import("../constructors/constructWithOptions").Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, object, object>;
43
+ h1: import("../constructors/constructWithOptions").Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
44
+ h2: import("../constructors/constructWithOptions").Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
45
+ h3: import("../constructors/constructWithOptions").Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
46
+ h4: import("../constructors/constructWithOptions").Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
47
+ h5: import("../constructors/constructWithOptions").Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
48
+ h6: import("../constructors/constructWithOptions").Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, object, object>;
49
+ head: import("../constructors/constructWithOptions").Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, object, object>;
50
+ header: import("../constructors/constructWithOptions").Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
51
+ hgroup: import("../constructors/constructWithOptions").Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
52
+ hr: import("../constructors/constructWithOptions").Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, object, object>;
53
+ html: import("../constructors/constructWithOptions").Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, object, object>;
54
+ i: import("../constructors/constructWithOptions").Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
55
+ iframe: import("../constructors/constructWithOptions").Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, object, object>;
56
+ img: import("../constructors/constructWithOptions").Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, object, object>;
57
+ input: import("../constructors/constructWithOptions").Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, object, object>;
58
+ ins: import("../constructors/constructWithOptions").Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, object, object>;
59
+ kbd: import("../constructors/constructWithOptions").Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
60
+ keygen: import("../constructors/constructWithOptions").Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
61
+ label: import("../constructors/constructWithOptions").Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, object, object>;
62
+ legend: import("../constructors/constructWithOptions").Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, object, object>;
63
+ li: import("../constructors/constructWithOptions").Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, object, object>;
64
+ link: import("../constructors/constructWithOptions").Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, object, object>;
65
+ main: import("../constructors/constructWithOptions").Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
66
+ map: import("../constructors/constructWithOptions").Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, object, object>;
67
+ mark: import("../constructors/constructWithOptions").Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
68
+ menu: import("../constructors/constructWithOptions").Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
69
+ menuitem: import("../constructors/constructWithOptions").Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
70
+ meta: import("../constructors/constructWithOptions").Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, object, object>;
71
+ meter: import("../constructors/constructWithOptions").Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, object, object>;
72
+ nav: import("../constructors/constructWithOptions").Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
73
+ noindex: import("../constructors/constructWithOptions").Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
74
+ noscript: import("../constructors/constructWithOptions").Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
75
+ object: import("../constructors/constructWithOptions").Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, object, object>;
76
+ ol: import("../constructors/constructWithOptions").Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, object, object>;
77
+ optgroup: import("../constructors/constructWithOptions").Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, object, object>;
78
+ option: import("../constructors/constructWithOptions").Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, object, object>;
79
+ output: import("../constructors/constructWithOptions").Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, object, object>;
80
+ p: import("../constructors/constructWithOptions").Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, object, object>;
81
+ param: import("../constructors/constructWithOptions").Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, object, object>;
82
+ picture: import("../constructors/constructWithOptions").Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
83
+ pre: import("../constructors/constructWithOptions").Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object, object>;
84
+ progress: import("../constructors/constructWithOptions").Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, object, object>;
85
+ q: import("../constructors/constructWithOptions").Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, object, object>;
86
+ rp: import("../constructors/constructWithOptions").Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
87
+ rt: import("../constructors/constructWithOptions").Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
88
+ ruby: import("../constructors/constructWithOptions").Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
89
+ s: import("../constructors/constructWithOptions").Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
90
+ samp: import("../constructors/constructWithOptions").Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
91
+ slot: import("../constructors/constructWithOptions").Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, object, object>;
92
+ script: import("../constructors/constructWithOptions").Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, object, object>;
93
+ section: import("../constructors/constructWithOptions").Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
94
+ select: import("../constructors/constructWithOptions").Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, object, object>;
95
+ small: import("../constructors/constructWithOptions").Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
96
+ source: import("../constructors/constructWithOptions").Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, object, object>;
97
+ span: import("../constructors/constructWithOptions").Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, object, object>;
98
+ strong: import("../constructors/constructWithOptions").Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
99
+ style: import("../constructors/constructWithOptions").Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, object, object>;
100
+ sub: import("../constructors/constructWithOptions").Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
101
+ summary: import("../constructors/constructWithOptions").Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
102
+ sup: import("../constructors/constructWithOptions").Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
103
+ table: import("../constructors/constructWithOptions").Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, object, object>;
104
+ template: import("../constructors/constructWithOptions").Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, object, object>;
105
+ tbody: import("../constructors/constructWithOptions").Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object, object>;
106
+ td: import("../constructors/constructWithOptions").Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, object, object>;
107
+ textarea: import("../constructors/constructWithOptions").Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, object, object>;
108
+ tfoot: import("../constructors/constructWithOptions").Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object, object>;
109
+ th: import("../constructors/constructWithOptions").Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, object, object>;
110
+ thead: import("../constructors/constructWithOptions").Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, object, object>;
111
+ time: import("../constructors/constructWithOptions").Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, object, object>;
112
+ title: import("../constructors/constructWithOptions").Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, object, object>;
113
+ tr: import("../constructors/constructWithOptions").Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, object, object>;
114
+ track: import("../constructors/constructWithOptions").Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, object, object>;
115
+ u: import("../constructors/constructWithOptions").Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
116
+ ul: import("../constructors/constructWithOptions").Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, object, object>;
117
+ var: import("../constructors/constructWithOptions").Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
118
+ video: import("../constructors/constructWithOptions").Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, object, object>;
119
+ wbr: import("../constructors/constructWithOptions").Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, object, object>;
120
+ webview: import("../constructors/constructWithOptions").Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, object, object>;
121
+ svg: import("../constructors/constructWithOptions").Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, object, object>;
122
+ animate: import("../constructors/constructWithOptions").Styled<"web", "animate", import("react").SVGProps<SVGElement>, object, object>;
123
+ animateMotion: import("../constructors/constructWithOptions").Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, object, object>;
124
+ animateTransform: import("../constructors/constructWithOptions").Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, object, object>;
125
+ circle: import("../constructors/constructWithOptions").Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, object, object>;
126
+ clipPath: import("../constructors/constructWithOptions").Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, object, object>;
127
+ defs: import("../constructors/constructWithOptions").Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, object, object>;
128
+ desc: import("../constructors/constructWithOptions").Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, object, object>;
129
+ ellipse: import("../constructors/constructWithOptions").Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, object, object>;
130
+ feBlend: import("../constructors/constructWithOptions").Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, object, object>;
131
+ feColorMatrix: import("../constructors/constructWithOptions").Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, object, object>;
132
+ feComponentTransfer: import("../constructors/constructWithOptions").Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, object, object>;
133
+ feComposite: import("../constructors/constructWithOptions").Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, object, object>;
134
+ feConvolveMatrix: import("../constructors/constructWithOptions").Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, object, object>;
135
+ feDiffuseLighting: import("../constructors/constructWithOptions").Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, object, object>;
136
+ feDisplacementMap: import("../constructors/constructWithOptions").Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, object, object>;
137
+ feDistantLight: import("../constructors/constructWithOptions").Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, object, object>;
138
+ feDropShadow: import("../constructors/constructWithOptions").Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, object, object>;
139
+ feFlood: import("../constructors/constructWithOptions").Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, object, object>;
140
+ feFuncA: import("../constructors/constructWithOptions").Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, object, object>;
141
+ feFuncB: import("../constructors/constructWithOptions").Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, object, object>;
142
+ feFuncG: import("../constructors/constructWithOptions").Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, object, object>;
143
+ feFuncR: import("../constructors/constructWithOptions").Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, object, object>;
144
+ feGaussianBlur: import("../constructors/constructWithOptions").Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, object, object>;
145
+ feImage: import("../constructors/constructWithOptions").Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, object, object>;
146
+ feMerge: import("../constructors/constructWithOptions").Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, object, object>;
147
+ feMergeNode: import("../constructors/constructWithOptions").Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, object, object>;
148
+ feMorphology: import("../constructors/constructWithOptions").Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, object, object>;
149
+ feOffset: import("../constructors/constructWithOptions").Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, object, object>;
150
+ fePointLight: import("../constructors/constructWithOptions").Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, object, object>;
151
+ feSpecularLighting: import("../constructors/constructWithOptions").Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, object, object>;
152
+ feSpotLight: import("../constructors/constructWithOptions").Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, object, object>;
153
+ feTile: import("../constructors/constructWithOptions").Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, object, object>;
154
+ feTurbulence: import("../constructors/constructWithOptions").Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, object, object>;
155
+ filter: import("../constructors/constructWithOptions").Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, object, object>;
156
+ foreignObject: import("../constructors/constructWithOptions").Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, object, object>;
157
+ g: import("../constructors/constructWithOptions").Styled<"web", "g", import("react").SVGProps<SVGGElement>, object, object>;
158
+ image: import("../constructors/constructWithOptions").Styled<"web", "image", import("react").SVGProps<SVGImageElement>, object, object>;
159
+ line: import("../constructors/constructWithOptions").Styled<"web", "line", import("react").SVGProps<SVGLineElement>, object, object>;
160
+ linearGradient: import("../constructors/constructWithOptions").Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, object, object>;
161
+ marker: import("../constructors/constructWithOptions").Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, object, object>;
162
+ mask: import("../constructors/constructWithOptions").Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, object, object>;
163
+ metadata: import("../constructors/constructWithOptions").Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, object, object>;
164
+ mpath: import("../constructors/constructWithOptions").Styled<"web", "mpath", import("react").SVGProps<SVGElement>, object, object>;
165
+ path: import("../constructors/constructWithOptions").Styled<"web", "path", import("react").SVGProps<SVGPathElement>, object, object>;
166
+ pattern: import("../constructors/constructWithOptions").Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, object, object>;
167
+ polygon: import("../constructors/constructWithOptions").Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, object, object>;
168
+ polyline: import("../constructors/constructWithOptions").Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, object, object>;
169
+ radialGradient: import("../constructors/constructWithOptions").Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, object, object>;
170
+ rect: import("../constructors/constructWithOptions").Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, object, object>;
171
+ stop: import("../constructors/constructWithOptions").Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, object, object>;
172
+ switch: import("../constructors/constructWithOptions").Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, object, object>;
173
+ symbol: import("../constructors/constructWithOptions").Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, object, object>;
174
+ text: import("../constructors/constructWithOptions").Styled<"web", "text", import("react").SVGProps<SVGTextElement>, object, object>;
175
+ textPath: import("../constructors/constructWithOptions").Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, object, object>;
176
+ tspan: import("../constructors/constructWithOptions").Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, object, object>;
177
+ use: import("../constructors/constructWithOptions").Styled<"web", "use", import("react").SVGProps<SVGUseElement>, object, object>;
178
+ view: import("../constructors/constructWithOptions").Styled<"web", "view", import("react").SVGProps<SVGViewElement>, object, object>;
179
+ };
180
+ export declare const rehydrateTestStyles: () => void;
181
+ export declare const stripComments: (str: string) => string;
182
+ export declare const stripWhitespace: (str: string) => string;
183
+ export declare const getCSS: (scope: Document | HTMLElement) => string;
184
+ export declare const expectCSSMatches: (_expectation: string, opts?: {
185
+ ignoreWhitespace: boolean;
186
+ }) => string;
187
+ 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,153 @@
1
+ import React from 'react';
2
+ import ComponentStyle from './models/ComponentStyle';
3
+ import { DefaultTheme } from './models/ThemeProvider';
4
+ import createWarnTooManyClasses from './utils/createWarnTooManyClasses';
5
+ interface ExoticComponentWithDisplayName<P = any> extends React.ExoticComponent<P> {
6
+ defaultProps?: Partial<P>;
7
+ displayName?: string;
8
+ }
9
+ export type OmitNever<T> = {
10
+ [K in keyof T as T[K] extends never ? never : K]: T[K];
11
+ };
12
+ export type Runtime = 'web' | 'native';
13
+ export { DefaultTheme };
14
+ export type AnyComponent<P = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
15
+ export type KnownTarget = keyof JSX.IntrinsicElements | AnyComponent;
16
+ export type WebTarget = string | KnownTarget;
17
+ export type NativeTarget = AnyComponent;
18
+ export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
19
+ export interface StyledOptions<R extends Runtime, Props extends object> {
20
+ attrs?: Attrs<Props>[];
21
+ componentId?: R extends 'web' ? string : never;
22
+ displayName?: string;
23
+ parentComponentId?: R extends 'web' ? string : never;
24
+ shouldForwardProp?: ShouldForwardProp<R>;
25
+ }
26
+ export type Dict<T> = {
27
+ [key: string]: T;
28
+ };
29
+ export interface DataAttributes {
30
+ [key: `data-${string}`]: unknown;
31
+ }
32
+ export interface ExecutionProps {
33
+ /**
34
+ * Dynamically adjust the rendered component or HTML tag, e.g.
35
+ * ```
36
+ * const StyledButton = styled.button``
37
+ *
38
+ * <StyledButton as="a" href="/foo">
39
+ * I'm an anchor now
40
+ * </StyledButton>
41
+ * ```
42
+ */
43
+ as?: KnownTarget;
44
+ forwardedAs?: KnownTarget;
45
+ theme?: DefaultTheme;
46
+ }
47
+ /**
48
+ * ExecutionProps but with `theme` required.
49
+ */
50
+ export interface ExecutionContext extends ExecutionProps {
51
+ theme: DefaultTheme;
52
+ }
53
+ export interface StyleFunction<Props extends object> {
54
+ (executionContext: ExecutionContext & Props): Interpolation<Props>;
55
+ }
56
+ export type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | IStyledComponent<'web', any> | Interpolation<Props>[];
57
+ export type Attrs<Props extends object = object> = (ExecutionProps & Props) | ((props: ExecutionContext & Props) => Props);
58
+ export type RuleSet<Props extends object> = Interpolation<Props>[];
59
+ export type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;
60
+ export type NameGenerator = (hash: number) => string;
61
+ export interface StyleSheet {
62
+ create: Function;
63
+ }
64
+ export interface Keyframes {
65
+ id: string;
66
+ name: string;
67
+ rules: string;
68
+ }
69
+ export interface Flattener<Props extends object> {
70
+ (chunks: Interpolation<Props>[], executionContext: Object | null | undefined, styleSheet: Object | null | undefined): Interpolation<Props>[];
71
+ }
72
+ export type FlattenerResult<Props extends object> = RuleSet<Props> | number | string | string[] | IStyledComponent<'web', any, any> | Keyframes;
73
+ export interface Stringifier {
74
+ (css: string, selector?: string, prefix?: string, componentId?: string): string[];
75
+ hash: string;
76
+ }
77
+ export interface ShouldForwardProp<R extends Runtime> {
78
+ (prop: string, elementToBeCreated: StyledTarget<R>): boolean;
79
+ }
80
+ export interface CommonStatics<R extends Runtime, Props extends object> {
81
+ attrs: Attrs<Props>[];
82
+ target: StyledTarget<R>;
83
+ shouldForwardProp?: ShouldForwardProp<R>;
84
+ }
85
+ export interface IStyledStatics<R extends Runtime, OuterProps extends object> extends CommonStatics<R, OuterProps> {
86
+ componentStyle: R extends 'web' ? ComponentStyle : never;
87
+ foldedComponentIds: R extends 'web' ? string : never;
88
+ inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
89
+ target: StyledTarget<R>;
90
+ styledComponentId: R extends 'web' ? string : never;
91
+ warnTooManyClasses?: R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never;
92
+ }
93
+ /**
94
+ * Used by PolymorphicComponent to define prop override cascading order.
95
+ */
96
+ export type PolymorphicComponentProps<R extends Runtime, E extends StyledTarget<R>, P extends object> = Omit<E extends KnownTarget ? Omit<P, keyof React.ComponentPropsWithRef<E>> & React.ComponentPropsWithRef<E> : P, 'as' | 'theme'> & {
97
+ as?: P extends {
98
+ as?: string | AnyComponent;
99
+ } ? P['as'] : E;
100
+ theme?: DefaultTheme;
101
+ };
102
+ /**
103
+ * This type forms the signature for a forwardRef-enabled component that accepts
104
+ * the "as" prop to dynamically change the underlying rendered JSX. The interface will
105
+ * automatically attempt to extract props from the given rendering target to
106
+ * get proper typing for any specialized props in the target component.
107
+ */
108
+ export interface PolymorphicComponent<R extends Runtime, P extends object, FallbackComponent extends StyledTarget<R>> extends React.ForwardRefExoticComponent<P> {
109
+ <E extends StyledTarget<R> = FallbackComponent>(props: PolymorphicComponentProps<R, E, P>): React.ReactElement | null;
110
+ }
111
+ export interface IStyledComponent<R extends Runtime, Target extends StyledTarget<R>, Props extends object = Target extends KnownTarget ? React.ComponentPropsWithRef<Target> : object> extends PolymorphicComponent<R, Props, Target>, IStyledStatics<R, Props> {
112
+ defaultProps?: Partial<(Target extends KnownTarget ? ExecutionProps & Omit<React.ComponentProps<Target>, keyof ExecutionProps> : ExecutionProps) & Props>;
113
+ toString: () => string;
114
+ }
115
+ export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = object> {
116
+ <Props extends object = object, Statics extends object = object>(target: Target, options: StyledOptions<R, OuterProps & Props>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Target, OuterProps & Props> & OuterStatics & Statics;
117
+ }
118
+ export interface IInlineStyleConstructor<Props extends object> {
119
+ new (rules: RuleSet<Props>): IInlineStyle<Props>;
120
+ }
121
+ export interface IInlineStyle<Props extends object> {
122
+ rules: RuleSet<Props>;
123
+ generateStyleObject(executionContext: Object): Object;
124
+ }
125
+ export interface StyledObject<Props extends object> {
126
+ [key: string]: string | number | StyleFunction<Props> | StyledObject<Props> | undefined;
127
+ }
128
+ /**
129
+ * The `css` prop is not declared by default in the types as it would cause `css` to be present
130
+ * on the types of anything that uses styled-components indirectly, even if they do not use the
131
+ * babel plugin.
132
+ *
133
+ * To enable support for the `css` prop in TypeScript, create a `styled-components.d.ts` file in
134
+ * your project source with the following contents:
135
+ *
136
+ * ```ts
137
+ * import type { CSSProp } from "styled-components";
138
+ *
139
+ * declare module "react" {
140
+ * interface Attributes {
141
+ * css?: CSSProp;
142
+ * }
143
+ * }
144
+ * ```
145
+ *
146
+ * In order to get accurate typings for `props.theme` in `css` interpolations, see
147
+ * {@link DefaultTheme}.
148
+ */
149
+ export type CSSProp = RuleSet<any>;
150
+ export type NoInfer<T> = [T][T extends any ? 0 : never];
151
+ export type SubsetOnly<A, B> = {
152
+ [K in keyof A]: K extends keyof B ? A[K] : never;
153
+ };
@@ -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) => 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, defaultProps?: {
3
+ theme?: DefaultTheme;
4
+ }): DefaultTheme | undefined;
@@ -0,0 +1,2 @@
1
+ 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" | "head" | "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" | "title" | "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">;
2
+ export default _default;
@@ -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,20 @@
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
+ };
20
+ 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<Props>, executionContext?: ExecutionContext & Props, styleSheet?: StyleSheet, stylisInstance?: Stringifier): 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;
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ import { AnyComponent } from '../types';
3
+ /**
4
+ * Adapted from hoist-non-react-statics to avoid the react-is dependency.
5
+ */
6
+ declare const REACT_STATICS: {
7
+ childContextTypes: boolean;
8
+ contextType: boolean;
9
+ contextTypes: boolean;
10
+ defaultProps: boolean;
11
+ displayName: boolean;
12
+ getDefaultProps: boolean;
13
+ getDerivedStateFromError: boolean;
14
+ getDerivedStateFromProps: boolean;
15
+ mixins: boolean;
16
+ propTypes: boolean;
17
+ type: boolean;
18
+ };
19
+ declare const KNOWN_STATICS: {
20
+ name: boolean;
21
+ length: boolean;
22
+ prototype: boolean;
23
+ caller: boolean;
24
+ callee: boolean;
25
+ arguments: boolean;
26
+ arity: boolean;
27
+ };
28
+ declare const FORWARD_REF_STATICS: {
29
+ $$typeof: boolean;
30
+ render: boolean;
31
+ defaultProps: boolean;
32
+ displayName: boolean;
33
+ propTypes: boolean;
34
+ };
35
+ declare const MEMO_STATICS: {
36
+ $$typeof: boolean;
37
+ compare: boolean;
38
+ defaultProps: boolean;
39
+ displayName: boolean;
40
+ propTypes: boolean;
41
+ type: boolean;
42
+ };
43
+ type OmniComponent = AnyComponent;
44
+ type ExcludeList = {
45
+ [key: string]: true;
46
+ };
47
+ type NonReactStatics<S extends OmniComponent, C extends ExcludeList = {}> = {
48
+ [key in Exclude<keyof S, S extends React.MemoExoticComponent<any> ? keyof typeof MEMO_STATICS | keyof C : S extends React.ForwardRefExoticComponent<any> ? keyof typeof FORWARD_REF_STATICS | keyof C : keyof typeof REACT_STATICS | keyof typeof KNOWN_STATICS | keyof C>]: S[key];
49
+ };
50
+ export default function hoistNonReactStatics<T extends OmniComponent, S extends OmniComponent, C extends ExcludeList = {}>(targetComponent: T, sourceComponent: S, excludelist?: C): T & NonReactStatics<S, C>;
51
+ export {};
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Hyphenates a camelcased CSS property name, for example:
3
+ *
4
+ * > hyphenateStyleName('backgroundColor')
5
+ * < "background-color"
6
+ * > hyphenateStyleName('MozTransition')
7
+ * < "-moz-transition"
8
+ * > hyphenateStyleName('msTransition')
9
+ * < "-ms-transition"
10
+ *
11
+ * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
12
+ * is converted to `-ms-`.
13
+ */
14
+ export default function hyphenateStyleName(string: string): string;
@@ -0,0 +1,2 @@
1
+ import { Interpolation } from '../types';
2
+ export default function interleave<Props extends object>(strings: readonly string[], interpolations: Interpolation<Props>[]): Interpolation<Props>[];
@@ -0,0 +1 @@
1
+ export default function isFunction(test: any): test is Function;
@@ -0,0 +1 @@
1
+ export default function isPlainObject(x: any): x is Record<any, any>;