@yahoo/uds 3.100.0-beta.4 → 3.101.0-beta.1

package/dist/styles/styler.d.ts

@@ -17,17 +17,17 @@ declare const getStylesInternal: (props?: ({
   avatarTextVariantRoot?: "primary" | "secondary" | undefined;
   badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
   badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
-  badgeVariantIcon?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
-  badgeVariantRoot?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
+  badgeVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
+  badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
-  buttonVariantIcon?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantRoot?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | undefined;
   checkboxSizeRoot?: "sm" | "md" | undefined;
-  checkboxVariantCheckbox?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
-  checkboxVariantCheckboxIcon?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
-  checkboxVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
+  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+  checkboxVariantCheckboxIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+  checkboxVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
   checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
   checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
@@ -103,9 +103,9 @@ declare const getStylesInternal: (props?: ({
   menuitemSizeStartIcon?: "default" | undefined;
   radioSizeRadio?: "sm" | "md" | undefined;
   radioSizeRoot?: "sm" | "md" | undefined;
-  radioVariantRadio?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
-  radioVariantRadioCircle?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
-  radioVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
+  radioVariantRadio?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+  radioVariantRadioCircle?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
+  radioVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
   radioVariantValueRadio?: "checked" | "unchecked" | undefined;
   radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
   radioVariantValueRoot?: "checked" | "unchecked" | undefined;
@@ -140,76 +140,76 @@ declare const getStylesInternal: (props?: ({
   tooltipVariantIcon?: "default" | undefined;
   tooltipVariantRoot?: "default" | undefined;
   tooltipVariantSvg?: "default" | undefined;
-  color?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "on-color" | undefined;
-  placeholderColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "on-color" | undefined;
+  color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
+  placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "bold" | "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "light" | "medium" | "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "start" | "end" | "justify" | undefined;
-  textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
-  spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingStart?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingTop?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offset?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetStart?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetTop?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  backgroundColor?: "alert" | "current" | "primary" | "secondary" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderStartColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderEndColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderBottomColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderTopColor?: "alert" | "current" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  borderTopStartRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  borderTopEndRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  borderBottomStartRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  borderBottomEndRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
+  textAlign?: "center" | "justify" | "start" | "end" | undefined;
+  textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
+  spacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offset?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetVertical?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetHorizontal?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetBottom?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetEnd?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetStart?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetTop?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  columnGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  rowGap?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  borderWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderVerticalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderHorizontalWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderStartWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderEndWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderTopWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  borderBottomWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
   avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
   iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
   alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
   alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
-  alignSelf?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
-  flex?: "none" | "auto" | "1" | "initial" | undefined;
+  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+  flex?: "none" | "1" | "auto" | "initial" | undefined;
   flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
   flexGrow?: "0" | "1" | "2" | "3" | undefined;
   flexShrink?: "0" | "1" | undefined;
   flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
   justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
   flexBasis?: "min-content" | undefined;
-  display?: "none" | "grid" | "table" | "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
+  display?: "flex" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
   overflow?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
   overflowX?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
   overflowY?: "auto" | "hidden" | "clip" | "visible" | "scroll" | undefined;
-  position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
+  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+  contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
-  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+  scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   width?: "full" | "fit" | "screen" | undefined;
   height?: "full" | "fit" | "screen" | undefined;
   dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
-  nestedBorderRadiusSize?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-  nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
+  nestedBorderRadiusWidth?: "medium" | "thin" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
+  nestedBorderRadiusSpacing?: "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "4.5" | "5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   nestedBorderRadius?: boolean | "first" | "last" | undefined;
 } & {
   className?: string | undefined;

package/dist/tailwind/dist/.prettierrc.cjs

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../tailwind/dist/.prettierrc.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+var _prettierrc_default = {
+	trailingComma: "all",
+	tabWidth: 2,
+	singleQuote: true,
+	printWidth: 100
+};
+
+//#endregion
+exports._prettierrc_default = _prettierrc_default;

package/dist/tailwind/dist/.prettierrc.js

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../tailwind/dist/.prettierrc.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+var _prettierrc_default = {
+	trailingComma: "all",
+	tabWidth: 2,
+	singleQuote: true,
+	printWidth: 100
+};
+
+//#endregion
+export { _prettierrc_default };

package/dist/tailwind/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../tailwind/dist/_virtual/_rolldown/runtime.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+
+//#endregion
+exports.__require = __require;

package/dist/tailwind/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { __require as __require$1 } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region ../tailwind/dist/_virtual/_rolldown/runtime.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+var __require = /* @__PURE__ */ ((x) => typeof __require$1 !== "undefined" ? __require$1 : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof __require$1 !== "undefined" ? __require$1 : a)[b] }) : x)(function(x) {
+	if (typeof __require$1 !== "undefined") return __require$1.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+
+//#endregion
+export { __require };

package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs

@@ -0,0 +1,52 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_colors = require('../../../cli/dist/lib/colors.cjs');
+const require_print = require('../../../cli/dist/lib/print.cjs');
+const require__prettierrc = require('../.prettierrc.cjs');
+const require_generatePurgeCSSData = require('../utils/generatePurgeCSSData.cjs');
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path);
+let prettier = require("prettier");
+
+//#region ../tailwind/dist/commands/generatePurgeCSSData.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const makeGeneratePurgeCSSDataCommand = (getContext) => ({
+	name: "generatePurgeCSSData",
+	description: `Generates purge CSS data for UDS components. This is an internal command used to generate the data needed to purge unused CSS in UDS. It should not be used directly by users.`,
+	tag: "hidden",
+	run: async (_props) => {
+		const { project, variants, UDS, UDS_EXPERIMENTAL } = await getContext();
+		const exportedComponents = require_generatePurgeCSSData.getExportedComponents(UDS, UDS_EXPERIMENTAL);
+		const exportsToFilePath = require_generatePurgeCSSData.getExportsToFilePath(project);
+		const variantsList = require_generatePurgeCSSData.convertVariantsIntoTailwindClass(variants);
+		const componentToVariants = require_generatePurgeCSSData.getComponentsProps(project, exportedComponents, variants, variantsList, exportsToFilePath);
+		const componentsDependencies = require_generatePurgeCSSData.getComponentsDependencies(project, exportedComponents, exportsToFilePath);
+		let componentToTwClasses = await require_generatePurgeCSSData.getTwClassesInComponent(exportedComponents, exportsToFilePath);
+		componentToTwClasses = require_generatePurgeCSSData.addAutoVariantsToComponentClasses(componentToTwClasses);
+		const outputFilePath = node_path.default.resolve(process.cwd(), "./generated/tailwindPurge.ts");
+		const formattedContent = await (0, prettier.format)(`
+//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! Do not edit directly
+//! If there is issue with this file please report to #ask-uds
+
+export type PropToUsedOptions = [string, string[]];
+export type ComponentToVariants = { [key: string]: PropToUsedOptions[] };
+export type VariantsList = string[];
+export type ComponentDependencies = { [key: string]: string[] };
+export type ComponentToTwClasses = { [key: string]: string };
+
+export const variantsList: VariantsList = ${JSON.stringify(variantsList)};
+export const componentToVariants: ComponentToVariants = ${JSON.stringify(componentToVariants)};
+export const componentToTwClasses: ComponentToTwClasses = ${JSON.stringify(componentToTwClasses)};
+export const componentsDependencies: ComponentDependencies = ${JSON.stringify(componentsDependencies)};
+`, {
+			parser: "typescript",
+			...require__prettierrc._prettierrc_default
+		});
+		await Bun.write(outputFilePath, formattedContent);
+		require_print.print(require_colors.green(`✅ Purge CSS Data saved ${outputFilePath}`));
+	}
+});
+
+//#endregion
+exports.makeGeneratePurgeCSSDataCommand = makeGeneratePurgeCSSDataCommand;

package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts

@@ -0,0 +1,3 @@
+
+import { Project } from "ts-morph";
+import { Command } from "@yahoo/uds-cli";

package/dist/tailwind/dist/commands/generatePurgeCSSData.js

@@ -0,0 +1,50 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { green } from "../../../cli/dist/lib/colors.js";
+import { print } from "../../../cli/dist/lib/print.js";
+import { _prettierrc_default } from "../.prettierrc.js";
+import { addAutoVariantsToComponentClasses, convertVariantsIntoTailwindClass, getComponentsDependencies, getComponentsProps, getExportedComponents, getExportsToFilePath, getTwClassesInComponent } from "../utils/generatePurgeCSSData.js";
+import path from "node:path";
+import { format } from "prettier";
+
+//#region ../tailwind/dist/commands/generatePurgeCSSData.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const makeGeneratePurgeCSSDataCommand = (getContext) => ({
+	name: "generatePurgeCSSData",
+	description: `Generates purge CSS data for UDS components. This is an internal command used to generate the data needed to purge unused CSS in UDS. It should not be used directly by users.`,
+	tag: "hidden",
+	run: async (_props) => {
+		const { project, variants, UDS, UDS_EXPERIMENTAL } = await getContext();
+		const exportedComponents = getExportedComponents(UDS, UDS_EXPERIMENTAL);
+		const exportsToFilePath = getExportsToFilePath(project);
+		const variantsList = convertVariantsIntoTailwindClass(variants);
+		const componentToVariants = getComponentsProps(project, exportedComponents, variants, variantsList, exportsToFilePath);
+		const componentsDependencies = getComponentsDependencies(project, exportedComponents, exportsToFilePath);
+		let componentToTwClasses = await getTwClassesInComponent(exportedComponents, exportsToFilePath);
+		componentToTwClasses = addAutoVariantsToComponentClasses(componentToTwClasses);
+		const outputFilePath = path.resolve(process.cwd(), "./generated/tailwindPurge.ts");
+		const formattedContent = await format(`
+//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! Do not edit directly
+//! If there is issue with this file please report to #ask-uds
+
+export type PropToUsedOptions = [string, string[]];
+export type ComponentToVariants = { [key: string]: PropToUsedOptions[] };
+export type VariantsList = string[];
+export type ComponentDependencies = { [key: string]: string[] };
+export type ComponentToTwClasses = { [key: string]: string };
+
+export const variantsList: VariantsList = ${JSON.stringify(variantsList)};
+export const componentToVariants: ComponentToVariants = ${JSON.stringify(componentToVariants)};
+export const componentToTwClasses: ComponentToTwClasses = ${JSON.stringify(componentToTwClasses)};
+export const componentsDependencies: ComponentDependencies = ${JSON.stringify(componentsDependencies)};
+`, {
+			parser: "typescript",
+			..._prettierrc_default
+		});
+		await Bun.write(outputFilePath, formattedContent);
+		print(green(`✅ Purge CSS Data saved ${outputFilePath}`));
+	}
+});
+
+//#endregion
+export { makeGeneratePurgeCSSDataCommand };

package/dist/tailwind/dist/commands/purge.cjs

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_analytics = require('../../../cli/dist/utils/analytics.cjs');
+const require_spinner = require('../../../cli/dist/lib/spinner.cjs');
+const require_purgeCSS = require('../utils/purgeCSS.cjs');
+
+//#region ../tailwind/dist/commands/purge.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const makePurgeCommand = (getContext) => ({
+	name: "purge",
+	description: `Purge unused CSS`,
+	run: async (props) => {
+		require_spinner.spinStart("Purging css started...");
+		try {
+			const { variants, packageJson, generatedPurgeCssData } = await getContext();
+			await require_purgeCSS.purge(variants, packageJson, generatedPurgeCssData, props.options);
+			require_spinner.spinStop("✅", "Purging css done!");
+			return await require_analytics.trackEvent("purge");
+		} catch (error) {
+			if (error instanceof Error) require_spinner.spinStop("❌", error.message);
+			else require_spinner.spinStop("❌", "Purging css failed! Please reach out to #uds-ask channel for support.");
+			process.exitCode = 1;
+		}
+	}
+});
+
+//#endregion
+exports.makePurgeCommand = makePurgeCommand;

package/dist/tailwind/dist/commands/purge.d.ts

@@ -0,0 +1,3 @@
+
+import "../utils/purgeCSS.js";
+import { Command } from "@yahoo/uds-cli";

package/dist/tailwind/dist/commands/purge.js

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { trackEvent } from "../../../cli/dist/utils/analytics.js";
+import { spinStart, spinStop } from "../../../cli/dist/lib/spinner.js";
+import { purge } from "../utils/purgeCSS.js";
+
+//#region ../tailwind/dist/commands/purge.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const makePurgeCommand = (getContext) => ({
+	name: "purge",
+	description: `Purge unused CSS`,
+	run: async (props) => {
+		spinStart("Purging css started...");
+		try {
+			const { variants, packageJson, generatedPurgeCssData } = await getContext();
+			await purge(variants, packageJson, generatedPurgeCssData, props.options);
+			spinStop("✅", "Purging css done!");
+			return await trackEvent("purge");
+		} catch (error) {
+			if (error instanceof Error) spinStop("❌", error.message);
+			else spinStop("❌", "Purging css failed! Please reach out to #uds-ask channel for support.");
+			process.exitCode = 1;
+		}
+	}
+});
+
+//#endregion
+export { makePurgeCommand };

package/dist/tailwind/dist/index.d.cts

@@ -0,0 +1,3 @@
+
+import "./tailwind/components/getResponsiveTextStyles.cjs";
+import { WebTokens, parseTokens } from "./utils/parseTokens.cjs";

package/dist/tailwind/dist/index.d.ts

@@ -0,0 +1,5 @@
+
+import "./tailwind/components/getResponsiveTextStyles.js";
+import { WebTokens, parseTokens } from "./utils/parseTokens.js";
+import "./commands/generatePurgeCSSData.js";
+import "./commands/purge.js";

package/dist/tailwind/dist/plugin.cjs

@@ -0,0 +1,39 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
+const require_getInputStyles = require('./tailwind/components/getInputStyles.cjs');
+const require_defaultTailwindThemeAsUdsConfig = require('./tailwind/defaultTailwindThemeAsUdsConfig.cjs');
+const require_a11y = require('./tailwind/plugins/a11y.cjs');
+const require_blurBgFallback = require('./tailwind/plugins/blurBgFallback.cjs');
+const require_composeTailwindPlugins = require('./tailwind/utils/composeTailwindPlugins.cjs');
+const require_borderRadius = require('./tailwind/plugins/borderRadius.cjs');
+const require_borderWidth = require('./tailwind/plugins/borderWidth.cjs');
+const require_breakpoints = require('./tailwind/plugins/breakpoints.cjs');
+const require_colors = require('./tailwind/plugins/colors.cjs');
+const require_components = require('./tailwind/plugins/components.cjs');
+const require_elevation = require('./tailwind/plugins/elevation.cjs');
+const require_icons = require('./tailwind/plugins/icons.cjs');
+const require_input = require('./tailwind/plugins/input.cjs');
+const require_motion = require('./tailwind/plugins/motion.cjs');
+const require_nestedBorderRadius = require('./tailwind/plugins/nestedBorderRadius.cjs');
+const require_scaleMode = require('./tailwind/plugins/scaleMode.cjs');
+const require_shadows = require('./tailwind/plugins/shadows.cjs');
+const require_sizing = require('./tailwind/plugins/sizing.cjs');
+const require_spacing = require('./tailwind/plugins/spacing.cjs');
+const require_typography = require('./tailwind/plugins/typography.cjs');
+
+//#region ../tailwind/dist/plugin.js
+/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
+const tailwindPlugin = require_composeTailwindPlugins.composeTailwindPlugins(require_colors.colorsPlugin, require_icons.iconsPlugin, require_a11y.a11yPlugin, require_breakpoints.breakpointsPlugin, require_typography.typographyPlugin, require_components.componentsPlugin, require_shadows.shadowsPlugin, require_elevation.elevationPlugin, require_motion.motionPlugin, require_spacing.spacingPlugin, require_borderWidth.borderWidthPlugin, require_borderRadius.borderRadiusPlugin, require_nestedBorderRadius.nestedBorderRadiusPlugin, require_blurBgFallback.blurBgFallbackPlugin, require_sizing.sizingPlugin, require_input.inputPlugin, require_scaleMode.scaleModePlugin);
+/**
+* Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+* included in the app.
+* Note: wrapped in a function so client side usage of the tailwind plugin package
+* (e.g. configurator) doesn't error out on require() being undefined.
+* */
+const getUDSContent = () => {
+	return [require_runtime.__require.resolve("@yahoo/uds").replace("/dist/index.cjs", "/dist/**/*.{js,cjs}")];
+};
+
+//#endregion
+exports.getUDSContent = getUDSContent;
+exports.tailwindPlugin = tailwindPlugin;

package/dist/tailwind/{tailwindPlugin.d.ts → dist/plugin.d.cts}

@@ -1,9 +1,10 @@
 
-import { getInputStyles } from "./components/getInputStyles.js";
-import { udsToTailwindMap } from "./defaultTailwindThemeAsUdsConfig.js";
-import { TailwindPluginOptions } from "./utils/composeTailwindPlugins.js";
+import { TailwindPluginOptions } from "./tailwind/utils/composeTailwindPlugins.cjs";
+import { getInputStyles } from "./tailwind/components/getInputStyles.cjs";
+import { udsToTailwindMap } from "./tailwind/defaultTailwindThemeAsUdsConfig.cjs";
 import * as tailwindcss_types_config0 from "tailwindcss/types/config";
 
+//#region ../tailwind/dist/plugin.d.ts
 //#region src/tailwind/tailwindPlugin.d.ts
 declare const tailwindPlugin: {
   (options: TailwindPluginOptions): {
@@ -18,6 +19,6 @@ declare const tailwindPlugin: {
  * Note: wrapped in a function so client side usage of the tailwind plugin package
  * (e.g. configurator) doesn't error out on require() being undefined.
  * */
-declare const getUDSContent: () => string[];
+declare const getUDSContent: () => string[]; //#endregion
 //#endregion
-export { getInputStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };
+export { getUDSContent, tailwindPlugin };