@yahoo/uds-v5-wip 0.0.1

package/dist/components/dist/anchor.config.d.ts

@@ -0,0 +1,251 @@
+import { ComponentConfig } from "../../config/dist/createConfig.js";
+//#region ../components/dist/anchor.config.d.ts
+//#region src/anchor.config.d.ts
+declare const anchorConfig: ComponentConfig<{
+  Anchor: {
+    readonly base: {
+      readonly root: {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+    readonly variants: {
+      readonly underline: {
+        readonly always: {
+          readonly root: {
+            readonly textDecorationLine: "underline";
+            readonly textUnderlineOffset: "2px";
+            readonly textDecorationThickness: "1px";
+          };
+        };
+        readonly hover: {
+          readonly root: {
+            readonly _hover: {
+              readonly textDecorationLine: "underline";
+            };
+          };
+        };
+      };
+    };
+  };
+}, {}>;
+type AnchorConfig = typeof anchorConfig; //#endregion
+//#endregion
+export { AnchorConfig, anchorConfig };

package/dist/components/dist/anchor.config.js

@@ -0,0 +1,22 @@
+import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
+import "../../foundational-presets/dist/index.js";
+import { textVariants } from "./text.config.js";
+//#region ../components/dist/anchor.config.js
+const anchorConfig = defaultFoundationPreset.defineComponent("Anchor", ({ tokens }) => ({
+	base: { root: {
+		...textVariants.body,
+		color: tokens.color.brand,
+		textDecorationLine: "none",
+		_hover: { color: tokens.color.accent }
+	} },
+	variants: { underline: {
+		always: { root: {
+			textDecorationLine: "underline",
+			textUnderlineOffset: "2px",
+			textDecorationThickness: "1px"
+		} },
+		hover: { root: { _hover: { textDecorationLine: "underline" } } }
+	} }
+}));
+//#endregion
+export { anchorConfig };

package/dist/components/dist/anchor.d.ts

@@ -0,0 +1,262 @@
+import { ComponentConfig } from "../../config/dist/createConfig.js";
+import * as _$react from "react";
+import * as _$_uds_types0 from "@uds/types";
+import { HtmlAnchorProps, ModifierProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
+
+//#region ../components/dist/anchor.d.ts
+//#region src/anchor.d.ts
+interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
+interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
+  children?: React.ReactNode;
+}
+/**
+ * @description A text link that navigates to a URL
+ */
+declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  Anchor: {
+    readonly base: {
+      readonly root: {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly textDecorationLine: "none";
+        readonly _hover: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+    readonly variants: {
+      readonly underline: {
+        readonly always: {
+          readonly root: {
+            readonly textDecorationLine: "underline";
+            readonly textUnderlineOffset: "2px";
+            readonly textDecorationThickness: "1px";
+          };
+        };
+        readonly hover: {
+          readonly root: {
+            readonly _hover: {
+              readonly textDecorationLine: "underline";
+            };
+          };
+        };
+      };
+    };
+  };
+}, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
+type AnchorProps = React.ComponentProps<typeof Anchor>; //#endregion
+//#endregion
+export { Anchor, AnchorOwnProps, AnchorProps };

package/dist/components/dist/anchor.js

@@ -0,0 +1,9 @@
+import { createComponent } from "../../core/dist/createComponent.js";
+import "../../core/dist/index.js";
+//#region ../components/dist/anchor.js
+/**
+* @description A text link that navigates to a URL
+*/
+const Anchor = createComponent("a");
+//#endregion
+export { Anchor };

package/dist/components/dist/article.d.ts

@@ -0,0 +1,12 @@
+import * as _$react from "react";
+import { HtmlArticleProps, StyleAndModifierProps } from "@uds/types";
+
+//#region ../components/dist/article.d.ts
+//#region src/article.d.ts
+interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
+/**
+ * @description A primitive that defines independent, self-contained content
+ */
+declare const Article: _$react.FC<ArticleProps>; //#endregion
+//#endregion
+export { Article, ArticleProps };

package/dist/components/dist/article.js

@@ -0,0 +1,9 @@
+import { createComponent } from "../../core/dist/createComponent.js";
+import "../../core/dist/index.js";
+//#region ../components/dist/article.js
+/**
+* @description A primitive that defines independent, self-contained content
+*/
+const Article = createComponent("article");
+//#endregion
+export { Article };

package/dist/components/dist/aside.d.ts

@@ -0,0 +1,12 @@
+import * as _$react from "react";
+import { HtmlAsideProps, StyleAndModifierProps } from "@uds/types";
+
+//#region ../components/dist/aside.d.ts
+//#region src/aside.d.ts
+interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
+/**
+ * @description A primitive that renders content that is only indirectly related to the document's main content
+ */
+declare const Aside: _$react.FC<AsideProps>; //#endregion
+//#endregion
+export { Aside, AsideProps };

package/dist/components/dist/aside.js

@@ -0,0 +1,9 @@
+import { createComponent } from "../../core/dist/createComponent.js";
+import "../../core/dist/index.js";
+//#region ../components/dist/aside.js
+/**
+* @description A primitive that renders content that is only indirectly related to the document's main content
+*/
+const Aside = createComponent("aside");
+//#endregion
+export { Aside };