@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/components/dist/item.d.ts

@@ -1,374 +0,0 @@
-import { ComponentConfig } from "../../config/dist/createConfig.js";
-import * as _$react from "react";
-import { ReactNode } from "react";
-import * as _$_uds_types0 from "@uds/types";
-
-//#region ../components/dist/item.d.ts
-interface ItemOwnProps {
-  media?: ReactNode;
-  title?: ReactNode;
-  description?: ReactNode;
-  actions?: ReactNode;
-  isActive?: boolean;
-  asChild?: boolean;
-  children?: ReactNode;
-}
-/**
- * @description A clickable row with optional media, title, description, and trailing actions
- */
-declare const Item: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
-  Item: {
-    readonly base: {
-      readonly root: {
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly gap: string;
-        readonly paddingLeft: string;
-        readonly paddingRight: string;
-        readonly paddingTop: string;
-        readonly paddingBottom: string;
-        readonly borderRadius: string;
-        readonly cursor: "pointer";
-        readonly _hover: {
-          readonly backgroundColor: string;
-        };
-      };
-      readonly media: {
-        readonly width: "28px";
-        readonly height: "28px";
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly justifyContent: "center";
-        readonly borderRadius: string;
-        readonly flexShrink: "0";
-        readonly color: string;
-      };
-      readonly content: {
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly gap: string;
-        readonly flex: "1";
-        readonly minWidth: "0px";
-      };
-      readonly title: {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly fontWeight: string;
-        readonly color: string;
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly description: {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly color: string;
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly actions: {
-        readonly display: "flex";
-        readonly alignItems: "center";
-        readonly gap: string;
-        readonly flexShrink: "0";
-      };
-    };
-    readonly variants: {
-      readonly variant: {
-        readonly default: {
-          readonly root: {};
-        };
-        readonly muted: {
-          readonly root: {
-            readonly backgroundColor: string;
-            readonly _hover: {
-              readonly backgroundColor: string;
-            };
-          };
-        };
-      };
-      readonly size: {
-        readonly sm: {
-          readonly root: {
-            readonly paddingLeft: string;
-            readonly paddingRight: string;
-            readonly paddingTop: string;
-            readonly paddingBottom: string;
-            readonly gap: string;
-          };
-          readonly media: {
-            readonly width: "24px";
-            readonly height: "24px";
-          };
-        };
-        readonly md: {
-          readonly root: {};
-        };
-      };
-    };
-    readonly defaultVariants: {
-      readonly variant: "default";
-      readonly size: "md";
-    };
-  };
-}, {}>, ItemOwnProps, {
-  root: "div";
-  media: "div";
-  content: "div";
-  title: "div";
-  description: "div";
-  actions: "div";
-}>>;
-type ItemProps = React.ComponentProps<typeof Item>;
-//#endregion
-export { Item, ItemOwnProps, ItemProps };

package/dist/components/dist/item.js

@@ -1,51 +0,0 @@
-import { createComponent } from "../../core/dist/createComponent.js";
-import "../../core/dist/index.js";
-import { DivSlot } from "./_slots.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region ../components/dist/item.js
-/**
-* @description A clickable row with optional media, title, description, and trailing actions
-*/
-const Item = createComponent(({ props, children, media, title, description, actions, isActive, asChild, ...nativeProps }) => {
-	const { isActive: _rootIsActive, ...rootProps } = props.root ?? {};
-	const rootStyle = isActive ?? _rootIsActive ? {
-		...rootProps,
-		style: {
-			...rootProps.style,
-			backgroundColor: "var(--uds-bg-secondary)"
-		}
-	} : rootProps;
-	const content = jsxs(Fragment, { children: [
-		media && jsx("div", {
-			...props.media,
-			children: media
-		}),
-		(title || description) && jsxs("div", {
-			...props.content,
-			children: [title && jsx("div", {
-				...props.title,
-				children: title
-			}), description && jsx("div", {
-				...props.description,
-				children: description
-			})]
-		}),
-		children,
-		actions && jsx("div", {
-			...props.actions,
-			children: actions
-		})
-	] });
-	if (asChild) return jsx(DivSlot, {
-		...rootStyle,
-		...nativeProps,
-		children: content
-	});
-	return jsx("div", {
-		...rootStyle,
-		...nativeProps,
-		children: content
-	});
-});
-//#endregion
-export { Item };

package/dist/components/dist/list.d.ts

@@ -1,19 +0,0 @@
-import * as _$react from "react";
-import * as _$_uds_types0 from "@uds/types";
-import { HtmlListItemProps, HtmlListProps, NativeListElementTag, StyleAndModifierProps } from "@uds/types";
-
-//#region ../components/dist/list.d.ts
-interface ListOwnProps extends HtmlListProps, StyleAndModifierProps {
-  as?: NativeListElementTag;
-}
-interface ListItemOwnProps extends HtmlListItemProps, StyleAndModifierProps {}
-/**
- * @description A primitive that renders a list of items
- */
-declare const List: _$react.FC<_$_uds_types0.CreateComponentProps<string, ListOwnProps, "div">>;
-/**
- * @description A primitive that renders a list item
- */
-declare const ListItem: _$react.FC<ListItemOwnProps>;
-//#endregion
-export { List, ListItem, ListItemOwnProps, ListOwnProps };

package/dist/components/dist/list.js

@@ -1,21 +0,0 @@
-import { createComponent } from "../../core/dist/createComponent.js";
-import "../../core/dist/index.js";
-import { jsx } from "react/jsx-runtime";
-//#region ../components/dist/list.js
-const Ul = createComponent("ul");
-const Ol = createComponent("ol");
-/**
-* @description A primitive that renders a list of items
-*/
-const List = createComponent(({ children, as = "ul", ...rest }) => {
-	return jsx(as === "ol" ? Ol : Ul, {
-		...rest,
-		children
-	});
-});
-/**
-* @description A primitive that renders a list item
-*/
-const ListItem = createComponent("li");
-//#endregion
-export { List, ListItem };

package/dist/components/dist/main.d.ts

@@ -1,11 +0,0 @@
-import * as _$react from "react";
-import { HtmlMainProps, StyleAndModifierProps } from "@uds/types";
-
-//#region ../components/dist/main.d.ts
-interface MainProps extends HtmlMainProps, StyleAndModifierProps {}
-/**
- * @description A primitive for a main content area
- */
-declare const Main: _$react.FC<MainProps>;
-//#endregion
-export { Main, MainProps };

package/dist/components/dist/main.js

@@ -1,9 +0,0 @@
-import { createComponent } from "../../core/dist/createComponent.js";
-import "../../core/dist/index.js";
-//#region ../components/dist/main.js
-/**
-* @description A primitive for a main content area
-*/
-const Main = createComponent("main");
-//#endregion
-export { Main };