@yahoo/uds 3.171.1 → 3.172.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/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/Link.cjs +3 -3
- package/dist/components/Link.js +3 -3
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/css/dist/purger/optimized/ast/expressions.cjs +278 -278
- package/dist/css/dist/purger/optimized/ast/expressions.js +278 -278
- package/dist/css/dist/purger/optimized/ast/jsx.cjs +67 -36
- package/dist/css/dist/purger/optimized/ast/jsx.js +67 -35
- package/dist/css/dist/purger/optimized/ast/oxc.cjs +265 -0
- package/dist/css/dist/purger/optimized/ast/oxc.js +253 -0
- package/dist/css/dist/purger/optimized/ast/props.cjs +21 -15
- package/dist/css/dist/purger/optimized/ast/props.js +21 -14
- package/dist/css/dist/purger/optimized/ast/spread.cjs +19 -19
- package/dist/css/dist/purger/optimized/ast/spread.js +19 -18
- package/dist/css/dist/purger/optimized/purgeFromCode.cjs +86 -101
- package/dist/css/dist/purger/optimized/purgeFromCode.js +86 -100
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +1 -1
- package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +1 -1
- package/dist/uds/generated/componentData.cjs +340 -340
- package/dist/uds/generated/componentData.js +340 -340
- package/dist/uds/package.cjs +2 -0
- package/dist/uds/package.js +2 -0
- package/generated/componentData.json +783 -783
- package/package.json +3 -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": {
|
|
@@ -3053,79 +3053,276 @@ var componentData_default = {
|
|
|
3053
3053
|
"runtimeConfigInternalComponentProps": {},
|
|
3054
3054
|
"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
|
|
3055
3055
|
},
|
|
3056
|
-
|
|
3057
|
-
"name": "
|
|
3056
|
+
BottomSheetDismiss: {
|
|
3057
|
+
"name": "BottomSheetDismiss",
|
|
3058
3058
|
"defaultProps": {},
|
|
3059
3059
|
"getStylesLiterals": {},
|
|
3060
3060
|
"cxLiterals": [],
|
|
3061
|
-
"internalComponents": ["
|
|
3062
|
-
"internalComponentProps": {
|
|
3061
|
+
"internalComponents": ["AriakitDialogDismiss"],
|
|
3062
|
+
"internalComponentProps": {},
|
|
3063
3063
|
"propToVariantKeys": {},
|
|
3064
3064
|
"runtimeConfigDefaultProps": {},
|
|
3065
3065
|
"runtimeConfigGetStyles": {},
|
|
3066
3066
|
"runtimeConfigInternalComponentProps": {},
|
|
3067
3067
|
"motionVarPrefixes": []
|
|
3068
3068
|
},
|
|
3069
|
-
|
|
3070
|
-
"name": "
|
|
3069
|
+
BottomSheetContent: {
|
|
3070
|
+
"name": "BottomSheetContent",
|
|
3071
3071
|
"defaultProps": {},
|
|
3072
3072
|
"getStylesLiterals": {},
|
|
3073
|
-
"cxLiterals": ["
|
|
3074
|
-
"internalComponents": [],
|
|
3075
|
-
"internalComponentProps": {
|
|
3073
|
+
"cxLiterals": ["min-h-0", "touch-pan-y"],
|
|
3074
|
+
"internalComponents": ["Box", "VStack"],
|
|
3075
|
+
"internalComponentProps": {
|
|
3076
|
+
"Box": {
|
|
3077
|
+
"display": ["block"],
|
|
3078
|
+
"flex": ["1"]
|
|
3079
|
+
},
|
|
3080
|
+
"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
|
|
3081
|
+
},
|
|
3076
3082
|
"propToVariantKeys": {},
|
|
3077
3083
|
"runtimeConfigDefaultProps": {},
|
|
3078
3084
|
"runtimeConfigGetStyles": {},
|
|
3079
3085
|
"runtimeConfigInternalComponentProps": {},
|
|
3080
3086
|
"motionVarPrefixes": []
|
|
3081
3087
|
},
|
|
3082
|
-
|
|
3083
|
-
"name": "
|
|
3084
|
-
"defaultProps": {
|
|
3085
|
-
"orientation": "horizontal",
|
|
3086
|
-
"variant": "primary",
|
|
3087
|
-
"size": "md"
|
|
3088
|
-
},
|
|
3088
|
+
BottomSheetHeader: {
|
|
3089
|
+
"name": "BottomSheetHeader",
|
|
3090
|
+
"defaultProps": { "variant": "default" },
|
|
3089
3091
|
"getStylesLiterals": {},
|
|
3090
3092
|
"cxLiterals": [
|
|
3091
|
-
"
|
|
3092
|
-
"inline-flex",
|
|
3093
|
-
"flex-row",
|
|
3094
|
-
"gap-2",
|
|
3093
|
+
"grid-cols-[40px_1fr_40px]",
|
|
3095
3094
|
"items-center",
|
|
3096
|
-
"
|
|
3097
|
-
"
|
|
3098
|
-
"
|
|
3099
|
-
"min-w-0",
|
|
3100
|
-
"min-h-0",
|
|
3101
|
-
"flex-1",
|
|
3102
|
-
"inline-block",
|
|
3103
|
-
"absolute",
|
|
3104
|
-
"z-10",
|
|
3105
|
-
"top-2",
|
|
3106
|
-
"left-1/2",
|
|
3107
|
-
"-translate-x-1/2",
|
|
3108
|
-
"left-2",
|
|
3109
|
-
"top-1/2",
|
|
3110
|
-
"-translate-y-1/2",
|
|
3111
|
-
"bottom-2",
|
|
3112
|
-
"right-2",
|
|
3113
|
-
"-top-12",
|
|
3114
|
-
"left-0",
|
|
3115
|
-
"right-0",
|
|
3116
|
-
"-bottom-12"
|
|
3095
|
+
"w-full",
|
|
3096
|
+
"min-h-10",
|
|
3097
|
+
"mt-2"
|
|
3117
3098
|
],
|
|
3118
|
-
"internalComponents": [
|
|
3119
|
-
|
|
3120
|
-
"
|
|
3121
|
-
"
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3099
|
+
"internalComponents": [
|
|
3100
|
+
"Box",
|
|
3101
|
+
"Text",
|
|
3102
|
+
"DialogHeading"
|
|
3103
|
+
],
|
|
3104
|
+
"internalComponentProps": {
|
|
3105
|
+
"Box": {
|
|
3106
|
+
"className": ["h-10 w-10 opacity-0 pointer-events-none"],
|
|
3107
|
+
"display": ["grid", "flex"],
|
|
3108
|
+
"justifyContent": ["flex-start", "flex-end"]
|
|
3109
|
+
},
|
|
3110
|
+
"Text": {
|
|
3111
|
+
"as": ["p"],
|
|
3112
|
+
"variant": ["inherit"],
|
|
3113
|
+
"color": ["inherit"],
|
|
3114
|
+
"textAlign": ["center"],
|
|
3115
|
+
"className": ["m-0 w-full"]
|
|
3116
|
+
},
|
|
3117
|
+
"DialogHeading": { "role": ["heading"] }
|
|
3118
|
+
},
|
|
3119
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
|
|
3120
|
+
"runtimeConfigDefaultProps": {},
|
|
3121
|
+
"runtimeConfigGetStyles": {},
|
|
3122
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3123
|
+
"motionVarPrefixes": []
|
|
3124
|
+
},
|
|
3125
|
+
BottomSheetTrigger: {
|
|
3126
|
+
"name": "BottomSheetTrigger",
|
|
3127
|
+
"defaultProps": {},
|
|
3128
|
+
"getStylesLiterals": {},
|
|
3129
|
+
"cxLiterals": [],
|
|
3130
|
+
"internalComponents": ["AriakitDialogDisclosure"],
|
|
3131
|
+
"internalComponentProps": {},
|
|
3132
|
+
"propToVariantKeys": {},
|
|
3133
|
+
"runtimeConfigDefaultProps": {},
|
|
3134
|
+
"runtimeConfigGetStyles": {},
|
|
3135
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3136
|
+
"motionVarPrefixes": []
|
|
3137
|
+
},
|
|
3138
|
+
UDSBottomSheetConfigProvider: {
|
|
3139
|
+
"name": "UDSBottomSheetConfigProvider",
|
|
3140
|
+
"defaultProps": {},
|
|
3141
|
+
"getStylesLiterals": {},
|
|
3142
|
+
"cxLiterals": [],
|
|
3143
|
+
"internalComponents": ["BottomSheetContext.Provider"],
|
|
3144
|
+
"internalComponentProps": {},
|
|
3145
|
+
"propToVariantKeys": {},
|
|
3146
|
+
"runtimeConfigDefaultProps": {},
|
|
3147
|
+
"runtimeConfigGetStyles": {},
|
|
3148
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3149
|
+
"motionVarPrefixes": []
|
|
3150
|
+
},
|
|
3151
|
+
BottomSheetInternalContext: {
|
|
3152
|
+
"name": "BottomSheetInternalContext",
|
|
3153
|
+
"defaultProps": {},
|
|
3154
|
+
"getStylesLiterals": {},
|
|
3155
|
+
"cxLiterals": [],
|
|
3156
|
+
"internalComponents": [],
|
|
3157
|
+
"internalComponentProps": {},
|
|
3158
|
+
"propToVariantKeys": {},
|
|
3159
|
+
"runtimeConfigDefaultProps": {},
|
|
3160
|
+
"runtimeConfigGetStyles": {},
|
|
3161
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3162
|
+
"motionVarPrefixes": []
|
|
3163
|
+
},
|
|
3164
|
+
BottomSheet: {
|
|
3165
|
+
"name": "BottomSheet",
|
|
3166
|
+
"defaultProps": { "variant": "default" },
|
|
3167
|
+
"getStylesLiterals": {},
|
|
3168
|
+
"cxLiterals": [
|
|
3169
|
+
"fixed",
|
|
3170
|
+
"overflow-hidden",
|
|
3171
|
+
"inset-x-0",
|
|
3172
|
+
"bottom-0",
|
|
3173
|
+
"z-50",
|
|
3174
|
+
"[will-change:transform]",
|
|
3175
|
+
"touch-none",
|
|
3176
|
+
"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
|
|
3177
|
+
"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
|
|
3178
|
+
"transition-transform",
|
|
3179
|
+
"duration-500",
|
|
3180
|
+
"ease-[cubic-bezier(0.32,0.72,0,1)]",
|
|
3181
|
+
"motion-reduce:transition-none",
|
|
3182
|
+
"top-[-4px]",
|
|
3183
|
+
"z-[1]",
|
|
3184
|
+
"touch-pan-y"
|
|
3185
|
+
],
|
|
3186
|
+
"internalComponents": [
|
|
3187
|
+
"Scrim",
|
|
3188
|
+
"BottomSheetHandle",
|
|
3189
|
+
"Dialog",
|
|
3190
|
+
"Box",
|
|
3191
|
+
"BottomSheetInternalContext.Provider"
|
|
3192
|
+
],
|
|
3193
|
+
"internalComponentProps": {
|
|
3194
|
+
"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
|
|
3195
|
+
"Dialog": { "data-testid": ["bottom-sheet"] },
|
|
3196
|
+
"Box": {
|
|
3197
|
+
"display": ["block", "flex"],
|
|
3198
|
+
"position": ["absolute"],
|
|
3199
|
+
"flexDirection": ["column"],
|
|
3200
|
+
"className": ["absolute inset-0 min-h-0 p-[inherit]"]
|
|
3201
|
+
}
|
|
3202
|
+
},
|
|
3203
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
|
|
3204
|
+
"runtimeConfigDefaultProps": {},
|
|
3205
|
+
"runtimeConfigGetStyles": {},
|
|
3206
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3207
|
+
"motionVarPrefixes": []
|
|
3208
|
+
},
|
|
3209
|
+
BottomSheetHandle: {
|
|
3210
|
+
"name": "BottomSheetHandle",
|
|
3211
|
+
"defaultProps": { "variant": "default" },
|
|
3212
|
+
"getStylesLiterals": {},
|
|
3213
|
+
"cxLiterals": [
|
|
3214
|
+
"relative",
|
|
3215
|
+
"h-5",
|
|
3216
|
+
"w-16",
|
|
3217
|
+
"outline-none",
|
|
3218
|
+
"focus-visible:outline-none",
|
|
3219
|
+
"[touch-action:pan-y]",
|
|
3220
|
+
"absolute",
|
|
3221
|
+
"left-1/2",
|
|
3222
|
+
"top-1/2",
|
|
3223
|
+
"-translate-x-1/2",
|
|
3224
|
+
"-translate-y-1/2",
|
|
3225
|
+
"h-1",
|
|
3226
|
+
"w-8",
|
|
3227
|
+
"rounded-full"
|
|
3228
|
+
],
|
|
3229
|
+
"internalComponents": ["Box"],
|
|
3230
|
+
"internalComponentProps": { "Box": {
|
|
3231
|
+
"display": ["block", "flex"],
|
|
3232
|
+
"justifyContent": ["center"]
|
|
3233
|
+
} },
|
|
3234
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
|
|
3235
|
+
"runtimeConfigDefaultProps": {},
|
|
3236
|
+
"runtimeConfigGetStyles": {},
|
|
3237
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3238
|
+
"motionVarPrefixes": []
|
|
3239
|
+
},
|
|
3240
|
+
BottomSheetProvider: {
|
|
3241
|
+
"name": "BottomSheetProvider",
|
|
3242
|
+
"defaultProps": {},
|
|
3243
|
+
"getStylesLiterals": {},
|
|
3244
|
+
"cxLiterals": [],
|
|
3245
|
+
"internalComponents": ["AriakitDialogProvider"],
|
|
3246
|
+
"internalComponentProps": {},
|
|
3247
|
+
"propToVariantKeys": {},
|
|
3248
|
+
"runtimeConfigDefaultProps": {},
|
|
3249
|
+
"runtimeConfigGetStyles": {},
|
|
3250
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3251
|
+
"motionVarPrefixes": []
|
|
3252
|
+
},
|
|
3253
|
+
PaddleButtonNext: {
|
|
3254
|
+
"name": "PaddleButtonNext",
|
|
3255
|
+
"defaultProps": {},
|
|
3256
|
+
"getStylesLiterals": {},
|
|
3257
|
+
"cxLiterals": [],
|
|
3258
|
+
"internalComponents": ["PaddleButton"],
|
|
3259
|
+
"internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
|
|
3260
|
+
"propToVariantKeys": {},
|
|
3261
|
+
"runtimeConfigDefaultProps": {},
|
|
3262
|
+
"runtimeConfigGetStyles": {},
|
|
3263
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3264
|
+
"motionVarPrefixes": []
|
|
3265
|
+
},
|
|
3266
|
+
UDSPaddleNavConfigProvider: {
|
|
3267
|
+
"name": "UDSPaddleNavConfigProvider",
|
|
3268
|
+
"defaultProps": {},
|
|
3269
|
+
"getStylesLiterals": {},
|
|
3270
|
+
"cxLiterals": ["md"],
|
|
3271
|
+
"internalComponents": [],
|
|
3272
|
+
"internalComponentProps": {},
|
|
3273
|
+
"propToVariantKeys": {},
|
|
3274
|
+
"runtimeConfigDefaultProps": {},
|
|
3275
|
+
"runtimeConfigGetStyles": {},
|
|
3276
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3277
|
+
"motionVarPrefixes": []
|
|
3278
|
+
},
|
|
3279
|
+
PaddleNav: {
|
|
3280
|
+
"name": "PaddleNav",
|
|
3281
|
+
"defaultProps": {
|
|
3282
|
+
"orientation": "horizontal",
|
|
3283
|
+
"variant": "primary",
|
|
3284
|
+
"size": "md"
|
|
3285
|
+
},
|
|
3286
|
+
"getStylesLiterals": {},
|
|
3287
|
+
"cxLiterals": [
|
|
3288
|
+
"pointer-events-none",
|
|
3289
|
+
"inline-flex",
|
|
3290
|
+
"flex-row",
|
|
3291
|
+
"gap-2",
|
|
3292
|
+
"items-center",
|
|
3293
|
+
"pointer-events-auto",
|
|
3294
|
+
"flex-col",
|
|
3295
|
+
"relative",
|
|
3296
|
+
"min-w-0",
|
|
3297
|
+
"min-h-0",
|
|
3298
|
+
"flex-1",
|
|
3299
|
+
"inline-block",
|
|
3300
|
+
"absolute",
|
|
3301
|
+
"z-10",
|
|
3302
|
+
"top-2",
|
|
3303
|
+
"left-1/2",
|
|
3304
|
+
"-translate-x-1/2",
|
|
3305
|
+
"left-2",
|
|
3306
|
+
"top-1/2",
|
|
3307
|
+
"-translate-y-1/2",
|
|
3308
|
+
"bottom-2",
|
|
3309
|
+
"right-2",
|
|
3310
|
+
"-top-12",
|
|
3311
|
+
"left-0",
|
|
3312
|
+
"right-0",
|
|
3313
|
+
"-bottom-12"
|
|
3314
|
+
],
|
|
3315
|
+
"internalComponents": ["PaddleNavContext.Provider", "Box"],
|
|
3316
|
+
"internalComponentProps": { "Box": {
|
|
3317
|
+
"display": ["inline-flex"],
|
|
3318
|
+
"alignItems": ["center"],
|
|
3319
|
+
"justifyContent": ["center"],
|
|
3320
|
+
"data-paddle-nav-outside": ["true"]
|
|
3321
|
+
} },
|
|
3322
|
+
"propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
|
|
3323
|
+
"runtimeConfigDefaultProps": {},
|
|
3324
|
+
"runtimeConfigGetStyles": {},
|
|
3325
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3129
3326
|
"motionVarPrefixes": []
|
|
3130
3327
|
},
|
|
3131
3328
|
PaddleNavContent: {
|
|
@@ -3584,203 +3781,6 @@ var componentData_default = {
|
|
|
3584
3781
|
"runtimeConfigInternalComponentProps": {},
|
|
3585
3782
|
"motionVarPrefixes": []
|
|
3586
3783
|
},
|
|
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": {},
|