@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/tokens/automation/configs/menu.cjs

@@ -0,0 +1,309 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_tokens_automation_utils_index = require('../utils/index.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+
+//#region src/tokens/automation/configs/menu.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const MenuConfig = defineComponentConfig({
+	label: "Menu",
+	description: "A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",
+	variants: { size: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+		label: "size",
+		description: "",
+		isConfigurable: true,
+		options: ["default"],
+		default: "default",
+		layers: {
+			root: require_tokens_automation_utils_index.createLayerConfig({
+				label: "root",
+				properties: {}
+			}),
+			startIcon: require_tokens_automation_utils_index.createLayerConfig({
+				label: "startIcon",
+				properties: { size: require_tokens_automation_utils_index.createConfigurableProperty({
+					name: "iconSize",
+					label: "Icon size",
+					typeOfFixture: ["iconSizes"],
+					values: [__yahoo_uds_fixtures.iconSizes],
+					defaults: { default: "sm" }
+				}) }
+			}),
+			endIcon: require_tokens_automation_utils_index.createLayerConfig({
+				label: "endIcon",
+				properties: { size: require_tokens_automation_utils_index.createConfigurableProperty({
+					name: "iconSize",
+					label: "Icon size",
+					typeOfFixture: ["iconSizes"],
+					values: [__yahoo_uds_fixtures.iconSizes],
+					defaults: { default: "sm" }
+				}) }
+			})
+		}
+	}) },
+	subComponents: {
+		item: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "Item",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				componentStates: { active: require_tokens_automation_utils_index.createComponentStates({
+					label: "active",
+					options: ["on", "off"],
+					layers: {
+						root: require_tokens_automation_utils_index.createLayerConfig({
+							label: "root",
+							properties: { backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								pseudoStates: ["hover", "focused"],
+								label: "background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand-secondary" }
+							}) }
+						}),
+						text: require_tokens_automation_utils_index.createLayerConfig({
+							label: "text",
+							properties: {
+								color: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "color",
+									label: "Text color",
+									pseudoStates: ["hover", "focused"],
+									typeOfFixture: [
+										"spectrumColors",
+										"foregroundPaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										__yahoo_uds_fixtures.spectrumColors,
+										__yahoo_uds_fixtures.foregroundPaletteColors,
+										__yahoo_uds_fixtures.alwaysPaletteAliases
+									],
+									defaults: { default: "brand" }
+								}),
+								textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "textVariant",
+									label: "Text variant",
+									typeOfFixture: ["textVariants"],
+									pseudoStates: ["hover", "focused"],
+									values: [__yahoo_uds_fixtures.textVariants],
+									defaults: { default: "label2" }
+								})
+							}
+						}),
+						icon: require_tokens_automation_utils_index.createLayerConfig({
+							label: "icon",
+							properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.foregroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						})
+					}
+				}) }
+			}) }
+		}),
+		itemCheckbox: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "ItemCheckbox",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				componentStates: { active: require_tokens_automation_utils_index.createComponentStates({
+					label: "active",
+					options: ["on", "off"],
+					layers: {
+						root: require_tokens_automation_utils_index.createLayerConfig({
+							label: "root",
+							properties: { backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "background color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand-secondary" }
+							}) }
+						}),
+						text: require_tokens_automation_utils_index.createLayerConfig({
+							label: "text",
+							properties: {
+								textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "textVariant",
+									label: "Text variant",
+									typeOfFixture: ["textVariants"],
+									pseudoStates: ["hover", "focused"],
+									values: [__yahoo_uds_fixtures.textVariants],
+									defaults: { default: "label2" }
+								}),
+								color: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "color",
+									label: "Text color",
+									pseudoStates: ["hover", "focused"],
+									typeOfFixture: [
+										"spectrumColors",
+										"foregroundPaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										__yahoo_uds_fixtures.spectrumColors,
+										__yahoo_uds_fixtures.foregroundPaletteColors,
+										__yahoo_uds_fixtures.alwaysPaletteAliases
+									],
+									defaults: { default: "brand" }
+								})
+							}
+						}),
+						startIcon: require_tokens_automation_utils_index.createLayerConfig({
+							label: "startIcon",
+							properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.foregroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						}),
+						endIcon: require_tokens_automation_utils_index.createLayerConfig({
+							label: "endIcon",
+							properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.foregroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						})
+					}
+				}) }
+			}) }
+		}),
+		divider: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "divider",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: {}
+					}),
+					text: require_tokens_automation_utils_index.createLayerConfig({
+						label: "text",
+						properties: {
+							color: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "color",
+								label: "text color",
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.foregroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "muted" }
+							}),
+							textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "textVariant",
+								label: "text variant",
+								typeOfFixture: ["textVariants"],
+								values: [__yahoo_uds_fixtures.textVariants],
+								defaults: { default: "label3" }
+							})
+						}
+					}),
+					line: require_tokens_automation_utils_index.createLayerConfig({
+						label: "line",
+						properties: {
+							borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderWidth",
+								label: "line thickness",
+								typeOfFixture: ["borderWidths"],
+								values: [__yahoo_uds_fixtures.borderWidths.filter((width) => width !== "none")],
+								defaults: { default: "thin" }
+							}),
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "line color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "transparent" }
+							})
+						}
+					})
+				}
+			}) }
+		})
+	}
+});
+
+//#endregion
+exports.MenuConfig = MenuConfig;

package/dist/tokens/automation/configs/menu.d.cts

@@ -0,0 +1,19 @@
+import { SubComponentConfig, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
+import "../../index.cjs";
+
+//#region src/tokens/automation/configs/menu.d.ts
+declare const MenuConfig: {
+  label: string;
+  description: string;
+  variants: {
+    size: VariantConfigWithProperties<string>;
+  };
+  subComponents: {
+    item: SubComponentConfig;
+    itemCheckbox: SubComponentConfig;
+    divider: SubComponentConfig;
+  };
+};
+//#endregion
+export { MenuConfig };
+//# sourceMappingURL=menu.d.cts.map

package/dist/tokens/automation/configs/menu.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.cts","names":[],"sources":["../../../../src/tokens/automation/configs/menu.ts"],"sourcesContent":[],"mappings":";;;;cAyBa;;;;IAAA,IAAA,CAAA,CA8TX,2BAAA,CAAA,MAAA,CAAA;EAAA,CAAA"}

package/dist/tokens/automation/configs/menu.d.ts

@@ -0,0 +1,19 @@
+import { SubComponentConfig, VariantConfigWithProperties } from "../types/ComponentConfig.js";
+import "../../index.js";
+
+//#region src/tokens/automation/configs/menu.d.ts
+declare const MenuConfig: {
+  label: string;
+  description: string;
+  variants: {
+    size: VariantConfigWithProperties<string>;
+  };
+  subComponents: {
+    item: SubComponentConfig;
+    itemCheckbox: SubComponentConfig;
+    divider: SubComponentConfig;
+  };
+};
+//#endregion
+export { MenuConfig };
+//# sourceMappingURL=menu.d.ts.map

package/dist/tokens/automation/configs/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../../../src/tokens/automation/configs/menu.ts"],"sourcesContent":[],"mappings":";;;;cAyBa;;;;IAAA,IAAA,CAAA,CA8TX,2BAAA,CAAA,MAAA,CAAA;EAAA,CAAA"}

package/dist/tokens/automation/configs/menu.js

@@ -0,0 +1,309 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties } from "../utils/index.js";
+import { alwaysPaletteAliases, backgroundPaletteColors, borderWidths, foregroundPaletteColors, iconSizes, linePaletteColors, spectrumColors, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/configs/menu.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const MenuConfig = defineComponentConfig({
+	label: "Menu",
+	description: "A menu is a component that offers a list of choices to the user, such as a set of actions or functions. ",
+	variants: { size: createVariantConfigWithProperties({
+		label: "size",
+		description: "",
+		isConfigurable: true,
+		options: ["default"],
+		default: "default",
+		layers: {
+			root: createLayerConfig({
+				label: "root",
+				properties: {}
+			}),
+			startIcon: createLayerConfig({
+				label: "startIcon",
+				properties: { size: createConfigurableProperty({
+					name: "iconSize",
+					label: "Icon size",
+					typeOfFixture: ["iconSizes"],
+					values: [iconSizes],
+					defaults: { default: "sm" }
+				}) }
+			}),
+			endIcon: createLayerConfig({
+				label: "endIcon",
+				properties: { size: createConfigurableProperty({
+					name: "iconSize",
+					label: "Icon size",
+					typeOfFixture: ["iconSizes"],
+					values: [iconSizes],
+					defaults: { default: "sm" }
+				}) }
+			})
+		}
+	}) },
+	subComponents: {
+		item: createSubComponentConfig({
+			label: "Item",
+			description: "",
+			variants: { variant: createVariantConfigWithComponentStates({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				componentStates: { active: createComponentStates({
+					label: "active",
+					options: ["on", "off"],
+					layers: {
+						root: createLayerConfig({
+							label: "root",
+							properties: { backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								pseudoStates: ["hover", "focused"],
+								label: "background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand-secondary" }
+							}) }
+						}),
+						text: createLayerConfig({
+							label: "text",
+							properties: {
+								color: createConfigurableProperty({
+									name: "color",
+									label: "Text color",
+									pseudoStates: ["hover", "focused"],
+									typeOfFixture: [
+										"spectrumColors",
+										"foregroundPaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										spectrumColors,
+										foregroundPaletteColors,
+										alwaysPaletteAliases
+									],
+									defaults: { default: "brand" }
+								}),
+								textVariant: createConfigurableProperty({
+									name: "textVariant",
+									label: "Text variant",
+									typeOfFixture: ["textVariants"],
+									pseudoStates: ["hover", "focused"],
+									values: [textVariants],
+									defaults: { default: "label2" }
+								})
+							}
+						}),
+						icon: createLayerConfig({
+							label: "icon",
+							properties: { color: createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									foregroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						})
+					}
+				}) }
+			}) }
+		}),
+		itemCheckbox: createSubComponentConfig({
+			label: "ItemCheckbox",
+			description: "",
+			variants: { variant: createVariantConfigWithComponentStates({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				componentStates: { active: createComponentStates({
+					label: "active",
+					options: ["on", "off"],
+					layers: {
+						root: createLayerConfig({
+							label: "root",
+							properties: { backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "background color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand-secondary" }
+							}) }
+						}),
+						text: createLayerConfig({
+							label: "text",
+							properties: {
+								textVariant: createConfigurableProperty({
+									name: "textVariant",
+									label: "Text variant",
+									typeOfFixture: ["textVariants"],
+									pseudoStates: ["hover", "focused"],
+									values: [textVariants],
+									defaults: { default: "label2" }
+								}),
+								color: createConfigurableProperty({
+									name: "color",
+									label: "Text color",
+									pseudoStates: ["hover", "focused"],
+									typeOfFixture: [
+										"spectrumColors",
+										"foregroundPaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										spectrumColors,
+										foregroundPaletteColors,
+										alwaysPaletteAliases
+									],
+									defaults: { default: "brand" }
+								})
+							}
+						}),
+						startIcon: createLayerConfig({
+							label: "startIcon",
+							properties: { color: createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									foregroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						}),
+						endIcon: createLayerConfig({
+							label: "endIcon",
+							properties: { color: createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								pseudoStates: ["hover", "focused"],
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									foregroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}) }
+						})
+					}
+				}) }
+			}) }
+		}),
+		divider: createSubComponentConfig({
+			label: "divider",
+			description: "",
+			variants: { variant: createVariantConfigWithProperties({
+				label: "variant",
+				description: "",
+				isConfigurable: true,
+				options: ["default"],
+				default: "default",
+				layers: {
+					root: createLayerConfig({
+						label: "root",
+						properties: {}
+					}),
+					text: createLayerConfig({
+						label: "text",
+						properties: {
+							color: createConfigurableProperty({
+								name: "color",
+								label: "text color",
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									foregroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "muted" }
+							}),
+							textVariant: createConfigurableProperty({
+								name: "textVariant",
+								label: "text variant",
+								typeOfFixture: ["textVariants"],
+								values: [textVariants],
+								defaults: { default: "label3" }
+							})
+						}
+					}),
+					line: createLayerConfig({
+						label: "line",
+						properties: {
+							borderWidth: createConfigurableProperty({
+								name: "borderWidth",
+								label: "line thickness",
+								typeOfFixture: ["borderWidths"],
+								values: [borderWidths.filter((width) => width !== "none")],
+								defaults: { default: "thin" }
+							}),
+							borderColor: createConfigurableProperty({
+								name: "borderColor",
+								label: "line color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									linePaletteColors,
+									alwaysPaletteAliases
+								],
+								defaults: { default: "transparent" }
+							})
+						}
+					})
+				}
+			}) }
+		})
+	}
+});
+
+//#endregion
+export { MenuConfig };
+//# sourceMappingURL=menu.js.map