@yahoo/uds 3.158.0 → 3.158.1

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 (10) hide show
  1. package/dist/styles/styler.d.cts +25 -25
  2. package/dist/styles/styler.d.ts +25 -25
  3. package/dist/tailwind-internal/dist/plugins/components.cjs +29 -28
  4. package/dist/tailwind-internal/dist/plugins/components.js +4 -3
  5. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  6. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  7. package/dist/uds/generated/componentData.cjs +131 -131
  8. package/dist/uds/generated/componentData.js +131 -131
  9. package/generated/componentData.json +179 -179
  10. package/package.json +1 -1
package/dist/styles/styler.d.cts CHANGED
@@ -12,8 +12,8 @@ declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
13
  avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
14
  avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
15
+ avatarSizeIcon?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "default" | undefined;
16
+ avatarSizeRoot?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "default" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
18
  badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
19
  badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
@@ -216,13 +216,13 @@ declare const getStylesInternal: (props?: ({
216
216
  tooltipVariantSvg?: "default" | undefined;
217
217
  color?: "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;
218
218
  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;
219
- 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;
219
+ fontFamily?: "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | "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;
220
220
  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;
221
- 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;
221
+ fontWeight?: "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "light" | "black" | "thin" | "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" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
222
222
  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;
223
223
  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;
224
224
  textAlign?: "center" | "justify" | "start" | "end" | undefined;
225
- 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;
225
+ textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "uppercase" | "lowercase" | "capitalize" | "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;
226
226
  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;
227
227
  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;
228
228
  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;
@@ -245,44 +245,44 @@ declare const getStylesInternal: (props?: ({
245
245
  borderEndColor?: "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;
246
246
  borderBottomColor?: "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;
247
247
  borderTopColor?: "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;
248
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
249
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
250
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
251
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
252
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
253
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
254
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
255
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
256
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
257
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
258
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
259
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
260
- avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
248
+ borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
249
+ borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
250
+ borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
251
+ borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
252
+ borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
253
+ borderWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
254
+ borderVerticalWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
255
+ borderHorizontalWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
256
+ borderStartWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
257
+ borderEndWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
258
+ borderTopWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
259
+ borderBottomWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
260
+ avatarSize?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
261
261
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
262
262
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
263
263
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
264
264
  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
265
- flex?: "1" | "none" | "auto" | "initial" | undefined;
265
+ flex?: "none" | "1" | "auto" | "initial" | undefined;
266
266
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
267
267
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
268
268
  flexShrink?: "0" | "1" | undefined;
269
269
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
270
270
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
271
271
  flexBasis?: "min-content" | undefined;
272
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "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" | "grid" | "contents" | undefined;
272
+ display?: "none" | "flex" | "table" | "block" | "inline-block" | "inline" | "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" | "grid" | "contents" | undefined;
273
273
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
274
274
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
275
275
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
276
276
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
277
277
  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
278
278
  colorMode?: "light" | "dark" | undefined;
279
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
279
+ scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
280
280
  width?: "full" | "fit" | "screen" | undefined;
281
281
  height?: "full" | "fit" | "screen" | undefined;
282
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
283
- insetShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
285
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
282
+ dropShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
283
+ insetShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
+ nestedBorderRadiusSize?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
285
+ nestedBorderRadiusWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
286
286
  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;
287
287
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
288
288
  } & {
package/dist/styles/styler.d.ts CHANGED
@@ -12,8 +12,8 @@ declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
13
  avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
14
  avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
15
+ avatarSizeIcon?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "default" | undefined;
16
+ avatarSizeRoot?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "default" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
18
  badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
19
  badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
@@ -216,13 +216,13 @@ declare const getStylesInternal: (props?: ({
216
216
  tooltipVariantSvg?: "default" | undefined;
217
217
  color?: "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;
218
218
  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;
219
- 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;
219
+ fontFamily?: "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | "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;
220
220
  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;
221
- 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;
221
+ fontWeight?: "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "light" | "black" | "thin" | "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" | "regular" | "semibold" | "bold" | "extrabold" | undefined;
222
222
  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;
223
223
  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;
224
224
  textAlign?: "center" | "justify" | "start" | "end" | undefined;
225
- 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;
225
+ textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "uppercase" | "lowercase" | "capitalize" | "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;
226
226
  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;
227
227
  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;
228
228
  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;
@@ -245,44 +245,44 @@ declare const getStylesInternal: (props?: ({
245
245
  borderEndColor?: "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;
246
246
  borderBottomColor?: "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;
247
247
  borderTopColor?: "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;
248
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
249
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
250
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
251
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
252
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
253
- borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
254
- borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
255
- borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
256
- borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
257
- borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
258
- borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
259
- borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
260
- avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
248
+ borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
249
+ borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
250
+ borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
251
+ borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
252
+ borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
253
+ borderWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
254
+ borderVerticalWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
255
+ borderHorizontalWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
256
+ borderStartWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
257
+ borderEndWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
258
+ borderTopWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
259
+ borderBottomWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
260
+ avatarSize?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
261
261
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
262
262
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
263
263
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
264
264
  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
265
- flex?: "1" | "none" | "auto" | "initial" | undefined;
265
+ flex?: "none" | "1" | "auto" | "initial" | undefined;
266
266
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
267
267
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
268
268
  flexShrink?: "0" | "1" | undefined;
269
269
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
270
270
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
271
271
  flexBasis?: "min-content" | undefined;
272
- display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "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" | "grid" | "contents" | undefined;
272
+ display?: "none" | "flex" | "table" | "block" | "inline-block" | "inline" | "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" | "grid" | "contents" | undefined;
273
273
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
274
274
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
275
275
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
276
276
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
277
277
  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
278
278
  colorMode?: "light" | "dark" | undefined;
279
- scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
279
+ scaleMode?: "xSmall" | "small" | "medium" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
280
280
  width?: "full" | "fit" | "screen" | undefined;
281
281
  height?: "full" | "fit" | "screen" | undefined;
282
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
283
- insetShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
285
- nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
282
+ dropShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
283
+ insetShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
284
+ nestedBorderRadiusSize?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
285
+ nestedBorderRadiusWidth?: "medium" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "thick" | undefined;
286
286
  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;
287
287
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
288
288
  } & {
package/dist/tailwind-internal/dist/plugins/components.cjs CHANGED
@@ -2,8 +2,9 @@
2
2
  const require_index = require("../packages/fixtures/dist/index.cjs");
3
3
  const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
4
4
  const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
5
+ const require_index$1 = require("../packages/config/dist/index.cjs");
5
6
  const require_generatedConfigs = require("../packages/automated-config/dist/generated/generatedConfigs.cjs");
6
- const require_index$1 = require("../packages/automated-config/dist/utils/index.cjs");
7
+ const require_index$2 = require("../packages/automated-config/dist/utils/index.cjs");
7
8
  //#region ../tailwind-internal/dist/plugins/components.js
8
9
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
9
10
  const componentsPlugin = (/* @__PURE__ */ require_runtime.__toESM(require_plugin$1.require_plugin(), 1)).default.withOptions(({ config, emit, previewOptions = { generatePseudoStateClassModifier: false } }) => ({ addComponents, theme }) => {
@@ -12,34 +13,34 @@ const componentsPlugin = (/* @__PURE__ */ require_runtime.__toESM(require_plugin
12
13
  emit: emit ?? "exhaustive"
13
14
  };
14
15
  if (config.button || config.iconButton) {
15
- addComponents(require_index$1.generateStyles(require_generatedConfigs.ButtonConfig, config.button, theme, mergedPreviewOptions));
16
- if (config.iconButton) addComponents(require_index$1.generateStyles(require_generatedConfigs.IconButtonConfig, config.iconButton, theme, mergedPreviewOptions, { buttonHeightReferenceSchema: config.button }));
16
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.ButtonConfig, config.button, theme, mergedPreviewOptions));
17
+ if (config.iconButton) addComponents(require_index$2.generateStyles(require_generatedConfigs.IconButtonConfig, config.iconButton, theme, mergedPreviewOptions, { buttonHeightReferenceSchema: config.button }));
17
18
  }
18
- if (config.divider) addComponents(require_index$1.generateStyles(require_generatedConfigs.DividerConfig, config.divider, theme, mergedPreviewOptions));
19
- if (config.link) addComponents(require_index$1.generateStyles(require_generatedConfigs.LinkConfig, config.link, theme, mergedPreviewOptions));
20
- if (config.badge) addComponents(require_index$1.generateStyles(require_generatedConfigs.BadgeConfig, config.badge, theme, mergedPreviewOptions));
21
- if (config.radio) addComponents(require_index$1.generateStyles(require_generatedConfigs.RadioConfig, config.radio, theme, mergedPreviewOptions));
22
- if (config.avatar) addComponents(require_index$1.generateStyles(require_generatedConfigs.AvatarConfig, config.avatar, theme, mergedPreviewOptions));
23
- if (config.chip) addComponents(require_index$1.generateStyles(require_generatedConfigs.ChipConfig, config.chip, theme, mergedPreviewOptions));
24
- if (config.switch) addComponents(require_index$1.generateStyles(require_generatedConfigs.SwitchConfig, config.switch, theme, mergedPreviewOptions));
25
- if (config.checkbox) addComponents(require_index$1.generateStyles(require_generatedConfigs.CheckboxConfig, config.checkbox, theme, mergedPreviewOptions));
26
- if (config.menuItem) addComponents(require_index$1.generateStyles(require_generatedConfigs.MenuItemConfig, config.menuItem, theme, mergedPreviewOptions));
27
- if (config.menuContent) addComponents(require_index$1.generateStyles(require_generatedConfigs.MenuContentConfig, config.menuContent, theme, mergedPreviewOptions));
28
- if (config.input) addComponents(require_index$1.generateStyles(require_generatedConfigs.InputConfig, config.input, theme, mergedPreviewOptions));
29
- if (config.select) addComponents(require_index$1.generateStyles(require_generatedConfigs.SelectConfig, config.select, theme, mergedPreviewOptions));
30
- if (config.selectContent) addComponents(require_index$1.generateStyles(require_generatedConfigs.SelectContentConfig, config.selectContent, theme, mergedPreviewOptions));
31
- if (config.selectItem) addComponents(require_index$1.generateStyles(require_generatedConfigs.SelectItemConfig, config.selectItem, theme, mergedPreviewOptions));
32
- if (config?.toast) addComponents(require_index$1.generateStyles(require_generatedConfigs.ToastConfig, config.toast, theme, mergedPreviewOptions));
33
- if (config.tooltip) addComponents(require_index$1.generateStyles(require_generatedConfigs.TooltipConfig, config.tooltip, theme, mergedPreviewOptions));
34
- if (config?.bottomSheet) addComponents(require_index$1.generateStyles(require_generatedConfigs.BottomSheetConfig, config.bottomSheet, theme, mergedPreviewOptions));
35
- if (config?.scrim) addComponents(require_index$1.generateStyles(require_generatedConfigs.ScrimConfig, config.scrim, theme, mergedPreviewOptions));
36
- if (config.popover) addComponents(require_index$1.generateStyles(require_generatedConfigs.PopoverConfig, config.popover, theme, mergedPreviewOptions));
37
- addComponents(require_index$1.generateStyles(require_generatedConfigs.BannerConfig, config.banner, theme, mergedPreviewOptions));
38
- addComponents(require_index$1.generateStyles(require_generatedConfigs.TabConfig, config.tab, theme, mergedPreviewOptions));
39
- addComponents(require_index$1.generateStyles(require_generatedConfigs.TabsConfig, config.tabs, theme, mergedPreviewOptions));
40
- addComponents(require_index$1.generateStyles(require_generatedConfigs.ModalConfig, config.modal, theme, mergedPreviewOptions));
41
- addComponents(require_index$1.generateStyles(require_generatedConfigs.PaddleNavConfig, config.paddleNav, theme, mergedPreviewOptions));
42
- addComponents(require_index$1.generateStyles(require_generatedConfigs.PaginationConfig, config.pagination, theme, previewOptions));
19
+ if (config.divider) addComponents(require_index$2.generateStyles(require_generatedConfigs.DividerConfig, config.divider, theme, mergedPreviewOptions));
20
+ if (config.link) addComponents(require_index$2.generateStyles(require_generatedConfigs.LinkConfig, config.link, theme, mergedPreviewOptions));
21
+ if (config.badge) addComponents(require_index$2.generateStyles(require_generatedConfigs.BadgeConfig, config.badge, theme, mergedPreviewOptions));
22
+ if (config.radio) addComponents(require_index$2.generateStyles(require_generatedConfigs.RadioConfig, config.radio, theme, mergedPreviewOptions));
23
+ if (config.avatar) addComponents(require_index$2.generateStyles(require_generatedConfigs.AvatarConfig, config.avatar, theme, mergedPreviewOptions));
24
+ if (config.chip) addComponents(require_index$2.generateStyles(require_generatedConfigs.ChipConfig, config.chip, theme, mergedPreviewOptions));
25
+ if (config.switch) addComponents(require_index$2.generateStyles(require_generatedConfigs.SwitchConfig, config.switch, theme, mergedPreviewOptions));
26
+ if (config.checkbox) addComponents(require_index$2.generateStyles(require_generatedConfigs.CheckboxConfig, config.checkbox, theme, mergedPreviewOptions));
27
+ if (config.menuItem) addComponents(require_index$2.generateStyles(require_generatedConfigs.MenuItemConfig, config.menuItem, theme, mergedPreviewOptions));
28
+ if (config.menuContent) addComponents(require_index$2.generateStyles(require_generatedConfigs.MenuContentConfig, config.menuContent, theme, mergedPreviewOptions));
29
+ if (config.input) addComponents(require_index$2.generateStyles(require_generatedConfigs.InputConfig, config.input, theme, mergedPreviewOptions));
30
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.SelectConfig, config.select ?? require_index$1.defaultTokensConfig.select, theme, mergedPreviewOptions));
31
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.SelectContentConfig, config.selectContent ?? require_index$1.defaultTokensConfig.selectContent, theme, mergedPreviewOptions));
32
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.SelectItemConfig, config.selectItem ?? require_index$1.defaultTokensConfig.selectItem, theme, mergedPreviewOptions));
33
+ if (config?.toast) addComponents(require_index$2.generateStyles(require_generatedConfigs.ToastConfig, config.toast, theme, mergedPreviewOptions));
34
+ if (config.tooltip) addComponents(require_index$2.generateStyles(require_generatedConfigs.TooltipConfig, config.tooltip, theme, mergedPreviewOptions));
35
+ if (config?.bottomSheet) addComponents(require_index$2.generateStyles(require_generatedConfigs.BottomSheetConfig, config.bottomSheet, theme, mergedPreviewOptions));
36
+ if (config?.scrim) addComponents(require_index$2.generateStyles(require_generatedConfigs.ScrimConfig, config.scrim, theme, mergedPreviewOptions));
37
+ if (config.popover) addComponents(require_index$2.generateStyles(require_generatedConfigs.PopoverConfig, config.popover, theme, mergedPreviewOptions));
38
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.BannerConfig, config.banner, theme, mergedPreviewOptions));
39
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.TabConfig, config.tab, theme, mergedPreviewOptions));
40
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.TabsConfig, config.tabs, theme, mergedPreviewOptions));
41
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.ModalConfig, config.modal, theme, mergedPreviewOptions));
42
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.PaddleNavConfig, config.paddleNav, theme, mergedPreviewOptions));
43
+ addComponents(require_index$2.generateStyles(require_generatedConfigs.PaginationConfig, config.pagination, theme, previewOptions));
43
44
  }, () => ({ theme: { extend: { opacity: require_index.opacityMap } } }));
44
45
  //#endregion
45
46
  exports.componentsPlugin = componentsPlugin;
package/dist/tailwind-internal/dist/plugins/components.js CHANGED
@@ -2,6 +2,7 @@
2
2
  import { opacityMap } from "../packages/fixtures/dist/index.js";
3
3
  import { __toESM } from "../_virtual/_rolldown/runtime.js";
4
4
  import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
5
+ import { defaultTokensConfig } from "../packages/config/dist/index.js";
5
6
  import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, ModalConfig, PaddleNavConfig, PaginationConfig, PopoverConfig, RadioConfig, ScrimConfig, SelectConfig, SelectContentConfig, SelectItemConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "../packages/automated-config/dist/generated/generatedConfigs.js";
6
7
  import { generateStyles } from "../packages/automated-config/dist/utils/index.js";
7
8
  //#region ../tailwind-internal/dist/plugins/components.js
@@ -26,9 +27,9 @@ const componentsPlugin = (/* @__PURE__ */ __toESM(require_plugin(), 1)).default.
26
27
  if (config.menuItem) addComponents(generateStyles(MenuItemConfig, config.menuItem, theme, mergedPreviewOptions));
27
28
  if (config.menuContent) addComponents(generateStyles(MenuContentConfig, config.menuContent, theme, mergedPreviewOptions));
28
29
  if (config.input) addComponents(generateStyles(InputConfig, config.input, theme, mergedPreviewOptions));
29
- if (config.select) addComponents(generateStyles(SelectConfig, config.select, theme, mergedPreviewOptions));
30
- if (config.selectContent) addComponents(generateStyles(SelectContentConfig, config.selectContent, theme, mergedPreviewOptions));
31
- if (config.selectItem) addComponents(generateStyles(SelectItemConfig, config.selectItem, theme, mergedPreviewOptions));
30
+ addComponents(generateStyles(SelectConfig, config.select ?? defaultTokensConfig.select, theme, mergedPreviewOptions));
31
+ addComponents(generateStyles(SelectContentConfig, config.selectContent ?? defaultTokensConfig.selectContent, theme, mergedPreviewOptions));
32
+ addComponents(generateStyles(SelectItemConfig, config.selectItem ?? defaultTokensConfig.selectItem, theme, mergedPreviewOptions));
32
33
  if (config?.toast) addComponents(generateStyles(ToastConfig, config.toast, theme, mergedPreviewOptions));
33
34
  if (config.tooltip) addComponents(generateStyles(TooltipConfig, config.tooltip, theme, mergedPreviewOptions));
34
35
  if (config?.bottomSheet) addComponents(generateStyles(BottomSheetConfig, config.bottomSheet, theme, mergedPreviewOptions));
package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts CHANGED
@@ -10,8 +10,8 @@ declare function getShadowStyles({
10
10
  }: {
11
11
  config: UniversalTokensConfig;
12
12
  shadowType: ShadowType;
13
- }): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
14
- readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
13
+ }): Record<".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
14
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
15
15
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
16
16
  }>; //#endregion
17
17
  //#endregion
package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts CHANGED
@@ -10,8 +10,8 @@ declare function getShadowStyles({
10
10
  }: {
11
11
  config: UniversalTokensConfig;
12
12
  shadowType: ShadowType;
13
- }): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
14
- readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
13
+ }): Record<".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
14
+ readonly [x: string]: "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
15
15
  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
16
16
  }>; //#endregion
17
17
  //#endregion