@yahoo/uds 3.170.0 → 3.171.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/components/client/Menu/Menu.Content.d.cts +6 -0
- package/dist/components/client/Menu/Menu.Content.d.ts +6 -0
- package/dist/components/client/Modal/Modal.cjs +5 -5
- package/dist/components/client/Modal/Modal.d.cts +1 -0
- package/dist/components/client/Modal/Modal.d.ts +1 -0
- package/dist/components/client/Modal/Modal.js +6 -6
- package/dist/components/client/Popover/Popover.cjs +3 -2
- package/dist/components/client/Popover/Popover.d.cts +2 -1
- package/dist/components/client/Popover/Popover.d.ts +2 -1
- package/dist/components/client/Popover/Popover.js +3 -2
- package/dist/components/client/Popover/PopoverContent.cjs +1 -0
- package/dist/components/client/Popover/PopoverContent.js +1 -0
- package/dist/components/client/Popover/PopoverContext.d.cts +1 -0
- package/dist/components/client/Popover/PopoverContext.d.ts +1 -0
- package/dist/components/client/Popover/PopoverTrigger.cjs +9 -2
- package/dist/components/client/Popover/PopoverTrigger.js +10 -3
- 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/components/client/Tooltip/Tooltip.cjs +6 -2
- package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
- package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/client/Tooltip/Tooltip.js +6 -2
- package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
- package/dist/components/client/Tooltip/TooltipContent.js +3 -2
- package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
- package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
- package/dist/types/dist/index.d.cts +12 -0
- package/dist/types/dist/index.d.ts +12 -0
- package/dist/uds/generated/componentData.cjs +367 -367
- package/dist/uds/generated/componentData.js +367 -367
- package/generated/componentData.json +486 -486
- package/package.json +1 -1
|
@@ -589,97 +589,6 @@ var componentData_default = {
|
|
|
589
589
|
"runtimeConfigInternalComponentProps": {},
|
|
590
590
|
"motionVarPrefixes": []
|
|
591
591
|
},
|
|
592
|
-
Tooltip: {
|
|
593
|
-
"name": "Tooltip",
|
|
594
|
-
"defaultProps": {},
|
|
595
|
-
"getStylesLiterals": {},
|
|
596
|
-
"cxLiterals": [],
|
|
597
|
-
"internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
|
|
598
|
-
"internalComponentProps": {},
|
|
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"
|
|
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"] },
|
|
652
|
-
"runtimeConfigDefaultProps": {},
|
|
653
|
-
"runtimeConfigGetStyles": {},
|
|
654
|
-
"runtimeConfigInternalComponentProps": {},
|
|
655
|
-
"motionVarPrefixes": []
|
|
656
|
-
},
|
|
657
|
-
TooltipTrigger: {
|
|
658
|
-
"name": "TooltipTrigger",
|
|
659
|
-
"defaultProps": {},
|
|
660
|
-
"getStylesLiterals": {},
|
|
661
|
-
"cxLiterals": [],
|
|
662
|
-
"internalComponents": ["TooltipAnchor"],
|
|
663
|
-
"internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
|
|
664
|
-
"propToVariantKeys": { "children": ["render"] },
|
|
665
|
-
"runtimeConfigDefaultProps": {},
|
|
666
|
-
"runtimeConfigGetStyles": {},
|
|
667
|
-
"runtimeConfigInternalComponentProps": {},
|
|
668
|
-
"motionVarPrefixes": []
|
|
669
|
-
},
|
|
670
|
-
UDSTooltipConfigProvider: {
|
|
671
|
-
"name": "UDSTooltipConfigProvider",
|
|
672
|
-
"defaultProps": {},
|
|
673
|
-
"getStylesLiterals": {},
|
|
674
|
-
"cxLiterals": [],
|
|
675
|
-
"internalComponents": ["TooltipContext.Provider"],
|
|
676
|
-
"internalComponentProps": {},
|
|
677
|
-
"propToVariantKeys": {},
|
|
678
|
-
"runtimeConfigDefaultProps": {},
|
|
679
|
-
"runtimeConfigGetStyles": {},
|
|
680
|
-
"runtimeConfigInternalComponentProps": {},
|
|
681
|
-
"motionVarPrefixes": []
|
|
682
|
-
},
|
|
683
592
|
Accordion: {
|
|
684
593
|
"name": "Accordion",
|
|
685
594
|
"defaultProps": {
|
|
@@ -790,6 +699,97 @@ var componentData_default = {
|
|
|
790
699
|
"runtimeConfigInternalComponentProps": {},
|
|
791
700
|
"motionVarPrefixes": []
|
|
792
701
|
},
|
|
702
|
+
Tooltip: {
|
|
703
|
+
"name": "Tooltip",
|
|
704
|
+
"defaultProps": {},
|
|
705
|
+
"getStylesLiterals": {},
|
|
706
|
+
"cxLiterals": [],
|
|
707
|
+
"internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
|
|
708
|
+
"internalComponentProps": {},
|
|
709
|
+
"propToVariantKeys": {},
|
|
710
|
+
"runtimeConfigDefaultProps": {},
|
|
711
|
+
"runtimeConfigGetStyles": {},
|
|
712
|
+
"runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
|
|
713
|
+
"motionVarPrefixes": []
|
|
714
|
+
},
|
|
715
|
+
TooltipContent: {
|
|
716
|
+
"name": "TooltipContent",
|
|
717
|
+
"defaultProps": {},
|
|
718
|
+
"getStylesLiterals": {
|
|
719
|
+
"tooltipSizeRoot": "default",
|
|
720
|
+
"tooltipVariantRoot": "default",
|
|
721
|
+
"tooltipSizeSvg": "default",
|
|
722
|
+
"tooltipVariantSvg": "default",
|
|
723
|
+
"tooltipVariantBlur": "default",
|
|
724
|
+
"position": "absolute",
|
|
725
|
+
"width": "full",
|
|
726
|
+
"height": "full",
|
|
727
|
+
"tooltipSizeTitle": "default",
|
|
728
|
+
"tooltipSizeBody": "default",
|
|
729
|
+
"tooltipSizeEndContent": "default",
|
|
730
|
+
"tooltipSizeIcon": "default",
|
|
731
|
+
"tooltipVariantIcon": "default"
|
|
732
|
+
},
|
|
733
|
+
"cxLiterals": [
|
|
734
|
+
"max-w-lg",
|
|
735
|
+
"flex",
|
|
736
|
+
"z-[9999]",
|
|
737
|
+
"uds-bgBlurFillFallback",
|
|
738
|
+
"uds-bgBlurFallback",
|
|
739
|
+
"top-0",
|
|
740
|
+
"left-0",
|
|
741
|
+
"z-[1]"
|
|
742
|
+
],
|
|
743
|
+
"internalComponents": [
|
|
744
|
+
"IconSlot",
|
|
745
|
+
"TooltipArrow",
|
|
746
|
+
"Tooltip",
|
|
747
|
+
"SvgFloatingOverlay",
|
|
748
|
+
"VStack",
|
|
749
|
+
"Box",
|
|
750
|
+
"Text"
|
|
751
|
+
],
|
|
752
|
+
"internalComponentProps": {
|
|
753
|
+
"SvgFloatingOverlay": { "contentOverflow": ["visible"] },
|
|
754
|
+
"VStack": { "className": ["gap-[inherit]"] },
|
|
755
|
+
"Box": {
|
|
756
|
+
"alignItems": ["center"],
|
|
757
|
+
"columnGap": ["1", "1.5"]
|
|
758
|
+
},
|
|
759
|
+
"Text": { "color": ["inherit"] }
|
|
760
|
+
},
|
|
761
|
+
"propToVariantKeys": { "startTitleIcon": ["icon"] },
|
|
762
|
+
"runtimeConfigDefaultProps": {},
|
|
763
|
+
"runtimeConfigGetStyles": {},
|
|
764
|
+
"runtimeConfigInternalComponentProps": {},
|
|
765
|
+
"motionVarPrefixes": []
|
|
766
|
+
},
|
|
767
|
+
TooltipTrigger: {
|
|
768
|
+
"name": "TooltipTrigger",
|
|
769
|
+
"defaultProps": {},
|
|
770
|
+
"getStylesLiterals": {},
|
|
771
|
+
"cxLiterals": [],
|
|
772
|
+
"internalComponents": ["TooltipAnchor"],
|
|
773
|
+
"internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
|
|
774
|
+
"propToVariantKeys": { "children": ["render"] },
|
|
775
|
+
"runtimeConfigDefaultProps": {},
|
|
776
|
+
"runtimeConfigGetStyles": {},
|
|
777
|
+
"runtimeConfigInternalComponentProps": {},
|
|
778
|
+
"motionVarPrefixes": []
|
|
779
|
+
},
|
|
780
|
+
UDSTooltipConfigProvider: {
|
|
781
|
+
"name": "UDSTooltipConfigProvider",
|
|
782
|
+
"defaultProps": {},
|
|
783
|
+
"getStylesLiterals": {},
|
|
784
|
+
"cxLiterals": [],
|
|
785
|
+
"internalComponents": ["TooltipContext.Provider"],
|
|
786
|
+
"internalComponentProps": {},
|
|
787
|
+
"propToVariantKeys": {},
|
|
788
|
+
"runtimeConfigDefaultProps": {},
|
|
789
|
+
"runtimeConfigGetStyles": {},
|
|
790
|
+
"runtimeConfigInternalComponentProps": {},
|
|
791
|
+
"motionVarPrefixes": []
|
|
792
|
+
},
|
|
793
793
|
SelectDivider: {
|
|
794
794
|
"name": "SelectDivider",
|
|
795
795
|
"defaultProps": {
|
|
@@ -2339,210 +2339,63 @@ var componentData_default = {
|
|
|
2339
2339
|
"runtimeConfigInternalComponentProps": {},
|
|
2340
2340
|
"motionVarPrefixes": []
|
|
2341
2341
|
},
|
|
2342
|
-
|
|
2343
|
-
"name": "
|
|
2344
|
-
"defaultProps": {
|
|
2342
|
+
SwitchBase: {
|
|
2343
|
+
"name": "SwitchBase",
|
|
2344
|
+
"defaultProps": {
|
|
2345
|
+
"labelPosition": "start",
|
|
2346
|
+
"size": "md"
|
|
2347
|
+
},
|
|
2345
2348
|
"getStylesLiterals": {
|
|
2346
|
-
"
|
|
2347
|
-
"
|
|
2348
|
-
"
|
|
2349
|
-
"
|
|
2350
|
-
"
|
|
2351
|
-
"
|
|
2349
|
+
"switchVariantRoot": "default",
|
|
2350
|
+
"switchVariantActiveRoot": "on",
|
|
2351
|
+
"switchVariantActiveRoot:1": "off",
|
|
2352
|
+
"display": "flex",
|
|
2353
|
+
"flexDirection": "row",
|
|
2354
|
+
"flexDirection:1": "row-reverse",
|
|
2355
|
+
"alignItems": "center",
|
|
2356
|
+
"switchVariantSwitch": "default",
|
|
2357
|
+
"switchVariantActiveSwitch": "on",
|
|
2358
|
+
"switchVariantActiveSwitch:1": "off",
|
|
2359
|
+
"borderRadius": "full",
|
|
2360
|
+
"position": "relative"
|
|
2352
2361
|
},
|
|
2353
|
-
"cxLiterals": [
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
"
|
|
2357
|
-
"
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
"
|
|
2361
|
-
"
|
|
2362
|
-
"
|
|
2362
|
+
"cxLiterals": [
|
|
2363
|
+
"group",
|
|
2364
|
+
"cursor-pointer",
|
|
2365
|
+
"cursor-default",
|
|
2366
|
+
"opacity-50",
|
|
2367
|
+
"uds-ring",
|
|
2368
|
+
"uds-ring-within",
|
|
2369
|
+
"transition-[background-color,box-shadow]",
|
|
2370
|
+
"cursor-[inherit]",
|
|
2371
|
+
"absolute",
|
|
2372
|
+
"opacity-0",
|
|
2373
|
+
"top-[-1px]",
|
|
2374
|
+
"left-[-1px]",
|
|
2375
|
+
"w-[calc(100%+2px)]",
|
|
2376
|
+
"h-[calc(100%+2px)]",
|
|
2377
|
+
"text-start",
|
|
2378
|
+
"text-end",
|
|
2379
|
+
"translate-x-[1.25rem]",
|
|
2380
|
+
"rtl:translate-x-[-1.25rem]",
|
|
2381
|
+
"translate-x-[0.75rem]",
|
|
2382
|
+
"rtl:translate-x-[-0.75rem]"
|
|
2383
|
+
],
|
|
2384
|
+
"internalComponents": [
|
|
2385
|
+
"FormLabel",
|
|
2386
|
+
"RootElement",
|
|
2387
|
+
"Box"
|
|
2388
|
+
],
|
|
2389
|
+
"internalComponentProps": {
|
|
2390
|
+
"FormLabel": {
|
|
2391
|
+
"as": ["div"],
|
|
2392
|
+
"variant": ["inherit"],
|
|
2393
|
+
"color": ["inherit"]
|
|
2394
|
+
},
|
|
2395
|
+
"RootElement": { "data-testid": ["container"] }
|
|
2363
2396
|
},
|
|
2364
|
-
"
|
|
2365
|
-
"
|
|
2366
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2367
|
-
"motionVarPrefixes": []
|
|
2368
|
-
},
|
|
2369
|
-
Input: {
|
|
2370
|
-
"name": "Input",
|
|
2371
|
-
"defaultProps": {
|
|
2372
|
-
"type": "text",
|
|
2373
|
-
"size": "md",
|
|
2374
|
-
"width": "full"
|
|
2375
|
-
},
|
|
2376
|
-
"getStylesLiterals": {
|
|
2377
|
-
"inputVariantRoot": "default",
|
|
2378
|
-
"inputVariantValueRoot": "empty",
|
|
2379
|
-
"inputVariantValueRoot:1": "filled",
|
|
2380
|
-
"inputVariantInputWrapper": "default",
|
|
2381
|
-
"inputVariantValueInputWrapper": "empty",
|
|
2382
|
-
"inputVariantValueInputWrapper:1": "filled",
|
|
2383
|
-
"inputVariantInput": "default",
|
|
2384
|
-
"inputVariantValueInput": "empty",
|
|
2385
|
-
"inputVariantValueInput:1": "filled",
|
|
2386
|
-
"inputVariantInputPlaceholder": "default",
|
|
2387
|
-
"inputVariantValueInputPlaceholder": "empty",
|
|
2388
|
-
"inputVariantValueInputPlaceholder:1": "filled",
|
|
2389
|
-
"inputVariantLabel": "default",
|
|
2390
|
-
"inputVariantValueLabel": "empty",
|
|
2391
|
-
"inputVariantValueLabel:1": "filled",
|
|
2392
|
-
"inputVariantLabelRequired": "default",
|
|
2393
|
-
"inputVariantValueLabelRequired": "empty",
|
|
2394
|
-
"inputVariantValueLabelRequired:1": "filled",
|
|
2395
|
-
"inputVariantStartIcon": "default",
|
|
2396
|
-
"inputVariantValueStartIcon": "empty",
|
|
2397
|
-
"inputVariantValueStartIcon:1": "filled",
|
|
2398
|
-
"inputVariantEndIcon": "default",
|
|
2399
|
-
"inputVariantValueEndIcon": "empty",
|
|
2400
|
-
"inputVariantValueEndIcon:1": "filled"
|
|
2401
|
-
},
|
|
2402
|
-
"cxLiterals": [
|
|
2403
|
-
"opacity-50",
|
|
2404
|
-
"min-w-[200px]",
|
|
2405
|
-
"uds-ring-shadow",
|
|
2406
|
-
"uds-ring-within",
|
|
2407
|
-
"grow",
|
|
2408
|
-
"uds-hit-target",
|
|
2409
|
-
"bg-transparent",
|
|
2410
|
-
"bg-clip-text",
|
|
2411
|
-
"focus-visible:outline-none",
|
|
2412
|
-
"cursor-text",
|
|
2413
|
-
"cursor-not-allowed"
|
|
2414
|
-
],
|
|
2415
|
-
"internalComponents": [
|
|
2416
|
-
"IconSlot",
|
|
2417
|
-
"StartIcon",
|
|
2418
|
-
"EndIcon",
|
|
2419
|
-
"HelpTextContent",
|
|
2420
|
-
"Box",
|
|
2421
|
-
"InputHelpTextInternal",
|
|
2422
|
-
"VStack",
|
|
2423
|
-
"HStack",
|
|
2424
|
-
"AnimateHeightChange"
|
|
2425
|
-
],
|
|
2426
|
-
"internalComponentProps": {
|
|
2427
|
-
"HelpTextContent": { "spacingTop": ["2"] },
|
|
2428
|
-
"Box": {
|
|
2429
|
-
"spacingBottom": ["2"],
|
|
2430
|
-
"columnGap": ["0.5"],
|
|
2431
|
-
"alignItems": ["flex-end", "center"],
|
|
2432
|
-
"position": ["relative"]
|
|
2433
|
-
},
|
|
2434
|
-
"HStack": {
|
|
2435
|
-
"alignItems": ["center"],
|
|
2436
|
-
"gap": ["1"]
|
|
2437
|
-
}
|
|
2438
|
-
},
|
|
2439
|
-
"propToVariantKeys": {
|
|
2440
|
-
"size": [
|
|
2441
|
-
"inputSizeRoot",
|
|
2442
|
-
"inputSizeInputWrapperStatic",
|
|
2443
|
-
"inputSizeInputWrapperDynamic",
|
|
2444
|
-
"inputSizeInput",
|
|
2445
|
-
"inputSizeLabel",
|
|
2446
|
-
"inputSizeStartIcon",
|
|
2447
|
-
"inputSizeEndIcon"
|
|
2448
|
-
],
|
|
2449
|
-
"startIcon": ["icon"],
|
|
2450
|
-
"endIcon": ["icon"],
|
|
2451
|
-
"slotProps": ["helperTextSlotProps"],
|
|
2452
|
-
"helperTextIcon": ["startIcon"]
|
|
2453
|
-
},
|
|
2454
|
-
"runtimeConfigDefaultProps": { "size": "input.defaultSize" },
|
|
2455
|
-
"runtimeConfigGetStyles": {},
|
|
2456
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2457
|
-
"motionVarPrefixes": []
|
|
2458
|
-
},
|
|
2459
|
-
UDSInputConfigProvider: {
|
|
2460
|
-
"name": "UDSInputConfigProvider",
|
|
2461
|
-
"defaultProps": {},
|
|
2462
|
-
"getStylesLiterals": {},
|
|
2463
|
-
"cxLiterals": [],
|
|
2464
|
-
"internalComponents": [],
|
|
2465
|
-
"internalComponentProps": {},
|
|
2466
|
-
"propToVariantKeys": {},
|
|
2467
|
-
"runtimeConfigDefaultProps": {},
|
|
2468
|
-
"runtimeConfigGetStyles": {},
|
|
2469
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2470
|
-
"motionVarPrefixes": []
|
|
2471
|
-
},
|
|
2472
|
-
InputHelpText: {
|
|
2473
|
-
"name": "InputHelpText",
|
|
2474
|
-
"defaultProps": { "size": "md" },
|
|
2475
|
-
"getStylesLiterals": {
|
|
2476
|
-
"inputVariantRoot": "default",
|
|
2477
|
-
"inputVariantValueRoot": "empty",
|
|
2478
|
-
"inputVariantValueRoot:1": "filled"
|
|
2479
|
-
},
|
|
2480
|
-
"cxLiterals": [],
|
|
2481
|
-
"internalComponents": ["InputHelpTextInternal", "Box"],
|
|
2482
|
-
"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
|
|
2483
|
-
"propToVariantKeys": { "size": ["inputSizeRoot"] },
|
|
2484
|
-
"runtimeConfigDefaultProps": {},
|
|
2485
|
-
"runtimeConfigGetStyles": {},
|
|
2486
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2487
|
-
"motionVarPrefixes": []
|
|
2488
|
-
},
|
|
2489
|
-
SwitchBase: {
|
|
2490
|
-
"name": "SwitchBase",
|
|
2491
|
-
"defaultProps": {
|
|
2492
|
-
"labelPosition": "start",
|
|
2493
|
-
"size": "md"
|
|
2494
|
-
},
|
|
2495
|
-
"getStylesLiterals": {
|
|
2496
|
-
"switchVariantRoot": "default",
|
|
2497
|
-
"switchVariantActiveRoot": "on",
|
|
2498
|
-
"switchVariantActiveRoot:1": "off",
|
|
2499
|
-
"display": "flex",
|
|
2500
|
-
"flexDirection": "row",
|
|
2501
|
-
"flexDirection:1": "row-reverse",
|
|
2502
|
-
"alignItems": "center",
|
|
2503
|
-
"switchVariantSwitch": "default",
|
|
2504
|
-
"switchVariantActiveSwitch": "on",
|
|
2505
|
-
"switchVariantActiveSwitch:1": "off",
|
|
2506
|
-
"borderRadius": "full",
|
|
2507
|
-
"position": "relative"
|
|
2508
|
-
},
|
|
2509
|
-
"cxLiterals": [
|
|
2510
|
-
"group",
|
|
2511
|
-
"cursor-pointer",
|
|
2512
|
-
"cursor-default",
|
|
2513
|
-
"opacity-50",
|
|
2514
|
-
"uds-ring",
|
|
2515
|
-
"uds-ring-within",
|
|
2516
|
-
"transition-[background-color,box-shadow]",
|
|
2517
|
-
"cursor-[inherit]",
|
|
2518
|
-
"absolute",
|
|
2519
|
-
"opacity-0",
|
|
2520
|
-
"top-[-1px]",
|
|
2521
|
-
"left-[-1px]",
|
|
2522
|
-
"w-[calc(100%+2px)]",
|
|
2523
|
-
"h-[calc(100%+2px)]",
|
|
2524
|
-
"text-start",
|
|
2525
|
-
"text-end",
|
|
2526
|
-
"translate-x-[1.25rem]",
|
|
2527
|
-
"rtl:translate-x-[-1.25rem]",
|
|
2528
|
-
"translate-x-[0.75rem]",
|
|
2529
|
-
"rtl:translate-x-[-0.75rem]"
|
|
2530
|
-
],
|
|
2531
|
-
"internalComponents": [
|
|
2532
|
-
"FormLabel",
|
|
2533
|
-
"RootElement",
|
|
2534
|
-
"Box"
|
|
2535
|
-
],
|
|
2536
|
-
"internalComponentProps": {
|
|
2537
|
-
"FormLabel": {
|
|
2538
|
-
"as": ["div"],
|
|
2539
|
-
"variant": ["inherit"],
|
|
2540
|
-
"color": ["inherit"]
|
|
2541
|
-
},
|
|
2542
|
-
"RootElement": { "data-testid": ["container"] }
|
|
2543
|
-
},
|
|
2544
|
-
"propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
|
|
2545
|
-
"runtimeConfigDefaultProps": {},
|
|
2397
|
+
"propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
|
|
2398
|
+
"runtimeConfigDefaultProps": {},
|
|
2546
2399
|
"runtimeConfigGetStyles": {},
|
|
2547
2400
|
"runtimeConfigInternalComponentProps": {},
|
|
2548
2401
|
"motionVarPrefixes": []
|
|
@@ -2738,6 +2591,153 @@ var componentData_default = {
|
|
|
2738
2591
|
"runtimeConfigInternalComponentProps": {},
|
|
2739
2592
|
"motionVarPrefixes": []
|
|
2740
2593
|
},
|
|
2594
|
+
InputHelpTextInternal: {
|
|
2595
|
+
"name": "InputHelpTextInternal",
|
|
2596
|
+
"defaultProps": {},
|
|
2597
|
+
"getStylesLiterals": {
|
|
2598
|
+
"inputVariantHelperText": "default",
|
|
2599
|
+
"inputVariantValueHelperText": "empty",
|
|
2600
|
+
"inputVariantValueHelperText:1": "filled",
|
|
2601
|
+
"inputVariantHelperIcon": "default",
|
|
2602
|
+
"inputVariantValueHelperIcon": "empty",
|
|
2603
|
+
"inputVariantValueHelperIcon:1": "filled"
|
|
2604
|
+
},
|
|
2605
|
+
"cxLiterals": [],
|
|
2606
|
+
"internalComponents": ["IconSlot", "HStack"],
|
|
2607
|
+
"internalComponentProps": { "HStack": {
|
|
2608
|
+
"gap": ["1"],
|
|
2609
|
+
"alignItems": ["center"]
|
|
2610
|
+
} },
|
|
2611
|
+
"propToVariantKeys": {
|
|
2612
|
+
"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
|
|
2613
|
+
"startIcon": ["icon"],
|
|
2614
|
+
"endIcon": ["icon"]
|
|
2615
|
+
},
|
|
2616
|
+
"runtimeConfigDefaultProps": { "size": "input.defaultSize" },
|
|
2617
|
+
"runtimeConfigGetStyles": {},
|
|
2618
|
+
"runtimeConfigInternalComponentProps": {},
|
|
2619
|
+
"motionVarPrefixes": []
|
|
2620
|
+
},
|
|
2621
|
+
Input: {
|
|
2622
|
+
"name": "Input",
|
|
2623
|
+
"defaultProps": {
|
|
2624
|
+
"type": "text",
|
|
2625
|
+
"size": "md",
|
|
2626
|
+
"width": "full"
|
|
2627
|
+
},
|
|
2628
|
+
"getStylesLiterals": {
|
|
2629
|
+
"inputVariantRoot": "default",
|
|
2630
|
+
"inputVariantValueRoot": "empty",
|
|
2631
|
+
"inputVariantValueRoot:1": "filled",
|
|
2632
|
+
"inputVariantInputWrapper": "default",
|
|
2633
|
+
"inputVariantValueInputWrapper": "empty",
|
|
2634
|
+
"inputVariantValueInputWrapper:1": "filled",
|
|
2635
|
+
"inputVariantInput": "default",
|
|
2636
|
+
"inputVariantValueInput": "empty",
|
|
2637
|
+
"inputVariantValueInput:1": "filled",
|
|
2638
|
+
"inputVariantInputPlaceholder": "default",
|
|
2639
|
+
"inputVariantValueInputPlaceholder": "empty",
|
|
2640
|
+
"inputVariantValueInputPlaceholder:1": "filled",
|
|
2641
|
+
"inputVariantLabel": "default",
|
|
2642
|
+
"inputVariantValueLabel": "empty",
|
|
2643
|
+
"inputVariantValueLabel:1": "filled",
|
|
2644
|
+
"inputVariantLabelRequired": "default",
|
|
2645
|
+
"inputVariantValueLabelRequired": "empty",
|
|
2646
|
+
"inputVariantValueLabelRequired:1": "filled",
|
|
2647
|
+
"inputVariantStartIcon": "default",
|
|
2648
|
+
"inputVariantValueStartIcon": "empty",
|
|
2649
|
+
"inputVariantValueStartIcon:1": "filled",
|
|
2650
|
+
"inputVariantEndIcon": "default",
|
|
2651
|
+
"inputVariantValueEndIcon": "empty",
|
|
2652
|
+
"inputVariantValueEndIcon:1": "filled"
|
|
2653
|
+
},
|
|
2654
|
+
"cxLiterals": [
|
|
2655
|
+
"opacity-50",
|
|
2656
|
+
"min-w-[200px]",
|
|
2657
|
+
"uds-ring-shadow",
|
|
2658
|
+
"uds-ring-within",
|
|
2659
|
+
"grow",
|
|
2660
|
+
"uds-hit-target",
|
|
2661
|
+
"bg-transparent",
|
|
2662
|
+
"bg-clip-text",
|
|
2663
|
+
"focus-visible:outline-none",
|
|
2664
|
+
"cursor-text",
|
|
2665
|
+
"cursor-not-allowed"
|
|
2666
|
+
],
|
|
2667
|
+
"internalComponents": [
|
|
2668
|
+
"IconSlot",
|
|
2669
|
+
"StartIcon",
|
|
2670
|
+
"EndIcon",
|
|
2671
|
+
"HelpTextContent",
|
|
2672
|
+
"Box",
|
|
2673
|
+
"InputHelpTextInternal",
|
|
2674
|
+
"VStack",
|
|
2675
|
+
"HStack",
|
|
2676
|
+
"AnimateHeightChange"
|
|
2677
|
+
],
|
|
2678
|
+
"internalComponentProps": {
|
|
2679
|
+
"HelpTextContent": { "spacingTop": ["2"] },
|
|
2680
|
+
"Box": {
|
|
2681
|
+
"spacingBottom": ["2"],
|
|
2682
|
+
"columnGap": ["0.5"],
|
|
2683
|
+
"alignItems": ["flex-end", "center"],
|
|
2684
|
+
"position": ["relative"]
|
|
2685
|
+
},
|
|
2686
|
+
"HStack": {
|
|
2687
|
+
"alignItems": ["center"],
|
|
2688
|
+
"gap": ["1"]
|
|
2689
|
+
}
|
|
2690
|
+
},
|
|
2691
|
+
"propToVariantKeys": {
|
|
2692
|
+
"size": [
|
|
2693
|
+
"inputSizeRoot",
|
|
2694
|
+
"inputSizeInputWrapperStatic",
|
|
2695
|
+
"inputSizeInputWrapperDynamic",
|
|
2696
|
+
"inputSizeInput",
|
|
2697
|
+
"inputSizeLabel",
|
|
2698
|
+
"inputSizeStartIcon",
|
|
2699
|
+
"inputSizeEndIcon"
|
|
2700
|
+
],
|
|
2701
|
+
"startIcon": ["icon"],
|
|
2702
|
+
"endIcon": ["icon"],
|
|
2703
|
+
"slotProps": ["helperTextSlotProps"],
|
|
2704
|
+
"helperTextIcon": ["startIcon"]
|
|
2705
|
+
},
|
|
2706
|
+
"runtimeConfigDefaultProps": { "size": "input.defaultSize" },
|
|
2707
|
+
"runtimeConfigGetStyles": {},
|
|
2708
|
+
"runtimeConfigInternalComponentProps": {},
|
|
2709
|
+
"motionVarPrefixes": []
|
|
2710
|
+
},
|
|
2711
|
+
UDSInputConfigProvider: {
|
|
2712
|
+
"name": "UDSInputConfigProvider",
|
|
2713
|
+
"defaultProps": {},
|
|
2714
|
+
"getStylesLiterals": {},
|
|
2715
|
+
"cxLiterals": [],
|
|
2716
|
+
"internalComponents": [],
|
|
2717
|
+
"internalComponentProps": {},
|
|
2718
|
+
"propToVariantKeys": {},
|
|
2719
|
+
"runtimeConfigDefaultProps": {},
|
|
2720
|
+
"runtimeConfigGetStyles": {},
|
|
2721
|
+
"runtimeConfigInternalComponentProps": {},
|
|
2722
|
+
"motionVarPrefixes": []
|
|
2723
|
+
},
|
|
2724
|
+
InputHelpText: {
|
|
2725
|
+
"name": "InputHelpText",
|
|
2726
|
+
"defaultProps": { "size": "md" },
|
|
2727
|
+
"getStylesLiterals": {
|
|
2728
|
+
"inputVariantRoot": "default",
|
|
2729
|
+
"inputVariantValueRoot": "empty",
|
|
2730
|
+
"inputVariantValueRoot:1": "filled"
|
|
2731
|
+
},
|
|
2732
|
+
"cxLiterals": [],
|
|
2733
|
+
"internalComponents": ["InputHelpTextInternal", "Box"],
|
|
2734
|
+
"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
|
|
2735
|
+
"propToVariantKeys": { "size": ["inputSizeRoot"] },
|
|
2736
|
+
"runtimeConfigDefaultProps": {},
|
|
2737
|
+
"runtimeConfigGetStyles": {},
|
|
2738
|
+
"runtimeConfigInternalComponentProps": {},
|
|
2739
|
+
"motionVarPrefixes": []
|
|
2740
|
+
},
|
|
2741
2741
|
AvatarIcon: {
|
|
2742
2742
|
"name": "AvatarIcon",
|
|
2743
2743
|
"defaultProps": {
|
|
@@ -2978,81 +2978,6 @@ var componentData_default = {
|
|
|
2978
2978
|
"runtimeConfigInternalComponentProps": {},
|
|
2979
2979
|
"motionVarPrefixes": []
|
|
2980
2980
|
},
|
|
2981
|
-
IconButtonBase: {
|
|
2982
|
-
"name": "IconButtonBase",
|
|
2983
|
-
"defaultProps": { "type": "button" },
|
|
2984
|
-
"getStylesLiterals": {},
|
|
2985
|
-
"cxLiterals": [
|
|
2986
|
-
"uds-ring",
|
|
2987
|
-
"uds-hit-target",
|
|
2988
|
-
"inline-flex",
|
|
2989
|
-
"overflow-hidden",
|
|
2990
|
-
"justify-center",
|
|
2991
|
-
"items-center",
|
|
2992
|
-
"[transform-origin:center]",
|
|
2993
|
-
"[backface-visibility:hidden]",
|
|
2994
|
-
"[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
|
|
2995
|
-
"[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
|
|
2996
|
-
"[transition-duration:220ms]",
|
|
2997
|
-
"cursor-not-allowed",
|
|
2998
|
-
"uds-button-loading",
|
|
2999
|
-
"uds-button-without-effects",
|
|
3000
|
-
"animate-spin"
|
|
3001
|
-
],
|
|
3002
|
-
"internalComponents": [],
|
|
3003
|
-
"internalComponentProps": {},
|
|
3004
|
-
"propToVariantKeys": {
|
|
3005
|
-
"size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
|
|
3006
|
-
"variant": ["buttonVariantRoot", "buttonVariantIcon"]
|
|
3007
|
-
},
|
|
3008
|
-
"runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
|
|
3009
|
-
"runtimeConfigGetStyles": {},
|
|
3010
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3011
|
-
"motionVarPrefixes": []
|
|
3012
|
-
},
|
|
3013
|
-
UDSIconButtonConfigProvider: {
|
|
3014
|
-
"name": "UDSIconButtonConfigProvider",
|
|
3015
|
-
"defaultProps": {},
|
|
3016
|
-
"getStylesLiterals": {},
|
|
3017
|
-
"cxLiterals": [],
|
|
3018
|
-
"internalComponents": ["IconButtonContext.Provider"],
|
|
3019
|
-
"internalComponentProps": {},
|
|
3020
|
-
"propToVariantKeys": {},
|
|
3021
|
-
"runtimeConfigDefaultProps": {},
|
|
3022
|
-
"runtimeConfigGetStyles": {},
|
|
3023
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3024
|
-
"motionVarPrefixes": []
|
|
3025
|
-
},
|
|
3026
|
-
IconButton: {
|
|
3027
|
-
"name": "IconButton",
|
|
3028
|
-
"defaultProps": {},
|
|
3029
|
-
"getStylesLiterals": {},
|
|
3030
|
-
"cxLiterals": [],
|
|
3031
|
-
"internalComponents": [
|
|
3032
|
-
"IconButtonBase",
|
|
3033
|
-
"Icon",
|
|
3034
|
-
"AnimatePresence",
|
|
3035
|
-
"SpringMotionConfig",
|
|
3036
|
-
"MotionSlot",
|
|
3037
|
-
"IconButtonProps",
|
|
3038
|
-
"Slot"
|
|
3039
|
-
],
|
|
3040
|
-
"internalComponentProps": {
|
|
3041
|
-
"Icon": { "color": ["current"] },
|
|
3042
|
-
"AnimatePresence": { "mode": ["popLayout"] },
|
|
3043
|
-
"SpringMotionConfig": { "layoutSpeed": ["3"] },
|
|
3044
|
-
"MotionSlot": {
|
|
3045
|
-
"initial": ["icon"],
|
|
3046
|
-
"whileHover": ["hover"],
|
|
3047
|
-
"whileTap": ["pressed"]
|
|
3048
|
-
}
|
|
3049
|
-
},
|
|
3050
|
-
"propToVariantKeys": {},
|
|
3051
|
-
"runtimeConfigDefaultProps": {},
|
|
3052
|
-
"runtimeConfigGetStyles": {},
|
|
3053
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3054
|
-
"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
|
|
3055
|
-
},
|
|
3056
2981
|
BottomSheetDismiss: {
|
|
3057
2982
|
"name": "BottomSheetDismiss",
|
|
3058
2983
|
"defaultProps": {},
|
|
@@ -3250,6 +3175,81 @@ var componentData_default = {
|
|
|
3250
3175
|
"runtimeConfigInternalComponentProps": {},
|
|
3251
3176
|
"motionVarPrefixes": []
|
|
3252
3177
|
},
|
|
3178
|
+
IconButtonBase: {
|
|
3179
|
+
"name": "IconButtonBase",
|
|
3180
|
+
"defaultProps": { "type": "button" },
|
|
3181
|
+
"getStylesLiterals": {},
|
|
3182
|
+
"cxLiterals": [
|
|
3183
|
+
"uds-ring",
|
|
3184
|
+
"uds-hit-target",
|
|
3185
|
+
"inline-flex",
|
|
3186
|
+
"overflow-hidden",
|
|
3187
|
+
"justify-center",
|
|
3188
|
+
"items-center",
|
|
3189
|
+
"[transform-origin:center]",
|
|
3190
|
+
"[backface-visibility:hidden]",
|
|
3191
|
+
"[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
|
|
3192
|
+
"[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
|
|
3193
|
+
"[transition-duration:220ms]",
|
|
3194
|
+
"cursor-not-allowed",
|
|
3195
|
+
"uds-button-loading",
|
|
3196
|
+
"uds-button-without-effects",
|
|
3197
|
+
"animate-spin"
|
|
3198
|
+
],
|
|
3199
|
+
"internalComponents": [],
|
|
3200
|
+
"internalComponentProps": {},
|
|
3201
|
+
"propToVariantKeys": {
|
|
3202
|
+
"size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
|
|
3203
|
+
"variant": ["buttonVariantRoot", "buttonVariantIcon"]
|
|
3204
|
+
},
|
|
3205
|
+
"runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
|
|
3206
|
+
"runtimeConfigGetStyles": {},
|
|
3207
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3208
|
+
"motionVarPrefixes": []
|
|
3209
|
+
},
|
|
3210
|
+
UDSIconButtonConfigProvider: {
|
|
3211
|
+
"name": "UDSIconButtonConfigProvider",
|
|
3212
|
+
"defaultProps": {},
|
|
3213
|
+
"getStylesLiterals": {},
|
|
3214
|
+
"cxLiterals": [],
|
|
3215
|
+
"internalComponents": ["IconButtonContext.Provider"],
|
|
3216
|
+
"internalComponentProps": {},
|
|
3217
|
+
"propToVariantKeys": {},
|
|
3218
|
+
"runtimeConfigDefaultProps": {},
|
|
3219
|
+
"runtimeConfigGetStyles": {},
|
|
3220
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3221
|
+
"motionVarPrefixes": []
|
|
3222
|
+
},
|
|
3223
|
+
IconButton: {
|
|
3224
|
+
"name": "IconButton",
|
|
3225
|
+
"defaultProps": {},
|
|
3226
|
+
"getStylesLiterals": {},
|
|
3227
|
+
"cxLiterals": [],
|
|
3228
|
+
"internalComponents": [
|
|
3229
|
+
"IconButtonBase",
|
|
3230
|
+
"Icon",
|
|
3231
|
+
"AnimatePresence",
|
|
3232
|
+
"SpringMotionConfig",
|
|
3233
|
+
"MotionSlot",
|
|
3234
|
+
"IconButtonProps",
|
|
3235
|
+
"Slot"
|
|
3236
|
+
],
|
|
3237
|
+
"internalComponentProps": {
|
|
3238
|
+
"Icon": { "color": ["current"] },
|
|
3239
|
+
"AnimatePresence": { "mode": ["popLayout"] },
|
|
3240
|
+
"SpringMotionConfig": { "layoutSpeed": ["3"] },
|
|
3241
|
+
"MotionSlot": {
|
|
3242
|
+
"initial": ["icon"],
|
|
3243
|
+
"whileHover": ["hover"],
|
|
3244
|
+
"whileTap": ["pressed"]
|
|
3245
|
+
}
|
|
3246
|
+
},
|
|
3247
|
+
"propToVariantKeys": {},
|
|
3248
|
+
"runtimeConfigDefaultProps": {},
|
|
3249
|
+
"runtimeConfigGetStyles": {},
|
|
3250
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3251
|
+
"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
|
|
3252
|
+
},
|
|
3253
3253
|
PaddleButtonNext: {
|
|
3254
3254
|
"name": "PaddleButtonNext",
|
|
3255
3255
|
"defaultProps": {},
|