@yahoo/uds 0.1.14 → 0.1.15

package/dist/tokens/parseTokens.d.ts

@@ -1,4 +1,4 @@
-import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, B as BorderWidthConfig, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteValue, c as CorePalette, d as BackgroundPalette, e as BackgroundWashPalette, F as ForegroundPalette, L as LinePalette, f as FontWeightConfig, g as FontWeightNumericAlias, E as ElevationConfig, h as ElevationAlias, i as FontFamilyGlobalConfig } from '../types-hirL9Qk5.js';
+import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, B as BorderWidthConfig, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteValue, c as CorePalette, d as BackgroundPalette, e as BackgroundWashPalette, F as ForegroundPalette, L as LinePalette, f as FontWeightConfig, g as FontWeightNumeric, E as ElevationConfig, h as Elevation, i as FontFamilyGlobalConfig } from '../types-8OHfDki5.js';
 import 'react';
 
 declare function transformColors(colors: ColorsConfig): {
@@ -26,15 +26,15 @@ declare function transformFontWeight(config: FontWeightConfig): {
     _vars: Record<string, string>;
     _raw: FontWeightConfig;
     tailwindConfig: {
-        medium: FontWeightNumericAlias;
-        light: FontWeightNumericAlias;
-        black: FontWeightNumericAlias;
-        thin: FontWeightNumericAlias;
-        extralight: FontWeightNumericAlias;
-        regular: FontWeightNumericAlias;
-        semibold: FontWeightNumericAlias;
-        bold: FontWeightNumericAlias;
-        extrabold: FontWeightNumericAlias;
+        medium: FontWeightNumeric;
+        light: FontWeightNumeric;
+        black: FontWeightNumeric;
+        thin: FontWeightNumeric;
+        extralight: FontWeightNumeric;
+        regular: FontWeightNumeric;
+        semibold: FontWeightNumeric;
+        bold: FontWeightNumeric;
+        extrabold: FontWeightNumeric;
     };
 };
 declare function transformString<T extends Record<string, string>>(prefix: string, config: T, transformValue?: (value: string) => string): {
@@ -47,7 +47,7 @@ declare function transformNumeric<T extends Record<string, number>>(prefix: stri
     _raw: T;
     tailwindConfig: Record<string, string>;
 };
-declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, string>;
+declare function transformElevation(elevation: ElevationConfig): Record<Elevation, string>;
 declare function transformFontFamilyGlobal(fontFamily: FontFamilyGlobalConfig): {
     icons: string[];
     sans: string[];
@@ -74,10 +74,10 @@ type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFa
     }>;
 };
 declare const transformBorderWidth: (obj: BorderWidthConfig) => {
+    '0': string;
     '1': string;
     '2': string;
     '4': string;
-    '0': string;
     '8': string;
 };
 declare function parseTokens(config: UniversalTokensConfig): WebTokens;

package/dist/tokens/parseTokens.js

@@ -1 +1 @@
-import{a}from"../chunk-MBOOJIH7.js";import"../chunk-3I3D5S54.js";import"../chunk-P7GR6E3K.js";import"../chunk-WYDHNV42.js";import"../chunk-74YHFBTD.js";export{a as parseTokens};
+import{a}from"../chunk-FLBMVDKG.js";import"../chunk-WYDHNV42.js";import"../chunk-3I3D5S54.js";import"../chunk-74YHFBTD.js";import"../chunk-AHFH5E5L.js";export{a as parseTokens};

package/dist/tokens/parseTokens.native.d.cts

@@ -1,4 +1,4 @@
-import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, E as ElevationConfig, h as ElevationAlias } from '../types-hirL9Qk5.cjs';
+import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, E as ElevationConfig, h as Elevation } from '../types-8OHfDki5.cjs';
 import { ShadowStyleIOS } from 'react-native';
 import 'react';
 
@@ -406,7 +406,7 @@ declare function transformColors({ spectrum, palette }: ColorsConfig): {
         };
     };
 };
-declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, ShadowStyleIOS>;
+declare function transformElevation(elevation: ElevationConfig): Record<Elevation, ShadowStyleIOS>;
 type MobileTokens = Omit<UniversalTokensConfig, 'colorMode' | 'elevation'> & {
     elevation: ReturnType<typeof transformElevation>;
     colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;

package/dist/tokens/parseTokens.native.d.ts

@@ -1,4 +1,4 @@
-import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, E as ElevationConfig, h as ElevationAlias } from '../types-hirL9Qk5.js';
+import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, E as ElevationConfig, h as Elevation } from '../types-8OHfDki5.js';
 import { ShadowStyleIOS } from 'react-native';
 import 'react';
 
@@ -406,7 +406,7 @@ declare function transformColors({ spectrum, palette }: ColorsConfig): {
         };
     };
 };
-declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, ShadowStyleIOS>;
+declare function transformElevation(elevation: ElevationConfig): Record<Elevation, ShadowStyleIOS>;
 type MobileTokens = Omit<UniversalTokensConfig, 'colorMode' | 'elevation'> & {
     elevation: ReturnType<typeof transformElevation>;
     colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;

package/dist/{types-J4DLS6Xj.d.cts → types-3GXulqnG.d.cts}

@@ -35,4 +35,4 @@ interface CX<T> {
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-export type { CX as C, SetState as S, CVA as a };
+export type { CVA as C, SetState as S, CX as a };

package/dist/{types-J4DLS6Xj.d.ts → types-3GXulqnG.d.ts}

@@ -35,4 +35,4 @@ interface CX<T> {
 
 type SetState<T> = Dispatch<SetStateAction<T>>;
 
-export type { CX as C, SetState as S, CVA as a };
+export type { CVA as C, SetState as S, CX as a };

package/dist/{types-hirL9Qk5.d.cts → types-8OHfDki5.d.cts}

@@ -75,38 +75,33 @@ type FontFamilyGlobalConfig = Record<FontFamilyGlobalAlias, {
     fallbacks: string[];
     name: string;
 }>;
-type FontWeightNumericAlias = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-type FontWeightDescriptiveAlias = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-type TextTransformAlias = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
-type LetterSpacingAlias = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+type FontWeightNumeric = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type FontWeightDescriptive = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+type LetterSpacing = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
 type LineClampAlias = '1' | '2' | '3' | '4' | '5' | '6';
-type TextConfig = {
-    fontFamily: FontFamilyGlobalAlias;
-    fontSize: number;
-    fontWeight: FontWeightNumericAlias;
-    lineHeight: LineHeightConfig;
-    textTransform?: TextTransformAlias;
-    letterSpacing?: LetterSpacingAlias;
-};
-type TextTransformConfig = Record<TextVariant, TextTransformAlias>;
-type FontSizeConfig = Record<TextVariant, number>;
+type LineHeight = 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48;
+type FontSize = 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 34 | 36 | 38 | 46 | 47 | 48 | 50 | 52 | 54;
+type TextTransformConfig = Record<TextVariant, TextTransform>;
+type FontSizeConfig = Record<TextVariant, FontSize>;
 type FontFamilyConfig = Record<TextVariant, FontFamilyGlobalAlias>;
-type FontWeightConfig = Record<TextVariant, FontWeightDescriptiveAlias>;
-type LineHeightConfig = Record<TextVariant, number>;
+type FontWeightConfig = Record<TextVariant, FontWeightDescriptive>;
+type LineHeightConfig = Record<TextVariant, LineHeight>;
+type ConfigurableTextProperty = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'textTransform';
 type AvatarSizeConfig = {
     s: number;
     m: number;
     l: number;
 };
-type AvatarSizeAlias = keyof AvatarSizeConfig;
+type AvatarSize = keyof AvatarSizeConfig;
 type IconSizeConfig = {
     s: number;
     m: number;
     l: number;
 };
-type IconSizeAlias = keyof IconSizeConfig;
+type IconSize = keyof IconSizeConfig;
 type AspectRatioConfig = Record<string, string>;
-type AspectRatioAlias = keyof AspectRatioConfig;
+type AspectRatio = keyof AspectRatioConfig;
 type SpacingConfig = {
     '0': number;
     '1': number;
@@ -125,8 +120,8 @@ type SpacingConfig = {
     '14': number;
 };
 type SpacingAlias = keyof SpacingConfig;
-type ZIndexAlias = 'auto' | '0' | '10' | '20' | '30' | '40' | '50';
-type ZIndexConfig = Record<ZIndexAlias, string>;
+type ZIndex = 'auto' | '0' | '10' | '20' | '30' | '40' | '50';
+type ZIndexConfig = Record<ZIndex, string>;
 type ShapeConfig = {
     square: number;
     xs: number;
@@ -137,17 +132,17 @@ type ShapeConfig = {
     xxl: number;
     circle: number;
 };
-type ShapeAlias = keyof ShapeConfig;
-type ElevationAlias = '1' | '2' | '3';
-type ElevationConfig = Record<ElevationAlias, BoxShadowConfig>;
+type Shape = keyof ShapeConfig;
+type Elevation = '1' | '2' | '3';
+type ElevationConfig = Record<Elevation, BoxShadowConfig>;
 type BorderWidthConfig = {
+    '0': number;
     '1': number;
     '2': number;
     '4': number;
-    '0': number;
     '8': number;
 };
-type BorderWidthAlias = keyof BorderWidthConfig;
+type BorderWidth = keyof BorderWidthConfig;
 type BoxShadowConfig = {
     color: string;
     offsetX: number;
@@ -155,7 +150,7 @@ type BoxShadowConfig = {
     blurRadius: number;
     spreadRadius: number;
 }[];
-type OpacityAlias = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
+type Opacity = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
 type ColorModeConfig = {
     light: ColorsConfig;
     dark: ColorsConfig;
@@ -261,15 +256,15 @@ interface BorderStyleProps {
     /** Add a border to the top and bottom sides of the box. */
     borderedVertical?: boolean;
     /** Add a border radius to all corners of the box. */
-    borderRadius?: ShapeAlias;
+    borderRadius?: Shape;
     /** Add a border radius to top left corner of the box. */
-    borderTopStartRadius?: ShapeAlias;
+    borderTopStartRadius?: Shape;
     /** Add a border radius to top right corner of the box. */
-    borderTopEndRadius?: ShapeAlias;
+    borderTopEndRadius?: Shape;
     /** Add a border radius to bottom left corner of the box. */
-    borderBottomStartRadius?: ShapeAlias;
+    borderBottomStartRadius?: Shape;
     /** Add a border radius to bottom right corner of the box. */
-    borderBottomEndRadius?: ShapeAlias;
+    borderBottomEndRadius?: Shape;
     /** Adds a custom border color from the palette */
     borderColor?: LineColor;
     /** Utility for controlling an element's border color on active. */
@@ -289,25 +284,25 @@ interface BorderStyleProps {
     /** Adds a custom border color from the palette */
     borderBottomColor?: LineColor;
     /** Shorthand property to the width of an element's border. */
-    borderWidth?: BorderWidthAlias;
+    borderWidth?: BorderWidth;
     /** Sets the width of the top and bottom border of an element. */
-    borderVerticalWidth?: BorderWidthAlias;
+    borderVerticalWidth?: BorderWidth;
     /** Sets the width of the start (left) and end (right) border of an element. */
-    borderHorizontalWidth?: BorderWidthAlias;
+    borderHorizontalWidth?: BorderWidth;
     /** Sets the width of the start (left) border of an element. */
-    borderStartWidth?: BorderWidthAlias;
+    borderStartWidth?: BorderWidth;
     /** Sets the width of the end (right) border of an element. */
-    borderEndWidth?: BorderWidthAlias;
+    borderEndWidth?: BorderWidth;
     /** Sets the width of the top border of an element. */
-    borderTopWidth?: BorderWidthAlias;
+    borderTopWidth?: BorderWidth;
     /** Sets the width of the bottom border of an element. */
-    borderBottomWidth?: BorderWidthAlias;
+    borderBottomWidth?: BorderWidth;
 }
 interface LayoutStyleProps {
     /** Sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
     display?: Display;
     /** Sets the z-order of a positioned element and its descendants or flex and grid items. Overlapping elements with a larger z-index cover those with a smaller one. */
-    zIndex?: ZIndexAlias;
+    zIndex?: ZIndex;
     /** Shorthand property which sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction. */
     overflow?: Overflow;
     /** Sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
@@ -374,7 +369,7 @@ interface FlexStyleProps {
     flexBasis?: FlexBasis;
 }
 interface OpacityStyleProps {
-    opacity?: OpacityAlias;
+    opacity?: Opacity;
 }
 interface SizingStyleProps {
     /** Sets the height of an element */
@@ -404,17 +399,15 @@ interface TextStyleProps {
     /** Utility for controlling the font size of a Text element */
     fontSize?: TextVariant;
     /** Utility for controlling the font weight of a Text element */
-    fontWeight?: TextVariant | FontWeightDescriptiveAlias;
+    fontWeight?: TextVariant | FontWeightDescriptive;
     /** Utility for controlling the line height of a Text element */
     lineHeight?: TextVariant;
     /** Utility for controlling the text alignment of a Text element */
     textAlign?: 'center' | 'justify' | 'start' | 'end';
     /** Utility for controlling the text transformation of a Text element */
-    textTransform?: TextVariant | TextTransformAlias;
+    textTransform?: TextVariant | TextTransform;
 }
 interface BackgroundStyleProps {
-    /** Utility for controlling the opacity of an element's background color. */
-    backgroundColorOpacity?: OpacityAlias;
     /** Utility for controlling an element's background color. */
     backgroundColor?: BackgroundColor;
     /** Utility for controlling an element's background color on active. */
@@ -426,13 +419,11 @@ interface BackgroundStyleProps {
     /** Utility for controlling an element's background color on hover. */
     backgroundColorOnHover?: BackgroundColor;
     /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
-    elevation?: ElevationAlias;
+    elevation?: Elevation;
 }
 type CustomSizingStyleProps = {
-    iconSize?: IconSizeAlias;
-    avatarSize?: AvatarSizeAlias;
-    imageWidth?: number;
-    imageHeight?: number;
+    iconSize?: IconSize;
+    avatarSize?: AvatarSize;
 };
 type StyleProps = BackgroundStyleProps & BorderStyleProps & LayoutStyleProps & FlexStyleProps & SpacingStyleProps & TextStyleProps & OpacityStyleProps & SizingStyleProps & ImageStyleProps & CustomSizingStyleProps;
 interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, OpacityStyleProps, SizingStyleProps, SpacingStyleProps {
@@ -450,7 +441,7 @@ interface UniversalTextProps extends PropsWithChildren, TextStyleProps, Universa
 }
 type IconName = IconName$1;
 interface UniversalIconProps extends Omit<UniversalTextProps, 'children' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'>, UniversalBoxProps {
-    size?: IconSizeAlias;
+    size?: IconSize;
     name: IconName;
 }
 interface UniversalPressableProps extends UniversalBoxProps {
@@ -500,11 +491,13 @@ interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'
 }
 interface UniversalAvatarProps extends UniversalImageProps {
     /** The size of the Avatar. */
-    size?: AvatarSizeAlias;
+    size?: AvatarSize;
     /** The shape of the Avatar. */
-    shape?: ShapeAlias;
+    shape?: Shape;
 }
 interface UniversalTextInputProps {
+    disabled?: boolean;
+    required?: boolean;
 }
 
-export { type FlexStyleProps as $, type AlwaysPalette as A, type BorderWidthConfig as B, type ColorMode as C, type AspectRatioAlias as D, type ElevationConfig as E, type ForegroundPalette as F, type AspectRatioConfig as G, type Hue as H, type IconName as I, type AvatarSizeAlias as J, type AvatarSizeConfig as K, type LinePalette as L, type BackgroundColor as M, type BackgroundPaletteAlias as N, type Overflow as O, type PaletteValue as P, type BackgroundStyleProps as Q, type BackgroundWashPaletteAlias as R, type ScaleMode as S, type BorderStyleProps as T, type UniversalTokensConfig as U, type BorderWidthAlias as V, type BoxShadowConfig as W, type ColorModeForApp as X, type CorePaletteAlias as Y, type DataAttribute as Z, type ElevationPaletteAlias as _, type ColorsConfig as a, type FontFamilyConfig as a0, type FontFamilyGlobalAlias as a1, type FontSizeConfig as a2, type FontWeightDescriptiveAlias as a3, type ForegroundPaletteAlias as a4, type HighContrastMode as a5, type IconSizeAlias as a6, type IconSizeConfig as a7, type LayoutStyleProps as a8, type LetterSpacingAlias as a9, type TextStyleProps as aA, type TextTransformAlias as aB, type TextTransformConfig as aC, type TextVariant as aD, type TransitionDelay as aE, type TransitionDuration as aF, type TransitionTiming as aG, type ZIndexAlias as aH, type ZIndexConfig as aI, type LineClampAlias as aa, type LineColor as ab, type LineHeightConfig as ac, type LinePaletteAlias as ad, type Modes as ae, type OpacityAlias as af, type OpacityStyleProps as ag, type Palette as ah, type PaletteConfig as ai, type PaletteType as aj, type PlatformMode as ak, type RegionMode as al, type ScaleConfig as am, type ScaleModeConfig as an, type ScaleModeForApp as ao, type ShapeAlias as ap, type ShapeConfig as aq, type SizingStyleProps as ar, type SpacingAlias as as, type SpacingConfig as at, type SpacingStyleProps as au, type SpectrumColor as av, type SpectrumConfig as aw, type StateStyleProps as ax, type StyleProps as ay, type TextConfig as az, type HueStep as b, type CorePalette as c, type BackgroundPalette as d, type BackgroundWashPalette as e, type FontWeightConfig as f, type FontWeightNumericAlias as g, type ElevationAlias as h, type FontFamilyGlobalConfig as i, type UniversalAvatarProps as j, type UniversalBoxProps as k, type UniversalPressableProps as l, type UniversalButtonProps as m, type UniversalTextProps as n, type ButtonVariant as o, type ButtonSize as p, type UniversalStackProps as q, type UniversalIconProps as r, type UniversalIconButtonProps as s, type ForegroundColor as t, type UniversalImageProps as u, type UniversalTextInputProps as v, alwaysPalette as w, type AlwaysPaletteAlias as x, type Animation as y, type AriaAttribute as z };
+export { type AlwaysPaletteAlias as $, type SizingStyleProps as A, type BorderWidthConfig as B, type ColorMode as C, type CustomSizingStyleProps as D, type ElevationConfig as E, type ForegroundPalette as F, type AvatarSizeConfig as G, type Hue as H, type ImageStyleProps as I, type IconSizeConfig as J, type SpacingConfig as K, type LinePalette as L, type Modes as M, type ShapeConfig as N, type OpacityStyleProps as O, type PaletteValue as P, type FontFamilyConfig as Q, type FontSizeConfig as R, type ScaleMode as S, type TextStyleProps as T, type UniversalTokensConfig as U, type LineHeightConfig as V, type TextTransformConfig as W, type StyleProps as X, alwaysPalette as Y, type ZIndexConfig as Z, type AlwaysPalette as _, type ColorsConfig as a, type TransitionTiming as a$, type Animation as a0, type AriaAttribute as a1, type AspectRatio as a2, type AspectRatioConfig as a3, type AvatarSize as a4, type BackgroundColor as a5, type BackgroundPaletteAlias as a6, type BackgroundWashPaletteAlias as a7, type BorderWidth as a8, type BoxShadowConfig as a9, type LetterSpacing as aA, type LineClampAlias as aB, type LineColor as aC, type LineHeight as aD, type LinePaletteAlias as aE, type MaxHeight as aF, type MaxWidth as aG, type MinHeight as aH, type MinWidth as aI, type Opacity as aJ, type Overflow as aK, type Palette as aL, type PaletteConfig as aM, type PaletteType as aN, type PlatformMode as aO, type Position as aP, type RegionMode as aQ, type ScaleConfig as aR, type Shape as aS, type SpacingAlias as aT, type SpectrumColor as aU, type SpectrumConfig as aV, type StateStyleProps as aW, type TextTransform as aX, type TextVariant as aY, type TransitionDelay as aZ, type TransitionDuration as a_, type ButtonSize as aa, type ButtonVariant as ab, type ConfigurableTextProperty as ac, type CorePaletteAlias as ad, type DataAttribute as ae, type Display as af, type ElevationPaletteAlias as ag, type Flex as ah, type FlexAlignContent as ai, type FlexAlignItems as aj, type FlexAlignSelf as ak, type FlexBasis as al, type FlexDirection as am, type FlexGrow as an, type FlexJustifyContent as ao, type FlexShrink as ap, type FlexWrap as aq, type FontFamilyGlobalAlias as ar, type FontSize as as, type FontWeightDescriptive as at, type ForegroundColor as au, type ForegroundPaletteAlias as av, type Height as aw, type HighContrastMode as ax, type IconName as ay, type IconSize as az, type HueStep as b, type UniversalTextInputProps as b0, type Width as b1, type ZIndex as b2, type CorePalette as c, type BackgroundPalette as d, type BackgroundWashPalette as e, type FontWeightConfig as f, type FontWeightNumeric as g, type Elevation as h, type FontFamilyGlobalConfig as i, type UniversalImageProps as j, type UniversalAvatarProps as k, type UniversalBoxProps as l, type UniversalPressableProps as m, type UniversalButtonProps as n, type UniversalStackProps as o, type UniversalTextProps as p, type UniversalIconProps as q, type UniversalIconButtonProps as r, type ColorModeForApp as s, type ScaleModeForApp as t, type ScaleModeConfig as u, type BackgroundStyleProps as v, type BorderStyleProps as w, type LayoutStyleProps as x, type FlexStyleProps as y, type SpacingStyleProps as z };

package/dist/{types-hirL9Qk5.d.ts → types-8OHfDki5.d.ts}

@@ -75,38 +75,33 @@ type FontFamilyGlobalConfig = Record<FontFamilyGlobalAlias, {
     fallbacks: string[];
     name: string;
 }>;
-type FontWeightNumericAlias = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-type FontWeightDescriptiveAlias = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-type TextTransformAlias = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
-type LetterSpacingAlias = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+type FontWeightNumeric = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type FontWeightDescriptive = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+type LetterSpacing = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
 type LineClampAlias = '1' | '2' | '3' | '4' | '5' | '6';
-type TextConfig = {
-    fontFamily: FontFamilyGlobalAlias;
-    fontSize: number;
-    fontWeight: FontWeightNumericAlias;
-    lineHeight: LineHeightConfig;
-    textTransform?: TextTransformAlias;
-    letterSpacing?: LetterSpacingAlias;
-};
-type TextTransformConfig = Record<TextVariant, TextTransformAlias>;
-type FontSizeConfig = Record<TextVariant, number>;
+type LineHeight = 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48;
+type FontSize = 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 34 | 36 | 38 | 46 | 47 | 48 | 50 | 52 | 54;
+type TextTransformConfig = Record<TextVariant, TextTransform>;
+type FontSizeConfig = Record<TextVariant, FontSize>;
 type FontFamilyConfig = Record<TextVariant, FontFamilyGlobalAlias>;
-type FontWeightConfig = Record<TextVariant, FontWeightDescriptiveAlias>;
-type LineHeightConfig = Record<TextVariant, number>;
+type FontWeightConfig = Record<TextVariant, FontWeightDescriptive>;
+type LineHeightConfig = Record<TextVariant, LineHeight>;
+type ConfigurableTextProperty = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'textTransform';
 type AvatarSizeConfig = {
     s: number;
     m: number;
     l: number;
 };
-type AvatarSizeAlias = keyof AvatarSizeConfig;
+type AvatarSize = keyof AvatarSizeConfig;
 type IconSizeConfig = {
     s: number;
     m: number;
     l: number;
 };
-type IconSizeAlias = keyof IconSizeConfig;
+type IconSize = keyof IconSizeConfig;
 type AspectRatioConfig = Record<string, string>;
-type AspectRatioAlias = keyof AspectRatioConfig;
+type AspectRatio = keyof AspectRatioConfig;
 type SpacingConfig = {
     '0': number;
     '1': number;
@@ -125,8 +120,8 @@ type SpacingConfig = {
     '14': number;
 };
 type SpacingAlias = keyof SpacingConfig;
-type ZIndexAlias = 'auto' | '0' | '10' | '20' | '30' | '40' | '50';
-type ZIndexConfig = Record<ZIndexAlias, string>;
+type ZIndex = 'auto' | '0' | '10' | '20' | '30' | '40' | '50';
+type ZIndexConfig = Record<ZIndex, string>;
 type ShapeConfig = {
     square: number;
     xs: number;
@@ -137,17 +132,17 @@ type ShapeConfig = {
     xxl: number;
     circle: number;
 };
-type ShapeAlias = keyof ShapeConfig;
-type ElevationAlias = '1' | '2' | '3';
-type ElevationConfig = Record<ElevationAlias, BoxShadowConfig>;
+type Shape = keyof ShapeConfig;
+type Elevation = '1' | '2' | '3';
+type ElevationConfig = Record<Elevation, BoxShadowConfig>;
 type BorderWidthConfig = {
+    '0': number;
     '1': number;
     '2': number;
     '4': number;
-    '0': number;
     '8': number;
 };
-type BorderWidthAlias = keyof BorderWidthConfig;
+type BorderWidth = keyof BorderWidthConfig;
 type BoxShadowConfig = {
     color: string;
     offsetX: number;
@@ -155,7 +150,7 @@ type BoxShadowConfig = {
     blurRadius: number;
     spreadRadius: number;
 }[];
-type OpacityAlias = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
+type Opacity = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
 type ColorModeConfig = {
     light: ColorsConfig;
     dark: ColorsConfig;
@@ -261,15 +256,15 @@ interface BorderStyleProps {
     /** Add a border to the top and bottom sides of the box. */
     borderedVertical?: boolean;
     /** Add a border radius to all corners of the box. */
-    borderRadius?: ShapeAlias;
+    borderRadius?: Shape;
     /** Add a border radius to top left corner of the box. */
-    borderTopStartRadius?: ShapeAlias;
+    borderTopStartRadius?: Shape;
     /** Add a border radius to top right corner of the box. */
-    borderTopEndRadius?: ShapeAlias;
+    borderTopEndRadius?: Shape;
     /** Add a border radius to bottom left corner of the box. */
-    borderBottomStartRadius?: ShapeAlias;
+    borderBottomStartRadius?: Shape;
     /** Add a border radius to bottom right corner of the box. */
-    borderBottomEndRadius?: ShapeAlias;
+    borderBottomEndRadius?: Shape;
     /** Adds a custom border color from the palette */
     borderColor?: LineColor;
     /** Utility for controlling an element's border color on active. */
@@ -289,25 +284,25 @@ interface BorderStyleProps {
     /** Adds a custom border color from the palette */
     borderBottomColor?: LineColor;
     /** Shorthand property to the width of an element's border. */
-    borderWidth?: BorderWidthAlias;
+    borderWidth?: BorderWidth;
     /** Sets the width of the top and bottom border of an element. */
-    borderVerticalWidth?: BorderWidthAlias;
+    borderVerticalWidth?: BorderWidth;
     /** Sets the width of the start (left) and end (right) border of an element. */
-    borderHorizontalWidth?: BorderWidthAlias;
+    borderHorizontalWidth?: BorderWidth;
     /** Sets the width of the start (left) border of an element. */
-    borderStartWidth?: BorderWidthAlias;
+    borderStartWidth?: BorderWidth;
     /** Sets the width of the end (right) border of an element. */
-    borderEndWidth?: BorderWidthAlias;
+    borderEndWidth?: BorderWidth;
     /** Sets the width of the top border of an element. */
-    borderTopWidth?: BorderWidthAlias;
+    borderTopWidth?: BorderWidth;
     /** Sets the width of the bottom border of an element. */
-    borderBottomWidth?: BorderWidthAlias;
+    borderBottomWidth?: BorderWidth;
 }
 interface LayoutStyleProps {
     /** Sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
     display?: Display;
     /** Sets the z-order of a positioned element and its descendants or flex and grid items. Overlapping elements with a larger z-index cover those with a smaller one. */
-    zIndex?: ZIndexAlias;
+    zIndex?: ZIndex;
     /** Shorthand property which sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction. */
     overflow?: Overflow;
     /** Sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
@@ -374,7 +369,7 @@ interface FlexStyleProps {
     flexBasis?: FlexBasis;
 }
 interface OpacityStyleProps {
-    opacity?: OpacityAlias;
+    opacity?: Opacity;
 }
 interface SizingStyleProps {
     /** Sets the height of an element */
@@ -404,17 +399,15 @@ interface TextStyleProps {
     /** Utility for controlling the font size of a Text element */
     fontSize?: TextVariant;
     /** Utility for controlling the font weight of a Text element */
-    fontWeight?: TextVariant | FontWeightDescriptiveAlias;
+    fontWeight?: TextVariant | FontWeightDescriptive;
     /** Utility for controlling the line height of a Text element */
     lineHeight?: TextVariant;
     /** Utility for controlling the text alignment of a Text element */
     textAlign?: 'center' | 'justify' | 'start' | 'end';
     /** Utility for controlling the text transformation of a Text element */
-    textTransform?: TextVariant | TextTransformAlias;
+    textTransform?: TextVariant | TextTransform;
 }
 interface BackgroundStyleProps {
-    /** Utility for controlling the opacity of an element's background color. */
-    backgroundColorOpacity?: OpacityAlias;
     /** Utility for controlling an element's background color. */
     backgroundColor?: BackgroundColor;
     /** Utility for controlling an element's background color on active. */
@@ -426,13 +419,11 @@ interface BackgroundStyleProps {
     /** Utility for controlling an element's background color on hover. */
     backgroundColorOnHover?: BackgroundColor;
     /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
-    elevation?: ElevationAlias;
+    elevation?: Elevation;
 }
 type CustomSizingStyleProps = {
-    iconSize?: IconSizeAlias;
-    avatarSize?: AvatarSizeAlias;
-    imageWidth?: number;
-    imageHeight?: number;
+    iconSize?: IconSize;
+    avatarSize?: AvatarSize;
 };
 type StyleProps = BackgroundStyleProps & BorderStyleProps & LayoutStyleProps & FlexStyleProps & SpacingStyleProps & TextStyleProps & OpacityStyleProps & SizingStyleProps & ImageStyleProps & CustomSizingStyleProps;
 interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, OpacityStyleProps, SizingStyleProps, SpacingStyleProps {
@@ -450,7 +441,7 @@ interface UniversalTextProps extends PropsWithChildren, TextStyleProps, Universa
 }
 type IconName = IconName$1;
 interface UniversalIconProps extends Omit<UniversalTextProps, 'children' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'>, UniversalBoxProps {
-    size?: IconSizeAlias;
+    size?: IconSize;
     name: IconName;
 }
 interface UniversalPressableProps extends UniversalBoxProps {
@@ -500,11 +491,13 @@ interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'
 }
 interface UniversalAvatarProps extends UniversalImageProps {
     /** The size of the Avatar. */
-    size?: AvatarSizeAlias;
+    size?: AvatarSize;
     /** The shape of the Avatar. */
-    shape?: ShapeAlias;
+    shape?: Shape;
 }
 interface UniversalTextInputProps {
+    disabled?: boolean;
+    required?: boolean;
 }
 
-export { type FlexStyleProps as $, type AlwaysPalette as A, type BorderWidthConfig as B, type ColorMode as C, type AspectRatioAlias as D, type ElevationConfig as E, type ForegroundPalette as F, type AspectRatioConfig as G, type Hue as H, type IconName as I, type AvatarSizeAlias as J, type AvatarSizeConfig as K, type LinePalette as L, type BackgroundColor as M, type BackgroundPaletteAlias as N, type Overflow as O, type PaletteValue as P, type BackgroundStyleProps as Q, type BackgroundWashPaletteAlias as R, type ScaleMode as S, type BorderStyleProps as T, type UniversalTokensConfig as U, type BorderWidthAlias as V, type BoxShadowConfig as W, type ColorModeForApp as X, type CorePaletteAlias as Y, type DataAttribute as Z, type ElevationPaletteAlias as _, type ColorsConfig as a, type FontFamilyConfig as a0, type FontFamilyGlobalAlias as a1, type FontSizeConfig as a2, type FontWeightDescriptiveAlias as a3, type ForegroundPaletteAlias as a4, type HighContrastMode as a5, type IconSizeAlias as a6, type IconSizeConfig as a7, type LayoutStyleProps as a8, type LetterSpacingAlias as a9, type TextStyleProps as aA, type TextTransformAlias as aB, type TextTransformConfig as aC, type TextVariant as aD, type TransitionDelay as aE, type TransitionDuration as aF, type TransitionTiming as aG, type ZIndexAlias as aH, type ZIndexConfig as aI, type LineClampAlias as aa, type LineColor as ab, type LineHeightConfig as ac, type LinePaletteAlias as ad, type Modes as ae, type OpacityAlias as af, type OpacityStyleProps as ag, type Palette as ah, type PaletteConfig as ai, type PaletteType as aj, type PlatformMode as ak, type RegionMode as al, type ScaleConfig as am, type ScaleModeConfig as an, type ScaleModeForApp as ao, type ShapeAlias as ap, type ShapeConfig as aq, type SizingStyleProps as ar, type SpacingAlias as as, type SpacingConfig as at, type SpacingStyleProps as au, type SpectrumColor as av, type SpectrumConfig as aw, type StateStyleProps as ax, type StyleProps as ay, type TextConfig as az, type HueStep as b, type CorePalette as c, type BackgroundPalette as d, type BackgroundWashPalette as e, type FontWeightConfig as f, type FontWeightNumericAlias as g, type ElevationAlias as h, type FontFamilyGlobalConfig as i, type UniversalAvatarProps as j, type UniversalBoxProps as k, type UniversalPressableProps as l, type UniversalButtonProps as m, type UniversalTextProps as n, type ButtonVariant as o, type ButtonSize as p, type UniversalStackProps as q, type UniversalIconProps as r, type UniversalIconButtonProps as s, type ForegroundColor as t, type UniversalImageProps as u, type UniversalTextInputProps as v, alwaysPalette as w, type AlwaysPaletteAlias as x, type Animation as y, type AriaAttribute as z };
+export { type AlwaysPaletteAlias as $, type SizingStyleProps as A, type BorderWidthConfig as B, type ColorMode as C, type CustomSizingStyleProps as D, type ElevationConfig as E, type ForegroundPalette as F, type AvatarSizeConfig as G, type Hue as H, type ImageStyleProps as I, type IconSizeConfig as J, type SpacingConfig as K, type LinePalette as L, type Modes as M, type ShapeConfig as N, type OpacityStyleProps as O, type PaletteValue as P, type FontFamilyConfig as Q, type FontSizeConfig as R, type ScaleMode as S, type TextStyleProps as T, type UniversalTokensConfig as U, type LineHeightConfig as V, type TextTransformConfig as W, type StyleProps as X, alwaysPalette as Y, type ZIndexConfig as Z, type AlwaysPalette as _, type ColorsConfig as a, type TransitionTiming as a$, type Animation as a0, type AriaAttribute as a1, type AspectRatio as a2, type AspectRatioConfig as a3, type AvatarSize as a4, type BackgroundColor as a5, type BackgroundPaletteAlias as a6, type BackgroundWashPaletteAlias as a7, type BorderWidth as a8, type BoxShadowConfig as a9, type LetterSpacing as aA, type LineClampAlias as aB, type LineColor as aC, type LineHeight as aD, type LinePaletteAlias as aE, type MaxHeight as aF, type MaxWidth as aG, type MinHeight as aH, type MinWidth as aI, type Opacity as aJ, type Overflow as aK, type Palette as aL, type PaletteConfig as aM, type PaletteType as aN, type PlatformMode as aO, type Position as aP, type RegionMode as aQ, type ScaleConfig as aR, type Shape as aS, type SpacingAlias as aT, type SpectrumColor as aU, type SpectrumConfig as aV, type StateStyleProps as aW, type TextTransform as aX, type TextVariant as aY, type TransitionDelay as aZ, type TransitionDuration as a_, type ButtonSize as aa, type ButtonVariant as ab, type ConfigurableTextProperty as ac, type CorePaletteAlias as ad, type DataAttribute as ae, type Display as af, type ElevationPaletteAlias as ag, type Flex as ah, type FlexAlignContent as ai, type FlexAlignItems as aj, type FlexAlignSelf as ak, type FlexBasis as al, type FlexDirection as am, type FlexGrow as an, type FlexJustifyContent as ao, type FlexShrink as ap, type FlexWrap as aq, type FontFamilyGlobalAlias as ar, type FontSize as as, type FontWeightDescriptive as at, type ForegroundColor as au, type ForegroundPaletteAlias as av, type Height as aw, type HighContrastMode as ax, type IconName as ay, type IconSize as az, type HueStep as b, type UniversalTextInputProps as b0, type Width as b1, type ZIndex as b2, type CorePalette as c, type BackgroundPalette as d, type BackgroundWashPalette as e, type FontWeightConfig as f, type FontWeightNumeric as g, type Elevation as h, type FontFamilyGlobalConfig as i, type UniversalImageProps as j, type UniversalAvatarProps as k, type UniversalBoxProps as l, type UniversalPressableProps as m, type UniversalButtonProps as n, type UniversalStackProps as o, type UniversalTextProps as p, type UniversalIconProps as q, type UniversalIconButtonProps as r, type ColorModeForApp as s, type ScaleModeForApp as t, type ScaleModeConfig as u, type BackgroundStyleProps as v, type BorderStyleProps as w, type LayoutStyleProps as x, type FlexStyleProps as y, type SpacingStyleProps as z };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "type": "module",
   "bin": {
     "uds": "./cli/uds-cli"
@@ -39,13 +39,23 @@
         "default": "./dist/tailwindPlugin.cjs"
       }
     },
+    "./tailwindPurge": {
+      "import": {
+        "types": "./dist/tailwindPurge.d.ts",
+        "default": "./dist/tailwindPurge.js"
+      },
+      "require": {
+        "types": "./dist/tailwindPurge.cjs",
+        "default": "./dist/tailwindPurge.cjs"
+      }
+    },
     "./fixtures": {
       "import": {
         "types": "./dist/fixtures/index.d.ts",
         "default": "./dist/fixtures/index.js"
       },
       "require": {
-        "types": "./dist/tailwindPlugin.cjs",
+        "types": "./dist/fixtures/index.cjs",
         "default": "./dist/fixtures/index.cjs"
       }
     },
@@ -85,13 +95,16 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "bun run build:fontcss && bun run build:fixtures && tsup",
+    "build": "bun run ./scripts/buildScripts.ts && tsup",
     "build:css": "tailwindcss --input ./src/tailwind/uds.css --output ./generated/uds.css --config ./src/tailwind/tailwind.config.ts",
     "build:fixtures": "bun run ./scripts/buildFixtures.ts",
     "build:fontcss": "bun run ./scripts/generateFontCSS.ts --output ./generated/fonts.css",
+    "build:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "concurrently bun:dev:*",
+    "dev:fixtures": "bun run ./scripts/buildFixtures.ts --watch",
     "dev:fontcss": "bun run --watch --clear-screen=false ./scripts/generateFontCSS.ts --output ./generated/fonts.css",
+    "dev:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts --watch",
     "dev:ts": "tsup --watch",
     "lint": "ESLINT_USE_FLAT_CONFIG=true eslint -c eslint.config.mjs .",
     "lint:pkg": "bun publint",
@@ -109,8 +122,10 @@
     "@expo/eas-json": "^7.1.0",
     "bluebun": "0.0.34",
     "clsx": "^2.1.0",
+    "fast-glob": "^3.3.2",
     "react-toastify": "^9.1.3",
-    "tailwind-merge": "^2.2.1"
+    "tailwind-merge": "^2.2.1",
+    "ts-morph": "^21.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.48",