@yahoo/uds 3.71.0 → 3.72.0

package/dist/tailwind/utils/getShadowStyles.d.cts

@@ -2,8 +2,8 @@ import { ElevationAlias, ShadowType, ShadowVariant, UniversalTokensConfig } from
 import "../../tokens/index.cjs";
 
 //#region src/tailwind/utils/getShadowStyles.d.ts
-declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
-  readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
+  readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }];
 declare function getShadowStyles({
@@ -12,8 +12,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
-  readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
+  readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>;
 //#endregion

package/dist/tailwind/utils/getShadowStyles.d.ts

@@ -2,8 +2,8 @@ import { ElevationAlias, ShadowType, ShadowVariant, UniversalTokensConfig } from
 import "../../tokens/index.js";
 
 //#region src/tailwind/utils/getShadowStyles.d.ts
-declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
-  readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
+  readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }];
 declare function getShadowStyles({
@@ -12,8 +12,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-md" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-none" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-md" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-none" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-xs", {
-  readonly [x: string]: "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
+  readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>;
 //#endregion

package/dist/tokens/automation/utils/getConfigVariantProperties.d.cts

@@ -12,8 +12,8 @@ import "../../index.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"gap" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "color" | "shadow" | "insetShadow" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "scaleEffect" | "height" | "width" | "padding" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "fontVariationSettings" | "textDecorationLine" | "iconSize", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"gap" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "color" | "shadow" | "insetShadow" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "scaleEffect" | "height" | "width" | "padding" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "fontVariationSettings" | "textDecorationLine" | "iconSize", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"color" | "width" | "backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "insetShadow" | "height" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"color" | "width" | "backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "insetShadow" | "height" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
 } | null;
 //#endregion
 export { getConfigVariantProperties };

package/dist/tokens/automation/utils/getConfigVariantProperties.d.ts

@@ -12,8 +12,8 @@ import "../../index.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"gap" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "color" | "shadow" | "insetShadow" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "scaleEffect" | "height" | "width" | "padding" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "fontVariationSettings" | "textDecorationLine" | "iconSize", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"gap" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "color" | "shadow" | "insetShadow" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "scaleEffect" | "height" | "width" | "padding" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "fontVariationSettings" | "textDecorationLine" | "iconSize", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"color" | "width" | "backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "insetShadow" | "height" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"color" | "width" | "backgroundColor" | "borderRadius" | "borderColor" | "borderWidth" | "spacingHorizontal" | "spacingVertical" | "fontFamily" | "fontSize" | "letterSpacing" | "fontWeight" | "lineHeight" | "textTransform" | "iconSize" | "insetShadow" | "height" | "gap" | "textVariant" | "shadow" | "opacity" | "scaleEffect" | "padding" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | ("spacingAliases" | "borderWidths")[] | "borderRadii"[] | ("linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[] | "opacitySteps"[] | "iconSizes"[] | "textDecorationLines"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "scaleEffects"[], readonly (readonly string[])[]>>>;
 } | null;
 //#endregion
 export { getConfigVariantProperties };

package/dist/tokens/configs/yosConfig.cjs

@@ -16294,7 +16294,7 @@ const yosConfig = {
 			"2xl-invert": [{
 				offsetX: "0",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				opacity: "25",
@@ -16331,14 +16331,14 @@ const yosConfig = {
 				offsetY: "px",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				}
 			}],
 			"md-invert": [{
 				offsetY: "1",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				spread: "-px",
@@ -16349,7 +16349,7 @@ const yosConfig = {
 				offsetY: "0.5",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				spread: "-0.5",
@@ -16380,7 +16380,7 @@ const yosConfig = {
 				offsetY: "4",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				opacity: "10",
@@ -16390,7 +16390,7 @@ const yosConfig = {
 				offsetX: "0",
 				offsetY: "10",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				spread: "-2",
@@ -16401,7 +16401,7 @@ const yosConfig = {
 			"sm-invert": [{
 				blur: "0.5",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				opacity: "10",
@@ -16415,13 +16415,13 @@ const yosConfig = {
 				spread: "0",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				blur: "1"
 			}],
 			"lg-invert": [{
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				blur: "1.5",
@@ -16432,7 +16432,7 @@ const yosConfig = {
 			}, {
 				offsetY: "2.5",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				offsetX: "0",
@@ -19550,7 +19550,7 @@ const yosConfig = {
 			} }
 		}
 	},
-	version: "v0.68.0",
+	version: "v0.69.0",
 	colorMode: {
 		light: {
 			palette: {
@@ -21723,7 +21723,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "0"
 				},
 				backgroundFill: {
@@ -21748,7 +21748,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "0"
 				},
 				backgroundFill: {
@@ -21775,7 +21775,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "4"
 				},
 				backgroundFill: {
@@ -21800,7 +21800,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "4"
 				},
 				backgroundFill: {
@@ -21827,7 +21827,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "6"
 				},
 				backgroundFill: {
@@ -21852,7 +21852,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "6"
 				},
 				backgroundFill: {
@@ -21879,7 +21879,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "8"
 				},
 				backgroundFill: {
@@ -21904,7 +21904,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "8"
 				},
 				backgroundFill: {
@@ -21931,7 +21931,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "10"
 				},
 				backgroundFill: {
@@ -21956,7 +21956,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "10"
 				},
 				backgroundFill: {
@@ -21983,7 +21983,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "12"
 				},
 				backgroundFill: {
@@ -22008,7 +22008,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "12"
 				},
 				backgroundFill: {

package/dist/tokens/configs/yosConfig.js

@@ -16293,7 +16293,7 @@ const yosConfig = {
 			"2xl-invert": [{
 				offsetX: "0",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				opacity: "25",
@@ -16330,14 +16330,14 @@ const yosConfig = {
 				offsetY: "px",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				}
 			}],
 			"md-invert": [{
 				offsetY: "1",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				spread: "-px",
@@ -16348,7 +16348,7 @@ const yosConfig = {
 				offsetY: "0.5",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				spread: "-0.5",
@@ -16379,7 +16379,7 @@ const yosConfig = {
 				offsetY: "4",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				offsetX: "0",
 				opacity: "10",
@@ -16389,7 +16389,7 @@ const yosConfig = {
 				offsetX: "0",
 				offsetY: "10",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				spread: "-2",
@@ -16400,7 +16400,7 @@ const yosConfig = {
 			"sm-invert": [{
 				blur: "0.5",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				opacity: "10",
@@ -16414,13 +16414,13 @@ const yosConfig = {
 				spread: "0",
 				color: {
 					type: "always",
-					value: "white"
+					value: "always/white"
 				},
 				blur: "1"
 			}],
 			"lg-invert": [{
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				blur: "1.5",
@@ -16431,7 +16431,7 @@ const yosConfig = {
 			}, {
 				offsetY: "2.5",
 				color: {
-					value: "white",
+					value: "always/white",
 					type: "always"
 				},
 				offsetX: "0",
@@ -19549,7 +19549,7 @@ const yosConfig = {
 			} }
 		}
 	},
-	version: "v0.68.0",
+	version: "v0.69.0",
 	colorMode: {
 		light: {
 			palette: {
@@ -21722,7 +21722,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "0"
 				},
 				backgroundFill: {
@@ -21747,7 +21747,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "0"
 				},
 				backgroundFill: {
@@ -21774,7 +21774,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "4"
 				},
 				backgroundFill: {
@@ -21799,7 +21799,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "4"
 				},
 				backgroundFill: {
@@ -21826,7 +21826,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "6"
 				},
 				backgroundFill: {
@@ -21851,7 +21851,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "6"
 				},
 				backgroundFill: {
@@ -21878,7 +21878,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "8"
 				},
 				backgroundFill: {
@@ -21903,7 +21903,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "8"
 				},
 				backgroundFill: {
@@ -21930,7 +21930,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "10"
 				},
 				backgroundFill: {
@@ -21955,7 +21955,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "10"
 				},
 				backgroundFill: {
@@ -21982,7 +21982,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "12"
 				},
 				backgroundFill: {
@@ -22007,7 +22007,7 @@ const yosConfig = {
 				layerWithBackgroundFill: true,
 				surfaceColor: {
 					type: "always",
-					value: "white",
+					value: "always/white",
 					opacity: "12"
 				},
 				backgroundFill: {

package/dist/utils/intersperse.d.cts

@@ -1,4 +1,4 @@
-import * as react32 from "react";
+import * as react43 from "react";
 import { ReactNode } from "react";
 
 //#region src/utils/intersperse.d.ts
@@ -28,6 +28,6 @@ declare const intersperse: <T>(list: Array<T>, inter: T | ((index: number) => T)
  *   </div>);
  * }
  */
-declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react32.ReactElement<any, string | react32.JSXElementConstructor<any>> | Iterable<ReactNode> | react32.ReactPortal | null)[];
+declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react43.ReactElement<any, string | react43.JSXElementConstructor<any>> | Iterable<ReactNode> | react43.ReactPortal | null)[];
 //#endregion
 export { intersperse, intersperseReactChildren };

package/dist/utils/intersperse.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react30 from "react";
 import { ReactNode } from "react";
 
 //#region src/utils/intersperse.d.ts
@@ -28,6 +28,6 @@ declare const intersperse: <T>(list: Array<T>, inter: T | ((index: number) => T)
  *   </div>);
  * }
  */
-declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react0.ReactElement<any, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | react0.ReactPortal | null)[];
+declare const intersperseReactChildren: (children: ReactNode, inter: ReactNode | ((index: number) => ReactNode)) => (string | number | react30.ReactElement<any, string | react30.JSXElementConstructor<any>> | Iterable<ReactNode> | react30.ReactPortal | null)[];
 //#endregion
 export { intersperse, intersperseReactChildren };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.71.0",
+  "version": "3.72.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",