@tamagui/web 3.0.0-beta.922.1 → 3.0.0

package/dist/esm/dom/html.mjs

@@ -1,272 +1,159 @@
 import { createComponent } from "../createComponent.mjs";
-import { textStaticConfig } from "../views/Text.mjs";
-import { viewStaticConfig } from "../views/View.mjs";
+import { htmlStaticConfig, htmlTextStaticConfig } from "./htmlStaticConfig.mjs";
 
 const tag = (name) => name;
 const a = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("a"),
-	displayName: "a",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "a"
 });
 const article = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("article"),
-	displayName: "article",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "article"
 });
 const aside = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("aside"),
-	displayName: "aside",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "aside"
 });
 const b = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("b"),
 	displayName: "b",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontWeight: "bold"
-	}
+	defaultProps: { fontWeight: "bold" }
 });
 const bdi = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("bdi"),
-	displayName: "bdi",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "bdi"
 });
 const bdo = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("bdo"),
-	displayName: "bdo",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "bdo"
 });
 const blockquote = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("blockquote"),
-	displayName: "blockquote",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "blockquote"
 });
 const br = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("br"),
-	displayName: "br",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "br"
 });
 const button = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("button"),
 	displayName: "button",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const code = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("code"),
 	displayName: "code",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
 });
 const del = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("del"),
 	displayName: "del",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "line-through"
-	}
+	defaultProps: { textDecorationLine: "line-through" }
 });
 const div = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("div"),
-	displayName: "div",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "div"
 });
 const em = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("em"),
 	displayName: "em",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontStyle: "italic"
-	}
+	defaultProps: { fontStyle: "italic" }
 });
 const fieldset = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("fieldset"),
-	displayName: "fieldset",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "fieldset"
 });
 const footer = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("footer"),
-	displayName: "footer",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "footer"
 });
 const form = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("form"),
-	displayName: "form",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "form"
 });
 const h1 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h1"),
 	displayName: "h1",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h2 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h2"),
 	displayName: "h2",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h3 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h3"),
 	displayName: "h3",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h4 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h4"),
 	displayName: "h4",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h5 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h5"),
 	displayName: "h5",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const h6 = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("h6"),
 	displayName: "h6",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontSize: "1.5rem",
 		fontWeight: "bold"
 	}
 });
 const header = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("header"),
-	displayName: "header",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "header"
 });
 const hr = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("hr"),
 	displayName: "hr",
 	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		backgroundColor: "black",
 		height: 1,
 		borderStyle: "none",
@@ -275,285 +162,156 @@ const hr = createComponent({
 	}
 });
 const i = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("i"),
 	displayName: "i",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontStyle: "italic"
-	}
+	defaultProps: { fontStyle: "italic" }
 });
 const img = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("img"),
 	displayName: "img",
 	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		objectFit: "fill",
 		height: "auto",
 		maxWidth: "100%"
 	}
 });
 const input = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("input"),
 	displayName: "input",
 	isInput: true,
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const ins = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("ins"),
 	displayName: "ins",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "underline"
-	}
+	defaultProps: { textDecorationLine: "underline" }
 });
 const kbd = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("kbd"),
 	displayName: "kbd",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		fontFamily: "monospace",
 		fontSize: "1em"
 	}
 });
 const label = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("label"),
-	displayName: "label",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "label"
 });
 const li = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("li"),
-	displayName: "li",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "li"
 });
 const main = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("main"),
-	displayName: "main",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "main"
 });
 const mark = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("mark"),
 	displayName: "mark",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
 		backgroundColor: "yellow",
 		color: "black"
 	}
 });
 const nav = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("nav"),
-	displayName: "nav",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "nav"
 });
 const ol = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("ol"),
-	displayName: "ol",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "ol"
 });
 const optgroup = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("optgroup"),
-	displayName: "optgroup",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "optgroup"
 });
 const option = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("option"),
-	displayName: "option",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "option"
 });
 const p = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("p"),
-	displayName: "p",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "p"
 });
 const pre = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("pre"),
 	displayName: "pre",
 	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
 		fontFamily: "monospace",
 		fontSize: "1em",
 		overflow: "auto"
 	}
 });
 const s = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("s"),
 	displayName: "s",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "line-through"
-	}
+	defaultProps: { textDecorationLine: "line-through" }
 });
 const section = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("section"),
-	displayName: "section",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "section"
 });
 const select = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("select"),
-	displayName: "select",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid"
-	}
+	displayName: "select"
 });
 const span = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("span"),
-	displayName: "span",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "span"
 });
 const strong = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("strong"),
 	displayName: "strong",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none",
-		fontWeight: "bold"
-	}
+	defaultProps: { fontWeight: "bold" }
 });
 const sub = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("sub"),
-	displayName: "sub",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "sub"
 });
 const sup = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("sup"),
-	displayName: "sup",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "none"
-	}
+	displayName: "sup"
 });
 const textarea = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("textarea"),
 	displayName: "textarea",
 	isInput: true,
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		borderStyle: "solid",
-		borderWidth: 1
-	}
+	defaultProps: { borderWidth: 1 }
 });
 const u = createComponent({
-	...textStaticConfig,
+	...htmlTextStaticConfig,
 	Component: tag("u"),
 	displayName: "u",
-	defaultProps: {
-		...textStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0,
-		textDecorationLine: "underline"
-	}
+	defaultProps: { textDecorationLine: "underline" }
 });
 const ul = createComponent({
-	...viewStaticConfig,
+	...htmlStaticConfig,
 	Component: tag("ul"),
-	displayName: "ul",
-	defaultProps: {
-		...viewStaticConfig.defaultProps,
-		margin: 0,
-		padding: 0
-	}
+	displayName: "ul"
 });
 const html = {
 	a,