@yahoo/uds 3.66.0 → 3.67.0-beta.1

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

@@ -0,0 +1,227 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createComponentStates, createConfigurableProperty, createLayerConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties } from "../utils/index.js";
+import { alwaysPaletteAliases, backgroundPaletteColors, borderWidths, foregroundPaletteColors, linePaletteColors, shadowVariants, shadowVariantsWithInvert, spacingAliases, spectrumColors, textVariants } from "@yahoo/uds/fixtures";
+
+//#region src/tokens/automation/configs/radio.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const RadioConfig = defineComponentConfig({
+	label: "Radio",
+	description: "Component for demo purposes and testing the automation",
+	variants: {
+		variant: createVariantConfigWithComponentStates({
+			label: "Variant",
+			description: "Preview the colors, spacing values, and motion effects of your component at their default size.",
+			isConfigurable: true,
+			options: [
+				"primary",
+				"secondary",
+				"alert",
+				"alert-secondary"
+			],
+			default: "primary",
+			componentStates: { value: createComponentStates({
+				label: "value",
+				options: ["checked", "unchecked"],
+				layers: {
+					root: createLayerConfig({
+						label: "root",
+						properties: { color: createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								foregroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: ["hover", "pressed"],
+							defaults: {
+								primary: "primary",
+								secondary: "secondary",
+								alert: "alert",
+								"alert-secondary": "alert-secondary"
+							}
+						}) }
+					}),
+					radio: createLayerConfig({
+						label: "radio",
+						properties: {
+							borderColor: createConfigurableProperty({
+								name: "borderColor",
+								label: "Radio border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									linePaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "tertiary",
+									secondary: "secondary",
+									alert: "alert",
+									"alert-secondary": "alert-secondary"
+								}
+							}),
+							backgroundColor: createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Radio background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									spectrumColors,
+									backgroundPaletteColors,
+									alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "secondary",
+									secondary: "secondary",
+									alert: "secondary",
+									"alert-secondary": "secondary"
+								}
+							}),
+							shadow: createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [shadowVariants],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl",
+									secondary: "xl",
+									alert: "xl",
+									"alert-secondary": "xl"
+								}
+							}),
+							insetShadow: createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [shadowVariantsWithInvert],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl-invert",
+									secondary: "md-invert",
+									alert: "xl",
+									"alert-secondary": "xl-invert"
+								}
+							})
+						}
+					}),
+					radioCircle: createLayerConfig({
+						label: "radioCircle",
+						properties: { backgroundColor: createConfigurableProperty({
+							name: "backgroundColor",
+							label: "Radio circle color",
+							typeOfFixture: [
+								"spectrumColors",
+								"backgroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								spectrumColors,
+								backgroundPaletteColors,
+								alwaysPaletteAliases
+							],
+							pseudoStates: ["hover", "pressed"],
+							defaults: {
+								primary: "brand",
+								secondary: "brand-secondary",
+								alert: "alert",
+								"alert-secondary": "alert-secondary"
+							}
+						}) }
+					})
+				}
+			}) }
+		}),
+		size: createVariantConfigWithProperties({
+			label: "Size",
+			description: "These sizes will apply across all variants",
+			isConfigurable: true,
+			default: "sm",
+			options: ["sm", "md"],
+			layers: {
+				root: createLayerConfig({
+					label: "root",
+					properties: {
+						gap: createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2.5"
+							}
+						}),
+						textVariant: createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				radio: createLayerConfig({
+					label: "radio",
+					properties: {
+						borderWidth: createConfigurableProperty({
+							name: "borderWidth",
+							label: "Radio border width",
+							typeOfFixture: ["borderWidths"],
+							values: [borderWidths],
+							defaults: {
+								sm: "thin",
+								md: "thin"
+							}
+						}),
+						height: createConfigurableProperty({
+							name: "height",
+							label: "Radio height",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						}),
+						width: createConfigurableProperty({
+							name: "width",
+							label: "Radio width",
+							typeOfFixture: ["spacingAliases"],
+							values: [spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "5"
+							}
+						})
+					}
+				})
+			}
+		})
+	}
+});
+
+//#endregion
+export { RadioConfig };

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

@@ -0,0 +1,296 @@
+/*! © 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/switch.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const SwitchConfig = defineComponentConfig({
+	label: "Switch",
+	description: "A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",
+	variants: {
+		variant: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+			label: "Variant",
+			description: "A switch is a toggle control that lets users turn a setting on or off. It’s commonly used for binary actions like enabling or disabling a feature.",
+			default: "default",
+			options: ["default"],
+			isConfigurable: true,
+			componentStates: { active: require_tokens_automation_utils_index.createComponentStates({
+				label: "active",
+				options: ["on", "off"],
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: { labelColor: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Label color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							defaults: { default: "secondary" }
+						}) }
+					}),
+					switch: require_tokens_automation_utils_index.createLayerConfig({
+						label: "switch",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Track background color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "Track border color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "brand" }
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handle: require_tokens_automation_utils_index.createLayerConfig({
+						label: "handle",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Handle color",
+								pseudoStates: ["hover"],
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: { default: "primary" }
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover"],
+								defaults: { default: "xl" }
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover"],
+								defaults: { default: "2xl-invert" }
+							})
+						}
+					}),
+					handleIcon: require_tokens_automation_utils_index.createLayerConfig({
+						label: "handleIcon",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							pseudoStates: ["hover"],
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [__yahoo_uds_fixtures.spectrumColors, __yahoo_uds_fixtures.foregroundPaletteColors],
+							defaults: { default: "brand" }
+						}) }
+					})
+				}
+			}) }
+		}),
+		size: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+			label: "Size",
+			description: "These sizes will apply across all variants",
+			isConfigurable: true,
+			default: "md",
+			options: ["sm", "md"],
+			layers: {
+				root: require_tokens_automation_utils_index.createLayerConfig({
+					label: "root",
+					properties: {
+						spacingHorizontal: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "spacingHorizontal",
+							label: "Spacing horizontal",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "0",
+								md: "0"
+							}
+						}),
+						spacingVertical: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "spacingVertical",
+							label: "Spacing vertical",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "1",
+								md: "1.5"
+							}
+						}),
+						gap: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "gap",
+							label: "Gap",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "2",
+								md: "2"
+							}
+						}),
+						textVariant: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "textVariant",
+							label: "Text variant",
+							typeOfFixture: ["textVariants"],
+							values: [__yahoo_uds_fixtures.textVariants],
+							defaults: {
+								sm: "label4",
+								md: "label2"
+							}
+						})
+					}
+				}),
+				switch: require_tokens_automation_utils_index.createLayerConfig({
+					label: "switch",
+					properties: {
+						height: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "5",
+								md: "7"
+							}
+						}),
+						width: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "8",
+								md: "12"
+							}
+						}),
+						borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "borderWidth",
+							label: "Track border width",
+							typeOfFixture: ["borderWidths"],
+							values: [__yahoo_uds_fixtures.borderWidths],
+							defaults: {
+								sm: "none",
+								md: "none"
+							}
+						}),
+						padding: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "padding",
+							label: "Track padding",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "0.5",
+								md: "0.5"
+							}
+						})
+					}
+				}),
+				handle: require_tokens_automation_utils_index.createLayerConfig({
+					label: "Handle",
+					properties: {
+						height: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "height",
+							label: "Track height",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						}),
+						width: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "width",
+							label: "Track width",
+							typeOfFixture: ["spacingAliases"],
+							values: [__yahoo_uds_fixtures.spacingAliases],
+							defaults: {
+								sm: "4",
+								md: "6"
+							}
+						})
+					}
+				}),
+				handleIcon: require_tokens_automation_utils_index.createLayerConfig({
+					label: "Icon",
+					properties: { size: require_tokens_automation_utils_index.createConfigurableProperty({
+						name: "iconSize",
+						label: "Icon size",
+						typeOfFixture: ["iconSizes"],
+						values: [__yahoo_uds_fixtures.iconSizes],
+						defaults: {
+							sm: "sm",
+							md: "sm"
+						}
+					}) }
+				})
+			}
+		})
+	}
+});
+
+//#endregion
+exports.SwitchConfig = SwitchConfig;

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

@@ -0,0 +1,14 @@
+import { VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
+import "../../index.cjs";
+
+//#region src/tokens/automation/configs/switch.d.ts
+declare const SwitchConfig: {
+  label: string;
+  description: string;
+  variants: {
+    variant: VariantConfigWithComponentStates<string>;
+    size: VariantConfigWithProperties<string>;
+  };
+};
+//#endregion
+export { SwitchConfig };

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

@@ -0,0 +1,14 @@
+import { VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
+import "../../index.js";
+
+//#region src/tokens/automation/configs/switch.d.ts
+declare const SwitchConfig: {
+  label: string;
+  description: string;
+  variants: {
+    variant: VariantConfigWithComponentStates<string>;
+    size: VariantConfigWithProperties<string>;
+  };
+};
+//#endregion
+export { SwitchConfig };