@yahoo/uds 3.171.0 → 3.171.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.
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/css/dist/css/purgeWorker.js +50 -0
- package/dist/css/dist/css/runner.cjs +3 -1
- package/dist/css/dist/css/runner.js +3 -1
- package/dist/css/dist/css/workerPool.cjs +18 -2
- package/dist/css/dist/css/workerPool.js +16 -1
- package/dist/uds/generated/componentData.cjs +551 -551
- package/dist/uds/generated/componentData.js +551 -551
- package/generated/componentData.json +1274 -1274
- package/package.json +1 -1
|
@@ -589,6 +589,97 @@ 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
|
+
},
|
|
592
683
|
Accordion: {
|
|
593
684
|
"name": "Accordion",
|
|
594
685
|
"defaultProps": {
|
|
@@ -699,97 +790,6 @@ var componentData_default = {
|
|
|
699
790
|
"runtimeConfigInternalComponentProps": {},
|
|
700
791
|
"motionVarPrefixes": []
|
|
701
792
|
},
|
|
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,63 +2339,210 @@ var componentData_default = {
|
|
|
2339
2339
|
"runtimeConfigInternalComponentProps": {},
|
|
2340
2340
|
"motionVarPrefixes": []
|
|
2341
2341
|
},
|
|
2342
|
-
|
|
2343
|
-
"name": "
|
|
2344
|
-
"defaultProps": {
|
|
2345
|
-
"labelPosition": "start",
|
|
2346
|
-
"size": "md"
|
|
2347
|
-
},
|
|
2342
|
+
InputHelpTextInternal: {
|
|
2343
|
+
"name": "InputHelpTextInternal",
|
|
2344
|
+
"defaultProps": {},
|
|
2348
2345
|
"getStylesLiterals": {
|
|
2349
|
-
"
|
|
2350
|
-
"
|
|
2351
|
-
"
|
|
2352
|
-
"
|
|
2353
|
-
"
|
|
2354
|
-
"
|
|
2355
|
-
"alignItems": "center",
|
|
2356
|
-
"switchVariantSwitch": "default",
|
|
2357
|
-
"switchVariantActiveSwitch": "on",
|
|
2358
|
-
"switchVariantActiveSwitch:1": "off",
|
|
2359
|
-
"borderRadius": "full",
|
|
2360
|
-
"position": "relative"
|
|
2346
|
+
"inputVariantHelperText": "default",
|
|
2347
|
+
"inputVariantValueHelperText": "empty",
|
|
2348
|
+
"inputVariantValueHelperText:1": "filled",
|
|
2349
|
+
"inputVariantHelperIcon": "default",
|
|
2350
|
+
"inputVariantValueHelperIcon": "empty",
|
|
2351
|
+
"inputVariantValueHelperIcon:1": "filled"
|
|
2361
2352
|
},
|
|
2362
|
-
"cxLiterals": [
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
"
|
|
2366
|
-
"
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
"
|
|
2370
|
-
"
|
|
2371
|
-
"
|
|
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"] }
|
|
2353
|
+
"cxLiterals": [],
|
|
2354
|
+
"internalComponents": ["IconSlot", "HStack"],
|
|
2355
|
+
"internalComponentProps": { "HStack": {
|
|
2356
|
+
"gap": ["1"],
|
|
2357
|
+
"alignItems": ["center"]
|
|
2358
|
+
} },
|
|
2359
|
+
"propToVariantKeys": {
|
|
2360
|
+
"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
|
|
2361
|
+
"startIcon": ["icon"],
|
|
2362
|
+
"endIcon": ["icon"]
|
|
2396
2363
|
},
|
|
2397
|
-
"
|
|
2398
|
-
"
|
|
2364
|
+
"runtimeConfigDefaultProps": { "size": "input.defaultSize" },
|
|
2365
|
+
"runtimeConfigGetStyles": {},
|
|
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": {},
|
|
2399
2546
|
"runtimeConfigGetStyles": {},
|
|
2400
2547
|
"runtimeConfigInternalComponentProps": {},
|
|
2401
2548
|
"motionVarPrefixes": []
|
|
@@ -2551,188 +2698,41 @@ var componentData_default = {
|
|
|
2551
2698
|
"defaultProps": { "variant": "primary" },
|
|
2552
2699
|
"getStylesLiterals": {},
|
|
2553
2700
|
"cxLiterals": ["uds-ring"],
|
|
2554
|
-
"internalComponents": ["ChipBase"],
|
|
2555
|
-
"internalComponentProps": { "ChipBase": { "as": ["a"] } },
|
|
2556
|
-
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
2557
|
-
"runtimeConfigDefaultProps": {},
|
|
2558
|
-
"runtimeConfigGetStyles": {},
|
|
2559
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2560
|
-
"motionVarPrefixes": []
|
|
2561
|
-
},
|
|
2562
|
-
ChipButton: {
|
|
2563
|
-
"name": "ChipButton",
|
|
2564
|
-
"defaultProps": { "variant": "primary" },
|
|
2565
|
-
"getStylesLiterals": {},
|
|
2566
|
-
"cxLiterals": ["uds-ring"],
|
|
2567
|
-
"internalComponents": ["ChipBase"],
|
|
2568
|
-
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
2569
|
-
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
2570
|
-
"runtimeConfigDefaultProps": {},
|
|
2571
|
-
"runtimeConfigGetStyles": {},
|
|
2572
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2573
|
-
"motionVarPrefixes": []
|
|
2574
|
-
},
|
|
2575
|
-
ChipToggle: {
|
|
2576
|
-
"name": "ChipToggle",
|
|
2577
|
-
"defaultProps": {
|
|
2578
|
-
"variant": "primary",
|
|
2579
|
-
"role": "checkbox"
|
|
2580
|
-
},
|
|
2581
|
-
"getStylesLiterals": {
|
|
2582
|
-
"chipToggleVariantActiveRoot": "on",
|
|
2583
|
-
"chipToggleVariantActiveRoot:1": "off"
|
|
2584
|
-
},
|
|
2585
|
-
"cxLiterals": ["uds-ring"],
|
|
2586
|
-
"internalComponents": ["ChipBase"],
|
|
2587
|
-
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
2588
|
-
"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
|
|
2589
|
-
"runtimeConfigDefaultProps": {},
|
|
2590
|
-
"runtimeConfigGetStyles": {},
|
|
2591
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2592
|
-
"motionVarPrefixes": []
|
|
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" },
|
|
2701
|
+
"internalComponents": ["ChipBase"],
|
|
2702
|
+
"internalComponentProps": { "ChipBase": { "as": ["a"] } },
|
|
2703
|
+
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
2704
|
+
"runtimeConfigDefaultProps": {},
|
|
2707
2705
|
"runtimeConfigGetStyles": {},
|
|
2708
2706
|
"runtimeConfigInternalComponentProps": {},
|
|
2709
2707
|
"motionVarPrefixes": []
|
|
2710
2708
|
},
|
|
2711
|
-
|
|
2712
|
-
"name": "
|
|
2713
|
-
"defaultProps": {},
|
|
2709
|
+
ChipButton: {
|
|
2710
|
+
"name": "ChipButton",
|
|
2711
|
+
"defaultProps": { "variant": "primary" },
|
|
2714
2712
|
"getStylesLiterals": {},
|
|
2715
|
-
"cxLiterals": [],
|
|
2716
|
-
"internalComponents": [],
|
|
2717
|
-
"internalComponentProps": {},
|
|
2718
|
-
"propToVariantKeys": {},
|
|
2713
|
+
"cxLiterals": ["uds-ring"],
|
|
2714
|
+
"internalComponents": ["ChipBase"],
|
|
2715
|
+
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
2716
|
+
"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
|
|
2719
2717
|
"runtimeConfigDefaultProps": {},
|
|
2720
2718
|
"runtimeConfigGetStyles": {},
|
|
2721
2719
|
"runtimeConfigInternalComponentProps": {},
|
|
2722
2720
|
"motionVarPrefixes": []
|
|
2723
2721
|
},
|
|
2724
|
-
|
|
2725
|
-
"name": "
|
|
2726
|
-
"defaultProps": {
|
|
2722
|
+
ChipToggle: {
|
|
2723
|
+
"name": "ChipToggle",
|
|
2724
|
+
"defaultProps": {
|
|
2725
|
+
"variant": "primary",
|
|
2726
|
+
"role": "checkbox"
|
|
2727
|
+
},
|
|
2727
2728
|
"getStylesLiterals": {
|
|
2728
|
-
"
|
|
2729
|
-
"
|
|
2730
|
-
"inputVariantValueRoot:1": "filled"
|
|
2729
|
+
"chipToggleVariantActiveRoot": "on",
|
|
2730
|
+
"chipToggleVariantActiveRoot:1": "off"
|
|
2731
2731
|
},
|
|
2732
|
-
"cxLiterals": [],
|
|
2733
|
-
"internalComponents": ["
|
|
2734
|
-
"internalComponentProps": { "
|
|
2735
|
-
"propToVariantKeys": { "
|
|
2732
|
+
"cxLiterals": ["uds-ring"],
|
|
2733
|
+
"internalComponents": ["ChipBase"],
|
|
2734
|
+
"internalComponentProps": { "ChipBase": { "as": ["button"] } },
|
|
2735
|
+
"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
|
|
2736
2736
|
"runtimeConfigDefaultProps": {},
|
|
2737
2737
|
"runtimeConfigGetStyles": {},
|
|
2738
2738
|
"runtimeConfigInternalComponentProps": {},
|
|
@@ -2923,251 +2923,54 @@ var componentData_default = {
|
|
|
2923
2923
|
"popoverSizeCloseIcon": "default"
|
|
2924
2924
|
},
|
|
2925
2925
|
"cxLiterals": [
|
|
2926
|
-
"z-[9999]",
|
|
2927
|
-
"outline-none",
|
|
2928
|
-
"focus-visible:outline-none",
|
|
2929
|
-
"uds-bgBlurFillFallback",
|
|
2930
|
-
"uds-bgBlurFallback",
|
|
2931
|
-
"top-0",
|
|
2932
|
-
"left-0",
|
|
2933
|
-
"z-[1]",
|
|
2934
|
-
"duration-0",
|
|
2935
|
-
"duration-120",
|
|
2936
|
-
"transition-[background-color]",
|
|
2937
|
-
"bg-carbon-15/0",
|
|
2938
|
-
"hover:bg-carbon-15/10",
|
|
2939
|
-
"active:bg-carbon-15/15",
|
|
2940
|
-
"uds-ring",
|
|
2941
|
-
"absolute",
|
|
2942
|
-
"z-[4]"
|
|
2943
|
-
],
|
|
2944
|
-
"internalComponents": [
|
|
2945
|
-
"PopoverDismiss",
|
|
2946
|
-
"IconSlot",
|
|
2947
|
-
"PopoverArrow",
|
|
2948
|
-
"Popover",
|
|
2949
|
-
"SvgFloatingOverlay",
|
|
2950
|
-
"Box",
|
|
2951
|
-
"Pressable"
|
|
2952
|
-
],
|
|
2953
|
-
"internalComponentProps": {},
|
|
2954
|
-
"propToVariantKeys": { "closeIcon": ["icon"] },
|
|
2955
|
-
"runtimeConfigDefaultProps": {
|
|
2956
|
-
"size": "popover.defaultSize",
|
|
2957
|
-
"variant": "popover.defaultVariant"
|
|
2958
|
-
},
|
|
2959
|
-
"runtimeConfigGetStyles": {
|
|
2960
|
-
"spacingTop": ["popover.spacingVertical.${size}"],
|
|
2961
|
-
"spacingStart": ["popover.spacingHorizontal.${size}"],
|
|
2962
|
-
"spacingBottom": ["popover.spacingVertical.${size}"],
|
|
2963
|
-
"spacingEnd": ["popover.spacingHorizontal.${size}"]
|
|
2964
|
-
},
|
|
2965
|
-
"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
|
|
2966
|
-
"motionVarPrefixes": []
|
|
2967
|
-
},
|
|
2968
|
-
PopoverContext: {
|
|
2969
|
-
"name": "PopoverContext",
|
|
2970
|
-
"defaultProps": {},
|
|
2971
|
-
"getStylesLiterals": {},
|
|
2972
|
-
"cxLiterals": [],
|
|
2973
|
-
"internalComponents": [],
|
|
2974
|
-
"internalComponentProps": {},
|
|
2975
|
-
"propToVariantKeys": {},
|
|
2976
|
-
"runtimeConfigDefaultProps": {},
|
|
2977
|
-
"runtimeConfigGetStyles": {},
|
|
2978
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2979
|
-
"motionVarPrefixes": []
|
|
2980
|
-
},
|
|
2981
|
-
BottomSheetDismiss: {
|
|
2982
|
-
"name": "BottomSheetDismiss",
|
|
2983
|
-
"defaultProps": {},
|
|
2984
|
-
"getStylesLiterals": {},
|
|
2985
|
-
"cxLiterals": [],
|
|
2986
|
-
"internalComponents": ["AriakitDialogDismiss"],
|
|
2987
|
-
"internalComponentProps": {},
|
|
2988
|
-
"propToVariantKeys": {},
|
|
2989
|
-
"runtimeConfigDefaultProps": {},
|
|
2990
|
-
"runtimeConfigGetStyles": {},
|
|
2991
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2992
|
-
"motionVarPrefixes": []
|
|
2993
|
-
},
|
|
2994
|
-
BottomSheetContent: {
|
|
2995
|
-
"name": "BottomSheetContent",
|
|
2996
|
-
"defaultProps": {},
|
|
2997
|
-
"getStylesLiterals": {},
|
|
2998
|
-
"cxLiterals": ["min-h-0", "touch-pan-y"],
|
|
2999
|
-
"internalComponents": ["Box", "VStack"],
|
|
3000
|
-
"internalComponentProps": {
|
|
3001
|
-
"Box": {
|
|
3002
|
-
"display": ["block"],
|
|
3003
|
-
"flex": ["1"]
|
|
3004
|
-
},
|
|
3005
|
-
"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
|
|
3006
|
-
},
|
|
3007
|
-
"propToVariantKeys": {},
|
|
3008
|
-
"runtimeConfigDefaultProps": {},
|
|
3009
|
-
"runtimeConfigGetStyles": {},
|
|
3010
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3011
|
-
"motionVarPrefixes": []
|
|
3012
|
-
},
|
|
3013
|
-
BottomSheetHeader: {
|
|
3014
|
-
"name": "BottomSheetHeader",
|
|
3015
|
-
"defaultProps": { "variant": "default" },
|
|
3016
|
-
"getStylesLiterals": {},
|
|
3017
|
-
"cxLiterals": [
|
|
3018
|
-
"grid-cols-[40px_1fr_40px]",
|
|
3019
|
-
"items-center",
|
|
3020
|
-
"w-full",
|
|
3021
|
-
"min-h-10",
|
|
3022
|
-
"mt-2"
|
|
3023
|
-
],
|
|
3024
|
-
"internalComponents": [
|
|
3025
|
-
"Box",
|
|
3026
|
-
"Text",
|
|
3027
|
-
"DialogHeading"
|
|
3028
|
-
],
|
|
3029
|
-
"internalComponentProps": {
|
|
3030
|
-
"Box": {
|
|
3031
|
-
"className": ["h-10 w-10 opacity-0 pointer-events-none"],
|
|
3032
|
-
"display": ["grid", "flex"],
|
|
3033
|
-
"justifyContent": ["flex-start", "flex-end"]
|
|
3034
|
-
},
|
|
3035
|
-
"Text": {
|
|
3036
|
-
"as": ["p"],
|
|
3037
|
-
"variant": ["inherit"],
|
|
3038
|
-
"color": ["inherit"],
|
|
3039
|
-
"textAlign": ["center"],
|
|
3040
|
-
"className": ["m-0 w-full"]
|
|
3041
|
-
},
|
|
3042
|
-
"DialogHeading": { "role": ["heading"] }
|
|
3043
|
-
},
|
|
3044
|
-
"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
|
|
3045
|
-
"runtimeConfigDefaultProps": {},
|
|
3046
|
-
"runtimeConfigGetStyles": {},
|
|
3047
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3048
|
-
"motionVarPrefixes": []
|
|
3049
|
-
},
|
|
3050
|
-
BottomSheetTrigger: {
|
|
3051
|
-
"name": "BottomSheetTrigger",
|
|
3052
|
-
"defaultProps": {},
|
|
3053
|
-
"getStylesLiterals": {},
|
|
3054
|
-
"cxLiterals": [],
|
|
3055
|
-
"internalComponents": ["AriakitDialogDisclosure"],
|
|
3056
|
-
"internalComponentProps": {},
|
|
3057
|
-
"propToVariantKeys": {},
|
|
3058
|
-
"runtimeConfigDefaultProps": {},
|
|
3059
|
-
"runtimeConfigGetStyles": {},
|
|
3060
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3061
|
-
"motionVarPrefixes": []
|
|
3062
|
-
},
|
|
3063
|
-
UDSBottomSheetConfigProvider: {
|
|
3064
|
-
"name": "UDSBottomSheetConfigProvider",
|
|
3065
|
-
"defaultProps": {},
|
|
3066
|
-
"getStylesLiterals": {},
|
|
3067
|
-
"cxLiterals": [],
|
|
3068
|
-
"internalComponents": ["BottomSheetContext.Provider"],
|
|
3069
|
-
"internalComponentProps": {},
|
|
3070
|
-
"propToVariantKeys": {},
|
|
3071
|
-
"runtimeConfigDefaultProps": {},
|
|
3072
|
-
"runtimeConfigGetStyles": {},
|
|
3073
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3074
|
-
"motionVarPrefixes": []
|
|
3075
|
-
},
|
|
3076
|
-
BottomSheetInternalContext: {
|
|
3077
|
-
"name": "BottomSheetInternalContext",
|
|
3078
|
-
"defaultProps": {},
|
|
3079
|
-
"getStylesLiterals": {},
|
|
3080
|
-
"cxLiterals": [],
|
|
3081
|
-
"internalComponents": [],
|
|
3082
|
-
"internalComponentProps": {},
|
|
3083
|
-
"propToVariantKeys": {},
|
|
3084
|
-
"runtimeConfigDefaultProps": {},
|
|
3085
|
-
"runtimeConfigGetStyles": {},
|
|
3086
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3087
|
-
"motionVarPrefixes": []
|
|
3088
|
-
},
|
|
3089
|
-
BottomSheet: {
|
|
3090
|
-
"name": "BottomSheet",
|
|
3091
|
-
"defaultProps": { "variant": "default" },
|
|
3092
|
-
"getStylesLiterals": {},
|
|
3093
|
-
"cxLiterals": [
|
|
3094
|
-
"fixed",
|
|
3095
|
-
"overflow-hidden",
|
|
3096
|
-
"inset-x-0",
|
|
3097
|
-
"bottom-0",
|
|
3098
|
-
"z-50",
|
|
3099
|
-
"[will-change:transform]",
|
|
3100
|
-
"touch-none",
|
|
3101
|
-
"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
|
|
3102
|
-
"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
|
|
3103
|
-
"transition-transform",
|
|
3104
|
-
"duration-500",
|
|
3105
|
-
"ease-[cubic-bezier(0.32,0.72,0,1)]",
|
|
3106
|
-
"motion-reduce:transition-none",
|
|
3107
|
-
"top-[-4px]",
|
|
3108
|
-
"z-[1]",
|
|
3109
|
-
"touch-pan-y"
|
|
3110
|
-
],
|
|
3111
|
-
"internalComponents": [
|
|
3112
|
-
"Scrim",
|
|
3113
|
-
"BottomSheetHandle",
|
|
3114
|
-
"Dialog",
|
|
3115
|
-
"Box",
|
|
3116
|
-
"BottomSheetInternalContext.Provider"
|
|
3117
|
-
],
|
|
3118
|
-
"internalComponentProps": {
|
|
3119
|
-
"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
|
|
3120
|
-
"Dialog": { "data-testid": ["bottom-sheet"] },
|
|
3121
|
-
"Box": {
|
|
3122
|
-
"display": ["block", "flex"],
|
|
3123
|
-
"position": ["absolute"],
|
|
3124
|
-
"flexDirection": ["column"],
|
|
3125
|
-
"className": ["absolute inset-0 min-h-0 p-[inherit]"]
|
|
3126
|
-
}
|
|
3127
|
-
},
|
|
3128
|
-
"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
|
|
3129
|
-
"runtimeConfigDefaultProps": {},
|
|
3130
|
-
"runtimeConfigGetStyles": {},
|
|
3131
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3132
|
-
"motionVarPrefixes": []
|
|
3133
|
-
},
|
|
3134
|
-
BottomSheetHandle: {
|
|
3135
|
-
"name": "BottomSheetHandle",
|
|
3136
|
-
"defaultProps": { "variant": "default" },
|
|
3137
|
-
"getStylesLiterals": {},
|
|
3138
|
-
"cxLiterals": [
|
|
3139
|
-
"relative",
|
|
3140
|
-
"h-5",
|
|
3141
|
-
"w-16",
|
|
2926
|
+
"z-[9999]",
|
|
3142
2927
|
"outline-none",
|
|
3143
2928
|
"focus-visible:outline-none",
|
|
3144
|
-
"
|
|
2929
|
+
"uds-bgBlurFillFallback",
|
|
2930
|
+
"uds-bgBlurFallback",
|
|
2931
|
+
"top-0",
|
|
2932
|
+
"left-0",
|
|
2933
|
+
"z-[1]",
|
|
2934
|
+
"duration-0",
|
|
2935
|
+
"duration-120",
|
|
2936
|
+
"transition-[background-color]",
|
|
2937
|
+
"bg-carbon-15/0",
|
|
2938
|
+
"hover:bg-carbon-15/10",
|
|
2939
|
+
"active:bg-carbon-15/15",
|
|
2940
|
+
"uds-ring",
|
|
3145
2941
|
"absolute",
|
|
3146
|
-
"
|
|
3147
|
-
"top-1/2",
|
|
3148
|
-
"-translate-x-1/2",
|
|
3149
|
-
"-translate-y-1/2",
|
|
3150
|
-
"h-1",
|
|
3151
|
-
"w-8",
|
|
3152
|
-
"rounded-full"
|
|
2942
|
+
"z-[4]"
|
|
3153
2943
|
],
|
|
3154
|
-
"internalComponents": [
|
|
3155
|
-
|
|
3156
|
-
"
|
|
3157
|
-
"
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
2944
|
+
"internalComponents": [
|
|
2945
|
+
"PopoverDismiss",
|
|
2946
|
+
"IconSlot",
|
|
2947
|
+
"PopoverArrow",
|
|
2948
|
+
"Popover",
|
|
2949
|
+
"SvgFloatingOverlay",
|
|
2950
|
+
"Box",
|
|
2951
|
+
"Pressable"
|
|
2952
|
+
],
|
|
2953
|
+
"internalComponentProps": {},
|
|
2954
|
+
"propToVariantKeys": { "closeIcon": ["icon"] },
|
|
2955
|
+
"runtimeConfigDefaultProps": {
|
|
2956
|
+
"size": "popover.defaultSize",
|
|
2957
|
+
"variant": "popover.defaultVariant"
|
|
2958
|
+
},
|
|
2959
|
+
"runtimeConfigGetStyles": {
|
|
2960
|
+
"spacingTop": ["popover.spacingVertical.${size}"],
|
|
2961
|
+
"spacingStart": ["popover.spacingHorizontal.${size}"],
|
|
2962
|
+
"spacingBottom": ["popover.spacingVertical.${size}"],
|
|
2963
|
+
"spacingEnd": ["popover.spacingHorizontal.${size}"]
|
|
2964
|
+
},
|
|
2965
|
+
"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
|
|
3163
2966
|
"motionVarPrefixes": []
|
|
3164
2967
|
},
|
|
3165
|
-
|
|
3166
|
-
"name": "
|
|
2968
|
+
PopoverContext: {
|
|
2969
|
+
"name": "PopoverContext",
|
|
3167
2970
|
"defaultProps": {},
|
|
3168
2971
|
"getStylesLiterals": {},
|
|
3169
2972
|
"cxLiterals": [],
|
|
3170
|
-
"internalComponents": [
|
|
2973
|
+
"internalComponents": [],
|
|
3171
2974
|
"internalComponentProps": {},
|
|
3172
2975
|
"propToVariantKeys": {},
|
|
3173
2976
|
"runtimeConfigDefaultProps": {},
|
|
@@ -3781,6 +3584,203 @@ var componentData_default = {
|
|
|
3781
3584
|
"runtimeConfigInternalComponentProps": {},
|
|
3782
3585
|
"motionVarPrefixes": []
|
|
3783
3586
|
},
|
|
3587
|
+
BottomSheetDismiss: {
|
|
3588
|
+
"name": "BottomSheetDismiss",
|
|
3589
|
+
"defaultProps": {},
|
|
3590
|
+
"getStylesLiterals": {},
|
|
3591
|
+
"cxLiterals": [],
|
|
3592
|
+
"internalComponents": ["AriakitDialogDismiss"],
|
|
3593
|
+
"internalComponentProps": {},
|
|
3594
|
+
"propToVariantKeys": {},
|
|
3595
|
+
"runtimeConfigDefaultProps": {},
|
|
3596
|
+
"runtimeConfigGetStyles": {},
|
|
3597
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3598
|
+
"motionVarPrefixes": []
|
|
3599
|
+
},
|
|
3600
|
+
BottomSheetContent: {
|
|
3601
|
+
"name": "BottomSheetContent",
|
|
3602
|
+
"defaultProps": {},
|
|
3603
|
+
"getStylesLiterals": {},
|
|
3604
|
+
"cxLiterals": ["min-h-0", "touch-pan-y"],
|
|
3605
|
+
"internalComponents": ["Box", "VStack"],
|
|
3606
|
+
"internalComponentProps": {
|
|
3607
|
+
"Box": {
|
|
3608
|
+
"display": ["block"],
|
|
3609
|
+
"flex": ["1"]
|
|
3610
|
+
},
|
|
3611
|
+
"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
|
|
3612
|
+
},
|
|
3613
|
+
"propToVariantKeys": {},
|
|
3614
|
+
"runtimeConfigDefaultProps": {},
|
|
3615
|
+
"runtimeConfigGetStyles": {},
|
|
3616
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3617
|
+
"motionVarPrefixes": []
|
|
3618
|
+
},
|
|
3619
|
+
BottomSheetHeader: {
|
|
3620
|
+
"name": "BottomSheetHeader",
|
|
3621
|
+
"defaultProps": { "variant": "default" },
|
|
3622
|
+
"getStylesLiterals": {},
|
|
3623
|
+
"cxLiterals": [
|
|
3624
|
+
"grid-cols-[40px_1fr_40px]",
|
|
3625
|
+
"items-center",
|
|
3626
|
+
"w-full",
|
|
3627
|
+
"min-h-10",
|
|
3628
|
+
"mt-2"
|
|
3629
|
+
],
|
|
3630
|
+
"internalComponents": [
|
|
3631
|
+
"Box",
|
|
3632
|
+
"Text",
|
|
3633
|
+
"DialogHeading"
|
|
3634
|
+
],
|
|
3635
|
+
"internalComponentProps": {
|
|
3636
|
+
"Box": {
|
|
3637
|
+
"className": ["h-10 w-10 opacity-0 pointer-events-none"],
|
|
3638
|
+
"display": ["grid", "flex"],
|
|
3639
|
+
"justifyContent": ["flex-start", "flex-end"]
|
|
3640
|
+
},
|
|
3641
|
+
"Text": {
|
|
3642
|
+
"as": ["p"],
|
|
3643
|
+
"variant": ["inherit"],
|
|
3644
|
+
"color": ["inherit"],
|
|
3645
|
+
"textAlign": ["center"],
|
|
3646
|
+
"className": ["m-0 w-full"]
|
|
3647
|
+
},
|
|
3648
|
+
"DialogHeading": { "role": ["heading"] }
|
|
3649
|
+
},
|
|
3650
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
|
|
3651
|
+
"runtimeConfigDefaultProps": {},
|
|
3652
|
+
"runtimeConfigGetStyles": {},
|
|
3653
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3654
|
+
"motionVarPrefixes": []
|
|
3655
|
+
},
|
|
3656
|
+
BottomSheetTrigger: {
|
|
3657
|
+
"name": "BottomSheetTrigger",
|
|
3658
|
+
"defaultProps": {},
|
|
3659
|
+
"getStylesLiterals": {},
|
|
3660
|
+
"cxLiterals": [],
|
|
3661
|
+
"internalComponents": ["AriakitDialogDisclosure"],
|
|
3662
|
+
"internalComponentProps": {},
|
|
3663
|
+
"propToVariantKeys": {},
|
|
3664
|
+
"runtimeConfigDefaultProps": {},
|
|
3665
|
+
"runtimeConfigGetStyles": {},
|
|
3666
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3667
|
+
"motionVarPrefixes": []
|
|
3668
|
+
},
|
|
3669
|
+
UDSBottomSheetConfigProvider: {
|
|
3670
|
+
"name": "UDSBottomSheetConfigProvider",
|
|
3671
|
+
"defaultProps": {},
|
|
3672
|
+
"getStylesLiterals": {},
|
|
3673
|
+
"cxLiterals": [],
|
|
3674
|
+
"internalComponents": ["BottomSheetContext.Provider"],
|
|
3675
|
+
"internalComponentProps": {},
|
|
3676
|
+
"propToVariantKeys": {},
|
|
3677
|
+
"runtimeConfigDefaultProps": {},
|
|
3678
|
+
"runtimeConfigGetStyles": {},
|
|
3679
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3680
|
+
"motionVarPrefixes": []
|
|
3681
|
+
},
|
|
3682
|
+
BottomSheetInternalContext: {
|
|
3683
|
+
"name": "BottomSheetInternalContext",
|
|
3684
|
+
"defaultProps": {},
|
|
3685
|
+
"getStylesLiterals": {},
|
|
3686
|
+
"cxLiterals": [],
|
|
3687
|
+
"internalComponents": [],
|
|
3688
|
+
"internalComponentProps": {},
|
|
3689
|
+
"propToVariantKeys": {},
|
|
3690
|
+
"runtimeConfigDefaultProps": {},
|
|
3691
|
+
"runtimeConfigGetStyles": {},
|
|
3692
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3693
|
+
"motionVarPrefixes": []
|
|
3694
|
+
},
|
|
3695
|
+
BottomSheet: {
|
|
3696
|
+
"name": "BottomSheet",
|
|
3697
|
+
"defaultProps": { "variant": "default" },
|
|
3698
|
+
"getStylesLiterals": {},
|
|
3699
|
+
"cxLiterals": [
|
|
3700
|
+
"fixed",
|
|
3701
|
+
"overflow-hidden",
|
|
3702
|
+
"inset-x-0",
|
|
3703
|
+
"bottom-0",
|
|
3704
|
+
"z-50",
|
|
3705
|
+
"[will-change:transform]",
|
|
3706
|
+
"touch-none",
|
|
3707
|
+
"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
|
|
3708
|
+
"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
|
|
3709
|
+
"transition-transform",
|
|
3710
|
+
"duration-500",
|
|
3711
|
+
"ease-[cubic-bezier(0.32,0.72,0,1)]",
|
|
3712
|
+
"motion-reduce:transition-none",
|
|
3713
|
+
"top-[-4px]",
|
|
3714
|
+
"z-[1]",
|
|
3715
|
+
"touch-pan-y"
|
|
3716
|
+
],
|
|
3717
|
+
"internalComponents": [
|
|
3718
|
+
"Scrim",
|
|
3719
|
+
"BottomSheetHandle",
|
|
3720
|
+
"Dialog",
|
|
3721
|
+
"Box",
|
|
3722
|
+
"BottomSheetInternalContext.Provider"
|
|
3723
|
+
],
|
|
3724
|
+
"internalComponentProps": {
|
|
3725
|
+
"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
|
|
3726
|
+
"Dialog": { "data-testid": ["bottom-sheet"] },
|
|
3727
|
+
"Box": {
|
|
3728
|
+
"display": ["block", "flex"],
|
|
3729
|
+
"position": ["absolute"],
|
|
3730
|
+
"flexDirection": ["column"],
|
|
3731
|
+
"className": ["absolute inset-0 min-h-0 p-[inherit]"]
|
|
3732
|
+
}
|
|
3733
|
+
},
|
|
3734
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
|
|
3735
|
+
"runtimeConfigDefaultProps": {},
|
|
3736
|
+
"runtimeConfigGetStyles": {},
|
|
3737
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3738
|
+
"motionVarPrefixes": []
|
|
3739
|
+
},
|
|
3740
|
+
BottomSheetHandle: {
|
|
3741
|
+
"name": "BottomSheetHandle",
|
|
3742
|
+
"defaultProps": { "variant": "default" },
|
|
3743
|
+
"getStylesLiterals": {},
|
|
3744
|
+
"cxLiterals": [
|
|
3745
|
+
"relative",
|
|
3746
|
+
"h-5",
|
|
3747
|
+
"w-16",
|
|
3748
|
+
"outline-none",
|
|
3749
|
+
"focus-visible:outline-none",
|
|
3750
|
+
"[touch-action:pan-y]",
|
|
3751
|
+
"absolute",
|
|
3752
|
+
"left-1/2",
|
|
3753
|
+
"top-1/2",
|
|
3754
|
+
"-translate-x-1/2",
|
|
3755
|
+
"-translate-y-1/2",
|
|
3756
|
+
"h-1",
|
|
3757
|
+
"w-8",
|
|
3758
|
+
"rounded-full"
|
|
3759
|
+
],
|
|
3760
|
+
"internalComponents": ["Box"],
|
|
3761
|
+
"internalComponentProps": { "Box": {
|
|
3762
|
+
"display": ["block", "flex"],
|
|
3763
|
+
"justifyContent": ["center"]
|
|
3764
|
+
} },
|
|
3765
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
|
|
3766
|
+
"runtimeConfigDefaultProps": {},
|
|
3767
|
+
"runtimeConfigGetStyles": {},
|
|
3768
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3769
|
+
"motionVarPrefixes": []
|
|
3770
|
+
},
|
|
3771
|
+
BottomSheetProvider: {
|
|
3772
|
+
"name": "BottomSheetProvider",
|
|
3773
|
+
"defaultProps": {},
|
|
3774
|
+
"getStylesLiterals": {},
|
|
3775
|
+
"cxLiterals": [],
|
|
3776
|
+
"internalComponents": ["AriakitDialogProvider"],
|
|
3777
|
+
"internalComponentProps": {},
|
|
3778
|
+
"propToVariantKeys": {},
|
|
3779
|
+
"runtimeConfigDefaultProps": {},
|
|
3780
|
+
"runtimeConfigGetStyles": {},
|
|
3781
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3782
|
+
"motionVarPrefixes": []
|
|
3783
|
+
},
|
|
3784
3784
|
SwitchStaticHandle: {
|
|
3785
3785
|
"name": "SwitchStaticHandle",
|
|
3786
3786
|
"defaultProps": {},
|