@yahoo/uds 2.11.0 → 3.0.0

package/dist/fixtures.d.cts

@@ -1,29 +1,31 @@
-import type { BackgroundPaletteAlias, BorderWidth, ButtonClassName, ButtonColorProperty, ButtonKind, ButtonMotionEffect, ButtonSize, ButtonState, ButtonVariant, ColorMode, CorePaletteAlias, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonClassName, IconButtonSize, IconSize, IconVariant, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, RegionMode, ScaleEffectMap, ScaleMode, SpacingAlias, SpacingAliasWithNegatives, TextProperty, TextTransform, TextVariant, TShirtSize } from '@yahoo/uds/tokens';
+import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderWidth, ButtonClassName, ButtonColorProperty, ButtonKind, ButtonMotionEffect, ButtonPalette, ButtonSize, ButtonState, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonClassName, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffectMap, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, SpacingAlias, SwitchSize, TextProperty, TextTransform, TextVariant, TShirtSize } from '@yahoo/uds/tokens';
 declare const colorModes: ColorMode[];
 declare const scaleModes: ScaleMode[];
 declare const regionModes: RegionMode[];
 declare const hues: Hue[];
 declare const hueSteps: HueStep[];
 declare const spectrumColors: ("gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15")[];
-declare const corePaletteColors: CorePaletteAlias[];
 declare const backgroundPaletteColors: BackgroundPaletteAlias[];
 declare const foregroundPaletteColors: ForegroundPaletteAlias[];
 declare const linePaletteColors: LinePaletteAlias[];
 declare const alwaysPaletteAliases: ("transparent" | "white" | "black" | "current")[];
-declare const backgroundColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | BackgroundPaletteAlias)[];
-declare const foregroundColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | ForegroundPaletteAlias)[];
-declare const lineColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | LinePaletteAlias)[];
+declare const shadowPaletteColors: ShadowPaletteAlias[];
+declare const shadowColors: ShadowColor[];
+declare const backgroundColors: ("transparent" | "white" | "black" | "current" | BackgroundPaletteAlias)[];
+declare const foregroundColors: ("transparent" | "white" | "black" | "current" | ForegroundPaletteAlias)[];
+declare const lineColors: ("transparent" | "white" | "black" | "current" | LinePaletteAlias)[];
 declare const palette: {
-    core: CorePaletteAlias[];
     background: BackgroundPaletteAlias[];
     foreground: ForegroundPaletteAlias[];
     line: LinePaletteAlias[];
+    shadow: ShadowPaletteAlias[];
 };
 declare const tailwindColorsAsUds: Record<"gray" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "rose" | "pink" | "transparent" | "white" | "black" | "current" | "inherit" | "slate" | "zinc" | "neutral" | "stone" | "amber" | "emerald" | "sky" | "violet" | "fuchsia", Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "950", string>>;
+declare function sortPalette<T extends Record<string, PaletteValue>>(palette: T, ordering?: string[]): Array<[string, PaletteValue]>;
 declare const textVariants: TextVariant[];
 declare const textProperties: TextProperty[];
 declare const fontAliases: FontAlias[];
-declare const fontIds: ("centra-no2" | "inter" | "roboto-mono" | "yahoo-sans" | "yahoo-sans-cr4" | "yahoo-product-sans" | "yahoo-sans-condensed" | "yahoo-serif-display" | "yahoo-serif-text")[];
+declare const fontIds: ("centra-no2" | "inter" | "roboto-mono" | "yahoo-sans" | "yahoo-sans-cr4" | "yahoo-product-sans" | "yahoo-product-sans-extended" | "yahoo-sans-condensed" | "yahoo-serif-display" | "yahoo-serif-text")[];
 declare const fontUrls: FontFamilyCDNUrl[];
 declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
@@ -45,7 +47,7 @@ declare const lineHeightRamp: {
     xxLarge: Record<TextVariant, number>;
     xxxLarge: Record<TextVariant, number>;
 };
-declare const avatarSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
+declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
 declare const borderRadii: TShirtSize[];
 declare const borderRadiusRamp: {
@@ -72,13 +74,19 @@ declare const iconVariants: IconVariant[];
 /** Preserve order we want to display */
 declare const spacingAliases: SpacingAlias[];
 declare const spacingMap: Record<SpacingAlias, number>;
-/** Add negative spacing aliases and include the positive ones */
-declare const spacingAliasesWithNegatives: SpacingAliasWithNegatives[];
-/** Add negative spacing map and include the positive ones */
-declare const spacingMapWithNegatives: Record<SpacingAliasWithNegatives, number>;
+declare const shadowOffsets: ShadowOffset[];
+declare const shadowOffsetMap: Record<ShadowOffset, number>;
+declare const shadowSpreadRadii: ShadowSpreadRadius[];
+declare const shadowSpreadRadiusMap: Record<ShadowSpreadRadius, number>;
+declare const shadowOpacities: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "50" | "100" | "75" | "17" | "18" | "19" | "21" | "22" | "23" | "25" | "26" | "27" | "29" | "30" | "31" | "33" | "34" | "35" | "37" | "38" | "39" | "41" | "42" | "43" | "45" | "46" | "47" | "49" | "51" | "53" | "54" | "55" | "57" | "58" | "59" | "61" | "62" | "63" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "73" | "74" | "76" | "77" | "78" | "79" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "97" | "98" | "99")[];
+declare const shadowOpacityMap: Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "50" | "100" | "75" | "17" | "18" | "19" | "21" | "22" | "23" | "25" | "26" | "27" | "29" | "30" | "31" | "33" | "34" | "35" | "37" | "38" | "39" | "41" | "42" | "43" | "45" | "46" | "47" | "49" | "51" | "53" | "54" | "55" | "57" | "58" | "59" | "61" | "62" | "63" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "73" | "74" | "76" | "77" | "78" | "79" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "97" | "98" | "99", number>;
 declare const tshirtSizes: TShirtSize[];
 declare const buttonVariants: ButtonVariant[];
-declare const buttonPalettes: CorePaletteAlias[];
+declare const buttonVariantsFlat: ButtonVariantFlat[];
+declare const buttonVariantsSecondary: ButtonVariantFlat[];
+declare const buttonVariantsTertiary: ButtonVariantFlat[];
+declare const buttonVariantsPrimary: ButtonVariantFlat[];
+declare const buttonPalettes: ButtonPalette[];
 declare const buttonSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
 declare const buttonStates: ButtonState[];
 declare const buttonKinds: ButtonKind[];
@@ -90,9 +98,20 @@ declare const buttonMotionEffects: ButtonMotionEffect[];
 declare const buttonClassNames: ButtonClassName[];
 declare const iconButtonSizes: IconButtonSize[];
 declare const iconButtonClassNames: IconButtonClassName[];
+declare const inputSizes: InputSize[];
 declare const motionVariants: MotionVariant[];
 declare const motionVariantSpeeds: MotionVariantSpeed[];
 declare const motionSpringConfig: Required<Pick<import("framer-motion").Spring, MotionSpringConfigOptions>>[];
 declare const motionSpringConfigOptions: MotionSpringConfigOptions[];
 declare const scaleEffectMap: ScaleEffectMap;
-export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonClassNames, buttonColorProperties, buttonIconSvgSize, buttonKinds, buttonMotionEffects, buttonMotionProperties, buttonPalettes, buttonSizeProperties, buttonSizes, buttonStates, buttonVariants, colorModes, corePaletteColors, fontAliases, fontIds, fontSizeRamp, fontUrls, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconButtonClassNames, iconButtonSizes, iconSizes, iconVariants, lineColors, lineHeightRamp, linePaletteColors, motionSpringConfig, motionSpringConfigOptions, motionVariants, motionVariantSpeeds, palette, regionModes, scaleEffectMap, scaleModes, spacingAliases, spacingAliasesWithNegatives, spacingMap, spacingMapWithNegatives, spectrumColors, tailwindColorsAsUds, textProperties, textTransforms, textVariants, tshirtSizes, };
+declare const shadowVariants: ShadowVariant[];
+declare const shadowVariantsInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert")[];
+declare const shadowVariantsWithInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | ShadowVariant)[];
+declare const checkboxVariants: CheckboxVariant[];
+declare const checkboxSizes: CheckboxSize[];
+declare const switchSizes: SwitchSize[];
+declare const chipVariants: ChipVariant[];
+declare const chipSizes: ChipSize[];
+declare const badgeVariants: BadgeVariant[];
+declare const badgeSizes: BadgeSize[];
+export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, badgeSizes, badgeVariants, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonClassNames, buttonColorProperties, buttonIconSvgSize, buttonKinds, buttonMotionEffects, buttonMotionProperties, buttonPalettes, buttonSizeProperties, buttonSizes, buttonStates, buttonVariants, buttonVariantsFlat, buttonVariantsPrimary, buttonVariantsSecondary, buttonVariantsTertiary, checkboxSizes, checkboxVariants, chipSizes, chipVariants, colorModes, fontAliases, fontIds, fontSizeRamp, fontUrls, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconButtonClassNames, iconButtonSizes, iconSizes, iconVariants, inputSizes, lineColors, lineHeightRamp, linePaletteColors, motionSpringConfig, motionSpringConfigOptions, motionVariants, motionVariantSpeeds, palette, regionModes, scaleEffectMap, scaleModes, shadowColors, shadowOffsetMap, shadowOffsets, shadowOpacities, shadowOpacityMap, shadowPaletteColors, shadowSpreadRadii, shadowSpreadRadiusMap, shadowVariants, shadowVariantsInvert, shadowVariantsWithInvert, sortPalette, spacingAliases, spacingMap, spectrumColors, switchSizes, tailwindColorsAsUds, textProperties, textTransforms, textVariants, tshirtSizes, };

package/dist/fixtures.d.ts

@@ -1,29 +1,31 @@
-import type { BackgroundPaletteAlias, BorderWidth, ButtonClassName, ButtonColorProperty, ButtonKind, ButtonMotionEffect, ButtonSize, ButtonState, ButtonVariant, ColorMode, CorePaletteAlias, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonClassName, IconButtonSize, IconSize, IconVariant, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, RegionMode, ScaleEffectMap, ScaleMode, SpacingAlias, SpacingAliasWithNegatives, TextProperty, TextTransform, TextVariant, TShirtSize } from '@yahoo/uds/tokens';
+import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderWidth, ButtonClassName, ButtonColorProperty, ButtonKind, ButtonMotionEffect, ButtonPalette, ButtonSize, ButtonState, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonClassName, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffectMap, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, SpacingAlias, SwitchSize, TextProperty, TextTransform, TextVariant, TShirtSize } from '@yahoo/uds/tokens';
 declare const colorModes: ColorMode[];
 declare const scaleModes: ScaleMode[];
 declare const regionModes: RegionMode[];
 declare const hues: Hue[];
 declare const hueSteps: HueStep[];
 declare const spectrumColors: ("gray-0" | "gray-1" | "gray-2" | "gray-3" | "gray-4" | "gray-5" | "gray-6" | "gray-7" | "gray-8" | "gray-9" | "gray-10" | "gray-11" | "gray-12" | "gray-13" | "gray-14" | "gray-15" | "purple-0" | "purple-1" | "purple-2" | "purple-3" | "purple-4" | "purple-5" | "purple-6" | "purple-7" | "purple-8" | "purple-9" | "purple-10" | "purple-11" | "purple-12" | "purple-13" | "purple-14" | "purple-15" | "indigo-0" | "indigo-1" | "indigo-2" | "indigo-3" | "indigo-4" | "indigo-5" | "indigo-6" | "indigo-7" | "indigo-8" | "indigo-9" | "indigo-10" | "indigo-11" | "indigo-12" | "indigo-13" | "indigo-14" | "indigo-15" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "blue-10" | "blue-11" | "blue-12" | "blue-13" | "blue-14" | "blue-15" | "cyan-0" | "cyan-1" | "cyan-2" | "cyan-3" | "cyan-4" | "cyan-5" | "cyan-6" | "cyan-7" | "cyan-8" | "cyan-9" | "cyan-10" | "cyan-11" | "cyan-12" | "cyan-13" | "cyan-14" | "cyan-15" | "teal-0" | "teal-1" | "teal-2" | "teal-3" | "teal-4" | "teal-5" | "teal-6" | "teal-7" | "teal-8" | "teal-9" | "teal-10" | "teal-11" | "teal-12" | "teal-13" | "teal-14" | "teal-15" | "mint-0" | "mint-1" | "mint-2" | "mint-3" | "mint-4" | "mint-5" | "mint-6" | "mint-7" | "mint-8" | "mint-9" | "mint-10" | "mint-11" | "mint-12" | "mint-13" | "mint-14" | "mint-15" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "green-10" | "green-11" | "green-12" | "green-13" | "green-14" | "green-15" | "lime-0" | "lime-1" | "lime-2" | "lime-3" | "lime-4" | "lime-5" | "lime-6" | "lime-7" | "lime-8" | "lime-9" | "lime-10" | "lime-11" | "lime-12" | "lime-13" | "lime-14" | "lime-15" | "citron-0" | "citron-1" | "citron-2" | "citron-3" | "citron-4" | "citron-5" | "citron-6" | "citron-7" | "citron-8" | "citron-9" | "citron-10" | "citron-11" | "citron-12" | "citron-13" | "citron-14" | "citron-15" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "yellow-10" | "yellow-11" | "yellow-12" | "yellow-13" | "yellow-14" | "yellow-15" | "brown-0" | "brown-1" | "brown-2" | "brown-3" | "brown-4" | "brown-5" | "brown-6" | "brown-7" | "brown-8" | "brown-9" | "brown-10" | "brown-11" | "brown-12" | "brown-13" | "brown-14" | "brown-15" | "nude-0" | "nude-1" | "nude-2" | "nude-3" | "nude-4" | "nude-5" | "nude-6" | "nude-7" | "nude-8" | "nude-9" | "nude-10" | "nude-11" | "nude-12" | "nude-13" | "nude-14" | "nude-15" | "orange-0" | "orange-1" | "orange-2" | "orange-3" | "orange-4" | "orange-5" | "orange-6" | "orange-7" | "orange-8" | "orange-9" | "orange-10" | "orange-11" | "orange-12" | "orange-13" | "orange-14" | "orange-15" | "sunset-0" | "sunset-1" | "sunset-2" | "sunset-3" | "sunset-4" | "sunset-5" | "sunset-6" | "sunset-7" | "sunset-8" | "sunset-9" | "sunset-10" | "sunset-11" | "sunset-12" | "sunset-13" | "sunset-14" | "sunset-15" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "red-10" | "red-11" | "red-12" | "red-13" | "red-14" | "red-15" | "rose-0" | "rose-1" | "rose-2" | "rose-3" | "rose-4" | "rose-5" | "rose-6" | "rose-7" | "rose-8" | "rose-9" | "rose-10" | "rose-11" | "rose-12" | "rose-13" | "rose-14" | "rose-15" | "pink-0" | "pink-1" | "pink-2" | "pink-3" | "pink-4" | "pink-5" | "pink-6" | "pink-7" | "pink-8" | "pink-9" | "pink-10" | "pink-11" | "pink-12" | "pink-13" | "pink-14" | "pink-15" | "magenta-0" | "magenta-1" | "magenta-2" | "magenta-3" | "magenta-4" | "magenta-5" | "magenta-6" | "magenta-7" | "magenta-8" | "magenta-9" | "magenta-10" | "magenta-11" | "magenta-12" | "magenta-13" | "magenta-14" | "magenta-15" | "carbon-0" | "carbon-1" | "carbon-2" | "carbon-3" | "carbon-4" | "carbon-5" | "carbon-6" | "carbon-7" | "carbon-8" | "carbon-9" | "carbon-10" | "carbon-11" | "carbon-12" | "carbon-13" | "carbon-14" | "carbon-15")[];
-declare const corePaletteColors: CorePaletteAlias[];
 declare const backgroundPaletteColors: BackgroundPaletteAlias[];
 declare const foregroundPaletteColors: ForegroundPaletteAlias[];
 declare const linePaletteColors: LinePaletteAlias[];
 declare const alwaysPaletteAliases: ("transparent" | "white" | "black" | "current")[];
-declare const backgroundColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | BackgroundPaletteAlias)[];
-declare const foregroundColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | ForegroundPaletteAlias)[];
-declare const lineColors: ("transparent" | "white" | "black" | "current" | CorePaletteAlias | LinePaletteAlias)[];
+declare const shadowPaletteColors: ShadowPaletteAlias[];
+declare const shadowColors: ShadowColor[];
+declare const backgroundColors: ("transparent" | "white" | "black" | "current" | BackgroundPaletteAlias)[];
+declare const foregroundColors: ("transparent" | "white" | "black" | "current" | ForegroundPaletteAlias)[];
+declare const lineColors: ("transparent" | "white" | "black" | "current" | LinePaletteAlias)[];
 declare const palette: {
-    core: CorePaletteAlias[];
     background: BackgroundPaletteAlias[];
     foreground: ForegroundPaletteAlias[];
     line: LinePaletteAlias[];
+    shadow: ShadowPaletteAlias[];
 };
 declare const tailwindColorsAsUds: Record<"gray" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "rose" | "pink" | "transparent" | "white" | "black" | "current" | "inherit" | "slate" | "zinc" | "neutral" | "stone" | "amber" | "emerald" | "sky" | "violet" | "fuchsia", Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "950", string>>;
+declare function sortPalette<T extends Record<string, PaletteValue>>(palette: T, ordering?: string[]): Array<[string, PaletteValue]>;
 declare const textVariants: TextVariant[];
 declare const textProperties: TextProperty[];
 declare const fontAliases: FontAlias[];
-declare const fontIds: ("centra-no2" | "inter" | "roboto-mono" | "yahoo-sans" | "yahoo-sans-cr4" | "yahoo-product-sans" | "yahoo-sans-condensed" | "yahoo-serif-display" | "yahoo-serif-text")[];
+declare const fontIds: ("centra-no2" | "inter" | "roboto-mono" | "yahoo-sans" | "yahoo-sans-cr4" | "yahoo-product-sans" | "yahoo-product-sans-extended" | "yahoo-sans-condensed" | "yahoo-serif-display" | "yahoo-serif-text")[];
 declare const fontUrls: FontFamilyCDNUrl[];
 declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
@@ -45,7 +47,7 @@ declare const lineHeightRamp: {
     xxLarge: Record<TextVariant, number>;
     xxxLarge: Record<TextVariant, number>;
 };
-declare const avatarSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
+declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
 declare const borderRadii: TShirtSize[];
 declare const borderRadiusRamp: {
@@ -72,13 +74,19 @@ declare const iconVariants: IconVariant[];
 /** Preserve order we want to display */
 declare const spacingAliases: SpacingAlias[];
 declare const spacingMap: Record<SpacingAlias, number>;
-/** Add negative spacing aliases and include the positive ones */
-declare const spacingAliasesWithNegatives: SpacingAliasWithNegatives[];
-/** Add negative spacing map and include the positive ones */
-declare const spacingMapWithNegatives: Record<SpacingAliasWithNegatives, number>;
+declare const shadowOffsets: ShadowOffset[];
+declare const shadowOffsetMap: Record<ShadowOffset, number>;
+declare const shadowSpreadRadii: ShadowSpreadRadius[];
+declare const shadowSpreadRadiusMap: Record<ShadowSpreadRadius, number>;
+declare const shadowOpacities: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "50" | "100" | "75" | "17" | "18" | "19" | "21" | "22" | "23" | "25" | "26" | "27" | "29" | "30" | "31" | "33" | "34" | "35" | "37" | "38" | "39" | "41" | "42" | "43" | "45" | "46" | "47" | "49" | "51" | "53" | "54" | "55" | "57" | "58" | "59" | "61" | "62" | "63" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "73" | "74" | "76" | "77" | "78" | "79" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "97" | "98" | "99")[];
+declare const shadowOpacityMap: Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "50" | "100" | "75" | "17" | "18" | "19" | "21" | "22" | "23" | "25" | "26" | "27" | "29" | "30" | "31" | "33" | "34" | "35" | "37" | "38" | "39" | "41" | "42" | "43" | "45" | "46" | "47" | "49" | "51" | "53" | "54" | "55" | "57" | "58" | "59" | "61" | "62" | "63" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "73" | "74" | "76" | "77" | "78" | "79" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "97" | "98" | "99", number>;
 declare const tshirtSizes: TShirtSize[];
 declare const buttonVariants: ButtonVariant[];
-declare const buttonPalettes: CorePaletteAlias[];
+declare const buttonVariantsFlat: ButtonVariantFlat[];
+declare const buttonVariantsSecondary: ButtonVariantFlat[];
+declare const buttonVariantsTertiary: ButtonVariantFlat[];
+declare const buttonVariantsPrimary: ButtonVariantFlat[];
+declare const buttonPalettes: ButtonPalette[];
 declare const buttonSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
 declare const buttonStates: ButtonState[];
 declare const buttonKinds: ButtonKind[];
@@ -90,9 +98,20 @@ declare const buttonMotionEffects: ButtonMotionEffect[];
 declare const buttonClassNames: ButtonClassName[];
 declare const iconButtonSizes: IconButtonSize[];
 declare const iconButtonClassNames: IconButtonClassName[];
+declare const inputSizes: InputSize[];
 declare const motionVariants: MotionVariant[];
 declare const motionVariantSpeeds: MotionVariantSpeed[];
 declare const motionSpringConfig: Required<Pick<import("framer-motion").Spring, MotionSpringConfigOptions>>[];
 declare const motionSpringConfigOptions: MotionSpringConfigOptions[];
 declare const scaleEffectMap: ScaleEffectMap;
-export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonClassNames, buttonColorProperties, buttonIconSvgSize, buttonKinds, buttonMotionEffects, buttonMotionProperties, buttonPalettes, buttonSizeProperties, buttonSizes, buttonStates, buttonVariants, colorModes, corePaletteColors, fontAliases, fontIds, fontSizeRamp, fontUrls, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconButtonClassNames, iconButtonSizes, iconSizes, iconVariants, lineColors, lineHeightRamp, linePaletteColors, motionSpringConfig, motionSpringConfigOptions, motionVariants, motionVariantSpeeds, palette, regionModes, scaleEffectMap, scaleModes, spacingAliases, spacingAliasesWithNegatives, spacingMap, spacingMapWithNegatives, spectrumColors, tailwindColorsAsUds, textProperties, textTransforms, textVariants, tshirtSizes, };
+declare const shadowVariants: ShadowVariant[];
+declare const shadowVariantsInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert")[];
+declare const shadowVariantsWithInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | ShadowVariant)[];
+declare const checkboxVariants: CheckboxVariant[];
+declare const checkboxSizes: CheckboxSize[];
+declare const switchSizes: SwitchSize[];
+declare const chipVariants: ChipVariant[];
+declare const chipSizes: ChipSize[];
+declare const badgeVariants: BadgeVariant[];
+declare const badgeSizes: BadgeSize[];
+export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, badgeSizes, badgeVariants, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonClassNames, buttonColorProperties, buttonIconSvgSize, buttonKinds, buttonMotionEffects, buttonMotionProperties, buttonPalettes, buttonSizeProperties, buttonSizes, buttonStates, buttonVariants, buttonVariantsFlat, buttonVariantsPrimary, buttonVariantsSecondary, buttonVariantsTertiary, checkboxSizes, checkboxVariants, chipSizes, chipVariants, colorModes, fontAliases, fontIds, fontSizeRamp, fontUrls, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconButtonClassNames, iconButtonSizes, iconSizes, iconVariants, inputSizes, lineColors, lineHeightRamp, linePaletteColors, motionSpringConfig, motionSpringConfigOptions, motionVariants, motionVariantSpeeds, palette, regionModes, scaleEffectMap, scaleModes, shadowColors, shadowOffsetMap, shadowOffsets, shadowOpacities, shadowOpacityMap, shadowPaletteColors, shadowSpreadRadii, shadowSpreadRadiusMap, shadowVariants, shadowVariantsInvert, shadowVariantsWithInvert, sortPalette, spacingAliases, spacingMap, spectrumColors, switchSizes, tailwindColorsAsUds, textProperties, textTransforms, textVariants, tshirtSizes, };