@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.
- package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
- package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/Icon.cjs +3 -6
- package/dist/components/Icon.js +3 -6
- package/dist/components/IconSlot.cjs +1 -1
- package/dist/components/IconSlot.js +1 -1
- package/dist/components/client/Button/Button.cjs +1 -1
- package/dist/components/client/Button/Button.js +1 -1
- package/dist/components/client/IconButton/IconButton.cjs +1 -1
- package/dist/components/client/IconButton/IconButton.js +1 -1
- package/dist/components/client/Menu/Menu.Content.cjs +1 -1
- package/dist/components/client/Menu/Menu.Content.js +1 -1
- package/dist/components/client/Popover/PopoverContent.cjs +1 -1
- package/dist/components/client/Popover/PopoverContent.js +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/dist/styles/styleVariantTemplates.cjs +146 -0
- package/dist/styles/styleVariantTemplates.d.cts +161 -0
- package/dist/styles/styleVariantTemplates.d.ts +161 -0
- package/dist/styles/styleVariantTemplates.js +145 -0
- package/dist/styles/styler.cjs +32 -21
- package/dist/styles/styler.d.cts +13 -281
- package/dist/styles/styler.d.ts +13 -281
- package/dist/styles/styler.js +32 -21
- package/dist/styles/stylerTypes.d.cts +1 -1
- package/dist/styles/stylerTypes.d.ts +1 -1
- package/dist/styles/textColorVariants.cjs +40 -0
- package/dist/styles/textColorVariants.d.cts +39 -0
- package/dist/styles/textColorVariants.d.ts +39 -0
- package/dist/styles/textColorVariants.js +39 -0
- package/dist/styles/udsTailwindMerge.cjs +522 -0
- package/dist/styles/udsTailwindMerge.d.cts +7 -0
- package/dist/styles/udsTailwindMerge.d.ts +7 -0
- package/dist/styles/udsTailwindMerge.js +520 -0
- package/dist/styles/variantClass.cjs +31 -0
- package/dist/styles/variantClass.d.cts +12 -0
- package/dist/styles/variantClass.d.ts +12 -0
- package/dist/styles/variantClass.js +30 -0
- package/dist/styles/variants.cjs +3 -29
- package/dist/styles/variants.js +3 -29
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/utils/getFontUrls.cjs +8 -1
- package/dist/tokens/utils/getFontUrls.d.cts +7 -0
- package/dist/tokens/utils/getFontUrls.d.ts +7 -0
- package/dist/tokens/utils/getFontUrls.js +8 -1
- package/dist/uds/generated/componentData.cjs +365 -361
- package/dist/uds/generated/componentData.js +365 -361
- package/dist/uds/generated/tailwindPurge.cjs +80 -80
- package/dist/uds/generated/tailwindPurge.js +80 -80
- package/generated/componentData.json +590 -590
- package/generated/tailwindPurge.ts +1 -1
- package/package.json +1 -1
|
@@ -191,8 +191,12 @@ var componentData_default = {
|
|
|
191
191
|
"variant": "outline",
|
|
192
192
|
"color": "primary"
|
|
193
193
|
},
|
|
194
|
-
"getStylesLiterals": {
|
|
195
|
-
"cxLiterals": [
|
|
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
|
-
|
|
525
|
-
"name": "
|
|
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": [
|
|
534
|
-
"internalComponents": ["
|
|
596
|
+
"cxLiterals": [],
|
|
597
|
+
"internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
|
|
535
598
|
"internalComponentProps": {},
|
|
536
|
-
"propToVariantKeys": {
|
|
537
|
-
|
|
538
|
-
|
|
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
|
-
|
|
546
|
-
"name": "
|
|
547
|
-
"defaultProps": {
|
|
657
|
+
TooltipTrigger: {
|
|
658
|
+
"name": "TooltipTrigger",
|
|
659
|
+
"defaultProps": {},
|
|
548
660
|
"getStylesLiterals": {},
|
|
549
|
-
"cxLiterals": [
|
|
550
|
-
"internalComponents": ["
|
|
551
|
-
"internalComponentProps": { "
|
|
552
|
-
"propToVariantKeys": { "
|
|
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
|
-
|
|
559
|
-
"name": "
|
|
560
|
-
"defaultProps": {
|
|
561
|
-
"variant": "primary",
|
|
562
|
-
"contentPosition": "center"
|
|
563
|
-
},
|
|
670
|
+
UDSTooltipConfigProvider: {
|
|
671
|
+
"name": "UDSTooltipConfigProvider",
|
|
672
|
+
"defaultProps": {},
|
|
564
673
|
"getStylesLiterals": {},
|
|
565
|
-
"cxLiterals": [
|
|
566
|
-
"internalComponents": [
|
|
567
|
-
|
|
568
|
-
|
|
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": [
|
|
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" },
|