@yahoo/uds-v5-wip 1.60.0 → 1.61.0

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

@@ -1,611 +0,0 @@
-import { ComponentConfig } from "../../config/dist/createConfig.js";
-//#region ../components/dist/tabs.config.d.ts
-declare const tabsConfig: ComponentConfig<{
-  Tabs: {
-    readonly base: {
-      readonly root: {
-        readonly display: "flex";
-        readonly flexDirection: "column";
-        readonly gap: string;
-      };
-      readonly tabList: {
-        readonly display: "flex";
-        readonly gap: string;
-        readonly backgroundColor: string;
-        readonly padding: string;
-        readonly borderRadius: string;
-      };
-      readonly tab: {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly activeTab: {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: "1";
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: "450";
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      } | {
-        readonly position: "relative";
-        readonly flex: "1";
-        readonly textAlign: "center";
-        readonly padding: string;
-        readonly borderRadius: string;
-        readonly color: string;
-        readonly cursor: "pointer";
-        readonly backgroundColor: "transparent";
-        readonly fontSize: string;
-        readonly fontWeight: string;
-        readonly lineHeight: string;
-        readonly fontFamily: string;
-      };
-      readonly indicator: {
-        readonly backgroundColor: string;
-        readonly borderRadius: string;
-        readonly boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly transition: "left 0.4s cubic-bezier(0.16, 1, 0.3, 1), width 0.4s cubic-bezier(0.16, 1, 0.3, 1)";
-      };
-      readonly content: {
-        readonly padding: string;
-        readonly backgroundColor: string;
-        readonly borderRadius: string;
-        readonly borderWidth: string;
-        readonly borderColor: string;
-        readonly minHeight: "4rem";
-      };
-    };
-  };
-}, {}>;
-type TabsConfig = typeof tabsConfig;
-//#endregion
-export { TabsConfig, tabsConfig };

package/dist/components/dist/tabs.config.js

@@ -1,56 +0,0 @@
-import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
-import "../../foundational-presets/dist/index.js";
-import { textVariants } from "./text.config.js";
-//#region ../components/dist/tabs.config.js
-const tabsConfig = defaultFoundationPreset.defineComponent("Tabs", ({ tokens }) => ({ base: {
-	root: {
-		display: "flex",
-		flexDirection: "column",
-		gap: tokens.spacing["4"]
-	},
-	tabList: {
-		display: "flex",
-		gap: tokens.spacing["1"],
-		backgroundColor: tokens.bg.tertiary,
-		padding: tokens.spacing["1.5"],
-		borderRadius: tokens.radius.sm
-	},
-	tab: {
-		...textVariants.label2,
-		position: "relative",
-		flex: "1",
-		textAlign: "center",
-		padding: tokens.spacing["2"],
-		borderRadius: tokens.radius.xs,
-		color: tokens.color["on-tertiary"],
-		cursor: "pointer",
-		backgroundColor: "transparent"
-	},
-	activeTab: {
-		...textVariants.label2,
-		position: "relative",
-		flex: "1",
-		textAlign: "center",
-		padding: tokens.spacing["2"],
-		borderRadius: tokens.radius.xs,
-		color: tokens.color["on-primary"],
-		cursor: "pointer",
-		backgroundColor: "transparent"
-	},
-	indicator: {
-		backgroundColor: tokens.bg.primary,
-		borderRadius: tokens.radius.xs,
-		boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-		transition: "left 0.4s cubic-bezier(0.16, 1, 0.3, 1), width 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
-	},
-	content: {
-		padding: tokens.spacing["4"],
-		backgroundColor: tokens.bg.tertiary,
-		borderRadius: tokens.radius.sm,
-		borderWidth: tokens.borderWidth.thin,
-		borderColor: tokens.borderColor.secondary,
-		minHeight: "4rem"
-	}
-} }));
-//#endregion
-export { tabsConfig };