@yahoo/uds 3.117.1 → 3.117.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/styles/styler.d.cts +20 -20
  2. package/dist/styles/styler.d.ts +20 -20
  3. package/dist/tailwind/dist/cli/dist/lib/colors.cjs +22 -0
  4. package/dist/tailwind/dist/cli/dist/lib/colors.js +17 -0
  5. package/dist/tailwind/dist/cli/dist/lib/colors.js.map +1 -0
  6. package/dist/{cli → tailwind/dist/cli}/dist/lib/logger.cjs +1 -1
  7. package/dist/{cli → tailwind/dist/cli}/dist/lib/logger.js +3 -2
  8. package/dist/tailwind/dist/cli/dist/lib/logger.js.map +1 -0
  9. package/dist/tailwind/dist/cli/dist/lib/print.cjs +13 -0
  10. package/dist/tailwind/dist/cli/dist/lib/print.js +13 -0
  11. package/dist/tailwind/dist/cli/dist/lib/print.js.map +1 -0
  12. package/dist/{cli → tailwind/dist/cli}/dist/lib/spinner.cjs +1 -1
  13. package/dist/{cli → tailwind/dist/cli}/dist/lib/spinner.js +3 -2
  14. package/dist/tailwind/dist/cli/dist/lib/spinner.js.map +1 -0
  15. package/dist/tailwind/dist/commands/css.cjs +34 -34
  16. package/dist/tailwind/dist/commands/css.js +2 -1
  17. package/dist/tailwind/dist/commands/css.js.map +1 -1
  18. package/dist/tailwind/dist/commands/generateComponentData.cjs +9 -9
  19. package/dist/tailwind/dist/commands/generateComponentData.d.ts +1 -1
  20. package/dist/tailwind/dist/commands/generateComponentData.js +1 -1
  21. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +3 -2
  22. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts +1 -1
  23. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +2 -1
  24. package/dist/tailwind/dist/commands/generatePurgeCSSData.js.map +1 -1
  25. package/dist/tailwind/dist/commands/purge.cjs +13 -13
  26. package/dist/tailwind/dist/commands/purge.js +2 -1
  27. package/dist/tailwind/dist/commands/purge.js.map +1 -1
  28. package/dist/tailwind/dist/css/generate.cjs +8 -6
  29. package/dist/tailwind/dist/css/generate.js +3 -1
  30. package/dist/tailwind/dist/css/generate.js.map +1 -1
  31. package/dist/tailwind/dist/css/nodeUtils.cjs +10 -9
  32. package/dist/tailwind/dist/css/nodeUtils.js +2 -1
  33. package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
  34. package/dist/tailwind/dist/css/runner.cjs +25 -22
  35. package/dist/tailwind/dist/css/runner.js +4 -1
  36. package/dist/tailwind/dist/css/runner.js.map +1 -1
  37. package/dist/tailwind/dist/purger/legacy/purgeCSS.cjs +8 -7
  38. package/dist/tailwind/dist/purger/legacy/purgeCSS.js +2 -1
  39. package/dist/tailwind/dist/purger/legacy/purgeCSS.js.map +1 -1
  40. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  41. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  42. package/dist/tailwind/dist/utils/generatePurgeCSSData.cjs +4 -3
  43. package/dist/tailwind/dist/utils/generatePurgeCSSData.js +2 -1
  44. package/dist/tailwind/dist/utils/generatePurgeCSSData.js.map +1 -1
  45. package/dist/uds/generated/componentData.cjs +170 -170
  46. package/dist/uds/generated/componentData.js +170 -170
  47. package/generated/componentData.json +218 -218
  48. package/package.json +1 -1
@@ -158,27 +158,27 @@ declare const getStylesInternal: (props?: ({
158
158
  placeholderColor?: "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" | "tertiary" | "muted" | "on-color" | undefined;
159
159
  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;
160
160
  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;
161
- fontWeight?: "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" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
161
+ fontWeight?: "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" | "light" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
162
162
  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;
163
163
  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;
164
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
164
+ textAlign?: "start" | "end" | "center" | "justify" | undefined;
165
165
  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;
166
- 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;
167
- 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;
168
- 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;
169
- 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;
170
- 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;
171
- 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;
172
- 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;
173
- 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;
174
- 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;
175
- 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;
176
- 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;
177
- 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;
178
- 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;
179
- 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;
180
- 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;
181
- 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;
166
+ 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;
167
+ 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;
168
+ 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;
169
+ 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;
170
+ 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;
171
+ 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;
172
+ 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;
173
+ 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;
174
+ 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;
175
+ 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;
176
+ 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;
177
+ 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;
178
+ 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;
179
+ 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;
180
+ 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;
181
+ 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;
182
182
  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;
183
183
  borderColor?: "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" | "tertiary" | "muted" | undefined;
184
184
  borderStartColor?: "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" | "tertiary" | "muted" | undefined;
@@ -214,7 +214,7 @@ declare const getStylesInternal: (props?: ({
214
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
216
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
217
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
217
+ contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
218
218
  colorMode?: "light" | "dark" | undefined;
219
219
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
220
220
  width?: "full" | "fit" | "screen" | undefined;
@@ -223,7 +223,7 @@ declare const getStylesInternal: (props?: ({
223
223
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
224
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
225
225
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
226
- 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;
226
+ 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;
227
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
228
228
  } & {
229
229
  className?: string | undefined;
@@ -158,27 +158,27 @@ declare const getStylesInternal: (props?: ({
158
158
  placeholderColor?: "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" | "tertiary" | "muted" | "on-color" | undefined;
159
159
  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;
160
160
  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;
161
- fontWeight?: "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" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
161
+ fontWeight?: "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" | "light" | "extralight" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
162
162
  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;
163
163
  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;
164
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
164
+ textAlign?: "start" | "end" | "center" | "justify" | undefined;
165
165
  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;
166
- 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;
167
- 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;
168
- 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;
169
- 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;
170
- 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;
171
- 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;
172
- 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;
173
- 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;
174
- 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;
175
- 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;
176
- 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;
177
- 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;
178
- 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;
179
- 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;
180
- 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;
181
- 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;
166
+ 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;
167
+ 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;
168
+ 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;
169
+ 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;
170
+ 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;
171
+ 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;
172
+ 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;
173
+ 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;
174
+ 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;
175
+ 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;
176
+ 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;
177
+ 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;
178
+ 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;
179
+ 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;
180
+ 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;
181
+ 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;
182
182
  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;
183
183
  borderColor?: "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" | "tertiary" | "muted" | undefined;
184
184
  borderStartColor?: "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" | "tertiary" | "muted" | undefined;
@@ -214,7 +214,7 @@ declare const getStylesInternal: (props?: ({
214
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
216
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
217
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
217
+ contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
218
218
  colorMode?: "light" | "dark" | undefined;
219
219
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
220
220
  width?: "full" | "fit" | "screen" | undefined;
@@ -223,7 +223,7 @@ declare const getStylesInternal: (props?: ({
223
223
  insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
224
  nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
225
225
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
226
- 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;
226
+ 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;
227
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
228
228
  } & {
229
229
  className?: string | undefined;
@@ -0,0 +1,22 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+
3
+ //#region ../cli/dist/lib/colors.mjs
4
+ /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
5
+ /**
6
+ * ANSI escape code color utilities for terminal output.
7
+ * Zero dependencies - uses standard ANSI escape sequences.
8
+ */
9
+ const red = (text) => `\x1b[31m${text}\x1b[0m`;
10
+ const green = (text) => `\x1b[32m${text}\x1b[0m`;
11
+ const yellow = (text) => `\x1b[33m${text}\x1b[0m`;
12
+ const magenta = (text) => `\x1b[35m${text}\x1b[0m`;
13
+ const cyan = (text) => `\x1b[36m${text}\x1b[0m`;
14
+ const gray = (text) => `\x1b[2m${text}\x1b[0m`;
15
+
16
+ //#endregion
17
+ exports.cyan = cyan;
18
+ exports.gray = gray;
19
+ exports.green = green;
20
+ exports.magenta = magenta;
21
+ exports.red = red;
22
+ exports.yellow = yellow;
@@ -0,0 +1,17 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+ //#region ../cli/dist/lib/colors.mjs
3
+ /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
4
+ /**
5
+ * ANSI escape code color utilities for terminal output.
6
+ * Zero dependencies - uses standard ANSI escape sequences.
7
+ */
8
+ const red = (text) => `\x1b[31m${text}\x1b[0m`;
9
+ const green = (text) => `\x1b[32m${text}\x1b[0m`;
10
+ const yellow = (text) => `\x1b[33m${text}\x1b[0m`;
11
+ const magenta = (text) => `\x1b[35m${text}\x1b[0m`;
12
+ const cyan = (text) => `\x1b[36m${text}\x1b[0m`;
13
+ const gray = (text) => `\x1b[2m${text}\x1b[0m`;
14
+
15
+ //#endregion
16
+ export { cyan, gray, green, magenta, red, yellow };
17
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.js","names":[],"sources":["../../../../../cli/dist/lib/colors.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\n//#region src/lib/colors.ts\n/**\n* ANSI escape code color utilities for terminal output.\n* Zero dependencies - uses standard ANSI escape sequences.\n*/\nconst red = (text) => `\\x1b[31m${text}\\x1b[0m`;\nconst green = (text) => `\\x1b[32m${text}\\x1b[0m`;\nconst yellow = (text) => `\\x1b[33m${text}\\x1b[0m`;\nconst blue = (text) => `\\x1b[34m${text}\\x1b[0m`;\nconst magenta = (text) => `\\x1b[35m${text}\\x1b[0m`;\nconst cyan = (text) => `\\x1b[36m${text}\\x1b[0m`;\nconst white = (text) => `\\x1b[37m${text}\\x1b[0m`;\nconst gray = (text) => `\\x1b[2m${text}\\x1b[0m`;\nconst bold = (text) => `\\x1b[1m${text}\\x1b[0m`;\nconst dim = (text) => `\\x1b[2m${text}\\x1b[0m`;\n\n//#endregion\nexport { blue, bold, cyan, dim, gray, green, magenta, red, white, yellow };\n//# sourceMappingURL=colors.mjs.map"],"mappings":";;;;;;;AAMA,MAAM,OAAO,SAAS,WAAW,KAAK;AACtC,MAAM,SAAS,SAAS,WAAW,KAAK;AACxC,MAAM,UAAU,SAAS,WAAW,KAAK;AAEzC,MAAM,WAAW,SAAS,WAAW,KAAK;AAC1C,MAAM,QAAQ,SAAS,WAAW,KAAK;AAEvC,MAAM,QAAQ,SAAS,UAAU,KAAK"}
@@ -1,4 +1,4 @@
1
- /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
  const require_colors = require('./colors.cjs');
3
3
  const require_print = require('./print.cjs');
4
4
  const require_spinner = require('./spinner.cjs');
@@ -1,4 +1,4 @@
1
- /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
  import { cyan, gray, green, magenta, red, yellow } from "./colors.js";
3
3
  import { print } from "./print.js";
4
4
  import { spinStart, spinStop } from "./spinner.js";
@@ -63,4 +63,5 @@ function createLogger(options = {}) {
63
63
  }
64
64
 
65
65
  //#endregion
66
- export { createLogger };
66
+ export { createLogger };
67
+ //# sourceMappingURL=logger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"logger.js","names":[],"sources":["../../../../../cli/dist/lib/logger.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\nimport { cyan, gray, green, magenta, red, yellow } from \"./colors.mjs\";\nimport { print } from \"./print.mjs\";\nimport { spinStart, spinStop } from \"./spinner.mjs\";\n\n//#region src/lib/logger.ts\n/**\n* Logger utility for CLI commands.\n* Centralizes logging behavior with support for silent mode.\n*/\n/**\n* Create a logger instance with optional silent mode.\n* When silent, all logging methods become no-ops.\n*/\nfunction createLogger(options = {}) {\n\tconst isSilent = options.silent ?? false;\n\treturn {\n\t\tisSilent,\n\t\tprint: (message) => {\n\t\t\tif (!isSilent) print(message);\n\t\t},\n\t\tprintAlways: (message) => {\n\t\t\tprint(message);\n\t\t},\n\t\tspinStart: (message) => {\n\t\t\tif (!isSilent) spinStart(message);\n\t\t},\n\t\tspinStop: (icon, message) => {\n\t\t\tif (!isSilent) spinStop(icon, message);\n\t\t},\n\t\tsuccess: (message) => {\n\t\t\tif (!isSilent) print(green(`✅ ${message}`));\n\t\t},\n\t\twarn: (message) => {\n\t\t\tif (!isSilent) print(yellow(`⚠️ ${message}`));\n\t\t},\n\t\terror: (message) => {\n\t\t\tprint(red(`❌ ${message}`));\n\t\t},\n\t\tinfo: (message) => {\n\t\t\tif (!isSilent) print(cyan(message));\n\t\t},\n\t\tlabel: (label, value) => {\n\t\t\tif (!isSilent) print(`${magenta(label)} ${cyan(value)}`);\n\t\t},\n\t\tlistItem: (text) => {\n\t\t\tif (!isSilent) print(` ${gray(\"•\")} ${text}`);\n\t\t},\n\t\ttimestamp: (message, color = \"green\") => {\n\t\t\tif (isSilent) return;\n\t\t\tconst time = (/* @__PURE__ */ new Date()).toLocaleTimeString();\n\t\t\tconst colorFn = color === \"green\" ? green : color === \"yellow\" ? yellow : red;\n\t\t\tprint(`${gray(`[${time}]`)} ${colorFn(message)}`);\n\t\t},\n\t\tnewline: () => {\n\t\t\tif (!isSilent) print(\"\");\n\t\t},\n\t\tchild: (childOptions = {}) => {\n\t\t\treturn createLogger({ silent: childOptions.silent ?? isSilent });\n\t\t}\n\t};\n}\n\n//#endregion\nexport { createLogger };\n//# sourceMappingURL=logger.mjs.map"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAS,aAAa,UAAU,EAAE,EAAE;CACnC,MAAM,WAAW,QAAQ,UAAU;AACnC,QAAO;EACN;EACA,QAAQ,YAAY;AACnB,OAAI,CAAC,SAAU,OAAM,QAAQ;;EAE9B,cAAc,YAAY;AACzB,SAAM,QAAQ;;EAEf,YAAY,YAAY;AACvB,OAAI,CAAC,SAAU,WAAU,QAAQ;;EAElC,WAAW,MAAM,YAAY;AAC5B,OAAI,CAAC,SAAU,UAAS,MAAM,QAAQ;;EAEvC,UAAU,YAAY;AACrB,OAAI,CAAC,SAAU,OAAM,MAAM,KAAK,UAAU,CAAC;;EAE5C,OAAO,YAAY;AAClB,OAAI,CAAC,SAAU,OAAM,OAAO,OAAO,UAAU,CAAC;;EAE/C,QAAQ,YAAY;AACnB,SAAM,IAAI,KAAK,UAAU,CAAC;;EAE3B,OAAO,YAAY;AAClB,OAAI,CAAC,SAAU,OAAM,KAAK,QAAQ,CAAC;;EAEpC,QAAQ,OAAO,UAAU;AACxB,OAAI,CAAC,SAAU,OAAM,GAAG,QAAQ,MAAM,CAAC,GAAG,KAAK,MAAM,GAAG;;EAEzD,WAAW,SAAS;AACnB,OAAI,CAAC,SAAU,OAAM,MAAM,KAAK,IAAI,CAAC,GAAG,OAAO;;EAEhD,YAAY,SAAS,QAAQ,YAAY;AACxC,OAAI,SAAU;GACd,MAAM,wBAAwB,IAAI,MAAM,EAAE,oBAAoB;GAC9D,MAAM,UAAU,UAAU,UAAU,QAAQ,UAAU,WAAW,SAAS;AAC1E,SAAM,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC,GAAG,QAAQ,QAAQ,GAAG;;EAElD,eAAe;AACd,OAAI,CAAC,SAAU,OAAM,GAAG;;EAEzB,QAAQ,eAAe,EAAE,KAAK;AAC7B,UAAO,aAAa,EAAE,QAAQ,aAAa,UAAU,UAAU,CAAC;;EAEjE"}
@@ -0,0 +1,13 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+
3
+ //#region ../cli/dist/lib/print.mjs
4
+ /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
5
+ /**
6
+ * Console output wrapper.
7
+ */
8
+ function print(...args) {
9
+ console.log(...args);
10
+ }
11
+
12
+ //#endregion
13
+ exports.print = print;
@@ -0,0 +1,13 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+ //#region ../cli/dist/lib/print.mjs
3
+ /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
4
+ /**
5
+ * Console output wrapper.
6
+ */
7
+ function print(...args) {
8
+ console.log(...args);
9
+ }
10
+
11
+ //#endregion
12
+ export { print };
13
+ //# sourceMappingURL=print.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"print.js","names":[],"sources":["../../../../../cli/dist/lib/print.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\n//#region src/lib/print.ts\n/**\n* Console output wrapper.\n*/\nfunction print(...args) {\n\tconsole.log(...args);\n}\n\n//#endregion\nexport { print };\n//# sourceMappingURL=print.mjs.map"],"mappings":";;;;;;AAKA,SAAS,MAAM,GAAG,MAAM;AACvB,SAAQ,IAAI,GAAG,KAAK"}
@@ -1,4 +1,4 @@
1
- /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
 
3
3
  //#region ../cli/dist/lib/spinner.mjs
4
4
  /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
@@ -1,4 +1,4 @@
1
- /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
1
+ /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
  //#region ../cli/dist/lib/spinner.mjs
3
3
  /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
4
4
  /**
@@ -54,4 +54,5 @@ function spinStop(iconOrMessage, message) {
54
54
  }
55
55
 
56
56
  //#endregion
57
- export { spinStart, spinStop };
57
+ export { spinStart, spinStop };
58
+ //# sourceMappingURL=spinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.js","names":[],"sources":["../../../../../cli/dist/lib/spinner.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\n//#region src/lib/spinner.ts\n/**\n* Simple terminal spinner for showing progress during long operations.\n* Uses Braille spinner characters for a smooth animation.\n*/\nlet spinnerInterval = null;\nlet currentMessage = \"\";\nconst frames = [\n\t\"⠋\",\n\t\"⠙\",\n\t\"⠹\",\n\t\"⠸\",\n\t\"⠼\",\n\t\"⠴\",\n\t\"⠦\",\n\t\"⠧\",\n\t\"⠇\",\n\t\"⠏\"\n];\nlet frameIndex = 0;\n/**\n* Start a spinner with a message.\n* Only one spinner can be active at a time.\n*/\nfunction spinStart(message) {\n\tif (spinnerInterval) spinStop();\n\tcurrentMessage = message;\n\tframeIndex = 0;\n\tprocess.stdout.write(\"\\x1B[?25l\");\n\tspinnerInterval = setInterval(() => {\n\t\tconst frame = frames[frameIndex];\n\t\tprocess.stdout.write(`\\r${frame} ${currentMessage}`);\n\t\tframeIndex = (frameIndex + 1) % frames.length;\n\t}, 80);\n}\n/**\n* Stop the spinner and optionally show a final message.\n* @param iconOrMessage - Optional icon to show OR the message if second param not provided\n* @param message - Optional final message to display\n*/\nfunction spinStop(iconOrMessage, message) {\n\tif (spinnerInterval) {\n\t\tclearInterval(spinnerInterval);\n\t\tspinnerInterval = null;\n\t}\n\tprocess.stdout.write(\"\\r\\x1B[K\");\n\tprocess.stdout.write(\"\\x1B[?25h\");\n\tif (iconOrMessage || message) {\n\t\tconst finalMessage = message ? `${iconOrMessage} ${message}` : iconOrMessage;\n\t\tconsole.log(finalMessage);\n\t}\n}\n\n//#endregion\nexport { spinStart, spinStop };\n//# sourceMappingURL=spinner.mjs.map"],"mappings":";;;;;;;AAMA,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;AACrB,MAAM,SAAS;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,aAAa;;;;;AAKjB,SAAS,UAAU,SAAS;AAC3B,KAAI,gBAAiB,WAAU;AAC/B,kBAAiB;AACjB,cAAa;AACb,SAAQ,OAAO,MAAM,YAAY;AACjC,mBAAkB,kBAAkB;EACnC,MAAM,QAAQ,OAAO;AACrB,UAAQ,OAAO,MAAM,KAAK,MAAM,GAAG,iBAAiB;AACpD,gBAAc,aAAa,KAAK,OAAO;IACrC,GAAG;;;;;;;AAOP,SAAS,SAAS,eAAe,SAAS;AACzC,KAAI,iBAAiB;AACpB,gBAAc,gBAAgB;AAC9B,oBAAkB;;AAEnB,SAAQ,OAAO,MAAM,WAAW;AAChC,SAAQ,OAAO,MAAM,YAAY;AACjC,KAAI,iBAAiB,SAAS;EAC7B,MAAM,eAAe,UAAU,GAAG,cAAc,GAAG,YAAY;AAC/D,UAAQ,IAAI,aAAa"}
@@ -1,43 +1,43 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
- const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
2
+ const require_colors = require('../cli/dist/lib/colors.cjs');
3
+ const require_print = require('../cli/dist/lib/print.cjs');
3
4
  const require_nodeUtils = require('../css/nodeUtils.cjs');
4
5
  const require_runner = require('../css/runner.cjs');
5
6
  const require_css_helpers = require('./css.helpers.cjs');
6
- let _yahoo_uds_cli_lib = require("@yahoo/uds-cli/lib");
7
7
 
8
8
  //#region src/commands/css.ts
9
9
  const showHelp = () => {
10
- (0, _yahoo_uds_cli_lib.print)("");
11
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.green)("uds css")} - Generate CSS for app`);
12
- (0, _yahoo_uds_cli_lib.print)("");
13
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Usage:")}`);
14
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("uds css")} [options]`);
15
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("uds css init")} [options]`);
16
- (0, _yahoo_uds_cli_lib.print)("");
17
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Commands:")}`);
18
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("init")} Create a new uds.theme.ts file`);
19
- (0, _yahoo_uds_cli_lib.print)("");
20
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Options:")}`);
21
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--entry <path>")} Entry directory to scan (default: /src/)`);
22
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--outFile <path>")} Output CSS file (default: dist/uds.css)`);
23
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--config <path>")} Path to uds.config.ts for tokens`);
24
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--theme <path>")} Path to uds.theme.ts (default: uds.theme.ts)`);
25
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--watch, -w")} Watch for file changes and regenerate`);
26
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--silent, -s")} Suppress output logging`);
27
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--force")} Overwrite existing uds.theme.ts (for init)`);
28
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.cyan)("--help, -h")} Show this help message`);
29
- (0, _yahoo_uds_cli_lib.print)("");
30
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Initialize theme config:")}`);
31
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.gray)("uds css init")}`);
32
- (0, _yahoo_uds_cli_lib.print)("");
33
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Simple mode")} (no uds.theme.ts):`);
34
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.gray)("uds css --entry ./src --outFile dist/uds.css")}`);
35
- (0, _yahoo_uds_cli_lib.print)("");
36
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Theme mode")} (with uds.theme.ts):`);
37
- (0, _yahoo_uds_cli_lib.print)(` ${(0, _yahoo_uds_cli_lib.gray)("uds css --theme uds.theme.ts --outFile dist/uds.css")}`);
38
- (0, _yahoo_uds_cli_lib.print)("");
39
- (0, _yahoo_uds_cli_lib.print)(`${(0, _yahoo_uds_cli_lib.magenta)("Example uds.theme.ts:")}`);
40
- (0, _yahoo_uds_cli_lib.print)((0, _yahoo_uds_cli_lib.gray)(` import { defineTheme } from '@yahoo/uds';
10
+ require_print.print("");
11
+ require_print.print(`${require_colors.green("uds css")} - Generate CSS for app`);
12
+ require_print.print("");
13
+ require_print.print(`${require_colors.magenta("Usage:")}`);
14
+ require_print.print(` ${require_colors.cyan("uds css")} [options]`);
15
+ require_print.print(` ${require_colors.cyan("uds css init")} [options]`);
16
+ require_print.print("");
17
+ require_print.print(`${require_colors.magenta("Commands:")}`);
18
+ require_print.print(` ${require_colors.cyan("init")} Create a new uds.theme.ts file`);
19
+ require_print.print("");
20
+ require_print.print(`${require_colors.magenta("Options:")}`);
21
+ require_print.print(` ${require_colors.cyan("--entry <path>")} Entry directory to scan (default: /src/)`);
22
+ require_print.print(` ${require_colors.cyan("--outFile <path>")} Output CSS file (default: dist/uds.css)`);
23
+ require_print.print(` ${require_colors.cyan("--config <path>")} Path to uds.config.ts for tokens`);
24
+ require_print.print(` ${require_colors.cyan("--theme <path>")} Path to uds.theme.ts (default: uds.theme.ts)`);
25
+ require_print.print(` ${require_colors.cyan("--watch, -w")} Watch for file changes and regenerate`);
26
+ require_print.print(` ${require_colors.cyan("--silent, -s")} Suppress output logging`);
27
+ require_print.print(` ${require_colors.cyan("--force")} Overwrite existing uds.theme.ts (for init)`);
28
+ require_print.print(` ${require_colors.cyan("--help, -h")} Show this help message`);
29
+ require_print.print("");
30
+ require_print.print(`${require_colors.magenta("Initialize theme config:")}`);
31
+ require_print.print(` ${require_colors.gray("uds css init")}`);
32
+ require_print.print("");
33
+ require_print.print(`${require_colors.magenta("Simple mode")} (no uds.theme.ts):`);
34
+ require_print.print(` ${require_colors.gray("uds css --entry ./src --outFile dist/uds.css")}`);
35
+ require_print.print("");
36
+ require_print.print(`${require_colors.magenta("Theme mode")} (with uds.theme.ts):`);
37
+ require_print.print(` ${require_colors.gray("uds css --theme uds.theme.ts --outFile dist/uds.css")}`);
38
+ require_print.print("");
39
+ require_print.print(`${require_colors.magenta("Example uds.theme.ts:")}`);
40
+ require_print.print(require_colors.gray(` import { defineTheme } from '@yahoo/uds';
41
41
 
42
42
  export default defineTheme({
43
43
  config: './uds.config.ts',
@@ -50,7 +50,7 @@ const showHelp = () => {
50
50
  disableOverrideTailwindTheme: true // Don't merge into Tailwind defaults
51
51
  }
52
52
  });`));
53
- (0, _yahoo_uds_cli_lib.print)("");
53
+ require_print.print("");
54
54
  };
55
55
  const makeCSSCommand = (getContext) => ({
56
56
  name: "css",
@@ -1,8 +1,9 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
+ import { cyan, gray, green, magenta } from "../cli/dist/lib/colors.js";
3
+ import { print } from "../cli/dist/lib/print.js";
2
4
  import { scaffoldThemeConfig } from "../css/nodeUtils.js";
3
5
  import { runCssCommand } from "../css/runner.js";
4
6
  import { getCssInitOptions, getCssRunOptions, isInitCommand, shouldShowHelp } from "./css.helpers.js";
5
- import { cyan, gray, green, magenta, print } from "@yahoo/uds-cli/lib";
6
7
 
7
8
  //#region src/commands/css.ts
8
9
  const showHelp = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":[],"sources":["../../src/commands/css.ts"],"sourcesContent":["import type { Command, Props } from '@yahoo/uds-cli/lib';\nimport { cyan, gray, green, magenta, print } from '@yahoo/uds-cli/lib';\n\nimport { scaffoldThemeConfig } from '../css/nodeUtils';\nimport { runCssCommand } from '../css/runner';\nimport { getCssInitOptions, getCssRunOptions, isInitCommand, shouldShowHelp } from './css.helpers';\nimport type { SerializedComponentInfo } from './generateComponentData';\n\nconst showHelp = () => {\n print('');\n print(`${green('uds css')} - Generate CSS for app`);\n print('');\n print(`${magenta('Usage:')}`);\n print(` ${cyan('uds css')} [options]`);\n print(` ${cyan('uds css init')} [options]`);\n print('');\n print(`${magenta('Commands:')}`);\n print(` ${cyan('init')} Create a new uds.theme.ts file`);\n print('');\n print(`${magenta('Options:')}`);\n print(` ${cyan('--entry <path>')} Entry directory to scan (default: /src/)`);\n print(` ${cyan('--outFile <path>')} Output CSS file (default: dist/uds.css)`);\n print(` ${cyan('--config <path>')} Path to uds.config.ts for tokens`);\n print(` ${cyan('--theme <path>')} Path to uds.theme.ts (default: uds.theme.ts)`);\n print(` ${cyan('--watch, -w')} Watch for file changes and regenerate`);\n print(` ${cyan('--silent, -s')} Suppress output logging`);\n print(` ${cyan('--force')} Overwrite existing uds.theme.ts (for init)`);\n print(` ${cyan('--help, -h')} Show this help message`);\n print('');\n print(`${magenta('Initialize theme config:')}`);\n print(` ${gray('uds css init')}`);\n print('');\n print(`${magenta('Simple mode')} (no uds.theme.ts):`);\n print(` ${gray('uds css --entry ./src --outFile dist/uds.css')}`);\n print('');\n print(`${magenta('Theme mode')} (with uds.theme.ts):`);\n print(` ${gray('uds css --theme uds.theme.ts --outFile dist/uds.css')}`);\n print('');\n print(`${magenta('Example uds.theme.ts:')}`);\n print(\n gray(` import { defineTheme } from '@yahoo/uds';\n\n export default defineTheme({\n config: './uds.config.ts',\n entry: './src',\n colorModes: ['dark'],\n css: {\n preflight: true,\n fontFaceDeclarations: true,\n enableSystemColorMode: false, // Auto dark mode via prefers-color-scheme\n disableOverrideTailwindTheme: true // Don't merge into Tailwind defaults\n }\n });`),\n );\n print('');\n};\n\ntype Context = {\n variants: Record<string, Record<string, string>>;\n autoVariants: Record<string, Record<string, string>>;\n componentData: Record<string, SerializedComponentInfo>;\n};\n\nconst makeCSSCommand = (getContext: () => Promise<Context>): Command => ({\n name: 'css',\n description: 'Generate CSS for app',\n tag: 'hidden',\n\n run: async (props: Props) => {\n const { variants, autoVariants, componentData } = await getContext();\n\n if (shouldShowHelp(props.options)) {\n showHelp();\n return;\n }\n\n if (isInitCommand(props.first)) {\n await scaffoldThemeConfig(getCssInitOptions(props.options));\n return;\n }\n\n const cssRunOptions = getCssRunOptions(process.cwd(), props.options);\n\n await runCssCommand(cssRunOptions, { variants, autoVariants, componentData });\n },\n});\n\nexport { makeCSSCommand };\n"],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;AACrB,OAAM,GAAG;AACT,OAAM,GAAG,MAAM,UAAU,CAAC,yBAAyB;AACnD,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,SAAS,GAAG;AAC7B,OAAM,KAAK,KAAK,UAAU,CAAC,YAAY;AACvC,OAAM,KAAK,KAAK,eAAe,CAAC,YAAY;AAC5C,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,YAAY,GAAG;AAChC,OAAM,KAAK,KAAK,OAAO,CAAC,8CAA8C;AACtE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,WAAW,GAAG;AAC/B,OAAM,KAAK,KAAK,iBAAiB,CAAC,8CAA8C;AAChF,OAAM,KAAK,KAAK,mBAAmB,CAAC,2CAA2C;AAC/E,OAAM,KAAK,KAAK,kBAAkB,CAAC,qCAAqC;AACxE,OAAM,KAAK,KAAK,iBAAiB,CAAC,kDAAkD;AACpF,OAAM,KAAK,KAAK,cAAc,CAAC,8CAA8C;AAC7E,OAAM,KAAK,KAAK,eAAe,CAAC,+BAA+B;AAC/D,OAAM,KAAK,KAAK,UAAU,CAAC,uDAAuD;AAClF,OAAM,KAAK,KAAK,aAAa,CAAC,gCAAgC;AAC9D,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,2BAA2B,GAAG;AAC/C,OAAM,KAAK,KAAK,eAAe,GAAG;AAClC,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,cAAc,CAAC,qBAAqB;AACrD,OAAM,KAAK,KAAK,+CAA+C,GAAG;AAClE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,aAAa,CAAC,uBAAuB;AACtD,OAAM,KAAK,KAAK,sDAAsD,GAAG;AACzE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,wBAAwB,GAAG;AAC5C,OACE,KAAK;;;;;;;;;;;;OAYF,CACJ;AACD,OAAM,GAAG;;AASX,MAAM,kBAAkB,gBAAiD;CACvE,MAAM;CACN,aAAa;CACb,KAAK;CAEL,KAAK,OAAO,UAAiB;EAC3B,MAAM,EAAE,UAAU,cAAc,kBAAkB,MAAM,YAAY;AAEpE,MAAI,eAAe,MAAM,QAAQ,EAAE;AACjC,aAAU;AACV;;AAGF,MAAI,cAAc,MAAM,MAAM,EAAE;AAC9B,SAAM,oBAAoB,kBAAkB,MAAM,QAAQ,CAAC;AAC3D;;AAKF,QAAM,cAFgB,iBAAiB,QAAQ,KAAK,EAAE,MAAM,QAAQ,EAEjC;GAAE;GAAU;GAAc;GAAe,CAAC;;CAEhF"}
1
+ {"version":3,"file":"css.js","names":[],"sources":["../../src/commands/css.ts"],"sourcesContent":["import type { Command, Props } from '@yahoo/uds-cli/lib';\nimport { cyan, gray, green, magenta, print } from '@yahoo/uds-cli/lib';\n\nimport { scaffoldThemeConfig } from '../css/nodeUtils';\nimport { runCssCommand } from '../css/runner';\nimport { getCssInitOptions, getCssRunOptions, isInitCommand, shouldShowHelp } from './css.helpers';\nimport type { SerializedComponentInfo } from './generateComponentData';\n\nconst showHelp = () => {\n print('');\n print(`${green('uds css')} - Generate CSS for app`);\n print('');\n print(`${magenta('Usage:')}`);\n print(` ${cyan('uds css')} [options]`);\n print(` ${cyan('uds css init')} [options]`);\n print('');\n print(`${magenta('Commands:')}`);\n print(` ${cyan('init')} Create a new uds.theme.ts file`);\n print('');\n print(`${magenta('Options:')}`);\n print(` ${cyan('--entry <path>')} Entry directory to scan (default: /src/)`);\n print(` ${cyan('--outFile <path>')} Output CSS file (default: dist/uds.css)`);\n print(` ${cyan('--config <path>')} Path to uds.config.ts for tokens`);\n print(` ${cyan('--theme <path>')} Path to uds.theme.ts (default: uds.theme.ts)`);\n print(` ${cyan('--watch, -w')} Watch for file changes and regenerate`);\n print(` ${cyan('--silent, -s')} Suppress output logging`);\n print(` ${cyan('--force')} Overwrite existing uds.theme.ts (for init)`);\n print(` ${cyan('--help, -h')} Show this help message`);\n print('');\n print(`${magenta('Initialize theme config:')}`);\n print(` ${gray('uds css init')}`);\n print('');\n print(`${magenta('Simple mode')} (no uds.theme.ts):`);\n print(` ${gray('uds css --entry ./src --outFile dist/uds.css')}`);\n print('');\n print(`${magenta('Theme mode')} (with uds.theme.ts):`);\n print(` ${gray('uds css --theme uds.theme.ts --outFile dist/uds.css')}`);\n print('');\n print(`${magenta('Example uds.theme.ts:')}`);\n print(\n gray(` import { defineTheme } from '@yahoo/uds';\n\n export default defineTheme({\n config: './uds.config.ts',\n entry: './src',\n colorModes: ['dark'],\n css: {\n preflight: true,\n fontFaceDeclarations: true,\n enableSystemColorMode: false, // Auto dark mode via prefers-color-scheme\n disableOverrideTailwindTheme: true // Don't merge into Tailwind defaults\n }\n });`),\n );\n print('');\n};\n\ntype Context = {\n variants: Record<string, Record<string, string>>;\n autoVariants: Record<string, Record<string, string>>;\n componentData: Record<string, SerializedComponentInfo>;\n};\n\nconst makeCSSCommand = (getContext: () => Promise<Context>): Command => ({\n name: 'css',\n description: 'Generate CSS for app',\n tag: 'hidden',\n\n run: async (props: Props) => {\n const { variants, autoVariants, componentData } = await getContext();\n\n if (shouldShowHelp(props.options)) {\n showHelp();\n return;\n }\n\n if (isInitCommand(props.first)) {\n await scaffoldThemeConfig(getCssInitOptions(props.options));\n return;\n }\n\n const cssRunOptions = getCssRunOptions(process.cwd(), props.options);\n\n await runCssCommand(cssRunOptions, { variants, autoVariants, componentData });\n },\n});\n\nexport { makeCSSCommand };\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB;AACrB,OAAM,GAAG;AACT,OAAM,GAAG,MAAM,UAAU,CAAC,yBAAyB;AACnD,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,SAAS,GAAG;AAC7B,OAAM,KAAK,KAAK,UAAU,CAAC,YAAY;AACvC,OAAM,KAAK,KAAK,eAAe,CAAC,YAAY;AAC5C,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,YAAY,GAAG;AAChC,OAAM,KAAK,KAAK,OAAO,CAAC,8CAA8C;AACtE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,WAAW,GAAG;AAC/B,OAAM,KAAK,KAAK,iBAAiB,CAAC,8CAA8C;AAChF,OAAM,KAAK,KAAK,mBAAmB,CAAC,2CAA2C;AAC/E,OAAM,KAAK,KAAK,kBAAkB,CAAC,qCAAqC;AACxE,OAAM,KAAK,KAAK,iBAAiB,CAAC,kDAAkD;AACpF,OAAM,KAAK,KAAK,cAAc,CAAC,8CAA8C;AAC7E,OAAM,KAAK,KAAK,eAAe,CAAC,+BAA+B;AAC/D,OAAM,KAAK,KAAK,UAAU,CAAC,uDAAuD;AAClF,OAAM,KAAK,KAAK,aAAa,CAAC,gCAAgC;AAC9D,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,2BAA2B,GAAG;AAC/C,OAAM,KAAK,KAAK,eAAe,GAAG;AAClC,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,cAAc,CAAC,qBAAqB;AACrD,OAAM,KAAK,KAAK,+CAA+C,GAAG;AAClE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,aAAa,CAAC,uBAAuB;AACtD,OAAM,KAAK,KAAK,sDAAsD,GAAG;AACzE,OAAM,GAAG;AACT,OAAM,GAAG,QAAQ,wBAAwB,GAAG;AAC5C,OACE,KAAK;;;;;;;;;;;;OAYF,CACJ;AACD,OAAM,GAAG;;AASX,MAAM,kBAAkB,gBAAiD;CACvE,MAAM;CACN,aAAa;CACb,KAAK;CAEL,KAAK,OAAO,UAAiB;EAC3B,MAAM,EAAE,UAAU,cAAc,kBAAkB,MAAM,YAAY;AAEpE,MAAI,eAAe,MAAM,QAAQ,EAAE;AACjC,aAAU;AACV;;AAGF,MAAI,cAAc,MAAM,MAAM,EAAE;AAC9B,SAAM,oBAAoB,kBAAkB,MAAM,QAAQ,CAAC;AAC3D;;AAKF,QAAM,cAFgB,iBAAiB,QAAQ,KAAK,EAAE,MAAM,QAAQ,EAEjC;GAAE;GAAU;GAAc;GAAe,CAAC;;CAEhF"}