@yahoo/uds 3.169.0 → 3.170.0

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 (61) hide show
  1. package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
  2. package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
  3. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  4. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  5. package/dist/components/Icon.cjs +3 -6
  6. package/dist/components/Icon.js +3 -6
  7. package/dist/components/IconSlot.cjs +1 -1
  8. package/dist/components/IconSlot.js +1 -1
  9. package/dist/components/client/Button/Button.cjs +1 -1
  10. package/dist/components/client/Button/Button.js +1 -1
  11. package/dist/components/client/IconButton/IconButton.cjs +1 -1
  12. package/dist/components/client/IconButton/IconButton.js +1 -1
  13. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  14. package/dist/components/client/Menu/Menu.Content.js +1 -1
  15. package/dist/components/client/Popover/PopoverContent.cjs +1 -1
  16. package/dist/components/client/Popover/PopoverContent.js +1 -1
  17. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  18. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  19. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  21. package/dist/index.cjs +3 -3
  22. package/dist/index.js +3 -3
  23. package/dist/styles/styleVariantTemplates.cjs +146 -0
  24. package/dist/styles/styleVariantTemplates.d.cts +161 -0
  25. package/dist/styles/styleVariantTemplates.d.ts +161 -0
  26. package/dist/styles/styleVariantTemplates.js +145 -0
  27. package/dist/styles/styler.cjs +32 -21
  28. package/dist/styles/styler.d.cts +13 -281
  29. package/dist/styles/styler.d.ts +13 -281
  30. package/dist/styles/styler.js +32 -21
  31. package/dist/styles/stylerTypes.d.cts +1 -1
  32. package/dist/styles/stylerTypes.d.ts +1 -1
  33. package/dist/styles/textColorVariants.cjs +40 -0
  34. package/dist/styles/textColorVariants.d.cts +39 -0
  35. package/dist/styles/textColorVariants.d.ts +39 -0
  36. package/dist/styles/textColorVariants.js +39 -0
  37. package/dist/styles/udsTailwindMerge.cjs +522 -0
  38. package/dist/styles/udsTailwindMerge.d.cts +7 -0
  39. package/dist/styles/udsTailwindMerge.d.ts +7 -0
  40. package/dist/styles/udsTailwindMerge.js +520 -0
  41. package/dist/styles/variantClass.cjs +31 -0
  42. package/dist/styles/variantClass.d.cts +12 -0
  43. package/dist/styles/variantClass.d.ts +12 -0
  44. package/dist/styles/variantClass.js +30 -0
  45. package/dist/styles/variants.cjs +3 -29
  46. package/dist/styles/variants.js +3 -29
  47. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  48. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  49. package/dist/tokens/index.cjs +1 -1
  50. package/dist/tokens/index.js +1 -1
  51. package/dist/tokens/utils/getFontUrls.cjs +8 -1
  52. package/dist/tokens/utils/getFontUrls.d.cts +7 -0
  53. package/dist/tokens/utils/getFontUrls.d.ts +7 -0
  54. package/dist/tokens/utils/getFontUrls.js +8 -1
  55. package/dist/uds/generated/componentData.cjs +365 -361
  56. package/dist/uds/generated/componentData.js +365 -361
  57. package/dist/uds/generated/tailwindPurge.cjs +80 -80
  58. package/dist/uds/generated/tailwindPurge.js +80 -80
  59. package/generated/componentData.json +590 -590
  60. package/generated/tailwindPurge.ts +1 -1
  61. package/package.json +1 -1
@@ -191,8 +191,12 @@ var componentData_default = {
191
191
  "variant": "outline",
192
192
  "color": "primary"
193
193
  },
194
- "getStylesLiterals": { "flex": "none" },
195
- "cxLiterals": ["[&_path]:fill-current"],
194
+ "getStylesLiterals": {},
195
+ "cxLiterals": [
196
+ "flex-none",
197
+ "inherit",
198
+ "[&_path]:fill-current"
199
+ ],
196
200
  "internalComponents": ["SVGIcon"],
197
201
  "internalComponentProps": {},
198
202
  "propToVariantKeys": {},
@@ -431,6 +435,70 @@ var componentData_default = {
431
435
  "runtimeConfigInternalComponentProps": {},
432
436
  "motionVarPrefixes": []
433
437
  },
438
+ DividerLabel: {
439
+ "name": "DividerLabel",
440
+ "defaultProps": {
441
+ "variant": "primary",
442
+ "textVariant": "inherit",
443
+ "color": "inherit",
444
+ "as": "span"
445
+ },
446
+ "getStylesLiterals": {},
447
+ "cxLiterals": ["inherit"],
448
+ "internalComponents": ["Text"],
449
+ "internalComponentProps": {},
450
+ "propToVariantKeys": {
451
+ "variant": ["dividerVariantLabel"],
452
+ "textVariant": ["variant"]
453
+ },
454
+ "runtimeConfigDefaultProps": {},
455
+ "runtimeConfigGetStyles": {},
456
+ "runtimeConfigInternalComponentProps": {},
457
+ "motionVarPrefixes": []
458
+ },
459
+ DividerLine: {
460
+ "name": "DividerLine",
461
+ "defaultProps": { "variant": "primary" },
462
+ "getStylesLiterals": {},
463
+ "cxLiterals": ["inherit"],
464
+ "internalComponents": ["Box"],
465
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
466
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
467
+ "runtimeConfigDefaultProps": {},
468
+ "runtimeConfigGetStyles": {},
469
+ "runtimeConfigInternalComponentProps": {},
470
+ "motionVarPrefixes": []
471
+ },
472
+ Divider: {
473
+ "name": "Divider",
474
+ "defaultProps": {
475
+ "variant": "primary",
476
+ "contentPosition": "center"
477
+ },
478
+ "getStylesLiterals": {},
479
+ "cxLiterals": ["inherit"],
480
+ "internalComponents": [
481
+ "DividerLine",
482
+ "DividerLabel",
483
+ "InternalComponent",
484
+ "Box"
485
+ ],
486
+ "internalComponentProps": {
487
+ "InternalComponent": {
488
+ "alignItems": ["center"],
489
+ "flex": ["1"]
490
+ },
491
+ "Box": {
492
+ "display": ["flex"],
493
+ "flex": ["none"]
494
+ }
495
+ },
496
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
497
+ "runtimeConfigDefaultProps": {},
498
+ "runtimeConfigGetStyles": {},
499
+ "runtimeConfigInternalComponentProps": {},
500
+ "motionVarPrefixes": []
501
+ },
434
502
  Badge: {
435
503
  "name": "Badge",
436
504
  "defaultProps": {
@@ -521,65 +589,92 @@ var componentData_default = {
521
589
  "runtimeConfigInternalComponentProps": {},
522
590
  "motionVarPrefixes": []
523
591
  },
524
- DividerLabel: {
525
- "name": "DividerLabel",
526
- "defaultProps": {
527
- "variant": "primary",
528
- "textVariant": "inherit",
529
- "color": "inherit",
530
- "as": "span"
531
- },
592
+ Tooltip: {
593
+ "name": "Tooltip",
594
+ "defaultProps": {},
532
595
  "getStylesLiterals": {},
533
- "cxLiterals": ["inherit"],
534
- "internalComponents": ["Text"],
596
+ "cxLiterals": [],
597
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
535
598
  "internalComponentProps": {},
536
- "propToVariantKeys": {
537
- "variant": ["dividerVariantLabel"],
538
- "textVariant": ["variant"]
599
+ "propToVariantKeys": {},
600
+ "runtimeConfigDefaultProps": {},
601
+ "runtimeConfigGetStyles": {},
602
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
603
+ "motionVarPrefixes": []
604
+ },
605
+ TooltipContent: {
606
+ "name": "TooltipContent",
607
+ "defaultProps": {},
608
+ "getStylesLiterals": {
609
+ "tooltipSizeRoot": "default",
610
+ "tooltipVariantRoot": "default",
611
+ "tooltipSizeSvg": "default",
612
+ "tooltipVariantSvg": "default",
613
+ "tooltipVariantBlur": "default",
614
+ "position": "absolute",
615
+ "width": "full",
616
+ "height": "full",
617
+ "tooltipSizeTitle": "default",
618
+ "tooltipSizeBody": "default",
619
+ "tooltipSizeEndContent": "default",
620
+ "tooltipSizeIcon": "default",
621
+ "tooltipVariantIcon": "default"
539
622
  },
623
+ "cxLiterals": [
624
+ "max-w-lg",
625
+ "flex",
626
+ "z-[9999]",
627
+ "uds-bgBlurFillFallback",
628
+ "uds-bgBlurFallback",
629
+ "top-0",
630
+ "left-0",
631
+ "z-[1]"
632
+ ],
633
+ "internalComponents": [
634
+ "IconSlot",
635
+ "TooltipArrow",
636
+ "Tooltip",
637
+ "SvgFloatingOverlay",
638
+ "VStack",
639
+ "Box",
640
+ "Text"
641
+ ],
642
+ "internalComponentProps": {
643
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
644
+ "VStack": { "className": ["gap-[inherit]"] },
645
+ "Box": {
646
+ "alignItems": ["center"],
647
+ "columnGap": ["1", "1.5"]
648
+ },
649
+ "Text": { "color": ["inherit"] }
650
+ },
651
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
540
652
  "runtimeConfigDefaultProps": {},
541
653
  "runtimeConfigGetStyles": {},
542
654
  "runtimeConfigInternalComponentProps": {},
543
655
  "motionVarPrefixes": []
544
656
  },
545
- DividerLine: {
546
- "name": "DividerLine",
547
- "defaultProps": { "variant": "primary" },
657
+ TooltipTrigger: {
658
+ "name": "TooltipTrigger",
659
+ "defaultProps": {},
548
660
  "getStylesLiterals": {},
549
- "cxLiterals": ["inherit"],
550
- "internalComponents": ["Box"],
551
- "internalComponentProps": { "Box": { "flex": ["1"] } },
552
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
661
+ "cxLiterals": [],
662
+ "internalComponents": ["TooltipAnchor"],
663
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
664
+ "propToVariantKeys": { "children": ["render"] },
553
665
  "runtimeConfigDefaultProps": {},
554
666
  "runtimeConfigGetStyles": {},
555
667
  "runtimeConfigInternalComponentProps": {},
556
668
  "motionVarPrefixes": []
557
669
  },
558
- Divider: {
559
- "name": "Divider",
560
- "defaultProps": {
561
- "variant": "primary",
562
- "contentPosition": "center"
563
- },
670
+ UDSTooltipConfigProvider: {
671
+ "name": "UDSTooltipConfigProvider",
672
+ "defaultProps": {},
564
673
  "getStylesLiterals": {},
565
- "cxLiterals": ["inherit"],
566
- "internalComponents": [
567
- "DividerLine",
568
- "DividerLabel",
569
- "InternalComponent",
570
- "Box"
571
- ],
572
- "internalComponentProps": {
573
- "InternalComponent": {
574
- "alignItems": ["center"],
575
- "flex": ["1"]
576
- },
577
- "Box": {
578
- "display": ["flex"],
579
- "flex": ["none"]
580
- }
581
- },
582
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
674
+ "cxLiterals": [],
675
+ "internalComponents": ["TooltipContext.Provider"],
676
+ "internalComponentProps": {},
677
+ "propToVariantKeys": {},
583
678
  "runtimeConfigDefaultProps": {},
584
679
  "runtimeConfigGetStyles": {},
585
680
  "runtimeConfigInternalComponentProps": {},
@@ -695,97 +790,6 @@ var componentData_default = {
695
790
  "runtimeConfigInternalComponentProps": {},
696
791
  "motionVarPrefixes": []
697
792
  },
698
- Tooltip: {
699
- "name": "Tooltip",
700
- "defaultProps": {},
701
- "getStylesLiterals": {},
702
- "cxLiterals": [],
703
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
704
- "internalComponentProps": {},
705
- "propToVariantKeys": {},
706
- "runtimeConfigDefaultProps": {},
707
- "runtimeConfigGetStyles": {},
708
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
709
- "motionVarPrefixes": []
710
- },
711
- TooltipContent: {
712
- "name": "TooltipContent",
713
- "defaultProps": {},
714
- "getStylesLiterals": {
715
- "tooltipSizeRoot": "default",
716
- "tooltipVariantRoot": "default",
717
- "tooltipSizeSvg": "default",
718
- "tooltipVariantSvg": "default",
719
- "tooltipVariantBlur": "default",
720
- "position": "absolute",
721
- "width": "full",
722
- "height": "full",
723
- "tooltipSizeTitle": "default",
724
- "tooltipSizeBody": "default",
725
- "tooltipSizeEndContent": "default",
726
- "tooltipSizeIcon": "default",
727
- "tooltipVariantIcon": "default"
728
- },
729
- "cxLiterals": [
730
- "max-w-lg",
731
- "flex",
732
- "z-[9999]",
733
- "uds-bgBlurFillFallback",
734
- "uds-bgBlurFallback",
735
- "top-0",
736
- "left-0",
737
- "z-[1]"
738
- ],
739
- "internalComponents": [
740
- "IconSlot",
741
- "TooltipArrow",
742
- "Tooltip",
743
- "SvgFloatingOverlay",
744
- "VStack",
745
- "Box",
746
- "Text"
747
- ],
748
- "internalComponentProps": {
749
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
750
- "VStack": { "className": ["gap-[inherit]"] },
751
- "Box": {
752
- "alignItems": ["center"],
753
- "columnGap": ["1", "1.5"]
754
- },
755
- "Text": { "color": ["inherit"] }
756
- },
757
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
758
- "runtimeConfigDefaultProps": {},
759
- "runtimeConfigGetStyles": {},
760
- "runtimeConfigInternalComponentProps": {},
761
- "motionVarPrefixes": []
762
- },
763
- TooltipTrigger: {
764
- "name": "TooltipTrigger",
765
- "defaultProps": {},
766
- "getStylesLiterals": {},
767
- "cxLiterals": [],
768
- "internalComponents": ["TooltipAnchor"],
769
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
770
- "propToVariantKeys": { "children": ["render"] },
771
- "runtimeConfigDefaultProps": {},
772
- "runtimeConfigGetStyles": {},
773
- "runtimeConfigInternalComponentProps": {},
774
- "motionVarPrefixes": []
775
- },
776
- UDSTooltipConfigProvider: {
777
- "name": "UDSTooltipConfigProvider",
778
- "defaultProps": {},
779
- "getStylesLiterals": {},
780
- "cxLiterals": [],
781
- "internalComponents": ["TooltipContext.Provider"],
782
- "internalComponentProps": {},
783
- "propToVariantKeys": {},
784
- "runtimeConfigDefaultProps": {},
785
- "runtimeConfigGetStyles": {},
786
- "runtimeConfigInternalComponentProps": {},
787
- "motionVarPrefixes": []
788
- },
789
793
  SelectDivider: {
790
794
  "name": "SelectDivider",
791
795
  "defaultProps": {
@@ -1868,6 +1872,92 @@ var componentData_default = {
1868
1872
  "runtimeConfigInternalComponentProps": {},
1869
1873
  "motionVarPrefixes": []
1870
1874
  },
1875
+ ButtonBase: {
1876
+ "name": "ButtonBase",
1877
+ "defaultProps": { "type": "button" },
1878
+ "getStylesLiterals": {},
1879
+ "cxLiterals": [
1880
+ "uds-ring",
1881
+ "uds-hit-target",
1882
+ "inline-flex",
1883
+ "max-w-full",
1884
+ "overflow-hidden",
1885
+ "justify-center",
1886
+ "items-center",
1887
+ "whitespace-nowrap",
1888
+ "select-none",
1889
+ "[transform-origin:center]",
1890
+ "[backface-visibility:hidden]",
1891
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1892
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1893
+ "[transition-duration:220ms]",
1894
+ "cursor-not-allowed",
1895
+ "uds-button-loading",
1896
+ "uds-button-without-effects",
1897
+ "withIcon",
1898
+ "uds-button-with-gap",
1899
+ "flex",
1900
+ "shrink-0",
1901
+ "overflow-clip",
1902
+ "uds-button-icon-container",
1903
+ "animate-spin",
1904
+ "min-w-0",
1905
+ "truncate"
1906
+ ],
1907
+ "internalComponents": [],
1908
+ "internalComponentProps": {},
1909
+ "propToVariantKeys": {
1910
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
1911
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1912
+ },
1913
+ "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
1914
+ "runtimeConfigGetStyles": {},
1915
+ "runtimeConfigInternalComponentProps": {},
1916
+ "motionVarPrefixes": []
1917
+ },
1918
+ UDSButtonConfigProvider: {
1919
+ "name": "UDSButtonConfigProvider",
1920
+ "defaultProps": {},
1921
+ "getStylesLiterals": {},
1922
+ "cxLiterals": [],
1923
+ "internalComponents": ["ButtonContext.Provider"],
1924
+ "internalComponentProps": {},
1925
+ "propToVariantKeys": {},
1926
+ "runtimeConfigDefaultProps": {},
1927
+ "runtimeConfigGetStyles": {},
1928
+ "runtimeConfigInternalComponentProps": {},
1929
+ "motionVarPrefixes": []
1930
+ },
1931
+ Button: {
1932
+ "name": "Button",
1933
+ "defaultProps": {},
1934
+ "getStylesLiterals": {},
1935
+ "cxLiterals": [],
1936
+ "internalComponents": [
1937
+ "ButtonBase",
1938
+ "Icon",
1939
+ "IconSlot",
1940
+ "AnimatePresence",
1941
+ "SpringMotionConfig",
1942
+ "MotionSlot",
1943
+ "ButtonProps",
1944
+ "Slot"
1945
+ ],
1946
+ "internalComponentProps": {
1947
+ "Icon": { "color": ["current"] },
1948
+ "AnimatePresence": { "mode": ["popLayout"] },
1949
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
1950
+ "MotionSlot": {
1951
+ "whileHover": ["hover"],
1952
+ "whileTap": ["pressed"]
1953
+ }
1954
+ },
1955
+ "propToVariantKeys": {},
1956
+ "runtimeConfigDefaultProps": {},
1957
+ "runtimeConfigGetStyles": {},
1958
+ "runtimeConfigInternalComponentProps": {},
1959
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1960
+ },
1871
1961
  Modal: {
1872
1962
  "name": "Modal",
1873
1963
  "defaultProps": {
@@ -2083,118 +2173,32 @@ var componentData_default = {
2083
2173
  "size": "modal.defaultSize",
2084
2174
  "variant": "modal.defaultVariant"
2085
2175
  },
2086
- "runtimeConfigGetStyles": {
2087
- "modalSizeTitle": ["modal.defaultSize"],
2088
- "modalVariantTitle": ["modal.defaultVariant"]
2089
- },
2090
- "runtimeConfigInternalComponentProps": {},
2091
- "motionVarPrefixes": []
2092
- },
2093
- ModalContent: {
2094
- "name": "ModalContent",
2095
- "defaultProps": {},
2096
- "getStylesLiterals": {
2097
- "overflowY": "auto",
2098
- "display": "block",
2099
- "flexGrow": "1"
2100
- },
2101
- "cxLiterals": [],
2102
- "internalComponents": ["Box"],
2103
- "internalComponentProps": {},
2104
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2105
- "runtimeConfigDefaultProps": {
2106
- "size": "modal.defaultSize",
2107
- "variant": "modal.defaultVariant"
2108
- },
2109
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2110
- "runtimeConfigInternalComponentProps": {},
2111
- "motionVarPrefixes": []
2112
- },
2113
- ButtonBase: {
2114
- "name": "ButtonBase",
2115
- "defaultProps": { "type": "button" },
2116
- "getStylesLiterals": {},
2117
- "cxLiterals": [
2118
- "uds-ring",
2119
- "uds-hit-target",
2120
- "inline-flex",
2121
- "max-w-full",
2122
- "overflow-hidden",
2123
- "justify-center",
2124
- "items-center",
2125
- "whitespace-nowrap",
2126
- "select-none",
2127
- "[transform-origin:center]",
2128
- "[backface-visibility:hidden]",
2129
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2130
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2131
- "[transition-duration:220ms]",
2132
- "cursor-not-allowed",
2133
- "uds-button-loading",
2134
- "uds-button-without-effects",
2135
- "withIcon",
2136
- "uds-button-with-gap",
2137
- "flex",
2138
- "shrink-0",
2139
- "overflow-clip",
2140
- "uds-button-icon-container",
2141
- "animate-spin",
2142
- "min-w-0",
2143
- "truncate"
2144
- ],
2145
- "internalComponents": [],
2146
- "internalComponentProps": {},
2147
- "propToVariantKeys": {
2148
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
2149
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
2150
- },
2151
- "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
2152
- "runtimeConfigGetStyles": {},
2153
- "runtimeConfigInternalComponentProps": {},
2154
- "motionVarPrefixes": []
2155
- },
2156
- UDSButtonConfigProvider: {
2157
- "name": "UDSButtonConfigProvider",
2158
- "defaultProps": {},
2159
- "getStylesLiterals": {},
2160
- "cxLiterals": [],
2161
- "internalComponents": ["ButtonContext.Provider"],
2162
- "internalComponentProps": {},
2163
- "propToVariantKeys": {},
2164
- "runtimeConfigDefaultProps": {},
2165
- "runtimeConfigGetStyles": {},
2166
- "runtimeConfigInternalComponentProps": {},
2167
- "motionVarPrefixes": []
2168
- },
2169
- Button: {
2170
- "name": "Button",
2171
- "defaultProps": {},
2172
- "getStylesLiterals": {},
2173
- "cxLiterals": [],
2174
- "internalComponents": [
2175
- "ButtonBase",
2176
- "Icon",
2177
- "IconSlot",
2178
- "AnimatePresence",
2179
- "SpringMotionConfig",
2180
- "MotionSlot",
2181
- "ButtonProps",
2182
- "Slot"
2183
- ],
2184
- "internalComponentProps": {
2185
- "Icon": { "color": ["current"] },
2186
- "AnimatePresence": { "mode": ["popLayout"] },
2187
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
2188
- "MotionSlot": {
2189
- "whileHover": ["hover"],
2190
- "whileTap": ["pressed"]
2191
- }
2176
+ "runtimeConfigGetStyles": {
2177
+ "modalSizeTitle": ["modal.defaultSize"],
2178
+ "modalVariantTitle": ["modal.defaultVariant"]
2192
2179
  },
2193
- "propToVariantKeys": {},
2194
- "runtimeConfigDefaultProps": {},
2195
- "runtimeConfigGetStyles": {},
2196
2180
  "runtimeConfigInternalComponentProps": {},
2197
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2181
+ "motionVarPrefixes": []
2182
+ },
2183
+ ModalContent: {
2184
+ "name": "ModalContent",
2185
+ "defaultProps": {},
2186
+ "getStylesLiterals": {
2187
+ "overflowY": "auto",
2188
+ "display": "block",
2189
+ "flexGrow": "1"
2190
+ },
2191
+ "cxLiterals": [],
2192
+ "internalComponents": ["Box"],
2193
+ "internalComponentProps": {},
2194
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2195
+ "runtimeConfigDefaultProps": {
2196
+ "size": "modal.defaultSize",
2197
+ "variant": "modal.defaultVariant"
2198
+ },
2199
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2200
+ "runtimeConfigInternalComponentProps": {},
2201
+ "motionVarPrefixes": []
2198
2202
  },
2199
2203
  RadioGroupStore: {
2200
2204
  "name": "RadioGroupStore",
@@ -2734,6 +2738,120 @@ var componentData_default = {
2734
2738
  "runtimeConfigInternalComponentProps": {},
2735
2739
  "motionVarPrefixes": []
2736
2740
  },
2741
+ AvatarIcon: {
2742
+ "name": "AvatarIcon",
2743
+ "defaultProps": {
2744
+ "size": "md",
2745
+ "variant": "primary"
2746
+ },
2747
+ "getStylesLiterals": {},
2748
+ "cxLiterals": [
2749
+ "overflow-hidden",
2750
+ "w-full",
2751
+ "h-full",
2752
+ "shrink-0",
2753
+ "text-center",
2754
+ "inline-flex",
2755
+ "justify-center",
2756
+ "items-center"
2757
+ ],
2758
+ "internalComponents": ["IconSlot", "Box"],
2759
+ "internalComponentProps": {},
2760
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2761
+ "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2762
+ "runtimeConfigGetStyles": {},
2763
+ "runtimeConfigInternalComponentProps": {},
2764
+ "motionVarPrefixes": []
2765
+ },
2766
+ AvatarImage: {
2767
+ "name": "AvatarImage",
2768
+ "defaultProps": {
2769
+ "size": "md",
2770
+ "variant": "primary"
2771
+ },
2772
+ "getStylesLiterals": {},
2773
+ "cxLiterals": [
2774
+ "overflow-hidden",
2775
+ "w-full",
2776
+ "h-full",
2777
+ "shrink-0",
2778
+ "text-center",
2779
+ "inline-flex",
2780
+ "justify-center",
2781
+ "items-center",
2782
+ "object-cover"
2783
+ ],
2784
+ "internalComponents": [
2785
+ "UDSImage",
2786
+ "AvatarText",
2787
+ "AvatarIcon",
2788
+ "Box"
2789
+ ],
2790
+ "internalComponentProps": {},
2791
+ "propToVariantKeys": {
2792
+ "alt": ["name"],
2793
+ "fallback": ["initials"]
2794
+ },
2795
+ "runtimeConfigDefaultProps": {},
2796
+ "runtimeConfigGetStyles": {},
2797
+ "runtimeConfigInternalComponentProps": {},
2798
+ "motionVarPrefixes": []
2799
+ },
2800
+ AvatarText: {
2801
+ "name": "AvatarText",
2802
+ "defaultProps": {
2803
+ "size": "md",
2804
+ "variant": "primary"
2805
+ },
2806
+ "getStylesLiterals": {},
2807
+ "cxLiterals": [
2808
+ "overflow-hidden",
2809
+ "truncate",
2810
+ "w-full",
2811
+ "h-full",
2812
+ "shrink-0",
2813
+ "text-center",
2814
+ "inline-flex",
2815
+ "justify-center",
2816
+ "items-center"
2817
+ ],
2818
+ "internalComponents": ["Box", "Text"],
2819
+ "internalComponentProps": { "Text": {
2820
+ "color": ["inherit"],
2821
+ "variant": ["inherit"]
2822
+ } },
2823
+ "propToVariantKeys": {},
2824
+ "runtimeConfigDefaultProps": {},
2825
+ "runtimeConfigGetStyles": {},
2826
+ "runtimeConfigInternalComponentProps": {},
2827
+ "motionVarPrefixes": []
2828
+ },
2829
+ Avatar: {
2830
+ "name": "Avatar",
2831
+ "defaultProps": {},
2832
+ "getStylesLiterals": {},
2833
+ "cxLiterals": [],
2834
+ "internalComponents": ["AvatarImage"],
2835
+ "internalComponentProps": {},
2836
+ "propToVariantKeys": {},
2837
+ "runtimeConfigDefaultProps": {},
2838
+ "runtimeConfigGetStyles": {},
2839
+ "runtimeConfigInternalComponentProps": {},
2840
+ "motionVarPrefixes": []
2841
+ },
2842
+ UDSAvatarConfigProvider: {
2843
+ "name": "UDSAvatarConfigProvider",
2844
+ "defaultProps": {},
2845
+ "getStylesLiterals": {},
2846
+ "cxLiterals": [],
2847
+ "internalComponents": [],
2848
+ "internalComponentProps": {},
2849
+ "propToVariantKeys": {},
2850
+ "runtimeConfigDefaultProps": {},
2851
+ "runtimeConfigGetStyles": {},
2852
+ "runtimeConfigInternalComponentProps": {},
2853
+ "motionVarPrefixes": []
2854
+ },
2737
2855
  UDSPopoverConfigProvider: {
2738
2856
  "name": "UDSPopoverConfigProvider",
2739
2857
  "defaultProps": {},
@@ -2860,120 +2978,6 @@ var componentData_default = {
2860
2978
  "runtimeConfigInternalComponentProps": {},
2861
2979
  "motionVarPrefixes": []
2862
2980
  },
2863
- AvatarIcon: {
2864
- "name": "AvatarIcon",
2865
- "defaultProps": {
2866
- "size": "md",
2867
- "variant": "primary"
2868
- },
2869
- "getStylesLiterals": {},
2870
- "cxLiterals": [
2871
- "overflow-hidden",
2872
- "w-full",
2873
- "h-full",
2874
- "shrink-0",
2875
- "text-center",
2876
- "inline-flex",
2877
- "justify-center",
2878
- "items-center"
2879
- ],
2880
- "internalComponents": ["IconSlot", "Box"],
2881
- "internalComponentProps": {},
2882
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2883
- "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2884
- "runtimeConfigGetStyles": {},
2885
- "runtimeConfigInternalComponentProps": {},
2886
- "motionVarPrefixes": []
2887
- },
2888
- AvatarImage: {
2889
- "name": "AvatarImage",
2890
- "defaultProps": {
2891
- "size": "md",
2892
- "variant": "primary"
2893
- },
2894
- "getStylesLiterals": {},
2895
- "cxLiterals": [
2896
- "overflow-hidden",
2897
- "w-full",
2898
- "h-full",
2899
- "shrink-0",
2900
- "text-center",
2901
- "inline-flex",
2902
- "justify-center",
2903
- "items-center",
2904
- "object-cover"
2905
- ],
2906
- "internalComponents": [
2907
- "UDSImage",
2908
- "AvatarText",
2909
- "AvatarIcon",
2910
- "Box"
2911
- ],
2912
- "internalComponentProps": {},
2913
- "propToVariantKeys": {
2914
- "alt": ["name"],
2915
- "fallback": ["initials"]
2916
- },
2917
- "runtimeConfigDefaultProps": {},
2918
- "runtimeConfigGetStyles": {},
2919
- "runtimeConfigInternalComponentProps": {},
2920
- "motionVarPrefixes": []
2921
- },
2922
- AvatarText: {
2923
- "name": "AvatarText",
2924
- "defaultProps": {
2925
- "size": "md",
2926
- "variant": "primary"
2927
- },
2928
- "getStylesLiterals": {},
2929
- "cxLiterals": [
2930
- "overflow-hidden",
2931
- "truncate",
2932
- "w-full",
2933
- "h-full",
2934
- "shrink-0",
2935
- "text-center",
2936
- "inline-flex",
2937
- "justify-center",
2938
- "items-center"
2939
- ],
2940
- "internalComponents": ["Box", "Text"],
2941
- "internalComponentProps": { "Text": {
2942
- "color": ["inherit"],
2943
- "variant": ["inherit"]
2944
- } },
2945
- "propToVariantKeys": {},
2946
- "runtimeConfigDefaultProps": {},
2947
- "runtimeConfigGetStyles": {},
2948
- "runtimeConfigInternalComponentProps": {},
2949
- "motionVarPrefixes": []
2950
- },
2951
- Avatar: {
2952
- "name": "Avatar",
2953
- "defaultProps": {},
2954
- "getStylesLiterals": {},
2955
- "cxLiterals": [],
2956
- "internalComponents": ["AvatarImage"],
2957
- "internalComponentProps": {},
2958
- "propToVariantKeys": {},
2959
- "runtimeConfigDefaultProps": {},
2960
- "runtimeConfigGetStyles": {},
2961
- "runtimeConfigInternalComponentProps": {},
2962
- "motionVarPrefixes": []
2963
- },
2964
- UDSAvatarConfigProvider: {
2965
- "name": "UDSAvatarConfigProvider",
2966
- "defaultProps": {},
2967
- "getStylesLiterals": {},
2968
- "cxLiterals": [],
2969
- "internalComponents": [],
2970
- "internalComponentProps": {},
2971
- "propToVariantKeys": {},
2972
- "runtimeConfigDefaultProps": {},
2973
- "runtimeConfigGetStyles": {},
2974
- "runtimeConfigInternalComponentProps": {},
2975
- "motionVarPrefixes": []
2976
- },
2977
2981
  IconButtonBase: {
2978
2982
  "name": "IconButtonBase",
2979
2983
  "defaultProps": { "type": "button" },