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

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

@@ -0,0 +1,552 @@
+/*! © 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/chip.ts
+function defineComponentConfig(config) {
+	return config;
+}
+const ChipConfig = defineComponentConfig({
+	label: "Chip",
+	description: "A chip is a small, interactive element that presents information, actions, or selections in a compact form — commonly used for tags, filters, or user input.",
+	subComponents: {
+		toggle: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "Toggle",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithComponentStates({
+				label: "Variant",
+				description: "",
+				isConfigurable: true,
+				default: "primary",
+				options: [
+					"primary",
+					"secondary",
+					"brand",
+					"brand-secondary"
+				],
+				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",
+									typeOfFixture: [
+										"spectrumColors",
+										"backgroundPaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										__yahoo_uds_fixtures.spectrumColors,
+										__yahoo_uds_fixtures.backgroundPaletteColors,
+										__yahoo_uds_fixtures.alwaysPaletteAliases
+									],
+									pseudoStates: ["hover", "pressed"],
+									defaults: {
+										primary: "primary",
+										secondary: "secondary",
+										brand: "secondary",
+										"brand-secondary": "secondary"
+									}
+								}),
+								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
+									],
+									pseudoStates: ["hover", "pressed"],
+									defaults: {
+										primary: "primary",
+										secondary: "secondary",
+										brand: "secondary",
+										"brand-secondary": "secondary"
+									}
+								}),
+								borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "borderWidth",
+									label: "Border width",
+									typeOfFixture: ["borderWidths"],
+									pseudoStates: ["hover", "pressed"],
+									values: [__yahoo_uds_fixtures.borderWidths],
+									defaults: {
+										primary: "thin",
+										secondary: "none",
+										brand: "none",
+										"brand-secondary": "none"
+									}
+								}),
+								borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "borderColor",
+									label: "Border color",
+									typeOfFixture: [
+										"spectrumColors",
+										"linePaletteColors",
+										"alwaysPaletteAliases"
+									],
+									values: [
+										__yahoo_uds_fixtures.spectrumColors,
+										__yahoo_uds_fixtures.linePaletteColors,
+										__yahoo_uds_fixtures.alwaysPaletteAliases
+									],
+									pseudoStates: ["hover", "pressed"],
+									defaults: {
+										primary: "primary",
+										secondary: "secondary",
+										brand: "brand",
+										"brand-secondary": "brand-secondary"
+									}
+								}),
+								shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "shadow",
+									label: "Drop shadow",
+									typeOfFixture: ["shadowVariants"],
+									supportsCustom: true,
+									values: [__yahoo_uds_fixtures.shadowVariants],
+									pseudoStates: ["hover", "pressed"],
+									defaults: {
+										primary: "2xl",
+										secondary: "xl",
+										brand: "md",
+										"brand-secondary": "xl"
+									}
+								}),
+								insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+									name: "insetShadow",
+									label: "Inset shadow",
+									typeOfFixture: ["shadowVariantsWithInvert"],
+									supportsCustom: true,
+									values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+									pseudoStates: ["hover", "pressed"],
+									defaults: {
+										primary: "2xl-invert",
+										secondary: "md-invert",
+										brand: "md",
+										"brand-secondary": "xl"
+									}
+								})
+							}
+						}),
+						icon: require_tokens_automation_utils_index.createLayerConfig({
+							label: "icon",
+							properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "color",
+								label: "Icon color",
+								typeOfFixture: [
+									"spectrumColors",
+									"foregroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								pseudoStates: ["hover", "pressed"],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.foregroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								defaults: {
+									primary: "primary",
+									secondary: "secondary",
+									brand: "brand",
+									"brand-secondary": "brand-secondary"
+								}
+							}) }
+						})
+					}
+				}) }
+			}) }
+		}),
+		dismissible: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "Dismissible",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+				label: "Variant",
+				description: "",
+				isConfigurable: true,
+				default: "primary",
+				options: [
+					"primary",
+					"secondary",
+					"brand",
+					"brand-secondary"
+				],
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "gray-4",
+									secondary: "blue-4",
+									brand: "red-4",
+									"brand-secondary": "purple-4"
+								}
+							}),
+							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
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "gray-9",
+									secondary: "blue-9",
+									brand: "red-9",
+									"brand-secondary": "red-4"
+								}
+							}),
+							borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderWidth",
+								label: "Border width",
+								typeOfFixture: ["borderWidths"],
+								pseudoStates: ["hover", "pressed"],
+								values: [__yahoo_uds_fixtures.borderWidths],
+								defaults: {
+									primary: "thin",
+									secondary: "none",
+									brand: "none",
+									"brand-secondary": "none"
+								}
+							}),
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "Border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "primary",
+									secondary: "secondary",
+									brand: "brand",
+									"brand-secondary": "brand-secondary"
+								}
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl",
+									secondary: "xl",
+									brand: "md",
+									"brand-secondary": "xl"
+								}
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl-invert",
+									secondary: "md-invert",
+									brand: "md",
+									"brand-secondary": "xl"
+								}
+							})
+						}
+					}),
+					icon: require_tokens_automation_utils_index.createLayerConfig({
+						label: "icon",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							pseudoStates: ["hover", "pressed"],
+							defaults: {
+								primary: "primary",
+								secondary: "secondary",
+								brand: "brand",
+								"brand-secondary": "brand-secondary"
+							}
+						}) }
+					})
+				}
+			}) }
+		}),
+		link: require_tokens_automation_utils_index.createSubComponentConfig({
+			label: "Link",
+			description: "",
+			variants: { variant: require_tokens_automation_utils_index.createVariantConfigWithProperties({
+				label: "Variant",
+				description: "",
+				isConfigurable: true,
+				default: "primary",
+				options: [
+					"primary",
+					"secondary",
+					"brand",
+					"brand-secondary"
+				],
+				layers: {
+					root: require_tokens_automation_utils_index.createLayerConfig({
+						label: "root",
+						properties: {
+							backgroundColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "backgroundColor",
+								label: "Background color",
+								typeOfFixture: [
+									"spectrumColors",
+									"backgroundPaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.backgroundPaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "primary",
+									secondary: "secondary",
+									brand: "secondary",
+									"brand-secondary": "secondary"
+								}
+							}),
+							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
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "primary",
+									secondary: "secondary",
+									brand: "secondary",
+									"brand-secondary": "secondary"
+								}
+							}),
+							borderWidth: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderWidth",
+								label: "Border width",
+								typeOfFixture: ["borderWidths"],
+								values: [__yahoo_uds_fixtures.borderWidths],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "thin",
+									secondary: "none",
+									brand: "none",
+									"brand-secondary": "none"
+								}
+							}),
+							borderColor: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "borderColor",
+								label: "Border color",
+								typeOfFixture: [
+									"spectrumColors",
+									"linePaletteColors",
+									"alwaysPaletteAliases"
+								],
+								values: [
+									__yahoo_uds_fixtures.spectrumColors,
+									__yahoo_uds_fixtures.linePaletteColors,
+									__yahoo_uds_fixtures.alwaysPaletteAliases
+								],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "primary",
+									secondary: "secondary",
+									brand: "brand",
+									"brand-secondary": "brand-secondary"
+								}
+							}),
+							shadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "shadow",
+								label: "Drop shadow",
+								typeOfFixture: ["shadowVariants"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariants],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl",
+									secondary: "xl",
+									brand: "md",
+									"brand-secondary": "xl"
+								}
+							}),
+							insetShadow: require_tokens_automation_utils_index.createConfigurableProperty({
+								name: "insetShadow",
+								label: "Inset shadow",
+								typeOfFixture: ["shadowVariantsWithInvert"],
+								supportsCustom: true,
+								values: [__yahoo_uds_fixtures.shadowVariantsWithInvert],
+								pseudoStates: ["hover", "pressed"],
+								defaults: {
+									primary: "2xl-invert",
+									secondary: "md-invert",
+									brand: "md",
+									"brand-secondary": "xl"
+								}
+							})
+						}
+					}),
+					icon: require_tokens_automation_utils_index.createLayerConfig({
+						label: "icon",
+						properties: { color: require_tokens_automation_utils_index.createConfigurableProperty({
+							name: "color",
+							label: "Icon color",
+							typeOfFixture: [
+								"spectrumColors",
+								"foregroundPaletteColors",
+								"alwaysPaletteAliases"
+							],
+							values: [
+								__yahoo_uds_fixtures.spectrumColors,
+								__yahoo_uds_fixtures.foregroundPaletteColors,
+								__yahoo_uds_fixtures.alwaysPaletteAliases
+							],
+							pseudoStates: ["hover", "pressed"],
+							defaults: {
+								primary: "primary",
+								secondary: "secondary",
+								brand: "brand",
+								"brand-secondary": "brand-secondary"
+							}
+						}) }
+					})
+				}
+			}) }
+		})
+	},
+	variants: { 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: "3",
+							md: "3"
+						}
+					}),
+					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: "label1",
+							md: "label1"
+						}
+					}),
+					borderRadius: require_tokens_automation_utils_index.createConfigurableProperty({
+						name: "borderRadius",
+						label: "Border radius",
+						typeOfFixture: ["borderRadii"],
+						values: [__yahoo_uds_fixtures.borderRadii],
+						defaults: {
+							sm: "full",
+							md: "full"
+						}
+					})
+				}
+			}),
+			icon: 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: "md"
+					}
+				}) }
+			})
+		}
+	}) }
+});
+
+//#endregion
+exports.ChipConfig = ChipConfig;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.cts","names":[],"sources":["../../../../src/tokens/automation/configs/chip.ts"],"sourcesContent":[],"mappings":";;;;cAiCa;;;;IAAA,MAAA,CAAA,CAueX,kBAAA;IAAA,WAAA,CAAA,mBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","names":[],"sources":["../../../../src/tokens/automation/configs/chip.ts"],"sourcesContent":[],"mappings":";;;;cAiCa;;;;IAAA,MAAA,CAAA,CAueX,kBAAA;IAAA,WAAA,CAAA,mBAAA"}