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

package/dist/flags.cjs

@@ -1 +1,26 @@
-"use strict";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var e="undefined"!=typeof process,s={useGetStylesCache:!!e&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE,skipTailwindMerge:!!e&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_SKIP_TAILWIND_MERGE};exports.getFeatureFlags=()=>s,exports.updateFeatureFlags=e=>s={...s,...e};
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/flags.ts
+const isNode = typeof process !== "undefined";
+/** UDS feature flags */
+let featureFlags = {
+	useGetStylesCache: isNode ? process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE === "true" : false,
+	skipTailwindMerge: isNode ? process.env.NEXT_PUBLIC_UDS_FEATURE_SKIP_TAILWIND_MERGE === "true" : false
+};
+/**
+* Sets/overrides feature flags
+* @param flags Flag overrides
+* @returns Updated feature flags
+*/
+const updateFeatureFlags = (flags) => {
+	featureFlags = {
+		...featureFlags,
+		...flags
+	};
+	return featureFlags;
+};
+const getFeatureFlags = () => featureFlags;
+
+//#endregion
+exports.getFeatureFlags = getFeatureFlags;
+exports.updateFeatureFlags = updateFeatureFlags;

package/dist/flags.d.cts

@@ -1,16 +1,17 @@
+//#region src/flags.d.ts
 interface FeatureFlags {
-    /**
-     * Setting to true enables a specialized cache for calls to getStyle(),
-     * which can improve performance of component render times.
-     * @default false
-     **/
-    useGetStylesCache?: boolean;
-    /**
-     * Setting to true skips twMerge for calls to cx(),
-     * which can improve performance of component render times.
-     * @default false
-     **/
-    skipTailwindMerge?: boolean;
+  /**
+   * Setting to true enables a specialized cache for calls to getStyle(),
+   * which can improve performance of component render times.
+   * @default false
+   **/
+  useGetStylesCache?: boolean;
+  /**
+   * Setting to true skips twMerge for calls to cx(),
+   * which can improve performance of component render times.
+   * @default false
+   **/
+  skipTailwindMerge?: boolean;
 }
 /**
  * Sets/overrides feature flags
@@ -19,5 +20,6 @@ interface FeatureFlags {
  */
 declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
 declare const getFeatureFlags: () => FeatureFlags;
-
+//#endregion
 export { type FeatureFlags, getFeatureFlags, updateFeatureFlags };
+//# sourceMappingURL=flags.d.cts.map

package/dist/flags.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flags.d.cts","names":[],"sources":["../src/flags.ts"],"sourcesContent":[],"mappings":";UAEU,YAAA;EAAA,CAAA,CAAA;AAAY,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,WAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;;;EAsCrB,iBAAA,CAAA,CAAA,CAAA,OAAA;EAEK,CAAA,CAAA;;;;;;;;;;;;cALA,4BAA6B,QAAQ,kBAAa;cAKlD,uBAAe"}

package/dist/flags.d.ts

@@ -1,16 +1,17 @@
+//#region src/flags.d.ts
 interface FeatureFlags {
-    /**
-     * Setting to true enables a specialized cache for calls to getStyle(),
-     * which can improve performance of component render times.
-     * @default false
-     **/
-    useGetStylesCache?: boolean;
-    /**
-     * Setting to true skips twMerge for calls to cx(),
-     * which can improve performance of component render times.
-     * @default false
-     **/
-    skipTailwindMerge?: boolean;
+  /**
+   * Setting to true enables a specialized cache for calls to getStyle(),
+   * which can improve performance of component render times.
+   * @default false
+   **/
+  useGetStylesCache?: boolean;
+  /**
+   * Setting to true skips twMerge for calls to cx(),
+   * which can improve performance of component render times.
+   * @default false
+   **/
+  skipTailwindMerge?: boolean;
 }
 /**
  * Sets/overrides feature flags
@@ -19,5 +20,6 @@ interface FeatureFlags {
  */
 declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
 declare const getFeatureFlags: () => FeatureFlags;
-
+//#endregion
 export { type FeatureFlags, getFeatureFlags, updateFeatureFlags };
+//# sourceMappingURL=flags.d.ts.map

package/dist/flags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flags.d.ts","names":[],"sources":["../src/flags.ts"],"sourcesContent":[],"mappings":";UAEU,YAAA;EAAA,CAAA,CAAA;AAAY,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,WAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;;;EAsCrB,iBAAA,CAAA,CAAA,CAAA,OAAA;EAEK,CAAA,CAAA;;;;;;;;;;;;cALA,4BAA6B,QAAQ,kBAAa;cAKlD,uBAAe"}

package/dist/flags.js

@@ -1,2 +1,25 @@
 /*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var e="undefined"!=typeof process,_={useGetStylesCache:!!e&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE,skipTailwindMerge:!!e&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_SKIP_TAILWIND_MERGE},E=e=>_={..._,...e},s=()=>_;export{s as getFeatureFlags,E as updateFeatureFlags};
+//#region src/flags.ts
+const isNode = typeof process !== "undefined";
+/** UDS feature flags */
+let featureFlags = {
+	useGetStylesCache: isNode ? process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE === "true" : false,
+	skipTailwindMerge: isNode ? process.env.NEXT_PUBLIC_UDS_FEATURE_SKIP_TAILWIND_MERGE === "true" : false
+};
+/**
+* Sets/overrides feature flags
+* @param flags Flag overrides
+* @returns Updated feature flags
+*/
+const updateFeatureFlags = (flags) => {
+	featureFlags = {
+		...featureFlags,
+		...flags
+	};
+	return featureFlags;
+};
+const getFeatureFlags = () => featureFlags;
+
+//#endregion
+export { getFeatureFlags, updateFeatureFlags };
+//# sourceMappingURL=flags.js.map

package/dist/flags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flags.js","names":["featureFlags: FeatureFlags"],"sources":["../src/flags.ts"],"sourcesContent":["const isNode = typeof process !== 'undefined';\n\ninterface FeatureFlags {\n  /**\n   * Setting to true enables a specialized cache for calls to getStyle(),\n   * which can improve performance of component render times.\n   * @default false\n   **/\n  useGetStylesCache?: boolean;\n\n  /**\n   * Setting to true skips twMerge for calls to cx(),\n   * which can improve performance of component render times.\n   * @default false\n   **/\n  skipTailwindMerge?: boolean;\n}\n\n/** UDS feature flags */\nlet featureFlags: FeatureFlags = {\n  /**\n   * Note: some env variables are prefixed with \"NEXT_PUBLIC_\" so NextJS can\n   * inline those values into client code.\n   * See https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables*/\n  useGetStylesCache: isNode\n    ? process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE === 'true'\n    : false,\n  skipTailwindMerge: isNode\n    ? process.env.NEXT_PUBLIC_UDS_FEATURE_SKIP_TAILWIND_MERGE === 'true'\n    : false,\n};\n\n/**\n * Sets/overrides feature flags\n * @param flags Flag overrides\n * @returns Updated feature flags\n */\nconst updateFeatureFlags = (flags: Partial<FeatureFlags>) => {\n  featureFlags = { ...featureFlags, ...flags };\n  return featureFlags;\n};\n\nconst getFeatureFlags = () => featureFlags;\n\nexport { type FeatureFlags, getFeatureFlags, updateFeatureFlags };\n"],"mappings":";;AAAA,MAAM,SAAS,OAAO,YAAY;;AAmBlC,IAAIA,eAA6B;CAK/B,mBAAmB,SACf,QAAQ,IAAI,4CAA4C,SACxD;CACJ,mBAAmB,SACf,QAAQ,IAAI,gDAAgD,SAC5D;CACL;;;;;;AAOD,MAAM,sBAAsB,UAAiC;AAC3D,gBAAe;EAAE,GAAG;EAAc,GAAG;EAAO;AAC5C,QAAO;;AAGT,MAAM,wBAAwB"}

package/dist/generated/autoVariants.cjs

@@ -0,0 +1,448 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region generated/autoVariants.ts
+const autoVariants = {
+	checkboxSizeRoot: {
+		sm: "uds-checkbox-size-sm-root",
+		md: "uds-checkbox-size-md-root"
+	},
+	checkboxSizeCheckbox: {
+		sm: "uds-checkbox-size-sm-checkbox",
+		md: "uds-checkbox-size-md-checkbox"
+	},
+	checkboxVariantValueRoot: {
+		checked: "uds-checkbox-variant-value-checked-root",
+		unchecked: "uds-checkbox-variant-value-unchecked-root",
+		indeterminate: "uds-checkbox-variant-value-indeterminate-root"
+	},
+	checkboxVariantRoot: {
+		primary: "uds-checkbox-variant-primary-root",
+		secondary: "uds-checkbox-variant-secondary-root",
+		alert: "uds-checkbox-variant-alert-root",
+		"alert-secondary": "uds-checkbox-variant-alert-secondary-root"
+	},
+	checkboxVariantValueCheckbox: {
+		checked: "uds-checkbox-variant-value-checked-checkbox",
+		unchecked: "uds-checkbox-variant-value-unchecked-checkbox",
+		indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox"
+	},
+	checkboxVariantCheckbox: {
+		primary: "uds-checkbox-variant-primary-checkbox",
+		secondary: "uds-checkbox-variant-secondary-checkbox",
+		alert: "uds-checkbox-variant-alert-checkbox",
+		"alert-secondary": "uds-checkbox-variant-alert-secondary-checkbox"
+	},
+	checkboxVariantValueCheckboxIcon: {
+		checked: "uds-checkbox-variant-value-checked-checkbox-icon",
+		unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon",
+		indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon"
+	},
+	checkboxVariantCheckboxIcon: {
+		primary: "uds-checkbox-variant-primary-checkbox-icon",
+		secondary: "uds-checkbox-variant-secondary-checkbox-icon",
+		alert: "uds-checkbox-variant-alert-checkbox-icon",
+		"alert-secondary": "uds-checkbox-variant-alert-secondary-checkbox-icon"
+	},
+	dividerVariantRoot: {
+		primary: "uds-divider-variant-primary-root",
+		secondary: "uds-divider-variant-secondary-root",
+		tertiary: "uds-divider-variant-tertiary-root",
+		muted: "uds-divider-variant-muted-root"
+	},
+	dividerVariantLine: {
+		primary: "uds-divider-variant-primary-line",
+		secondary: "uds-divider-variant-secondary-line",
+		tertiary: "uds-divider-variant-tertiary-line",
+		muted: "uds-divider-variant-muted-line"
+	},
+	dividerVariantLabel: {
+		primary: "uds-divider-variant-primary-label",
+		secondary: "uds-divider-variant-secondary-label",
+		tertiary: "uds-divider-variant-tertiary-label",
+		muted: "uds-divider-variant-muted-label"
+	},
+	switchVariantActiveRoot: {
+		on: "uds-switch-variant-active-on-root",
+		off: "uds-switch-variant-active-off-root"
+	},
+	switchVariantRoot: { default: "uds-switch-variant-default-root" },
+	switchVariantActiveSwitch: {
+		on: "uds-switch-variant-active-on-switch",
+		off: "uds-switch-variant-active-off-switch"
+	},
+	switchVariantSwitch: { default: "uds-switch-variant-default-switch" },
+	switchVariantActiveHandle: {
+		on: "uds-switch-variant-active-on-handle",
+		off: "uds-switch-variant-active-off-handle"
+	},
+	switchVariantHandle: { default: "uds-switch-variant-default-handle" },
+	switchVariantActiveHandleIcon: {
+		on: "uds-switch-variant-active-on-handle-icon",
+		off: "uds-switch-variant-active-off-handle-icon"
+	},
+	switchVariantHandleIcon: { default: "uds-switch-variant-default-handle-icon" },
+	switchSizeRoot: {
+		sm: "uds-switch-size-sm-root",
+		md: "uds-switch-size-md-root"
+	},
+	switchSizeSwitch: {
+		sm: "uds-switch-size-sm-switch",
+		md: "uds-switch-size-md-switch"
+	},
+	switchSizeHandle: {
+		sm: "uds-switch-size-sm-handle",
+		md: "uds-switch-size-md-handle"
+	},
+	switchSizeHandleIcon: {
+		sm: "uds-switch-size-sm-handle-icon",
+		md: "uds-switch-size-md-handle-icon"
+	},
+	chipSizeRoot: {
+		sm: "uds-chip-size-sm-root",
+		md: "uds-chip-size-md-root"
+	},
+	chipSizeIcon: {
+		sm: "uds-chip-size-sm-icon",
+		md: "uds-chip-size-md-icon"
+	},
+	chipToggleVariantActiveRoot: {
+		on: "uds-chip-toggle-variant-active-on-root",
+		off: "uds-chip-toggle-variant-active-off-root"
+	},
+	chipToggleVariantRoot: {
+		primary: "uds-chip-toggle-variant-primary-root",
+		secondary: "uds-chip-toggle-variant-secondary-root",
+		brand: "uds-chip-toggle-variant-brand-root",
+		"brand-secondary": "uds-chip-toggle-variant-brand-secondary-root"
+	},
+	chipToggleVariantActiveIcon: {
+		on: "uds-chip-toggle-variant-active-on-icon",
+		off: "uds-chip-toggle-variant-active-off-icon"
+	},
+	chipToggleVariantIcon: {
+		primary: "uds-chip-toggle-variant-primary-icon",
+		secondary: "uds-chip-toggle-variant-secondary-icon",
+		brand: "uds-chip-toggle-variant-brand-icon",
+		"brand-secondary": "uds-chip-toggle-variant-brand-secondary-icon"
+	},
+	chipDismissibleVariantRoot: {
+		primary: "uds-chip-dismissible-variant-primary-root",
+		secondary: "uds-chip-dismissible-variant-secondary-root",
+		brand: "uds-chip-dismissible-variant-brand-root",
+		"brand-secondary": "uds-chip-dismissible-variant-brand-secondary-root"
+	},
+	chipDismissibleVariantIcon: {
+		primary: "uds-chip-dismissible-variant-primary-icon",
+		secondary: "uds-chip-dismissible-variant-secondary-icon",
+		brand: "uds-chip-dismissible-variant-brand-icon",
+		"brand-secondary": "uds-chip-dismissible-variant-brand-secondary-icon"
+	},
+	chipLinkVariantRoot: {
+		primary: "uds-chip-link-variant-primary-root",
+		secondary: "uds-chip-link-variant-secondary-root",
+		brand: "uds-chip-link-variant-brand-root",
+		"brand-secondary": "uds-chip-link-variant-brand-secondary-root"
+	},
+	chipLinkVariantIcon: {
+		primary: "uds-chip-link-variant-primary-icon",
+		secondary: "uds-chip-link-variant-secondary-icon",
+		brand: "uds-chip-link-variant-brand-icon",
+		"brand-secondary": "uds-chip-link-variant-brand-secondary-icon"
+	},
+	radioVariantValueRoot: {
+		checked: "uds-radio-variant-value-checked-root",
+		unchecked: "uds-radio-variant-value-unchecked-root"
+	},
+	radioVariantRoot: {
+		primary: "uds-radio-variant-primary-root",
+		secondary: "uds-radio-variant-secondary-root",
+		alert: "uds-radio-variant-alert-root",
+		"alert-secondary": "uds-radio-variant-alert-secondary-root"
+	},
+	radioVariantValueRadio: {
+		checked: "uds-radio-variant-value-checked-radio",
+		unchecked: "uds-radio-variant-value-unchecked-radio"
+	},
+	radioVariantRadio: {
+		primary: "uds-radio-variant-primary-radio",
+		secondary: "uds-radio-variant-secondary-radio",
+		alert: "uds-radio-variant-alert-radio",
+		"alert-secondary": "uds-radio-variant-alert-secondary-radio"
+	},
+	radioVariantValueRadioCircle: {
+		checked: "uds-radio-variant-value-checked-radio-circle",
+		unchecked: "uds-radio-variant-value-unchecked-radio-circle"
+	},
+	radioVariantRadioCircle: {
+		primary: "uds-radio-variant-primary-radio-circle",
+		secondary: "uds-radio-variant-secondary-radio-circle",
+		alert: "uds-radio-variant-alert-radio-circle",
+		"alert-secondary": "uds-radio-variant-alert-secondary-radio-circle"
+	},
+	radioSizeRoot: {
+		sm: "uds-radio-size-sm-root",
+		md: "uds-radio-size-md-root"
+	},
+	radioSizeRadio: {
+		sm: "uds-radio-size-sm-radio",
+		md: "uds-radio-size-md-radio"
+	},
+	linkTextStyleRoot: {
+		display1: "uds-link-text-style-display-1-root",
+		display2: "uds-link-text-style-display-2-root",
+		display3: "uds-link-text-style-display-3-root",
+		title1: "uds-link-text-style-title-1-root",
+		title2: "uds-link-text-style-title-2-root",
+		title3: "uds-link-text-style-title-3-root",
+		title4: "uds-link-text-style-title-4-root",
+		headline1: "uds-link-text-style-headline-1-root",
+		body1: "uds-link-text-style-body-1-root",
+		label1: "uds-link-text-style-label-1-root",
+		label2: "uds-link-text-style-label-2-root",
+		label3: "uds-link-text-style-label-3-root",
+		label4: "uds-link-text-style-label-4-root",
+		caption1: "uds-link-text-style-caption-1-root",
+		caption2: "uds-link-text-style-caption-2-root",
+		legal1: "uds-link-text-style-legal-1-root",
+		ui1: "uds-link-text-style-ui-1-root",
+		ui2: "uds-link-text-style-ui-2-root",
+		ui3: "uds-link-text-style-ui-3-root",
+		ui4: "uds-link-text-style-ui-4-root",
+		ui5: "uds-link-text-style-ui-5-root",
+		ui6: "uds-link-text-style-ui-6-root"
+	},
+	linkTextStyleIcon: {
+		display1: "uds-link-text-style-display-1-icon",
+		display2: "uds-link-text-style-display-2-icon",
+		display3: "uds-link-text-style-display-3-icon",
+		title1: "uds-link-text-style-title-1-icon",
+		title2: "uds-link-text-style-title-2-icon",
+		title3: "uds-link-text-style-title-3-icon",
+		title4: "uds-link-text-style-title-4-icon",
+		headline1: "uds-link-text-style-headline-1-icon",
+		body1: "uds-link-text-style-body-1-icon",
+		label1: "uds-link-text-style-label-1-icon",
+		label2: "uds-link-text-style-label-2-icon",
+		label3: "uds-link-text-style-label-3-icon",
+		label4: "uds-link-text-style-label-4-icon",
+		caption1: "uds-link-text-style-caption-1-icon",
+		caption2: "uds-link-text-style-caption-2-icon",
+		legal1: "uds-link-text-style-legal-1-icon",
+		ui1: "uds-link-text-style-ui-1-icon",
+		ui2: "uds-link-text-style-ui-2-icon",
+		ui3: "uds-link-text-style-ui-3-icon",
+		ui4: "uds-link-text-style-ui-4-icon",
+		ui5: "uds-link-text-style-ui-5-icon",
+		ui6: "uds-link-text-style-ui-6-icon"
+	},
+	linkVariantRoot: {
+		primary: "uds-link-variant-primary-root",
+		secondary: "uds-link-variant-secondary-root",
+		tertiary: "uds-link-variant-tertiary-root",
+		"on-color": "uds-link-variant-on-color-root"
+	},
+	linkVariantIconStart: {
+		primary: "uds-link-variant-primary-icon-start",
+		secondary: "uds-link-variant-secondary-icon-start",
+		tertiary: "uds-link-variant-tertiary-icon-start",
+		"on-color": "uds-link-variant-on-color-icon-start"
+	},
+	linkVariantIconEnd: {
+		primary: "uds-link-variant-primary-icon-end",
+		secondary: "uds-link-variant-secondary-icon-end",
+		tertiary: "uds-link-variant-tertiary-icon-end",
+		"on-color": "uds-link-variant-on-color-icon-end"
+	},
+	badgeSizeRoot: {
+		xs: "uds-badge-size-xs-root",
+		sm: "uds-badge-size-sm-root",
+		md: "uds-badge-size-md-root",
+		lg: "uds-badge-size-lg-root"
+	},
+	badgeSizeIcon: {
+		xs: "uds-badge-size-xs-icon",
+		sm: "uds-badge-size-sm-icon",
+		md: "uds-badge-size-md-icon",
+		lg: "uds-badge-size-lg-icon"
+	},
+	badgeVariantRoot: {
+		primary: "uds-badge-variant-primary-root",
+		secondary: "uds-badge-variant-secondary-root",
+		brand: "uds-badge-variant-brand-root",
+		"brand-secondary": "uds-badge-variant-brand-secondary-root",
+		alert: "uds-badge-variant-alert-root",
+		"alert-secondary": "uds-badge-variant-alert-secondary-root",
+		warning: "uds-badge-variant-warning-root",
+		"warning-secondary": "uds-badge-variant-warning-secondary-root",
+		positive: "uds-badge-variant-positive-root",
+		"positive-secondary": "uds-badge-variant-positive-secondary-root",
+		info: "uds-badge-variant-info-root",
+		"info-secondary": "uds-badge-variant-info-secondary-root"
+	},
+	badgeVariantIcon: {
+		primary: "uds-badge-variant-primary-icon",
+		secondary: "uds-badge-variant-secondary-icon",
+		brand: "uds-badge-variant-brand-icon",
+		"brand-secondary": "uds-badge-variant-brand-secondary-icon",
+		alert: "uds-badge-variant-alert-icon",
+		"alert-secondary": "uds-badge-variant-alert-secondary-icon",
+		warning: "uds-badge-variant-warning-icon",
+		"warning-secondary": "uds-badge-variant-warning-secondary-icon",
+		positive: "uds-badge-variant-positive-icon",
+		"positive-secondary": "uds-badge-variant-positive-secondary-icon",
+		info: "uds-badge-variant-info-icon",
+		"info-secondary": "uds-badge-variant-info-secondary-icon"
+	},
+	inputSizeRoot: {
+		md: "uds-input-size-md-root",
+		lg: "uds-input-size-lg-root"
+	},
+	inputSizeInputWrapper: {
+		md: "uds-input-size-md-input-wrapper",
+		lg: "uds-input-size-lg-input-wrapper"
+	},
+	inputSizeInput: {
+		md: "uds-input-size-md-input",
+		lg: "uds-input-size-lg-input"
+	},
+	inputSizeStartIcon: {
+		md: "uds-input-size-md-start-icon",
+		lg: "uds-input-size-lg-start-icon"
+	},
+	inputSizeEndIcon: {
+		md: "uds-input-size-md-end-icon",
+		lg: "uds-input-size-lg-end-icon"
+	},
+	inputSizeLabel: {
+		md: "uds-input-size-md-label",
+		lg: "uds-input-size-lg-label"
+	},
+	inputSizeHelperIcon: {
+		md: "uds-input-size-md-helper-icon",
+		lg: "uds-input-size-lg-helper-icon"
+	},
+	inputSizeHelperText: {
+		md: "uds-input-size-md-helper-text",
+		lg: "uds-input-size-lg-helper-text"
+	},
+	inputVariantValueRoot: {
+		filled: "uds-input-variant-value-filled-root",
+		empty: "uds-input-variant-value-empty-root"
+	},
+	inputVariantRoot: { default: "uds-input-variant-default-root" },
+	inputVariantValueInputWrapper: {
+		filled: "uds-input-variant-value-filled-input-wrapper",
+		empty: "uds-input-variant-value-empty-input-wrapper"
+	},
+	inputVariantInputWrapper: { default: "uds-input-variant-default-input-wrapper" },
+	inputVariantValueInput: {
+		filled: "uds-input-variant-value-filled-input",
+		empty: "uds-input-variant-value-empty-input"
+	},
+	inputVariantInput: { default: "uds-input-variant-default-input" },
+	inputVariantValueInputPlaceholder: {
+		filled: "uds-input-variant-value-filled-input-placeholder",
+		empty: "uds-input-variant-value-empty-input-placeholder"
+	},
+	inputVariantInputPlaceholder: { default: "uds-input-variant-default-input-placeholder" },
+	inputVariantValueStartIcon: {
+		filled: "uds-input-variant-value-filled-start-icon",
+		empty: "uds-input-variant-value-empty-start-icon"
+	},
+	inputVariantStartIcon: { default: "uds-input-variant-default-start-icon" },
+	inputVariantValueEndIcon: {
+		filled: "uds-input-variant-value-filled-end-icon",
+		empty: "uds-input-variant-value-empty-end-icon"
+	},
+	inputVariantEndIcon: { default: "uds-input-variant-default-end-icon" },
+	inputVariantValueLabel: {
+		filled: "uds-input-variant-value-filled-label",
+		empty: "uds-input-variant-value-empty-label"
+	},
+	inputVariantLabel: { default: "uds-input-variant-default-label" },
+	inputVariantValueLabelRequired: {
+		filled: "uds-input-variant-value-filled-label-required",
+		empty: "uds-input-variant-value-empty-label-required"
+	},
+	inputVariantLabelRequired: { default: "uds-input-variant-default-label-required" },
+	inputVariantValueHelperIcon: {
+		filled: "uds-input-variant-value-filled-helper-icon",
+		empty: "uds-input-variant-value-empty-helper-icon"
+	},
+	inputVariantHelperIcon: { default: "uds-input-variant-default-helper-icon" },
+	inputVariantValueHelperText: {
+		filled: "uds-input-variant-value-filled-helper-text",
+		empty: "uds-input-variant-value-empty-helper-text"
+	},
+	inputVariantHelperText: { default: "uds-input-variant-default-helper-text" },
+	avatarSizeRoot: {
+		xs: "uds-avatar-size-xs-root",
+		sm: "uds-avatar-size-sm-root",
+		md: "uds-avatar-size-md-root",
+		lg: "uds-avatar-size-lg-root",
+		xl: "uds-avatar-size-xl-root"
+	},
+	avatarSizeIcon: {
+		xs: "uds-avatar-size-xs-icon",
+		sm: "uds-avatar-size-sm-icon",
+		md: "uds-avatar-size-md-icon",
+		lg: "uds-avatar-size-lg-icon",
+		xl: "uds-avatar-size-xl-icon"
+	},
+	avatarTextVariantRoot: {
+		primary: "uds-avatar-text-variant-primary-root",
+		secondary: "uds-avatar-text-variant-secondary-root"
+	},
+	avatarImageVariantRoot: {
+		primary: "uds-avatar-image-variant-primary-root",
+		secondary: "uds-avatar-image-variant-secondary-root"
+	},
+	avatarIconVariantRoot: {
+		primary: "uds-avatar-icon-variant-primary-root",
+		secondary: "uds-avatar-icon-variant-secondary-root"
+	},
+	menuSizeRoot: { default: "uds-menu-size-default-root" },
+	menuSizeStartIcon: { default: "uds-menu-size-default-start-icon" },
+	menuSizeEndIcon: { default: "uds-menu-size-default-end-icon" },
+	menuItemVariantActiveRoot: {
+		on: "uds-menu-item-variant-active-on-root",
+		off: "uds-menu-item-variant-active-off-root"
+	},
+	menuItemVariantRoot: { default: "uds-menu-item-variant-default-root" },
+	menuItemVariantActiveText: {
+		on: "uds-menu-item-variant-active-on-text",
+		off: "uds-menu-item-variant-active-off-text"
+	},
+	menuItemVariantText: { default: "uds-menu-item-variant-default-text" },
+	menuItemVariantActiveIcon: {
+		on: "uds-menu-item-variant-active-on-icon",
+		off: "uds-menu-item-variant-active-off-icon"
+	},
+	menuItemVariantIcon: { default: "uds-menu-item-variant-default-icon" },
+	menuItemCheckboxVariantActiveRoot: {
+		on: "uds-menu-item-checkbox-variant-active-on-root",
+		off: "uds-menu-item-checkbox-variant-active-off-root"
+	},
+	menuItemCheckboxVariantRoot: { default: "uds-menu-item-checkbox-variant-default-root" },
+	menuItemCheckboxVariantActiveText: {
+		on: "uds-menu-item-checkbox-variant-active-on-text",
+		off: "uds-menu-item-checkbox-variant-active-off-text"
+	},
+	menuItemCheckboxVariantText: { default: "uds-menu-item-checkbox-variant-default-text" },
+	menuItemCheckboxVariantActiveStartIcon: {
+		on: "uds-menu-item-checkbox-variant-active-on-start-icon",
+		off: "uds-menu-item-checkbox-variant-active-off-start-icon"
+	},
+	menuItemCheckboxVariantStartIcon: { default: "uds-menu-item-checkbox-variant-default-start-icon" },
+	menuItemCheckboxVariantActiveEndIcon: {
+		on: "uds-menu-item-checkbox-variant-active-on-end-icon",
+		off: "uds-menu-item-checkbox-variant-active-off-end-icon"
+	},
+	menuItemCheckboxVariantEndIcon: { default: "uds-menu-item-checkbox-variant-default-end-icon" },
+	menuDividerVariantRoot: { default: "uds-menu-divider-variant-default-root" },
+	menuDividerVariantText: { default: "uds-menu-divider-variant-default-text" },
+	menuDividerVariantLine: { default: "uds-menu-divider-variant-default-line" }
+};
+
+//#endregion
+exports.autoVariants = autoVariants;