styled-components 6.0.7 → 6.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styled-components-macro.cjs.js.map +1 -1
- package/dist/styled-components-macro.esm.js.map +1 -1
- package/dist/styled-components.browser.cjs.js +1 -1
- package/dist/styled-components.browser.cjs.js.map +1 -1
- package/dist/styled-components.browser.esm.js +1 -1
- package/dist/styled-components.browser.esm.js.map +1 -1
- package/dist/styled-components.cjs.js +1 -1
- package/dist/styled-components.cjs.js.map +1 -1
- package/dist/styled-components.esm.js +1 -1
- package/dist/styled-components.esm.js.map +1 -1
- package/dist/styled-components.js +25 -9
- package/dist/styled-components.js.map +1 -1
- package/dist/styled-components.min.js +1 -1
- package/dist/styled-components.min.js.map +1 -1
- package/native/dist/base.d.ts +1 -1
- package/native/dist/constructors/constructWithOptions.d.ts +1 -1
- package/native/dist/constructors/styled.d.ts +18 -60
- package/native/dist/hoc/withTheme.d.ts +1 -1
- package/native/dist/index.d.ts +2 -2
- package/native/dist/native/index.d.ts +4 -4
- package/native/dist/styled-components.native.cjs.js +1 -1
- package/native/dist/styled-components.native.cjs.js.map +1 -1
- package/native/dist/styled-components.native.esm.js +1 -1
- package/native/dist/styled-components.native.esm.js.map +1 -1
- package/native/dist/test/utils.d.ts +18 -60
- package/native/dist/types.d.ts +27 -5
- package/native/dist/utils/domElements.d.ts +3 -1
- package/package.json +3 -2
- package/dist/base.d.ts +0 -12
- package/dist/constants.d.ts +0 -8
- package/dist/constructors/constructWithOptions.d.ts +0 -18
- package/dist/constructors/createGlobalStyle.d.ts +0 -3
- package/dist/constructors/css.d.ts +0 -4
- package/dist/constructors/keyframes.d.ts +0 -3
- package/dist/constructors/styled.d.ts +0 -180
- package/dist/hoc/withTheme.d.ts +0 -3
- package/dist/hoc/withTheme.spec.d.ts +0 -1
- package/dist/index-standalone.d.ts +0 -2
- package/dist/index.d.ts +0 -4
- package/dist/macro/index.d.ts +0 -2
- package/dist/models/ComponentStyle.d.ts +0 -15
- package/dist/models/GlobalStyle.d.ts +0 -11
- package/dist/models/InlineStyle.d.ts +0 -6
- package/dist/models/Keyframes.d.ts +0 -10
- package/dist/models/ServerStyleSheet.d.ts +0 -16
- package/dist/models/StyleSheetManager.d.ts +0 -65
- package/dist/models/StyledComponent.d.ts +0 -3
- package/dist/models/StyledNativeComponent.d.ts +0 -3
- package/dist/models/ThemeProvider.d.ts +0 -47
- package/dist/native/index.d.ts +0 -36
- package/dist/secretInternals.d.ts +0 -5
- package/dist/sheet/GroupIDAllocator.d.ts +0 -4
- package/dist/sheet/GroupedTag.d.ts +0 -11
- package/dist/sheet/Rehydration.d.ts +0 -3
- package/dist/sheet/Sheet.d.ts +0 -38
- package/dist/sheet/Tag.d.ts +0 -54
- package/dist/sheet/dom.d.ts +0 -4
- package/dist/sheet/index.d.ts +0 -1
- package/dist/sheet/types.d.ts +0 -34
- package/dist/test/globals.d.ts +0 -2
- package/dist/test/utils.d.ts +0 -186
- package/dist/test/veryLargeUnionType.d.ts +0 -1
- package/dist/types.d.ts +0 -161
- package/dist/utils/addUnitIfNeeded.d.ts +0 -1
- package/dist/utils/checkDynamicCreation.d.ts +0 -1
- package/dist/utils/createWarnTooManyClasses.d.ts +0 -3
- package/dist/utils/determineTheme.d.ts +0 -4
- package/dist/utils/domElements.d.ts +0 -2
- package/dist/utils/empties.d.ts +0 -3
- package/dist/utils/error.d.ts +0 -5
- package/dist/utils/errors.d.ts +0 -21
- package/dist/utils/escape.d.ts +0 -5
- package/dist/utils/flatten.d.ts +0 -4
- package/dist/utils/generateAlphabeticName.d.ts +0 -1
- package/dist/utils/generateComponentId.d.ts +0 -1
- package/dist/utils/generateDisplayName.d.ts +0 -2
- package/dist/utils/getComponentName.d.ts +0 -2
- package/dist/utils/hash.d.ts +0 -3
- package/dist/utils/hoist.d.ts +0 -51
- package/dist/utils/hyphenateStyleName.d.ts +0 -14
- package/dist/utils/interleave.d.ts +0 -2
- package/dist/utils/isFunction.d.ts +0 -1
- package/dist/utils/isPlainObject.d.ts +0 -1
- package/dist/utils/isStatelessFunction.d.ts +0 -1
- package/dist/utils/isStaticRules.d.ts +0 -2
- package/dist/utils/isStyledComponent.d.ts +0 -2
- package/dist/utils/isTag.d.ts +0 -2
- package/dist/utils/joinStrings.d.ts +0 -5
- package/dist/utils/mixinDeep.d.ts +0 -6
- package/dist/utils/nonce.d.ts +0 -1
- package/dist/utils/setToString.d.ts +0 -17
- package/dist/utils/stylis.d.ts +0 -10
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
import { WebTarget } from '../types';
|
|
2
|
-
import { Styled } from './constructWithOptions';
|
|
3
|
-
declare const styled: (<Target extends WebTarget>(tag: Target) => Styled<"web", Target, Target extends import("../types").KnownTarget ? import("react").ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>) & {
|
|
4
|
-
a: Styled<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("../types").BaseObject>;
|
|
5
|
-
abbr: Styled<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
6
|
-
address: Styled<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
7
|
-
area: Styled<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("../types").BaseObject>;
|
|
8
|
-
article: Styled<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
9
|
-
aside: Styled<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
10
|
-
audio: Styled<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("../types").BaseObject>;
|
|
11
|
-
b: Styled<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
12
|
-
base: Styled<"web", "base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("../types").BaseObject>;
|
|
13
|
-
bdi: Styled<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
14
|
-
bdo: Styled<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
15
|
-
big: Styled<"web", "big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
16
|
-
blockquote: Styled<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
17
|
-
body: Styled<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("../types").BaseObject>;
|
|
18
|
-
br: Styled<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("../types").BaseObject>;
|
|
19
|
-
button: Styled<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("../types").BaseObject>;
|
|
20
|
-
canvas: Styled<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("../types").BaseObject>;
|
|
21
|
-
caption: Styled<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
22
|
-
cite: Styled<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
23
|
-
code: Styled<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
24
|
-
col: Styled<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
25
|
-
colgroup: Styled<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("../types").BaseObject>;
|
|
26
|
-
data: Styled<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("../types").BaseObject>;
|
|
27
|
-
datalist: Styled<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("../types").BaseObject>;
|
|
28
|
-
dd: Styled<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
29
|
-
del: Styled<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
30
|
-
details: Styled<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("../types").BaseObject>;
|
|
31
|
-
dfn: Styled<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
32
|
-
dialog: Styled<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("../types").BaseObject>;
|
|
33
|
-
div: Styled<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../types").BaseObject>;
|
|
34
|
-
dl: Styled<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("../types").BaseObject>;
|
|
35
|
-
dt: Styled<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
36
|
-
em: Styled<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
37
|
-
embed: Styled<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("../types").BaseObject>;
|
|
38
|
-
fieldset: Styled<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("../types").BaseObject>;
|
|
39
|
-
figcaption: Styled<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
40
|
-
figure: Styled<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
41
|
-
footer: Styled<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
42
|
-
form: Styled<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("../types").BaseObject>;
|
|
43
|
-
h1: Styled<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
44
|
-
h2: Styled<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
45
|
-
h3: Styled<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
46
|
-
h4: Styled<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
47
|
-
h5: Styled<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
48
|
-
h6: Styled<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../types").BaseObject>;
|
|
49
|
-
head: Styled<"web", "head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, import("../types").BaseObject>;
|
|
50
|
-
header: Styled<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
51
|
-
hgroup: Styled<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
52
|
-
hr: Styled<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("../types").BaseObject>;
|
|
53
|
-
html: Styled<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("../types").BaseObject>;
|
|
54
|
-
i: Styled<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
55
|
-
iframe: Styled<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("../types").BaseObject>;
|
|
56
|
-
img: Styled<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("../types").BaseObject>;
|
|
57
|
-
input: Styled<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("../types").BaseObject>;
|
|
58
|
-
ins: Styled<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("../types").BaseObject>;
|
|
59
|
-
kbd: Styled<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
60
|
-
keygen: Styled<"web", "keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
61
|
-
label: Styled<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("../types").BaseObject>;
|
|
62
|
-
legend: Styled<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("../types").BaseObject>;
|
|
63
|
-
li: Styled<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("../types").BaseObject>;
|
|
64
|
-
link: Styled<"web", "link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("../types").BaseObject>;
|
|
65
|
-
main: Styled<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
66
|
-
map: Styled<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("../types").BaseObject>;
|
|
67
|
-
mark: Styled<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
68
|
-
menu: Styled<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
69
|
-
menuitem: Styled<"web", "menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
70
|
-
meta: Styled<"web", "meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import("../types").BaseObject>;
|
|
71
|
-
meter: Styled<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("../types").BaseObject>;
|
|
72
|
-
nav: Styled<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
73
|
-
noindex: Styled<"web", "noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
74
|
-
noscript: Styled<"web", "noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
75
|
-
object: Styled<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("../types").BaseObject>;
|
|
76
|
-
ol: Styled<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("../types").BaseObject>;
|
|
77
|
-
optgroup: Styled<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("../types").BaseObject>;
|
|
78
|
-
option: Styled<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("../types").BaseObject>;
|
|
79
|
-
output: Styled<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("../types").BaseObject>;
|
|
80
|
-
p: Styled<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../types").BaseObject>;
|
|
81
|
-
param: Styled<"web", "param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import("../types").BaseObject>;
|
|
82
|
-
picture: Styled<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
83
|
-
pre: Styled<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("../types").BaseObject>;
|
|
84
|
-
progress: Styled<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("../types").BaseObject>;
|
|
85
|
-
q: Styled<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("../types").BaseObject>;
|
|
86
|
-
rp: Styled<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
87
|
-
rt: Styled<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
88
|
-
ruby: Styled<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
89
|
-
s: Styled<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
90
|
-
samp: Styled<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
91
|
-
slot: Styled<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, import("../types").BaseObject>;
|
|
92
|
-
script: Styled<"web", "script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import("../types").BaseObject>;
|
|
93
|
-
section: Styled<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
94
|
-
select: Styled<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("../types").BaseObject>;
|
|
95
|
-
small: Styled<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
96
|
-
source: Styled<"web", "source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import("../types").BaseObject>;
|
|
97
|
-
span: Styled<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../types").BaseObject>;
|
|
98
|
-
strong: Styled<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
99
|
-
style: Styled<"web", "style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import("../types").BaseObject>;
|
|
100
|
-
sub: Styled<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
101
|
-
summary: Styled<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
102
|
-
sup: Styled<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
103
|
-
table: Styled<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("../types").BaseObject>;
|
|
104
|
-
template: Styled<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, import("../types").BaseObject>;
|
|
105
|
-
tbody: Styled<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
106
|
-
td: Styled<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("../types").BaseObject>;
|
|
107
|
-
textarea: Styled<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("../types").BaseObject>;
|
|
108
|
-
tfoot: Styled<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
109
|
-
th: Styled<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("../types").BaseObject>;
|
|
110
|
-
thead: Styled<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("../types").BaseObject>;
|
|
111
|
-
time: Styled<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("../types").BaseObject>;
|
|
112
|
-
title: Styled<"web", "title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, import("../types").BaseObject>;
|
|
113
|
-
tr: Styled<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("../types").BaseObject>;
|
|
114
|
-
track: Styled<"web", "track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import("../types").BaseObject>;
|
|
115
|
-
u: Styled<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
116
|
-
ul: Styled<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("../types").BaseObject>;
|
|
117
|
-
var: Styled<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
118
|
-
video: Styled<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("../types").BaseObject>;
|
|
119
|
-
wbr: Styled<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("../types").BaseObject>;
|
|
120
|
-
webview: Styled<"web", "webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, import("../types").BaseObject>;
|
|
121
|
-
svg: Styled<"web", "svg", import("react").SVGProps<SVGSVGElement>, import("../types").BaseObject>;
|
|
122
|
-
animate: Styled<"web", "animate", import("react").SVGProps<SVGElement>, import("../types").BaseObject>;
|
|
123
|
-
animateMotion: Styled<"web", "animateMotion", import("react").SVGProps<SVGElement>, import("../types").BaseObject>;
|
|
124
|
-
animateTransform: Styled<"web", "animateTransform", import("react").SVGProps<SVGElement>, import("../types").BaseObject>;
|
|
125
|
-
circle: Styled<"web", "circle", import("react").SVGProps<SVGCircleElement>, import("../types").BaseObject>;
|
|
126
|
-
clipPath: Styled<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, import("../types").BaseObject>;
|
|
127
|
-
defs: Styled<"web", "defs", import("react").SVGProps<SVGDefsElement>, import("../types").BaseObject>;
|
|
128
|
-
desc: Styled<"web", "desc", import("react").SVGProps<SVGDescElement>, import("../types").BaseObject>;
|
|
129
|
-
ellipse: Styled<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, import("../types").BaseObject>;
|
|
130
|
-
feBlend: Styled<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, import("../types").BaseObject>;
|
|
131
|
-
feColorMatrix: Styled<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, import("../types").BaseObject>;
|
|
132
|
-
feComponentTransfer: Styled<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, import("../types").BaseObject>;
|
|
133
|
-
feComposite: Styled<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, import("../types").BaseObject>;
|
|
134
|
-
feConvolveMatrix: Styled<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, import("../types").BaseObject>;
|
|
135
|
-
feDiffuseLighting: Styled<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, import("../types").BaseObject>;
|
|
136
|
-
feDisplacementMap: Styled<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, import("../types").BaseObject>;
|
|
137
|
-
feDistantLight: Styled<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, import("../types").BaseObject>;
|
|
138
|
-
feDropShadow: Styled<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, import("../types").BaseObject>;
|
|
139
|
-
feFlood: Styled<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, import("../types").BaseObject>;
|
|
140
|
-
feFuncA: Styled<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, import("../types").BaseObject>;
|
|
141
|
-
feFuncB: Styled<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, import("../types").BaseObject>;
|
|
142
|
-
feFuncG: Styled<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, import("../types").BaseObject>;
|
|
143
|
-
feFuncR: Styled<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, import("../types").BaseObject>;
|
|
144
|
-
feGaussianBlur: Styled<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, import("../types").BaseObject>;
|
|
145
|
-
feImage: Styled<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, import("../types").BaseObject>;
|
|
146
|
-
feMerge: Styled<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, import("../types").BaseObject>;
|
|
147
|
-
feMergeNode: Styled<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, import("../types").BaseObject>;
|
|
148
|
-
feMorphology: Styled<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, import("../types").BaseObject>;
|
|
149
|
-
feOffset: Styled<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, import("../types").BaseObject>;
|
|
150
|
-
fePointLight: Styled<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, import("../types").BaseObject>;
|
|
151
|
-
feSpecularLighting: Styled<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, import("../types").BaseObject>;
|
|
152
|
-
feSpotLight: Styled<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, import("../types").BaseObject>;
|
|
153
|
-
feTile: Styled<"web", "feTile", import("react").SVGProps<SVGFETileElement>, import("../types").BaseObject>;
|
|
154
|
-
feTurbulence: Styled<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, import("../types").BaseObject>;
|
|
155
|
-
filter: Styled<"web", "filter", import("react").SVGProps<SVGFilterElement>, import("../types").BaseObject>;
|
|
156
|
-
foreignObject: Styled<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, import("../types").BaseObject>;
|
|
157
|
-
g: Styled<"web", "g", import("react").SVGProps<SVGGElement>, import("../types").BaseObject>;
|
|
158
|
-
image: Styled<"web", "image", import("react").SVGProps<SVGImageElement>, import("../types").BaseObject>;
|
|
159
|
-
line: Styled<"web", "line", import("react").SVGLineElementAttributes<SVGLineElement>, import("../types").BaseObject>;
|
|
160
|
-
linearGradient: Styled<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, import("../types").BaseObject>;
|
|
161
|
-
marker: Styled<"web", "marker", import("react").SVGProps<SVGMarkerElement>, import("../types").BaseObject>;
|
|
162
|
-
mask: Styled<"web", "mask", import("react").SVGProps<SVGMaskElement>, import("../types").BaseObject>;
|
|
163
|
-
metadata: Styled<"web", "metadata", import("react").SVGProps<SVGMetadataElement>, import("../types").BaseObject>;
|
|
164
|
-
mpath: Styled<"web", "mpath", import("react").SVGProps<SVGElement>, import("../types").BaseObject>;
|
|
165
|
-
path: Styled<"web", "path", import("react").SVGProps<SVGPathElement>, import("../types").BaseObject>;
|
|
166
|
-
pattern: Styled<"web", "pattern", import("react").SVGProps<SVGPatternElement>, import("../types").BaseObject>;
|
|
167
|
-
polygon: Styled<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, import("../types").BaseObject>;
|
|
168
|
-
polyline: Styled<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, import("../types").BaseObject>;
|
|
169
|
-
radialGradient: Styled<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, import("../types").BaseObject>;
|
|
170
|
-
rect: Styled<"web", "rect", import("react").SVGProps<SVGRectElement>, import("../types").BaseObject>;
|
|
171
|
-
stop: Styled<"web", "stop", import("react").SVGProps<SVGStopElement>, import("../types").BaseObject>;
|
|
172
|
-
switch: Styled<"web", "switch", import("react").SVGProps<SVGSwitchElement>, import("../types").BaseObject>;
|
|
173
|
-
symbol: Styled<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, import("../types").BaseObject>;
|
|
174
|
-
text: Styled<"web", "text", import("react").SVGTextElementAttributes<SVGTextElement>, import("../types").BaseObject>;
|
|
175
|
-
textPath: Styled<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, import("../types").BaseObject>;
|
|
176
|
-
tspan: Styled<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, import("../types").BaseObject>;
|
|
177
|
-
use: Styled<"web", "use", import("react").SVGProps<SVGUseElement>, import("../types").BaseObject>;
|
|
178
|
-
view: Styled<"web", "view", import("react").SVGProps<SVGViewElement>, import("../types").BaseObject>;
|
|
179
|
-
};
|
|
180
|
-
export default styled;
|
package/dist/hoc/withTheme.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AnyComponent, ExecutionProps } from '../types';
|
|
3
|
-
export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "compare" | "type" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "prototype" | "arguments" | "caller" | "name" | "type" | "getDefaultProps" | "mixins" | "callee" | "arity">]: T[key]; };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/index.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import styled from './constructors/styled';
|
|
2
|
-
export * from './base';
|
|
3
|
-
export { CSSProp, DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, PolymorphicComponent, PolymorphicComponentProps, RuleSet, Runtime, StyledObject, StyledOptions, WebTarget, } from './types';
|
|
4
|
-
export { styled, styled as default };
|
package/dist/macro/index.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import StyleSheet from '../sheet';
|
|
2
|
-
import { ExecutionContext, RuleSet, Stringifier } from '../types';
|
|
3
|
-
/**
|
|
4
|
-
* ComponentStyle is all the CSS-specific stuff, not the React-specific stuff.
|
|
5
|
-
*/
|
|
6
|
-
export default class ComponentStyle {
|
|
7
|
-
baseHash: number;
|
|
8
|
-
baseStyle: ComponentStyle | null | undefined;
|
|
9
|
-
componentId: string;
|
|
10
|
-
isStatic: boolean;
|
|
11
|
-
rules: RuleSet<any>;
|
|
12
|
-
staticRulesId: string;
|
|
13
|
-
constructor(rules: RuleSet<any>, componentId: string, baseStyle?: ComponentStyle | undefined);
|
|
14
|
-
generateAndInjectStyles(executionContext: ExecutionContext, styleSheet: StyleSheet, stylis: Stringifier): string;
|
|
15
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import StyleSheet from '../sheet';
|
|
2
|
-
import { ExecutionContext, RuleSet, Stringifier } from '../types';
|
|
3
|
-
export default class GlobalStyle<Props extends object> {
|
|
4
|
-
componentId: string;
|
|
5
|
-
isStatic: boolean;
|
|
6
|
-
rules: RuleSet<Props>;
|
|
7
|
-
constructor(rules: RuleSet<Props>, componentId: string);
|
|
8
|
-
createStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
|
|
9
|
-
removeStyles(instance: number, styleSheet: StyleSheet): void;
|
|
10
|
-
renderStyles(instance: number, executionContext: ExecutionContext & Props, styleSheet: StyleSheet, stylis: Stringifier): void;
|
|
11
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { IInlineStyleConstructor, StyleSheet } from '../types';
|
|
2
|
-
export declare const resetStyleCache: () => void;
|
|
3
|
-
/**
|
|
4
|
-
* InlineStyle takes arbitrary CSS and generates a flat object
|
|
5
|
-
*/
|
|
6
|
-
export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import StyleSheet from '../sheet';
|
|
2
|
-
import { Keyframes as KeyframesType, Stringifier } from '../types';
|
|
3
|
-
export default class Keyframes implements KeyframesType {
|
|
4
|
-
id: string;
|
|
5
|
-
name: string;
|
|
6
|
-
rules: string;
|
|
7
|
-
constructor(name: string, rules: string);
|
|
8
|
-
inject: (styleSheet: StyleSheet, stylisInstance?: Stringifier) => void;
|
|
9
|
-
getName(stylisInstance?: Stringifier): string;
|
|
10
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import type * as streamInternal from 'stream';
|
|
4
|
-
import { Readable } from 'stream';
|
|
5
|
-
import StyleSheet from '../sheet';
|
|
6
|
-
export default class ServerStyleSheet {
|
|
7
|
-
instance: StyleSheet;
|
|
8
|
-
sealed: boolean;
|
|
9
|
-
constructor();
|
|
10
|
-
_emitSheetCSS: () => string;
|
|
11
|
-
collectStyles(children: any): JSX.Element;
|
|
12
|
-
getStyleTags: () => string;
|
|
13
|
-
getStyleElement: () => React.JSX.Element[];
|
|
14
|
-
interleaveWithNodeStream(input: Readable): streamInternal.Transform;
|
|
15
|
-
seal: () => void;
|
|
16
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type stylis from 'stylis';
|
|
3
|
-
import StyleSheet from '../sheet';
|
|
4
|
-
import { ShouldForwardProp, Stringifier } from '../types';
|
|
5
|
-
export declare const mainSheet: StyleSheet;
|
|
6
|
-
export declare const mainStylis: Stringifier;
|
|
7
|
-
export type IStyleSheetContext = {
|
|
8
|
-
shouldForwardProp?: ShouldForwardProp<'web'> | undefined;
|
|
9
|
-
styleSheet: StyleSheet;
|
|
10
|
-
stylis: Stringifier;
|
|
11
|
-
};
|
|
12
|
-
export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
|
|
13
|
-
export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
|
|
14
|
-
export type IStylisContext = Stringifier | void;
|
|
15
|
-
export declare const StylisContext: React.Context<IStylisContext>;
|
|
16
|
-
export declare const StylisConsumer: React.Consumer<IStylisContext>;
|
|
17
|
-
export declare function useStyleSheetContext(): IStyleSheetContext;
|
|
18
|
-
export type IStyleSheetManager = React.PropsWithChildren<{
|
|
19
|
-
/**
|
|
20
|
-
* If desired, you can pass this prop to disable "speedy" insertion mode, which
|
|
21
|
-
* uses the browser [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet).
|
|
22
|
-
* When disabled, rules are inserted as simple text into style blocks.
|
|
23
|
-
*/
|
|
24
|
-
disableCSSOMInjection?: undefined | boolean;
|
|
25
|
-
/**
|
|
26
|
-
* If you are working exclusively with modern browsers, vendor prefixes can often be omitted
|
|
27
|
-
* to reduce the weight of CSS on the page.
|
|
28
|
-
*/
|
|
29
|
-
enableVendorPrefixes?: undefined | boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Provide an optional selector to be prepended to all generated style rules.
|
|
32
|
-
*/
|
|
33
|
-
namespace?: undefined | string;
|
|
34
|
-
/**
|
|
35
|
-
* Create and provide your own `StyleSheet` if necessary for advanced SSR scenarios.
|
|
36
|
-
*/
|
|
37
|
-
sheet?: undefined | StyleSheet;
|
|
38
|
-
/**
|
|
39
|
-
* Starting in v6, styled-components no longer does its own prop validation
|
|
40
|
-
* and recommends use of transient props "$prop" to pass style-only props to
|
|
41
|
-
* components. If for some reason you are not able to use transient props, a
|
|
42
|
-
* prop validation function can be provided via `StyleSheetManager`, such as
|
|
43
|
-
* `@emotion/is-prop-valid`.
|
|
44
|
-
*
|
|
45
|
-
* When the return value is `true`, props will be forwarded to the DOM/underlying
|
|
46
|
-
* component. If return value is `false`, the prop will be discarded after styles
|
|
47
|
-
* are calculated.
|
|
48
|
-
*
|
|
49
|
-
* Manually composing `styled.{element}.withConfig({shouldForwardProp})` will
|
|
50
|
-
* override this default.
|
|
51
|
-
*/
|
|
52
|
-
shouldForwardProp?: undefined | IStyleSheetContext['shouldForwardProp'];
|
|
53
|
-
/**
|
|
54
|
-
* An array of plugins to be run by stylis (style processor) during compilation.
|
|
55
|
-
* Check out [what's available on npm*](https://www.npmjs.com/search?q=keywords%3Astylis).
|
|
56
|
-
*
|
|
57
|
-
* \* The plugin(s) must be compatible with stylis v4 or above.
|
|
58
|
-
*/
|
|
59
|
-
stylisPlugins?: undefined | stylis.Middleware[];
|
|
60
|
-
/**
|
|
61
|
-
* Provide an alternate DOM node to host generated styles; useful for iframes.
|
|
62
|
-
*/
|
|
63
|
-
target?: undefined | HTMLElement;
|
|
64
|
-
}>;
|
|
65
|
-
export declare function StyleSheetManager(props: IStyleSheetManager): JSX.Element;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { BaseObject, IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
|
|
2
|
-
declare function createStyledComponent<Target extends WebTarget, OuterProps extends object, Statics extends object = BaseObject>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
|
|
3
|
-
export default createStyledComponent;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { BaseObject, ExecutionProps, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
|
|
2
|
-
declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = BaseObject>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", import("../types").Substitute<OuterProps, object>> & Statics & object;
|
|
3
|
-
export default _default;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Override DefaultTheme to get accurate typings for your project.
|
|
4
|
-
*
|
|
5
|
-
* ```
|
|
6
|
-
* // create styled-components.d.ts in your project source
|
|
7
|
-
* // if it isn't being picked up, check tsconfig compilerOptions.types
|
|
8
|
-
* import type { CSSProp } from "styled-components";
|
|
9
|
-
* import Theme from './theme';
|
|
10
|
-
*
|
|
11
|
-
* type ThemeType = typeof Theme;
|
|
12
|
-
*
|
|
13
|
-
* declare module "styled-components" {
|
|
14
|
-
* export interface DefaultTheme extends ThemeType {}
|
|
15
|
-
* }
|
|
16
|
-
*
|
|
17
|
-
* declare module "react" {
|
|
18
|
-
* interface DOMAttributes<T> {
|
|
19
|
-
* css?: CSSProp;
|
|
20
|
-
* }
|
|
21
|
-
* }
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export interface DefaultTheme {
|
|
25
|
-
[key: string]: any;
|
|
26
|
-
}
|
|
27
|
-
type ThemeFn = (outerTheme?: DefaultTheme | undefined) => DefaultTheme;
|
|
28
|
-
type ThemeArgument = DefaultTheme | ThemeFn;
|
|
29
|
-
type Props = {
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
theme: ThemeArgument;
|
|
32
|
-
};
|
|
33
|
-
export declare const ThemeContext: React.Context<DefaultTheme | undefined>;
|
|
34
|
-
export declare const ThemeConsumer: React.Consumer<DefaultTheme | undefined>;
|
|
35
|
-
/**
|
|
36
|
-
* Returns the current theme (as provided by the closest ancestor `ThemeProvider`.)
|
|
37
|
-
*
|
|
38
|
-
* If no `ThemeProvider` is found, the function will error. If you need access to the theme in an
|
|
39
|
-
* uncertain composition scenario, `React.useContext(ThemeContext)` will not emit an error if there
|
|
40
|
-
* is no `ThemeProvider` ancestor.
|
|
41
|
-
*/
|
|
42
|
-
export declare function useTheme(): DefaultTheme;
|
|
43
|
-
/**
|
|
44
|
-
* Provide a theme to an entire react component tree via context
|
|
45
|
-
*/
|
|
46
|
-
export default function ThemeProvider(props: Props): JSX.Element | null;
|
|
47
|
-
export {};
|
package/dist/native/index.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Styled } from '../constructors/constructWithOptions';
|
|
3
|
-
import css from '../constructors/css';
|
|
4
|
-
import withTheme from '../hoc/withTheme';
|
|
5
|
-
import ThemeProvider, { ThemeConsumer, ThemeContext, useTheme } from '../models/ThemeProvider';
|
|
6
|
-
import { NativeTarget } from '../types';
|
|
7
|
-
import isStyledComponent from '../utils/isStyledComponent';
|
|
8
|
-
declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : import("../types").BaseObject, import("../types").BaseObject>) & {
|
|
9
|
-
ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, import("../types").BaseObject>;
|
|
10
|
-
Button: Styled<"native", typeof import("react-native").Button, import("react-native").ButtonProps, import("../types").BaseObject>;
|
|
11
|
-
DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, import("../types").BaseObject>;
|
|
12
|
-
DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, import("../types").BaseObject>;
|
|
13
|
-
FlatList: Styled<"native", typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, import("../types").BaseObject>;
|
|
14
|
-
Image: Styled<"native", typeof import("react-native").Image, import("react-native").ImageProps, import("../types").BaseObject>;
|
|
15
|
-
ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, import("../types").BaseObject>;
|
|
16
|
-
KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, import("../types").BaseObject>;
|
|
17
|
-
Modal: Styled<"native", typeof import("react-native").Modal, import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps, import("../types").BaseObject>;
|
|
18
|
-
Pressable: Styled<"native", React.ForwardRefExoticComponent<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>>, import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, import("../types").BaseObject>;
|
|
19
|
-
ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, import("../types").BaseObject>;
|
|
20
|
-
ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, import("../types").BaseObject>;
|
|
21
|
-
RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, import("../types").BaseObject>;
|
|
22
|
-
SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, import("react-native").ViewProps, import("../types").BaseObject>;
|
|
23
|
-
ScrollView: Styled<"native", typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, import("../types").BaseObject>;
|
|
24
|
-
SectionList: Styled<"native", typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, import("../types").BaseObject>;
|
|
25
|
-
Slider: Styled<"native", typeof import("react-native").Slider, import("react-native").SliderProps, import("../types").BaseObject>;
|
|
26
|
-
Switch: Styled<"native", typeof import("react-native").Switch, import("react-native").SwitchProps, import("../types").BaseObject>;
|
|
27
|
-
Text: Styled<"native", typeof import("react-native").Text, import("react-native").TextProps, import("../types").BaseObject>;
|
|
28
|
-
TextInput: Styled<"native", typeof import("react-native").TextInput, import("react-native").TextInputProps, import("../types").BaseObject>;
|
|
29
|
-
TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, import("../types").BaseObject>;
|
|
30
|
-
TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, import("../types").BaseObject>;
|
|
31
|
-
View: Styled<"native", typeof import("react-native").View, import("react-native").ViewProps, import("../types").BaseObject>;
|
|
32
|
-
VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, import("../types").BaseObject>;
|
|
33
|
-
};
|
|
34
|
-
export { DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, PolymorphicComponent, PolymorphicComponentProps, Runtime, StyledObject, StyledOptions, } from '../types';
|
|
35
|
-
export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
|
|
36
|
-
export { styled, styled as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Tag } from './types';
|
|
2
|
-
/** Create a GroupedTag with an underlying Tag implementation */
|
|
3
|
-
export declare const makeGroupedTag: (tag: Tag) => {
|
|
4
|
-
groupSizes: Uint32Array;
|
|
5
|
-
length: number;
|
|
6
|
-
tag: Tag;
|
|
7
|
-
indexOfGroup(group: number): number;
|
|
8
|
-
insertRules(group: number, rules: string[]): void;
|
|
9
|
-
clearGroup(group: number): void;
|
|
10
|
-
getGroup(group: number): string;
|
|
11
|
-
};
|
package/dist/sheet/Sheet.d.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { GroupedTag, Sheet, SheetOptions } from './types';
|
|
2
|
-
type SheetConstructorArgs = {
|
|
3
|
-
isServer?: boolean;
|
|
4
|
-
useCSSOMInjection?: boolean;
|
|
5
|
-
target?: HTMLElement | undefined;
|
|
6
|
-
};
|
|
7
|
-
type GlobalStylesAllocationMap = {
|
|
8
|
-
[key: string]: number;
|
|
9
|
-
};
|
|
10
|
-
type NamesAllocationMap = Map<string, Set<string>>;
|
|
11
|
-
/** Contains the main stylesheet logic for stringification and caching */
|
|
12
|
-
export default class StyleSheet implements Sheet {
|
|
13
|
-
gs: GlobalStylesAllocationMap;
|
|
14
|
-
names: NamesAllocationMap;
|
|
15
|
-
options: SheetOptions;
|
|
16
|
-
server: boolean;
|
|
17
|
-
tag?: GroupedTag | undefined;
|
|
18
|
-
/** Register a group ID to give it an index */
|
|
19
|
-
static registerId(id: string): number;
|
|
20
|
-
constructor(options?: SheetConstructorArgs, globalStyles?: GlobalStylesAllocationMap, names?: NamesAllocationMap | undefined);
|
|
21
|
-
reconstructWithOptions(options: SheetConstructorArgs, withNames?: boolean): StyleSheet;
|
|
22
|
-
allocateGSInstance(id: string): number;
|
|
23
|
-
/** Lazily initialises a GroupedTag for when it's actually needed */
|
|
24
|
-
getTag(): GroupedTag;
|
|
25
|
-
/** Check whether a name is known for caching */
|
|
26
|
-
hasNameForId(id: string, name: string): boolean;
|
|
27
|
-
/** Mark a group's name as known for caching */
|
|
28
|
-
registerName(id: string, name: string): void;
|
|
29
|
-
/** Insert new rules which also marks the name as known */
|
|
30
|
-
insertRules(id: string, name: string, rules: string | string[]): void;
|
|
31
|
-
/** Clears all cached names for a given group ID */
|
|
32
|
-
clearNames(id: string): void;
|
|
33
|
-
/** Clears all rules for a given group ID */
|
|
34
|
-
clearRules(id: string): void;
|
|
35
|
-
/** Clears the entire tag which deletes all rules but not its names */
|
|
36
|
-
clearTag(): void;
|
|
37
|
-
}
|
|
38
|
-
export {};
|
package/dist/sheet/Tag.d.ts
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
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
|
-
rules: string[];
|
|
5
|
-
length: number;
|
|
6
|
-
insertRule(index: number, rule: string): boolean;
|
|
7
|
-
deleteRule(index: number): void;
|
|
8
|
-
getRule(index: number): string;
|
|
9
|
-
} | {
|
|
10
|
-
element: HTMLStyleElement;
|
|
11
|
-
sheet: CSSStyleSheet;
|
|
12
|
-
length: number;
|
|
13
|
-
insertRule(index: number, rule: string): boolean;
|
|
14
|
-
deleteRule(index: number): void;
|
|
15
|
-
getRule(index: number): string;
|
|
16
|
-
} | {
|
|
17
|
-
element: HTMLStyleElement;
|
|
18
|
-
nodes: NodeListOf<Node>;
|
|
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
|
-
};
|
package/dist/sheet/dom.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
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;
|
package/dist/sheet/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Sheet';
|