@yahoo/uds 3.170.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.
Files changed (37) hide show
  1. package/dist/components/client/Menu/Menu.Content.d.cts +6 -0
  2. package/dist/components/client/Menu/Menu.Content.d.ts +6 -0
  3. package/dist/components/client/Modal/Modal.cjs +5 -5
  4. package/dist/components/client/Modal/Modal.d.cts +1 -0
  5. package/dist/components/client/Modal/Modal.d.ts +1 -0
  6. package/dist/components/client/Modal/Modal.js +6 -6
  7. package/dist/components/client/Popover/Popover.cjs +3 -2
  8. package/dist/components/client/Popover/Popover.d.cts +2 -1
  9. package/dist/components/client/Popover/Popover.d.ts +2 -1
  10. package/dist/components/client/Popover/Popover.js +3 -2
  11. package/dist/components/client/Popover/PopoverContent.cjs +1 -0
  12. package/dist/components/client/Popover/PopoverContent.js +1 -0
  13. package/dist/components/client/Popover/PopoverContext.d.cts +1 -0
  14. package/dist/components/client/Popover/PopoverContext.d.ts +1 -0
  15. package/dist/components/client/Popover/PopoverTrigger.cjs +9 -2
  16. package/dist/components/client/Popover/PopoverTrigger.js +10 -3
  17. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  18. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  19. package/dist/components/client/Tooltip/Tooltip.cjs +6 -2
  20. package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
  21. package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
  22. package/dist/components/client/Tooltip/Tooltip.js +6 -2
  23. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
  24. package/dist/components/client/Tooltip/TooltipContent.js +3 -2
  25. package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
  26. package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
  27. package/dist/css/dist/css/purgeWorker.js +50 -0
  28. package/dist/css/dist/css/runner.cjs +3 -1
  29. package/dist/css/dist/css/runner.js +3 -1
  30. package/dist/css/dist/css/workerPool.cjs +18 -2
  31. package/dist/css/dist/css/workerPool.js +16 -1
  32. package/dist/types/dist/index.d.cts +12 -0
  33. package/dist/types/dist/index.d.ts +12 -0
  34. package/dist/uds/generated/componentData.cjs +197 -197
  35. package/dist/uds/generated/componentData.js +197 -197
  36. package/generated/componentData.json +664 -664
  37. package/package.json +1 -1
@@ -3053,203 +3053,6 @@ var componentData_default = {
3053
3053
  "runtimeConfigInternalComponentProps": {},
3054
3054
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3055
3055
  },
3056
- BottomSheetDismiss: {
3057
- "name": "BottomSheetDismiss",
3058
- "defaultProps": {},
3059
- "getStylesLiterals": {},
3060
- "cxLiterals": [],
3061
- "internalComponents": ["AriakitDialogDismiss"],
3062
- "internalComponentProps": {},
3063
- "propToVariantKeys": {},
3064
- "runtimeConfigDefaultProps": {},
3065
- "runtimeConfigGetStyles": {},
3066
- "runtimeConfigInternalComponentProps": {},
3067
- "motionVarPrefixes": []
3068
- },
3069
- BottomSheetContent: {
3070
- "name": "BottomSheetContent",
3071
- "defaultProps": {},
3072
- "getStylesLiterals": {},
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
- },
3082
- "propToVariantKeys": {},
3083
- "runtimeConfigDefaultProps": {},
3084
- "runtimeConfigGetStyles": {},
3085
- "runtimeConfigInternalComponentProps": {},
3086
- "motionVarPrefixes": []
3087
- },
3088
- BottomSheetHeader: {
3089
- "name": "BottomSheetHeader",
3090
- "defaultProps": { "variant": "default" },
3091
- "getStylesLiterals": {},
3092
- "cxLiterals": [
3093
- "grid-cols-[40px_1fr_40px]",
3094
- "items-center",
3095
- "w-full",
3096
- "min-h-10",
3097
- "mt-2"
3098
- ],
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
3056
  PaddleButtonNext: {
3254
3057
  "name": "PaddleButtonNext",
3255
3058
  "defaultProps": {},
@@ -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": {},