@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
373 lines • 69.7 kB
TypeScript
import { SystemProps } from "../system/system.js";
import "../system/index.js";
import { StyleGenerator } from "@xstyled/styled-components";
import { DefaultTheme, ThemedCssFunction, ThemedStyledFunction, ThemedStyledInterface, createGlobalStyle } from "styled-components";
import { BoxElements } from "@xstyled/styled-components/dist/BoxElements";
//#region src/core/styled.d.ts
/** Custom 'css' function with theme support. */
type CSSFunction = ThemedCssFunction<DefaultTheme>;
type CreateGlobalStyle = typeof createGlobalStyle;
/** Type of the custom 'styled' function. */
type VStyled = ThemedStyledInterface<DefaultTheme> & { [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>; };
declare const createGlobalStyle$1: typeof createGlobalStyle;
declare const css$1: CSSFunction;
declare const v: {
extend<TExtendProps extends object>(...generators: StyleGenerator[]): any & {
symbol: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["symbol"], 'color'>) => import("react").ReactElement<any, "symbol">, DefaultTheme, TExtendProps, "color">;
object: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["object"], 'color'>) => import("react").ReactElement<any, "object">, DefaultTheme, TExtendProps, "color">;
a: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["a"], 'color'>) => import("react").ReactElement<any, "a">, DefaultTheme, TExtendProps, "color">;
abbr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["abbr"], 'color'>) => import("react").ReactElement<any, "abbr">, DefaultTheme, TExtendProps, "color">;
address: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["address"], 'color'>) => import("react").ReactElement<any, "address">, DefaultTheme, TExtendProps, "color">;
area: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["area"], 'color'>) => import("react").ReactElement<any, "area">, DefaultTheme, TExtendProps, "color">;
article: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["article"], 'color'>) => import("react").ReactElement<any, "article">, DefaultTheme, TExtendProps, "color">;
aside: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["aside"], 'color'>) => import("react").ReactElement<any, "aside">, DefaultTheme, TExtendProps, "color">;
audio: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["audio"], 'color'>) => import("react").ReactElement<any, "audio">, DefaultTheme, TExtendProps, "color">;
b: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["b"], 'color'>) => import("react").ReactElement<any, "b">, DefaultTheme, TExtendProps, "color">;
base: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["base"], 'color'>) => import("react").ReactElement<any, "base">, DefaultTheme, TExtendProps, "color">;
bdi: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["bdi"], 'color'>) => import("react").ReactElement<any, "bdi">, DefaultTheme, TExtendProps, "color">;
bdo: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["bdo"], 'color'>) => import("react").ReactElement<any, "bdo">, DefaultTheme, TExtendProps, "color">;
big: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["big"], 'color'>) => import("react").ReactElement<any, "big">, DefaultTheme, TExtendProps, "color">;
blockquote: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["blockquote"], 'color'>) => import("react").ReactElement<any, "blockquote">, DefaultTheme, TExtendProps, "color">;
body: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["body"], 'color'>) => import("react").ReactElement<any, "body">, DefaultTheme, TExtendProps, "color">;
br: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["br"], 'color'>) => import("react").ReactElement<any, "br">, DefaultTheme, TExtendProps, "color">;
button: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["button"], 'color'>) => import("react").ReactElement<any, "button">, DefaultTheme, TExtendProps, "color">;
canvas: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["canvas"], 'color'>) => import("react").ReactElement<any, "canvas">, DefaultTheme, TExtendProps, "color">;
caption: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["caption"], 'color'>) => import("react").ReactElement<any, "caption">, DefaultTheme, TExtendProps, "color">;
cite: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["cite"], 'color'>) => import("react").ReactElement<any, "cite">, DefaultTheme, TExtendProps, "color">;
code: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["code"], 'color'>) => import("react").ReactElement<any, "code">, DefaultTheme, TExtendProps, "color">;
col: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["col"], 'color'>) => import("react").ReactElement<any, "col">, DefaultTheme, TExtendProps, "color">;
colgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["colgroup"], 'color'>) => import("react").ReactElement<any, "colgroup">, DefaultTheme, TExtendProps, "color">;
data: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["data"], 'color'>) => import("react").ReactElement<any, "data">, DefaultTheme, TExtendProps, "color">;
datalist: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["datalist"], 'color'>) => import("react").ReactElement<any, "datalist">, DefaultTheme, TExtendProps, "color">;
dd: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dd"], 'color'>) => import("react").ReactElement<any, "dd">, DefaultTheme, TExtendProps, "color">;
del: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["del"], 'color'>) => import("react").ReactElement<any, "del">, DefaultTheme, TExtendProps, "color">;
details: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["details"], 'color'>) => import("react").ReactElement<any, "details">, DefaultTheme, TExtendProps, "color">;
dfn: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dfn"], 'color'>) => import("react").ReactElement<any, "dfn">, DefaultTheme, TExtendProps, "color">;
dialog: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dialog"], 'color'>) => import("react").ReactElement<any, "dialog">, DefaultTheme, TExtendProps, "color">;
div: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["div"], 'color'>) => import("react").ReactElement<any, "div">, DefaultTheme, TExtendProps, "color">;
dl: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dl"], 'color'>) => import("react").ReactElement<any, "dl">, DefaultTheme, TExtendProps, "color">;
dt: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dt"], 'color'>) => import("react").ReactElement<any, "dt">, DefaultTheme, TExtendProps, "color">;
em: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["em"], 'color'>) => import("react").ReactElement<any, "em">, DefaultTheme, TExtendProps, "color">;
embed: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["embed"], 'color'>) => import("react").ReactElement<any, "embed">, DefaultTheme, TExtendProps, "color">;
fieldset: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["fieldset"], 'color'>) => import("react").ReactElement<any, "fieldset">, DefaultTheme, TExtendProps, "color">;
figcaption: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["figcaption"], 'color'>) => import("react").ReactElement<any, "figcaption">, DefaultTheme, TExtendProps, "color">;
figure: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["figure"], 'color'>) => import("react").ReactElement<any, "figure">, DefaultTheme, TExtendProps, "color">;
footer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["footer"], 'color'>) => import("react").ReactElement<any, "footer">, DefaultTheme, TExtendProps, "color">;
form: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["form"], 'color'>) => import("react").ReactElement<any, "form">, DefaultTheme, TExtendProps, "color">;
h1: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h1"], 'color'>) => import("react").ReactElement<any, "h1">, DefaultTheme, TExtendProps, "color">;
h2: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h2"], 'color'>) => import("react").ReactElement<any, "h2">, DefaultTheme, TExtendProps, "color">;
h3: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h3"], 'color'>) => import("react").ReactElement<any, "h3">, DefaultTheme, TExtendProps, "color">;
h4: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h4"], 'color'>) => import("react").ReactElement<any, "h4">, DefaultTheme, TExtendProps, "color">;
h5: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h5"], 'color'>) => import("react").ReactElement<any, "h5">, DefaultTheme, TExtendProps, "color">;
h6: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h6"], 'color'>) => import("react").ReactElement<any, "h6">, DefaultTheme, TExtendProps, "color">;
head: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["head"], 'color'>) => import("react").ReactElement<any, "head">, DefaultTheme, TExtendProps, "color">;
header: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["header"], 'color'>) => import("react").ReactElement<any, "header">, DefaultTheme, TExtendProps, "color">;
hgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["hgroup"], 'color'>) => import("react").ReactElement<any, "hgroup">, DefaultTheme, TExtendProps, "color">;
hr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["hr"], 'color'>) => import("react").ReactElement<any, "hr">, DefaultTheme, TExtendProps, "color">;
html: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["html"], 'color'>) => import("react").ReactElement<any, "html">, DefaultTheme, TExtendProps, "color">;
i: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["i"], 'color'>) => import("react").ReactElement<any, "i">, DefaultTheme, TExtendProps, "color">;
iframe: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["iframe"], 'color'>) => import("react").ReactElement<any, "iframe">, DefaultTheme, TExtendProps, "color">;
img: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["img"], 'color'>) => import("react").ReactElement<any, "img">, DefaultTheme, TExtendProps, "color">;
input: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["input"], 'color'>) => import("react").ReactElement<any, "input">, DefaultTheme, TExtendProps, "color">;
ins: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ins"], 'color'>) => import("react").ReactElement<any, "ins">, DefaultTheme, TExtendProps, "color">;
kbd: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["kbd"], 'color'>) => import("react").ReactElement<any, "kbd">, DefaultTheme, TExtendProps, "color">;
keygen: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["keygen"], 'color'>) => import("react").ReactElement<any, "keygen">, DefaultTheme, TExtendProps, "color">;
label: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["label"], 'color'>) => import("react").ReactElement<any, "label">, DefaultTheme, TExtendProps, "color">;
legend: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["legend"], 'color'>) => import("react").ReactElement<any, "legend">, DefaultTheme, TExtendProps, "color">;
li: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["li"], 'color'>) => import("react").ReactElement<any, "li">, DefaultTheme, TExtendProps, "color">;
link: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["link"], 'color'>) => import("react").ReactElement<any, "link">, DefaultTheme, TExtendProps, "color">;
main: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["main"], 'color'>) => import("react").ReactElement<any, "main">, DefaultTheme, TExtendProps, "color">;
map: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["map"], 'color'>) => import("react").ReactElement<any, "map">, DefaultTheme, TExtendProps, "color">;
mark: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mark"], 'color'>) => import("react").ReactElement<any, "mark">, DefaultTheme, TExtendProps, "color">;
menu: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["menu"], 'color'>) => import("react").ReactElement<any, "menu">, DefaultTheme, TExtendProps, "color">;
menuitem: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["menuitem"], 'color'>) => import("react").ReactElement<any, "menuitem">, DefaultTheme, TExtendProps, "color">;
meta: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["meta"], 'color'>) => import("react").ReactElement<any, "meta">, DefaultTheme, TExtendProps, "color">;
meter: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["meter"], 'color'>) => import("react").ReactElement<any, "meter">, DefaultTheme, TExtendProps, "color">;
nav: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["nav"], 'color'>) => import("react").ReactElement<any, "nav">, DefaultTheme, TExtendProps, "color">;
noindex: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["noindex"], 'color'>) => import("react").ReactElement<any, "noindex">, DefaultTheme, TExtendProps, "color">;
noscript: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["noscript"], 'color'>) => import("react").ReactElement<any, "noscript">, DefaultTheme, TExtendProps, "color">;
ol: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ol"], 'color'>) => import("react").ReactElement<any, "ol">, DefaultTheme, TExtendProps, "color">;
optgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["optgroup"], 'color'>) => import("react").ReactElement<any, "optgroup">, DefaultTheme, TExtendProps, "color">;
option: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["option"], 'color'>) => import("react").ReactElement<any, "option">, DefaultTheme, TExtendProps, "color">;
output: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["output"], 'color'>) => import("react").ReactElement<any, "output">, DefaultTheme, TExtendProps, "color">;
p: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["p"], 'color'>) => import("react").ReactElement<any, "p">, DefaultTheme, TExtendProps, "color">;
param: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["param"], 'color'>) => import("react").ReactElement<any, "param">, DefaultTheme, TExtendProps, "color">;
picture: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["picture"], 'color'>) => import("react").ReactElement<any, "picture">, DefaultTheme, TExtendProps, "color">;
pre: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["pre"], 'color'>) => import("react").ReactElement<any, "pre">, DefaultTheme, TExtendProps, "color">;
progress: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["progress"], 'color'>) => import("react").ReactElement<any, "progress">, DefaultTheme, TExtendProps, "color">;
q: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["q"], 'color'>) => import("react").ReactElement<any, "q">, DefaultTheme, TExtendProps, "color">;
rp: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rp"], 'color'>) => import("react").ReactElement<any, "rp">, DefaultTheme, TExtendProps, "color">;
rt: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rt"], 'color'>) => import("react").ReactElement<any, "rt">, DefaultTheme, TExtendProps, "color">;
ruby: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ruby"], 'color'>) => import("react").ReactElement<any, "ruby">, DefaultTheme, TExtendProps, "color">;
s: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["s"], 'color'>) => import("react").ReactElement<any, "s">, DefaultTheme, TExtendProps, "color">;
samp: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["samp"], 'color'>) => import("react").ReactElement<any, "samp">, DefaultTheme, TExtendProps, "color">;
slot: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["slot"], 'color'>) => import("react").ReactElement<any, "slot">, DefaultTheme, TExtendProps, "color">;
script: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["script"], 'color'>) => import("react").ReactElement<any, "script">, DefaultTheme, TExtendProps, "color">;
section: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["section"], 'color'>) => import("react").ReactElement<any, "section">, DefaultTheme, TExtendProps, "color">;
select: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["select"], 'color'>) => import("react").ReactElement<any, "select">, DefaultTheme, TExtendProps, "color">;
small: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["small"], 'color'>) => import("react").ReactElement<any, "small">, DefaultTheme, TExtendProps, "color">;
source: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["source"], 'color'>) => import("react").ReactElement<any, "source">, DefaultTheme, TExtendProps, "color">;
span: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["span"], 'color'>) => import("react").ReactElement<any, "span">, DefaultTheme, TExtendProps, "color">;
strong: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["strong"], 'color'>) => import("react").ReactElement<any, "strong">, DefaultTheme, TExtendProps, "color">;
style: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["style"], 'color'>) => import("react").ReactElement<any, "style">, DefaultTheme, TExtendProps, "color">;
sub: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["sub"], 'color'>) => import("react").ReactElement<any, "sub">, DefaultTheme, TExtendProps, "color">;
summary: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["summary"], 'color'>) => import("react").ReactElement<any, "summary">, DefaultTheme, TExtendProps, "color">;
sup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["sup"], 'color'>) => import("react").ReactElement<any, "sup">, DefaultTheme, TExtendProps, "color">;
table: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["table"], 'color'>) => import("react").ReactElement<any, "table">, DefaultTheme, TExtendProps, "color">;
template: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["template"], 'color'>) => import("react").ReactElement<any, "template">, DefaultTheme, TExtendProps, "color">;
tbody: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tbody"], 'color'>) => import("react").ReactElement<any, "tbody">, DefaultTheme, TExtendProps, "color">;
td: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["td"], 'color'>) => import("react").ReactElement<any, "td">, DefaultTheme, TExtendProps, "color">;
textarea: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["textarea"], 'color'>) => import("react").ReactElement<any, "textarea">, DefaultTheme, TExtendProps, "color">;
tfoot: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tfoot"], 'color'>) => import("react").ReactElement<any, "tfoot">, DefaultTheme, TExtendProps, "color">;
th: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["th"], 'color'>) => import("react").ReactElement<any, "th">, DefaultTheme, TExtendProps, "color">;
thead: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["thead"], 'color'>) => import("react").ReactElement<any, "thead">, DefaultTheme, TExtendProps, "color">;
time: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["time"], 'color'>) => import("react").ReactElement<any, "time">, DefaultTheme, TExtendProps, "color">;
title: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["title"], 'color'>) => import("react").ReactElement<any, "title">, DefaultTheme, TExtendProps, "color">;
tr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tr"], 'color'>) => import("react").ReactElement<any, "tr">, DefaultTheme, TExtendProps, "color">;
track: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["track"], 'color'>) => import("react").ReactElement<any, "track">, DefaultTheme, TExtendProps, "color">;
u: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["u"], 'color'>) => import("react").ReactElement<any, "u">, DefaultTheme, TExtendProps, "color">;
ul: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ul"], 'color'>) => import("react").ReactElement<any, "ul">, DefaultTheme, TExtendProps, "color">;
var: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["var"], 'color'>) => import("react").ReactElement<any, "var">, DefaultTheme, TExtendProps, "color">;
video: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["video"], 'color'>) => import("react").ReactElement<any, "video">, DefaultTheme, TExtendProps, "color">;
wbr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["wbr"], 'color'>) => import("react").ReactElement<any, "wbr">, DefaultTheme, TExtendProps, "color">;
webview: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["webview"], 'color'>) => import("react").ReactElement<any, "webview">, DefaultTheme, TExtendProps, "color">;
svg: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["svg"], 'color'>) => import("react").ReactElement<any, "svg">, DefaultTheme, TExtendProps, "color">;
animate: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animate"], 'color'>) => import("react").ReactElement<any, "animate">, DefaultTheme, TExtendProps, "color">;
animateMotion: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animateMotion"], 'color'>) => import("react").ReactElement<any, "animateMotion">, DefaultTheme, TExtendProps, "color">;
animateTransform: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animateTransform"], 'color'>) => import("react").ReactElement<any, "animateTransform">, DefaultTheme, TExtendProps, "color">;
circle: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["circle"], 'color'>) => import("react").ReactElement<any, "circle">, DefaultTheme, TExtendProps, "color">;
clipPath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["clipPath"], 'color'>) => import("react").ReactElement<any, "clipPath">, DefaultTheme, TExtendProps, "color">;
defs: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["defs"], 'color'>) => import("react").ReactElement<any, "defs">, DefaultTheme, TExtendProps, "color">;
desc: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["desc"], 'color'>) => import("react").ReactElement<any, "desc">, DefaultTheme, TExtendProps, "color">;
ellipse: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ellipse"], 'color'>) => import("react").ReactElement<any, "ellipse">, DefaultTheme, TExtendProps, "color">;
feBlend: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feBlend"], 'color'>) => import("react").ReactElement<any, "feBlend">, DefaultTheme, TExtendProps, "color">;
feColorMatrix: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feColorMatrix"], 'color'>) => import("react").ReactElement<any, "feColorMatrix">, DefaultTheme, TExtendProps, "color">;
feComponentTransfer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feComponentTransfer"], 'color'>) => import("react").ReactElement<any, "feComponentTransfer">, DefaultTheme, TExtendProps, "color">;
feComposite: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feComposite"], 'color'>) => import("react").ReactElement<any, "feComposite">, DefaultTheme, TExtendProps, "color">;
feConvolveMatrix: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feConvolveMatrix"], 'color'>) => import("react").ReactElement<any, "feConvolveMatrix">, DefaultTheme, TExtendProps, "color">;
feDiffuseLighting: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDiffuseLighting"], 'color'>) => import("react").ReactElement<any, "feDiffuseLighting">, DefaultTheme, TExtendProps, "color">;
feDisplacementMap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDisplacementMap"], 'color'>) => import("react").ReactElement<any, "feDisplacementMap">, DefaultTheme, TExtendProps, "color">;
feDistantLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDistantLight"], 'color'>) => import("react").ReactElement<any, "feDistantLight">, DefaultTheme, TExtendProps, "color">;
feDropShadow: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDropShadow"], 'color'>) => import("react").ReactElement<any, "feDropShadow">, DefaultTheme, TExtendProps, "color">;
feFlood: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFlood"], 'color'>) => import("react").ReactElement<any, "feFlood">, DefaultTheme, TExtendProps, "color">;
feFuncA: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncA"], 'color'>) => import("react").ReactElement<any, "feFuncA">, DefaultTheme, TExtendProps, "color">;
feFuncB: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncB"], 'color'>) => import("react").ReactElement<any, "feFuncB">, DefaultTheme, TExtendProps, "color">;
feFuncG: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncG"], 'color'>) => import("react").ReactElement<any, "feFuncG">, DefaultTheme, TExtendProps, "color">;
feFuncR: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncR"], 'color'>) => import("react").ReactElement<any, "feFuncR">, DefaultTheme, TExtendProps, "color">;
feGaussianBlur: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feGaussianBlur"], 'color'>) => import("react").ReactElement<any, "feGaussianBlur">, DefaultTheme, TExtendProps, "color">;
feImage: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feImage"], 'color'>) => import("react").ReactElement<any, "feImage">, DefaultTheme, TExtendProps, "color">;
feMerge: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMerge"], 'color'>) => import("react").ReactElement<any, "feMerge">, DefaultTheme, TExtendProps, "color">;
feMergeNode: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMergeNode"], 'color'>) => import("react").ReactElement<any, "feMergeNode">, DefaultTheme, TExtendProps, "color">;
feMorphology: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMorphology"], 'color'>) => import("react").ReactElement<any, "feMorphology">, DefaultTheme, TExtendProps, "color">;
feOffset: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feOffset"], 'color'>) => import("react").ReactElement<any, "feOffset">, DefaultTheme, TExtendProps, "color">;
fePointLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["fePointLight"], 'color'>) => import("react").ReactElement<any, "fePointLight">, DefaultTheme, TExtendProps, "color">;
feSpecularLighting: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpecularLighting"], 'color'>) => import("react").ReactElement<any, "feSpecularLighting">, DefaultTheme, TExtendProps, "color">;
feSpotLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpotLight"], 'color'>) => import("react").ReactElement<any, "feSpotLight">, DefaultTheme, TExtendProps, "color">;
feTile: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feTile"], 'color'>) => import("react").ReactElement<any, "feTile">, DefaultTheme, TExtendProps, "color">;
feTurbulence: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feTurbulence"], 'color'>) => import("react").ReactElement<any, "feTurbulence">, DefaultTheme, TExtendProps, "color">;
filter: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["filter"], 'color'>) => import("react").ReactElement<any, "filter">, DefaultTheme, TExtendProps, "color">;
foreignObject: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["foreignObject"], 'color'>) => import("react").ReactElement<any, "foreignObject">, DefaultTheme, TExtendProps, "color">;
g: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["g"], 'color'>) => import("react").ReactElement<any, "g">, DefaultTheme, TExtendProps, "color">;
image: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["image"], 'color'>) => import("react").ReactElement<any, "image">, DefaultTheme, TExtendProps, "color">;
line: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["line"], 'color'>) => import("react").ReactElement<any, "line">, DefaultTheme, TExtendProps, "color">;
linearGradient: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["linearGradient"], 'color'>) => import("react").ReactElement<any, "linearGradient">, DefaultTheme, TExtendProps, "color">;
marker: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["marker"], 'color'>) => import("react").ReactElement<any, "marker">, DefaultTheme, TExtendProps, "color">;
mask: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mask"], 'color'>) => import("react").ReactElement<any, "mask">, DefaultTheme, TExtendProps, "color">;
metadata: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["metadata"], 'color'>) => import("react").ReactElement<any, "metadata">, DefaultTheme, TExtendProps, "color">;
mpath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mpath"], 'color'>) => import("react").ReactElement<any, "mpath">, DefaultTheme, TExtendProps, "color">;
path: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["path"], 'color'>) => import("react").ReactElement<any, "path">, DefaultTheme, TExtendProps, "color">;
pattern: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["pattern"], 'color'>) => import("react").ReactElement<any, "pattern">, DefaultTheme, TExtendProps, "color">;
polygon: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["polygon"], 'color'>) => import("react").ReactElement<any, "polygon">, DefaultTheme, TExtendProps, "color">;
polyline: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["polyline"], 'color'>) => import("react").ReactElement<any, "polyline">, DefaultTheme, TExtendProps, "color">;
radialGradient: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["radialGradient"], 'color'>) => import("react").ReactElement<any, "radialGradient">, DefaultTheme, TExtendProps, "color">;
rect: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rect"], 'color'>) => import("react").ReactElement<any, "rect">, DefaultTheme, TExtendProps, "color">;
stop: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["stop"], 'color'>) => import("react").ReactElement<any, "stop">, DefaultTheme, TExtendProps, "color">;
switch: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["switch"], 'color'>) => import("react").ReactElement<any, "switch">, DefaultTheme, TExtendProps, "color">;
text: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["text"], 'color'>) => import("react").ReactElement<any, "text">, DefaultTheme, TExtendProps, "color">;
textPath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["textPath"], 'color'>) => import("react").ReactElement<any, "textPath">, DefaultTheme, TExtendProps, "color">;
tspan: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tspan"], 'color'>) => import("react").ReactElement<any, "tspan">, DefaultTheme, TExtendProps, "color">;
use: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["use"], 'color'>) => import("react").ReactElement<any, "use">, DefaultTheme, TExtendProps, "color">;
view: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["view"], 'color'>) => import("react").ReactElement<any, "view">, DefaultTheme, TExtendProps, "color">;
};
} & {
symbol: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["symbol"], 'color'>) => import("react").ReactElement<any, "symbol">, DefaultTheme, SystemProps, "color">;
object: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["object"], 'color'>) => import("react").ReactElement<any, "object">, DefaultTheme, SystemProps, "color">;
a: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["a"], 'color'>) => import("react").ReactElement<any, "a">, DefaultTheme, SystemProps, "color">;
abbr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["abbr"], 'color'>) => import("react").ReactElement<any, "abbr">, DefaultTheme, SystemProps, "color">;
address: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["address"], 'color'>) => import("react").ReactElement<any, "address">, DefaultTheme, SystemProps, "color">;
area: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["area"], 'color'>) => import("react").ReactElement<any, "area">, DefaultTheme, SystemProps, "color">;
article: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["article"], 'color'>) => import("react").ReactElement<any, "article">, DefaultTheme, SystemProps, "color">;
aside: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["aside"], 'color'>) => import("react").ReactElement<any, "aside">, DefaultTheme, SystemProps, "color">;
audio: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["audio"], 'color'>) => import("react").ReactElement<any, "audio">, DefaultTheme, SystemProps, "color">;
b: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["b"], 'color'>) => import("react").ReactElement<any, "b">, DefaultTheme, SystemProps, "color">;
base: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["base"], 'color'>) => import("react").ReactElement<any, "base">, DefaultTheme, SystemProps, "color">;
bdi: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["bdi"], 'color'>) => import("react").ReactElement<any, "bdi">, DefaultTheme, SystemProps, "color">;
bdo: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["bdo"], 'color'>) => import("react").ReactElement<any, "bdo">, DefaultTheme, SystemProps, "color">;
big: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["big"], 'color'>) => import("react").ReactElement<any, "big">, DefaultTheme, SystemProps, "color">;
blockquote: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["blockquote"], 'color'>) => import("react").ReactElement<any, "blockquote">, DefaultTheme, SystemProps, "color">;
body: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["body"], 'color'>) => import("react").ReactElement<any, "body">, DefaultTheme, SystemProps, "color">;
br: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["br"], 'color'>) => import("react").ReactElement<any, "br">, DefaultTheme, SystemProps, "color">;
button: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["button"], 'color'>) => import("react").ReactElement<any, "button">, DefaultTheme, SystemProps, "color">;
canvas: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["canvas"], 'color'>) => import("react").ReactElement<any, "canvas">, DefaultTheme, SystemProps, "color">;
caption: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["caption"], 'color'>) => import("react").ReactElement<any, "caption">, DefaultTheme, SystemProps, "color">;
cite: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["cite"], 'color'>) => import("react").ReactElement<any, "cite">, DefaultTheme, SystemProps, "color">;
code: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["code"], 'color'>) => import("react").ReactElement<any, "code">, DefaultTheme, SystemProps, "color">;
col: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["col"], 'color'>) => import("react").ReactElement<any, "col">, DefaultTheme, SystemProps, "color">;
colgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["colgroup"], 'color'>) => import("react").ReactElement<any, "colgroup">, DefaultTheme, SystemProps, "color">;
data: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["data"], 'color'>) => import("react").ReactElement<any, "data">, DefaultTheme, SystemProps, "color">;
datalist: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["datalist"], 'color'>) => import("react").ReactElement<any, "datalist">, DefaultTheme, SystemProps, "color">;
dd: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dd"], 'color'>) => import("react").ReactElement<any, "dd">, DefaultTheme, SystemProps, "color">;
del: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["del"], 'color'>) => import("react").ReactElement<any, "del">, DefaultTheme, SystemProps, "color">;
details: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["details"], 'color'>) => import("react").ReactElement<any, "details">, DefaultTheme, SystemProps, "color">;
dfn: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dfn"], 'color'>) => import("react").ReactElement<any, "dfn">, DefaultTheme, SystemProps, "color">;
dialog: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dialog"], 'color'>) => import("react").ReactElement<any, "dialog">, DefaultTheme, SystemProps, "color">;
div: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["div"], 'color'>) => import("react").ReactElement<any, "div">, DefaultTheme, SystemProps, "color">;
dl: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dl"], 'color'>) => import("react").ReactElement<any, "dl">, DefaultTheme, SystemProps, "color">;
dt: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["dt"], 'color'>) => import("react").ReactElement<any, "dt">, DefaultTheme, SystemProps, "color">;
em: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["em"], 'color'>) => import("react").ReactElement<any, "em">, DefaultTheme, SystemProps, "color">;
embed: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["embed"], 'color'>) => import("react").ReactElement<any, "embed">, DefaultTheme, SystemProps, "color">;
fieldset: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["fieldset"], 'color'>) => import("react").ReactElement<any, "fieldset">, DefaultTheme, SystemProps, "color">;
figcaption: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["figcaption"], 'color'>) => import("react").ReactElement<any, "figcaption">, DefaultTheme, SystemProps, "color">;
figure: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["figure"], 'color'>) => import("react").ReactElement<any, "figure">, DefaultTheme, SystemProps, "color">;
footer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["footer"], 'color'>) => import("react").ReactElement<any, "footer">, DefaultTheme, SystemProps, "color">;
form: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["form"], 'color'>) => import("react").ReactElement<any, "form">, DefaultTheme, SystemProps, "color">;
h1: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h1"], 'color'>) => import("react").ReactElement<any, "h1">, DefaultTheme, SystemProps, "color">;
h2: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h2"], 'color'>) => import("react").ReactElement<any, "h2">, DefaultTheme, SystemProps, "color">;
h3: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h3"], 'color'>) => import("react").ReactElement<any, "h3">, DefaultTheme, SystemProps, "color">;
h4: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h4"], 'color'>) => import("react").ReactElement<any, "h4">, DefaultTheme, SystemProps, "color">;
h5: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h5"], 'color'>) => import("react").ReactElement<any, "h5">, DefaultTheme, SystemProps, "color">;
h6: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["h6"], 'color'>) => import("react").ReactElement<any, "h6">, DefaultTheme, SystemProps, "color">;
head: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["head"], 'color'>) => import("react").ReactElement<any, "head">, DefaultTheme, SystemProps, "color">;
header: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["header"], 'color'>) => import("react").ReactElement<any, "header">, DefaultTheme, SystemProps, "color">;
hgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["hgroup"], 'color'>) => import("react").ReactElement<any, "hgroup">, DefaultTheme, SystemProps, "color">;
hr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["hr"], 'color'>) => import("react").ReactElement<any, "hr">, DefaultTheme, SystemProps, "color">;
html: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["html"], 'color'>) => import("react").ReactElement<any, "html">, DefaultTheme, SystemProps, "color">;
i: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["i"], 'color'>) => import("react").ReactElement<any, "i">, DefaultTheme, SystemProps, "color">;
iframe: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["iframe"], 'color'>) => import("react").ReactElement<any, "iframe">, DefaultTheme, SystemProps, "color">;
img: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["img"], 'color'>) => import("react").ReactElement<any, "img">, DefaultTheme, SystemProps, "color">;
input: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["input"], 'color'>) => import("react").ReactElement<any, "input">, DefaultTheme, SystemProps, "color">;
ins: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ins"], 'color'>) => import("react").ReactElement<any, "ins">, DefaultTheme, SystemProps, "color">;
kbd: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["kbd"], 'color'>) => import("react").ReactElement<any, "kbd">, DefaultTheme, SystemProps, "color">;
keygen: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["keygen"], 'color'>) => import("react").ReactElement<any, "keygen">, DefaultTheme, SystemProps, "color">;
label: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["label"], 'color'>) => import("react").ReactElement<any, "label">, DefaultTheme, SystemProps, "color">;
legend: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["legend"], 'color'>) => import("react").ReactElement<any, "legend">, DefaultTheme, SystemProps, "color">;
li: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["li"], 'color'>) => import("react").ReactElement<any, "li">, DefaultTheme, SystemProps, "color">;
link: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["link"], 'color'>) => import("react").ReactElement<any, "link">, DefaultTheme, SystemProps, "color">;
main: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["main"], 'color'>) => import("react").ReactElement<any, "main">, DefaultTheme, SystemProps, "color">;
map: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["map"], 'color'>) => import("react").ReactElement<any, "map">, DefaultTheme, SystemProps, "color">;
mark: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mark"], 'color'>) => import("react").ReactElement<any, "mark">, DefaultTheme, SystemProps, "color">;
menu: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["menu"], 'color'>) => import("react").ReactElement<any, "menu">, DefaultTheme, SystemProps, "color">;
menuitem: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["menuitem"], 'color'>) => import("react").ReactElement<any, "menuitem">, DefaultTheme, SystemProps, "color">;
meta: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["meta"], 'color'>) => import("react").ReactElement<any, "meta">, DefaultTheme, SystemProps, "color">;
meter: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["meter"], 'color'>) => import("react").ReactElement<any, "meter">, DefaultTheme, SystemProps, "color">;
nav: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["nav"], 'color'>) => import("react").ReactElement<any, "nav">, DefaultTheme, SystemProps, "color">;
noindex: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["noindex"], 'color'>) => import("react").ReactElement<any, "noindex">, DefaultTheme, SystemProps, "color">;
noscript: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["noscript"], 'color'>) => import("react").ReactElement<any, "noscript">, DefaultTheme, SystemProps, "color">;
ol: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ol"], 'color'>) => import("react").ReactElement<any, "ol">, DefaultTheme, SystemProps, "color">;
optgroup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["optgroup"], 'color'>) => import("react").ReactElement<any, "optgroup">, DefaultTheme, SystemProps, "color">;
option: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["option"], 'color'>) => import("react").ReactElement<any, "option">, DefaultTheme, SystemProps, "color">;
output: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["output"], 'color'>) => import("react").ReactElement<any, "output">, DefaultTheme, SystemProps, "color">;
p: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["p"], 'color'>) => import("react").ReactElement<any, "p">, DefaultTheme, SystemProps, "color">;
param: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["param"], 'color'>) => import("react").ReactElement<any, "param">, DefaultTheme, SystemProps, "color">;
picture: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["picture"], 'color'>) => import("react").ReactElement<any, "picture">, DefaultTheme, SystemProps, "color">;
pre: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["pre"], 'color'>) => import("react").ReactElement<any, "pre">, DefaultTheme, SystemProps, "color">;
progress: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["progress"], 'color'>) => import("react").ReactElement<any, "progress">, DefaultTheme, SystemProps, "color">;
q: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["q"], 'color'>) => import("react").ReactElement<any, "q">, DefaultTheme, SystemProps, "color">;
rp: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rp"], 'color'>) => import("react").ReactElement<any, "rp">, DefaultTheme, SystemProps, "color">;
rt: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rt"], 'color'>) => import("react").ReactElement<any, "rt">, DefaultTheme, SystemProps, "color">;
ruby: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ruby"], 'color'>) => import("react").ReactElement<any, "ruby">, DefaultTheme, SystemProps, "color">;
s: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["s"], 'color'>) => import("react").ReactElement<any, "s">, DefaultTheme, SystemProps, "color">;
samp: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["samp"], 'color'>) => import("react").ReactElement<any, "samp">, DefaultTheme, SystemProps, "color">;
slot: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["slot"], 'color'>) => import("react").ReactElement<any, "slot">, DefaultTheme, SystemProps, "color">;
script: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["script"], 'color'>) => import("react").ReactElement<any, "script">, DefaultTheme, SystemProps, "color">;
section: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["section"], 'color'>) => import("react").ReactElement<any, "section">, DefaultTheme, SystemProps, "color">;
select: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["select"], 'color'>) => import("react").ReactElement<any, "select">, DefaultTheme, SystemProps, "color">;
small: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["small"], 'color'>) => import("react").ReactElement<any, "small">, DefaultTheme, SystemProps, "color">;
source: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["source"], 'color'>) => import("react").ReactElement<any, "source">, DefaultTheme, SystemProps, "color">;
span: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["span"], 'color'>) => import("react").ReactElement<any, "span">, DefaultTheme, SystemProps, "color">;
strong: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["strong"], 'color'>) => import("react").ReactElement<any, "strong">, DefaultTheme, SystemProps, "color">;
style: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["style"], 'color'>) => import("react").ReactElement<any, "style">, DefaultTheme, SystemProps, "color">;
sub: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["sub"], 'color'>) => import("react").ReactElement<any, "sub">, DefaultTheme, SystemProps, "color">;
summary: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["summary"], 'color'>) => import("react").ReactElement<any, "summary">, DefaultTheme, SystemProps, "color">;
sup: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["sup"], 'color'>) => import("react").ReactElement<any, "sup">, DefaultTheme, SystemProps, "color">;
table: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["table"], 'color'>) => import("react").ReactElement<any, "table">, DefaultTheme, SystemProps, "color">;
template: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["template"], 'color'>) => import("react").ReactElement<any, "template">, DefaultTheme, SystemProps, "color">;
tbody: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tbody"], 'color'>) => import("react").ReactElement<any, "tbody">, DefaultTheme, SystemProps, "color">;
td: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["td"], 'color'>) => import("react").ReactElement<any, "td">, DefaultTheme, SystemProps, "color">;
textarea: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["textarea"], 'color'>) => import("react").ReactElement<any, "textarea">, DefaultTheme, SystemProps, "color">;
tfoot: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tfoot"], 'color'>) => import("react").ReactElement<any, "tfoot">, DefaultTheme, SystemProps, "color">;
th: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["th"], 'color'>) => import("react").ReactElement<any, "th">, DefaultTheme, SystemProps, "color">;
thead: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["thead"], 'color'>) => import("react").ReactElement<any, "thead">, DefaultTheme, SystemProps, "color">;
time: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["time"], 'color'>) => import("react").ReactElement<any, "time">, DefaultTheme, SystemProps, "color">;
title: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["title"], 'color'>) => import("react").ReactElement<any, "title">, DefaultTheme, SystemProps, "color">;
tr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tr"], 'color'>) => import("react").ReactElement<any, "tr">, DefaultTheme, SystemProps, "color">;
track: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["track"], 'color'>) => import("react").ReactElement<any, "track">, DefaultTheme, SystemProps, "color">;
u: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["u"], 'color'>) => import("react").ReactElement<any, "u">, DefaultTheme, SystemProps, "color">;
ul: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ul"], 'color'>) => import("react").ReactElement<any, "ul">, DefaultTheme, SystemProps, "color">;
var: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["var"], 'color'>) => import("react").ReactElement<any, "var">, DefaultTheme, SystemProps, "color">;
video: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["video"], 'color'>) => import("react").ReactElement<any, "video">, DefaultTheme, SystemProps, "color">;
wbr: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["wbr"], 'color'>) => import("react").ReactElement<any, "wbr">, DefaultTheme, SystemProps, "color">;
webview: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["webview"], 'color'>) => import("react").ReactElement<any, "webview">, DefaultTheme, SystemProps, "color">;
svg: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["svg"], 'color'>) => import("react").ReactElement<any, "svg">, DefaultTheme, SystemProps, "color">;
animate: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animate"], 'color'>) => import("react").ReactElement<any, "animate">, DefaultTheme, SystemProps, "color">;
animateMotion: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animateMotion"], 'color'>) => import("react").ReactElement<any, "animateMotion">, DefaultTheme, SystemProps, "color">;
animateTransform: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["animateTransform"], 'color'>) => import("react").ReactElement<any, "animateTransform">, DefaultTheme, SystemProps, "color">;
circle: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["circle"], 'color'>) => import("react").ReactElement<any, "circle">, DefaultTheme, SystemProps, "color">;
clipPath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["clipPath"], 'color'>) => import("react").ReactElement<any, "clipPath">, DefaultTheme, SystemProps, "color">;
defs: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["defs"], 'color'>) => import("react").ReactElement<any, "defs">, DefaultTheme, SystemProps, "color">;
desc: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["desc"], 'color'>) => import("react").ReactElement<any, "desc">, DefaultTheme, SystemProps, "color">;
ellipse: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["ellipse"], 'color'>) => import("react").ReactElement<any, "ellipse">, DefaultTheme, SystemProps, "color">;
feBlend: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feBlend"], 'color'>) => import("react").ReactElement<any, "feBlend">, DefaultTheme, SystemProps, "color">;
feColorMatrix: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feColorMatrix"], 'color'>) => import("react").ReactElement<any, "feColorMatrix">, DefaultTheme, SystemProps, "color">;
feComponentTransfer: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feComponentTransfer"], 'color'>) => import("react").ReactElement<any, "feComponentTransfer">, DefaultTheme, SystemProps, "color">;
feComposite: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feComposite"], 'color'>) => import("react").ReactElement<any, "feComposite">, DefaultTheme, SystemProps, "color">;
feConvolveMatrix: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feConvolveMatrix"], 'color'>) => import("react").ReactElement<any, "feConvolveMatrix">, DefaultTheme, SystemProps, "color">;
feDiffuseLighting: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDiffuseLighting"], 'color'>) => import("react").ReactElement<any, "feDiffuseLighting">, DefaultTheme, SystemProps, "color">;
feDisplacementMap: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDisplacementMap"], 'color'>) => import("react").ReactElement<any, "feDisplacementMap">, DefaultTheme, SystemProps, "color">;
feDistantLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDistantLight"], 'color'>) => import("react").ReactElement<any, "feDistantLight">, DefaultTheme, SystemProps, "color">;
feDropShadow: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feDropShadow"], 'color'>) => import("react").ReactElement<any, "feDropShadow">, DefaultTheme, SystemProps, "color">;
feFlood: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFlood"], 'color'>) => import("react").ReactElement<any, "feFlood">, DefaultTheme, SystemProps, "color">;
feFuncA: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncA"], 'color'>) => import("react").ReactElement<any, "feFuncA">, DefaultTheme, SystemProps, "color">;
feFuncB: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncB"], 'color'>) => import("react").ReactElement<any, "feFuncB">, DefaultTheme, SystemProps, "color">;
feFuncG: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncG"], 'color'>) => import("react").ReactElement<any, "feFuncG">, DefaultTheme, SystemProps, "color">;
feFuncR: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feFuncR"], 'color'>) => import("react").ReactElement<any, "feFuncR">, DefaultTheme, SystemProps, "color">;
feGaussianBlur: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feGaussianBlur"], 'color'>) => import("react").ReactElement<any, "feGaussianBlur">, DefaultTheme, SystemProps, "color">;
feImage: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feImage"], 'color'>) => import("react").ReactElement<any, "feImage">, DefaultTheme, SystemProps, "color">;
feMerge: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMerge"], 'color'>) => import("react").ReactElement<any, "feMerge">, DefaultTheme, SystemProps, "color">;
feMergeNode: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMergeNode"], 'color'>) => import("react").ReactElement<any, "feMergeNode">, DefaultTheme, SystemProps, "color">;
feMorphology: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feMorphology"], 'color'>) => import("react").ReactElement<any, "feMorphology">, DefaultTheme, SystemProps, "color">;
feOffset: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feOffset"], 'color'>) => import("react").ReactElement<any, "feOffset">, DefaultTheme, SystemProps, "color">;
fePointLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["fePointLight"], 'color'>) => import("react").ReactElement<any, "fePointLight">, DefaultTheme, SystemProps, "color">;
feSpecularLighting: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpecularLighting"], 'color'>) => import("react").ReactElement<any, "feSpecularLighting">, DefaultTheme, SystemProps, "color">;
feSpotLight: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feSpotLight"], 'color'>) => import("react").ReactElement<any, "feSpotLight">, DefaultTheme, SystemProps, "color">;
feTile: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feTile"], 'color'>) => import("react").ReactElement<any, "feTile">, DefaultTheme, SystemProps, "color">;
feTurbulence: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["feTurbulence"], 'color'>) => import("react").ReactElement<any, "feTurbulence">, DefaultTheme, SystemProps, "color">;
filter: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["filter"], 'color'>) => import("react").ReactElement<any, "filter">, DefaultTheme, SystemProps, "color">;
foreignObject: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["foreignObject"], 'color'>) => import("react").ReactElement<any, "foreignObject">, DefaultTheme, SystemProps, "color">;
g: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["g"], 'color'>) => import("react").ReactElement<any, "g">, DefaultTheme, SystemProps, "color">;
image: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["image"], 'color'>) => import("react").ReactElement<any, "image">, DefaultTheme, SystemProps, "color">;
line: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["line"], 'color'>) => import("react").ReactElement<any, "line">, DefaultTheme, SystemProps, "color">;
linearGradient: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["linearGradient"], 'color'>) => import("react").ReactElement<any, "linearGradient">, DefaultTheme, SystemProps, "color">;
marker: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["marker"], 'color'>) => import("react").ReactElement<any, "marker">, DefaultTheme, SystemProps, "color">;
mask: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mask"], 'color'>) => import("react").ReactElement<any, "mask">, DefaultTheme, SystemProps, "color">;
metadata: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["metadata"], 'color'>) => import("react").ReactElement<any, "metadata">, DefaultTheme, SystemProps, "color">;
mpath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["mpath"], 'color'>) => import("react").ReactElement<any, "mpath">, DefaultTheme, SystemProps, "color">;
path: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["path"], 'color'>) => import("react").ReactElement<any, "path">, DefaultTheme, SystemProps, "color">;
pattern: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["pattern"], 'color'>) => import("react").ReactElement<any, "pattern">, DefaultTheme, SystemProps, "color">;
polygon: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["polygon"], 'color'>) => import("react").ReactElement<any, "polygon">, DefaultTheme, SystemProps, "color">;
polyline: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["polyline"], 'color'>) => import("react").ReactElement<any, "polyline">, DefaultTheme, SystemProps, "color">;
radialGradient: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["radialGradient"], 'color'>) => import("react").ReactElement<any, "radialGradient">, DefaultTheme, SystemProps, "color">;
rect: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["rect"], 'color'>) => import("react").ReactElement<any, "rect">, DefaultTheme, SystemProps, "color">;
stop: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["stop"], 'color'>) => import("react").ReactElement<any, "stop">, DefaultTheme, SystemProps, "color">;
switch: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["switch"], 'color'>) => import("react").ReactElement<any, "switch">, DefaultTheme, SystemProps, "color">;
text: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["text"], 'color'>) => import("react").ReactElement<any, "text">, DefaultTheme, SystemProps, "color">;
textPath: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["textPath"], 'color'>) => import("react").ReactElement<any, "textPath">, DefaultTheme, SystemProps, "color">;
tspan: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["tspan"], 'color'>) => import("react").ReactElement<any, "tspan">, DefaultTheme, SystemProps, "color">;
use: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["use"], 'color'>) => import("react").ReactElement<any, "use">, DefaultTheme, SystemProps, "color">;
view: import("styled-components").StyledComponent<(props: Omit<JSX.IntrinsicElements["view"], 'color'>) => import("react").ReactElement<any, "view">, DefaultTheme, SystemProps, "color">;
};
declare const styled: VStyled;
//#endregion
export { CSSFunction, CreateGlobalStyle, VStyled, createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled as default, styled, v };
//# sourceMappingURL=styled.d.ts.map