@yahoo/uds 3.154.1 → 3.155.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.
@@ -236,6 +236,133 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
+ BannerDescription: {
240
+ "name": "BannerDescription",
241
+ "defaultProps": {},
242
+ "getStylesLiterals": {
243
+ "bannerSizeDescription": "default",
244
+ "className": "w-full line-clamp-3"
245
+ },
246
+ "cxLiterals": [],
247
+ "internalComponents": ["Text"],
248
+ "internalComponentProps": {},
249
+ "propToVariantKeys": {},
250
+ "runtimeConfigDefaultProps": {},
251
+ "runtimeConfigGetStyles": {},
252
+ "runtimeConfigInternalComponentProps": {},
253
+ "motionVarPrefixes": []
254
+ },
255
+ BannerContent: {
256
+ "name": "BannerContent",
257
+ "defaultProps": {},
258
+ "getStylesLiterals": {},
259
+ "cxLiterals": [
260
+ "flex",
261
+ "flex-col",
262
+ "items-start",
263
+ "self-stretch",
264
+ "flex-1",
265
+ "min-w-0"
266
+ ],
267
+ "internalComponents": [],
268
+ "internalComponentProps": {},
269
+ "propToVariantKeys": {},
270
+ "runtimeConfigDefaultProps": {},
271
+ "runtimeConfigGetStyles": {},
272
+ "runtimeConfigInternalComponentProps": {},
273
+ "motionVarPrefixes": []
274
+ },
275
+ BannerTitle: {
276
+ "name": "BannerTitle",
277
+ "defaultProps": {},
278
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
279
+ "cxLiterals": ["w-full", "truncate"],
280
+ "internalComponents": ["Text"],
281
+ "internalComponentProps": {},
282
+ "propToVariantKeys": {},
283
+ "runtimeConfigDefaultProps": {},
284
+ "runtimeConfigGetStyles": {},
285
+ "runtimeConfigInternalComponentProps": {},
286
+ "motionVarPrefixes": []
287
+ },
288
+ Banner: {
289
+ "name": "Banner",
290
+ "defaultProps": {
291
+ "variant": "primary",
292
+ "size": "default",
293
+ "dismissAriaLabel": "Dismiss"
294
+ },
295
+ "getStylesLiterals": {
296
+ "className": "truncate",
297
+ "className:1": "line-clamp-3",
298
+ "spacing": "2",
299
+ "borderRadius": "full",
300
+ "color": "primary"
301
+ },
302
+ "cxLiterals": [
303
+ "uds-banner",
304
+ "flex",
305
+ "flex-row",
306
+ "items-center",
307
+ "items-start",
308
+ "min-w-[300px]",
309
+ "transition-[background-color]",
310
+ "motion-safe:duration-120",
311
+ "bg-carbon-15/0",
312
+ "hover:bg-carbon-15/10",
313
+ "active:bg-carbon-15/15",
314
+ "uds-ring",
315
+ "shrink-0",
316
+ "self-start",
317
+ "flex-1",
318
+ "min-w-0",
319
+ "flex-col",
320
+ "gap-[inherit]",
321
+ "uds-sm:flex-row",
322
+ "uds-sm:items-center",
323
+ "self-stretch",
324
+ "gap-0.5",
325
+ "w-full",
326
+ "truncate",
327
+ "leading-none",
328
+ "line-clamp-3",
329
+ "gap-1.5",
330
+ "uds-sm:self-center",
331
+ "uds-sm:shrink-0"
332
+ ],
333
+ "internalComponents": [
334
+ "IconSlot",
335
+ "Text",
336
+ "Pressable"
337
+ ],
338
+ "internalComponentProps": {
339
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
340
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
341
+ "Pressable": { "data-testid": ["banner-dismiss"] }
342
+ },
343
+ "propToVariantKeys": {
344
+ "variant": [
345
+ "bannerVariantRoot",
346
+ "bannerVariantIcon",
347
+ "bannerVariantTitle",
348
+ "bannerVariantDescription"
349
+ ],
350
+ "size": [
351
+ "bannerSizeRoot",
352
+ "bannerSizeIcon",
353
+ "bannerSizeTitle",
354
+ "bannerSizeDescription",
355
+ "bannerSizeClose"
356
+ ],
357
+ "startIcon": ["icon"],
358
+ "dismissAriaLabel": ["aria-label"],
359
+ "onDismiss": ["onClick"]
360
+ },
361
+ "runtimeConfigDefaultProps": {},
362
+ "runtimeConfigGetStyles": {},
363
+ "runtimeConfigInternalComponentProps": {},
364
+ "motionVarPrefixes": []
365
+ },
239
366
  Switch: {
240
367
  "name": "Switch",
241
368
  "defaultProps": {
@@ -588,133 +715,6 @@ var componentData_default = {
588
715
  "runtimeConfigInternalComponentProps": {},
589
716
  "motionVarPrefixes": []
590
717
  },
591
- BannerDescription: {
592
- "name": "BannerDescription",
593
- "defaultProps": {},
594
- "getStylesLiterals": {
595
- "bannerSizeDescription": "default",
596
- "className": "w-full line-clamp-3"
597
- },
598
- "cxLiterals": [],
599
- "internalComponents": ["Text"],
600
- "internalComponentProps": {},
601
- "propToVariantKeys": {},
602
- "runtimeConfigDefaultProps": {},
603
- "runtimeConfigGetStyles": {},
604
- "runtimeConfigInternalComponentProps": {},
605
- "motionVarPrefixes": []
606
- },
607
- BannerContent: {
608
- "name": "BannerContent",
609
- "defaultProps": {},
610
- "getStylesLiterals": {},
611
- "cxLiterals": [
612
- "flex",
613
- "flex-col",
614
- "items-start",
615
- "self-stretch",
616
- "flex-1",
617
- "min-w-0"
618
- ],
619
- "internalComponents": [],
620
- "internalComponentProps": {},
621
- "propToVariantKeys": {},
622
- "runtimeConfigDefaultProps": {},
623
- "runtimeConfigGetStyles": {},
624
- "runtimeConfigInternalComponentProps": {},
625
- "motionVarPrefixes": []
626
- },
627
- BannerTitle: {
628
- "name": "BannerTitle",
629
- "defaultProps": {},
630
- "getStylesLiterals": { "bannerSizeTitle": "default" },
631
- "cxLiterals": ["w-full", "truncate"],
632
- "internalComponents": ["Text"],
633
- "internalComponentProps": {},
634
- "propToVariantKeys": {},
635
- "runtimeConfigDefaultProps": {},
636
- "runtimeConfigGetStyles": {},
637
- "runtimeConfigInternalComponentProps": {},
638
- "motionVarPrefixes": []
639
- },
640
- Banner: {
641
- "name": "Banner",
642
- "defaultProps": {
643
- "variant": "primary",
644
- "size": "default",
645
- "dismissAriaLabel": "Dismiss"
646
- },
647
- "getStylesLiterals": {
648
- "className": "truncate",
649
- "className:1": "line-clamp-3",
650
- "spacing": "2",
651
- "borderRadius": "full",
652
- "color": "primary"
653
- },
654
- "cxLiterals": [
655
- "uds-banner",
656
- "flex",
657
- "flex-row",
658
- "items-center",
659
- "items-start",
660
- "min-w-[300px]",
661
- "transition-[background-color]",
662
- "motion-safe:duration-120",
663
- "bg-carbon-15/0",
664
- "hover:bg-carbon-15/10",
665
- "active:bg-carbon-15/15",
666
- "uds-ring",
667
- "shrink-0",
668
- "self-start",
669
- "flex-1",
670
- "min-w-0",
671
- "flex-col",
672
- "gap-[inherit]",
673
- "uds-sm:flex-row",
674
- "uds-sm:items-center",
675
- "self-stretch",
676
- "gap-0.5",
677
- "w-full",
678
- "truncate",
679
- "leading-none",
680
- "line-clamp-3",
681
- "gap-1.5",
682
- "uds-sm:self-center",
683
- "uds-sm:shrink-0"
684
- ],
685
- "internalComponents": [
686
- "IconSlot",
687
- "Text",
688
- "Pressable"
689
- ],
690
- "internalComponentProps": {
691
- "IconSlot": { "data-testid": ["banner-start-icon"] },
692
- "Text": { "data-testid": ["banner-title", "banner-description"] },
693
- "Pressable": { "data-testid": ["banner-dismiss"] }
694
- },
695
- "propToVariantKeys": {
696
- "variant": [
697
- "bannerVariantRoot",
698
- "bannerVariantIcon",
699
- "bannerVariantTitle",
700
- "bannerVariantDescription"
701
- ],
702
- "size": [
703
- "bannerSizeRoot",
704
- "bannerSizeIcon",
705
- "bannerSizeTitle",
706
- "bannerSizeDescription",
707
- "bannerSizeClose"
708
- ],
709
- "startIcon": ["icon"],
710
- "dismissAriaLabel": ["aria-label"],
711
- "onDismiss": ["onClick"]
712
- },
713
- "runtimeConfigDefaultProps": {},
714
- "runtimeConfigGetStyles": {},
715
- "runtimeConfigInternalComponentProps": {},
716
- "motionVarPrefixes": []
717
- },
718
718
  DividerLine: {
719
719
  "name": "DividerLine",
720
720
  "defaultProps": { "variant": "primary" },
@@ -2305,6 +2305,39 @@ var componentData_default = {
2305
2305
  "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2306
2306
  "motionVarPrefixes": []
2307
2307
  },
2308
+ UDSConfigProvider: {
2309
+ "name": "UDSConfigProvider",
2310
+ "defaultProps": {},
2311
+ "getStylesLiterals": {},
2312
+ "cxLiterals": [],
2313
+ "internalComponents": [
2314
+ "UDSBreakpointsConfigProvider",
2315
+ "UDSBottomSheetConfigProvider",
2316
+ "UDSToastConfigProvider",
2317
+ "UDSTooltipConfigProvider",
2318
+ "UDSPopoverConfigProvider",
2319
+ "UDSModalConfigProvider"
2320
+ ],
2321
+ "internalComponentProps": {},
2322
+ "propToVariantKeys": {},
2323
+ "runtimeConfigDefaultProps": {},
2324
+ "runtimeConfigGetStyles": {},
2325
+ "runtimeConfigInternalComponentProps": {},
2326
+ "motionVarPrefixes": []
2327
+ },
2328
+ UDSBreakpointsConfigProvider: {
2329
+ "name": "UDSBreakpointsConfigProvider",
2330
+ "defaultProps": {},
2331
+ "getStylesLiterals": {},
2332
+ "cxLiterals": [],
2333
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2334
+ "internalComponentProps": {},
2335
+ "propToVariantKeys": {},
2336
+ "runtimeConfigDefaultProps": {},
2337
+ "runtimeConfigGetStyles": {},
2338
+ "runtimeConfigInternalComponentProps": {},
2339
+ "motionVarPrefixes": []
2340
+ },
2308
2341
  UDSPopoverConfigProvider: {
2309
2342
  "name": "UDSPopoverConfigProvider",
2310
2343
  "defaultProps": {},
@@ -2431,39 +2464,6 @@ var componentData_default = {
2431
2464
  "runtimeConfigInternalComponentProps": {},
2432
2465
  "motionVarPrefixes": []
2433
2466
  },
2434
- UDSConfigProvider: {
2435
- "name": "UDSConfigProvider",
2436
- "defaultProps": {},
2437
- "getStylesLiterals": {},
2438
- "cxLiterals": [],
2439
- "internalComponents": [
2440
- "UDSBreakpointsConfigProvider",
2441
- "UDSBottomSheetConfigProvider",
2442
- "UDSToastConfigProvider",
2443
- "UDSTooltipConfigProvider",
2444
- "UDSPopoverConfigProvider",
2445
- "UDSModalConfigProvider"
2446
- ],
2447
- "internalComponentProps": {},
2448
- "propToVariantKeys": {},
2449
- "runtimeConfigDefaultProps": {},
2450
- "runtimeConfigGetStyles": {},
2451
- "runtimeConfigInternalComponentProps": {},
2452
- "motionVarPrefixes": []
2453
- },
2454
- UDSBreakpointsConfigProvider: {
2455
- "name": "UDSBreakpointsConfigProvider",
2456
- "defaultProps": {},
2457
- "getStylesLiterals": {},
2458
- "cxLiterals": [],
2459
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2460
- "internalComponentProps": {},
2461
- "propToVariantKeys": {},
2462
- "runtimeConfigDefaultProps": {},
2463
- "runtimeConfigGetStyles": {},
2464
- "runtimeConfigInternalComponentProps": {},
2465
- "motionVarPrefixes": []
2466
- },
2467
2467
  BottomSheetTrigger: {
2468
2468
  "name": "BottomSheetTrigger",
2469
2469
  "defaultProps": {},
@@ -2791,6 +2791,97 @@ var componentData_default = {
2791
2791
  "runtimeConfigInternalComponentProps": {},
2792
2792
  "motionVarPrefixes": []
2793
2793
  },
2794
+ UDSTooltipConfigProvider: {
2795
+ "name": "UDSTooltipConfigProvider",
2796
+ "defaultProps": {},
2797
+ "getStylesLiterals": {},
2798
+ "cxLiterals": [],
2799
+ "internalComponents": ["TooltipContext.Provider"],
2800
+ "internalComponentProps": {},
2801
+ "propToVariantKeys": {},
2802
+ "runtimeConfigDefaultProps": {},
2803
+ "runtimeConfigGetStyles": {},
2804
+ "runtimeConfigInternalComponentProps": {},
2805
+ "motionVarPrefixes": []
2806
+ },
2807
+ TooltipTrigger: {
2808
+ "name": "TooltipTrigger",
2809
+ "defaultProps": {},
2810
+ "getStylesLiterals": {},
2811
+ "cxLiterals": [],
2812
+ "internalComponents": ["TooltipAnchor"],
2813
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2814
+ "propToVariantKeys": { "children": ["render"] },
2815
+ "runtimeConfigDefaultProps": {},
2816
+ "runtimeConfigGetStyles": {},
2817
+ "runtimeConfigInternalComponentProps": {},
2818
+ "motionVarPrefixes": []
2819
+ },
2820
+ Tooltip: {
2821
+ "name": "Tooltip",
2822
+ "defaultProps": {},
2823
+ "getStylesLiterals": {},
2824
+ "cxLiterals": [],
2825
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2826
+ "internalComponentProps": {},
2827
+ "propToVariantKeys": {},
2828
+ "runtimeConfigDefaultProps": {},
2829
+ "runtimeConfigGetStyles": {},
2830
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2831
+ "motionVarPrefixes": []
2832
+ },
2833
+ TooltipContent: {
2834
+ "name": "TooltipContent",
2835
+ "defaultProps": {},
2836
+ "getStylesLiterals": {
2837
+ "tooltipSizeRoot": "default",
2838
+ "tooltipVariantRoot": "default",
2839
+ "tooltipSizeSvg": "default",
2840
+ "tooltipVariantSvg": "default",
2841
+ "tooltipVariantBlur": "default",
2842
+ "position": "absolute",
2843
+ "width": "full",
2844
+ "height": "full",
2845
+ "tooltipSizeTitle": "default",
2846
+ "tooltipSizeBody": "default",
2847
+ "tooltipSizeEndContent": "default",
2848
+ "tooltipSizeIcon": "default",
2849
+ "tooltipVariantIcon": "default"
2850
+ },
2851
+ "cxLiterals": [
2852
+ "max-w-lg",
2853
+ "flex",
2854
+ "z-[9999]",
2855
+ "uds-bgBlurFillFallback",
2856
+ "uds-bgBlurFallback",
2857
+ "top-0",
2858
+ "left-0",
2859
+ "z-[1]"
2860
+ ],
2861
+ "internalComponents": [
2862
+ "IconSlot",
2863
+ "TooltipArrow",
2864
+ "Tooltip",
2865
+ "SvgFloatingOverlay",
2866
+ "VStack",
2867
+ "Box",
2868
+ "Text"
2869
+ ],
2870
+ "internalComponentProps": {
2871
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2872
+ "VStack": { "className": ["gap-[inherit]"] },
2873
+ "Box": {
2874
+ "alignItems": ["center"],
2875
+ "columnGap": ["1", "1.5"]
2876
+ },
2877
+ "Text": { "color": ["inherit"] }
2878
+ },
2879
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2880
+ "runtimeConfigDefaultProps": {},
2881
+ "runtimeConfigGetStyles": {},
2882
+ "runtimeConfigInternalComponentProps": {},
2883
+ "motionVarPrefixes": []
2884
+ },
2794
2885
  TabList: {
2795
2886
  "name": "TabList",
2796
2887
  "defaultProps": { "variant": "primary" },
@@ -2931,97 +3022,6 @@ var componentData_default = {
2931
3022
  "runtimeConfigInternalComponentProps": {},
2932
3023
  "motionVarPrefixes": []
2933
3024
  },
2934
- UDSTooltipConfigProvider: {
2935
- "name": "UDSTooltipConfigProvider",
2936
- "defaultProps": {},
2937
- "getStylesLiterals": {},
2938
- "cxLiterals": [],
2939
- "internalComponents": ["TooltipContext.Provider"],
2940
- "internalComponentProps": {},
2941
- "propToVariantKeys": {},
2942
- "runtimeConfigDefaultProps": {},
2943
- "runtimeConfigGetStyles": {},
2944
- "runtimeConfigInternalComponentProps": {},
2945
- "motionVarPrefixes": []
2946
- },
2947
- TooltipTrigger: {
2948
- "name": "TooltipTrigger",
2949
- "defaultProps": {},
2950
- "getStylesLiterals": {},
2951
- "cxLiterals": [],
2952
- "internalComponents": ["TooltipAnchor"],
2953
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2954
- "propToVariantKeys": { "children": ["render"] },
2955
- "runtimeConfigDefaultProps": {},
2956
- "runtimeConfigGetStyles": {},
2957
- "runtimeConfigInternalComponentProps": {},
2958
- "motionVarPrefixes": []
2959
- },
2960
- Tooltip: {
2961
- "name": "Tooltip",
2962
- "defaultProps": {},
2963
- "getStylesLiterals": {},
2964
- "cxLiterals": [],
2965
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2966
- "internalComponentProps": {},
2967
- "propToVariantKeys": {},
2968
- "runtimeConfigDefaultProps": {},
2969
- "runtimeConfigGetStyles": {},
2970
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2971
- "motionVarPrefixes": []
2972
- },
2973
- TooltipContent: {
2974
- "name": "TooltipContent",
2975
- "defaultProps": {},
2976
- "getStylesLiterals": {
2977
- "tooltipSizeRoot": "default",
2978
- "tooltipVariantRoot": "default",
2979
- "tooltipSizeSvg": "default",
2980
- "tooltipVariantSvg": "default",
2981
- "tooltipVariantBlur": "default",
2982
- "position": "absolute",
2983
- "width": "full",
2984
- "height": "full",
2985
- "tooltipSizeTitle": "default",
2986
- "tooltipSizeBody": "default",
2987
- "tooltipSizeEndContent": "default",
2988
- "tooltipSizeIcon": "default",
2989
- "tooltipVariantIcon": "default"
2990
- },
2991
- "cxLiterals": [
2992
- "max-w-lg",
2993
- "flex",
2994
- "z-[9999]",
2995
- "uds-bgBlurFillFallback",
2996
- "uds-bgBlurFallback",
2997
- "top-0",
2998
- "left-0",
2999
- "z-[1]"
3000
- ],
3001
- "internalComponents": [
3002
- "IconSlot",
3003
- "TooltipArrow",
3004
- "Tooltip",
3005
- "SvgFloatingOverlay",
3006
- "VStack",
3007
- "Box",
3008
- "Text"
3009
- ],
3010
- "internalComponentProps": {
3011
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
3012
- "VStack": { "className": ["gap-[inherit]"] },
3013
- "Box": {
3014
- "alignItems": ["center"],
3015
- "columnGap": ["1", "1.5"]
3016
- },
3017
- "Text": { "color": ["inherit"] }
3018
- },
3019
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
3020
- "runtimeConfigDefaultProps": {},
3021
- "runtimeConfigGetStyles": {},
3022
- "runtimeConfigInternalComponentProps": {},
3023
- "motionVarPrefixes": []
3024
- },
3025
3025
  Accordion: {
3026
3026
  "name": "Accordion",
3027
3027
  "defaultProps": {