@yahoo/uds 3.170.0 → 3.171.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) 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/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  18. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  19. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  21. package/dist/components/client/Tooltip/Tooltip.cjs +6 -2
  22. package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
  23. package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
  24. package/dist/components/client/Tooltip/Tooltip.js +6 -2
  25. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
  26. package/dist/components/client/Tooltip/TooltipContent.js +3 -2
  27. package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
  28. package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
  29. package/dist/types/dist/index.d.cts +12 -0
  30. package/dist/types/dist/index.d.ts +12 -0
  31. package/dist/uds/generated/componentData.cjs +367 -367
  32. package/dist/uds/generated/componentData.js +367 -367
  33. package/generated/componentData.json +486 -486
  34. package/package.json +1 -1
@@ -589,97 +589,6 @@ var componentData_default = {
589
589
  "runtimeConfigInternalComponentProps": {},
590
590
  "motionVarPrefixes": []
591
591
  },
592
- Tooltip: {
593
- "name": "Tooltip",
594
- "defaultProps": {},
595
- "getStylesLiterals": {},
596
- "cxLiterals": [],
597
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
598
- "internalComponentProps": {},
599
- "propToVariantKeys": {},
600
- "runtimeConfigDefaultProps": {},
601
- "runtimeConfigGetStyles": {},
602
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
603
- "motionVarPrefixes": []
604
- },
605
- TooltipContent: {
606
- "name": "TooltipContent",
607
- "defaultProps": {},
608
- "getStylesLiterals": {
609
- "tooltipSizeRoot": "default",
610
- "tooltipVariantRoot": "default",
611
- "tooltipSizeSvg": "default",
612
- "tooltipVariantSvg": "default",
613
- "tooltipVariantBlur": "default",
614
- "position": "absolute",
615
- "width": "full",
616
- "height": "full",
617
- "tooltipSizeTitle": "default",
618
- "tooltipSizeBody": "default",
619
- "tooltipSizeEndContent": "default",
620
- "tooltipSizeIcon": "default",
621
- "tooltipVariantIcon": "default"
622
- },
623
- "cxLiterals": [
624
- "max-w-lg",
625
- "flex",
626
- "z-[9999]",
627
- "uds-bgBlurFillFallback",
628
- "uds-bgBlurFallback",
629
- "top-0",
630
- "left-0",
631
- "z-[1]"
632
- ],
633
- "internalComponents": [
634
- "IconSlot",
635
- "TooltipArrow",
636
- "Tooltip",
637
- "SvgFloatingOverlay",
638
- "VStack",
639
- "Box",
640
- "Text"
641
- ],
642
- "internalComponentProps": {
643
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
644
- "VStack": { "className": ["gap-[inherit]"] },
645
- "Box": {
646
- "alignItems": ["center"],
647
- "columnGap": ["1", "1.5"]
648
- },
649
- "Text": { "color": ["inherit"] }
650
- },
651
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
652
- "runtimeConfigDefaultProps": {},
653
- "runtimeConfigGetStyles": {},
654
- "runtimeConfigInternalComponentProps": {},
655
- "motionVarPrefixes": []
656
- },
657
- TooltipTrigger: {
658
- "name": "TooltipTrigger",
659
- "defaultProps": {},
660
- "getStylesLiterals": {},
661
- "cxLiterals": [],
662
- "internalComponents": ["TooltipAnchor"],
663
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
664
- "propToVariantKeys": { "children": ["render"] },
665
- "runtimeConfigDefaultProps": {},
666
- "runtimeConfigGetStyles": {},
667
- "runtimeConfigInternalComponentProps": {},
668
- "motionVarPrefixes": []
669
- },
670
- UDSTooltipConfigProvider: {
671
- "name": "UDSTooltipConfigProvider",
672
- "defaultProps": {},
673
- "getStylesLiterals": {},
674
- "cxLiterals": [],
675
- "internalComponents": ["TooltipContext.Provider"],
676
- "internalComponentProps": {},
677
- "propToVariantKeys": {},
678
- "runtimeConfigDefaultProps": {},
679
- "runtimeConfigGetStyles": {},
680
- "runtimeConfigInternalComponentProps": {},
681
- "motionVarPrefixes": []
682
- },
683
592
  Accordion: {
684
593
  "name": "Accordion",
685
594
  "defaultProps": {
@@ -790,6 +699,97 @@ var componentData_default = {
790
699
  "runtimeConfigInternalComponentProps": {},
791
700
  "motionVarPrefixes": []
792
701
  },
702
+ Tooltip: {
703
+ "name": "Tooltip",
704
+ "defaultProps": {},
705
+ "getStylesLiterals": {},
706
+ "cxLiterals": [],
707
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
708
+ "internalComponentProps": {},
709
+ "propToVariantKeys": {},
710
+ "runtimeConfigDefaultProps": {},
711
+ "runtimeConfigGetStyles": {},
712
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
713
+ "motionVarPrefixes": []
714
+ },
715
+ TooltipContent: {
716
+ "name": "TooltipContent",
717
+ "defaultProps": {},
718
+ "getStylesLiterals": {
719
+ "tooltipSizeRoot": "default",
720
+ "tooltipVariantRoot": "default",
721
+ "tooltipSizeSvg": "default",
722
+ "tooltipVariantSvg": "default",
723
+ "tooltipVariantBlur": "default",
724
+ "position": "absolute",
725
+ "width": "full",
726
+ "height": "full",
727
+ "tooltipSizeTitle": "default",
728
+ "tooltipSizeBody": "default",
729
+ "tooltipSizeEndContent": "default",
730
+ "tooltipSizeIcon": "default",
731
+ "tooltipVariantIcon": "default"
732
+ },
733
+ "cxLiterals": [
734
+ "max-w-lg",
735
+ "flex",
736
+ "z-[9999]",
737
+ "uds-bgBlurFillFallback",
738
+ "uds-bgBlurFallback",
739
+ "top-0",
740
+ "left-0",
741
+ "z-[1]"
742
+ ],
743
+ "internalComponents": [
744
+ "IconSlot",
745
+ "TooltipArrow",
746
+ "Tooltip",
747
+ "SvgFloatingOverlay",
748
+ "VStack",
749
+ "Box",
750
+ "Text"
751
+ ],
752
+ "internalComponentProps": {
753
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
754
+ "VStack": { "className": ["gap-[inherit]"] },
755
+ "Box": {
756
+ "alignItems": ["center"],
757
+ "columnGap": ["1", "1.5"]
758
+ },
759
+ "Text": { "color": ["inherit"] }
760
+ },
761
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
762
+ "runtimeConfigDefaultProps": {},
763
+ "runtimeConfigGetStyles": {},
764
+ "runtimeConfigInternalComponentProps": {},
765
+ "motionVarPrefixes": []
766
+ },
767
+ TooltipTrigger: {
768
+ "name": "TooltipTrigger",
769
+ "defaultProps": {},
770
+ "getStylesLiterals": {},
771
+ "cxLiterals": [],
772
+ "internalComponents": ["TooltipAnchor"],
773
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
774
+ "propToVariantKeys": { "children": ["render"] },
775
+ "runtimeConfigDefaultProps": {},
776
+ "runtimeConfigGetStyles": {},
777
+ "runtimeConfigInternalComponentProps": {},
778
+ "motionVarPrefixes": []
779
+ },
780
+ UDSTooltipConfigProvider: {
781
+ "name": "UDSTooltipConfigProvider",
782
+ "defaultProps": {},
783
+ "getStylesLiterals": {},
784
+ "cxLiterals": [],
785
+ "internalComponents": ["TooltipContext.Provider"],
786
+ "internalComponentProps": {},
787
+ "propToVariantKeys": {},
788
+ "runtimeConfigDefaultProps": {},
789
+ "runtimeConfigGetStyles": {},
790
+ "runtimeConfigInternalComponentProps": {},
791
+ "motionVarPrefixes": []
792
+ },
793
793
  SelectDivider: {
794
794
  "name": "SelectDivider",
795
795
  "defaultProps": {
@@ -2339,210 +2339,63 @@ var componentData_default = {
2339
2339
  "runtimeConfigInternalComponentProps": {},
2340
2340
  "motionVarPrefixes": []
2341
2341
  },
2342
- InputHelpTextInternal: {
2343
- "name": "InputHelpTextInternal",
2344
- "defaultProps": {},
2342
+ SwitchBase: {
2343
+ "name": "SwitchBase",
2344
+ "defaultProps": {
2345
+ "labelPosition": "start",
2346
+ "size": "md"
2347
+ },
2345
2348
  "getStylesLiterals": {
2346
- "inputVariantHelperText": "default",
2347
- "inputVariantValueHelperText": "empty",
2348
- "inputVariantValueHelperText:1": "filled",
2349
- "inputVariantHelperIcon": "default",
2350
- "inputVariantValueHelperIcon": "empty",
2351
- "inputVariantValueHelperIcon:1": "filled"
2349
+ "switchVariantRoot": "default",
2350
+ "switchVariantActiveRoot": "on",
2351
+ "switchVariantActiveRoot:1": "off",
2352
+ "display": "flex",
2353
+ "flexDirection": "row",
2354
+ "flexDirection:1": "row-reverse",
2355
+ "alignItems": "center",
2356
+ "switchVariantSwitch": "default",
2357
+ "switchVariantActiveSwitch": "on",
2358
+ "switchVariantActiveSwitch:1": "off",
2359
+ "borderRadius": "full",
2360
+ "position": "relative"
2352
2361
  },
2353
- "cxLiterals": [],
2354
- "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"]
2362
+ "cxLiterals": [
2363
+ "group",
2364
+ "cursor-pointer",
2365
+ "cursor-default",
2366
+ "opacity-50",
2367
+ "uds-ring",
2368
+ "uds-ring-within",
2369
+ "transition-[background-color,box-shadow]",
2370
+ "cursor-[inherit]",
2371
+ "absolute",
2372
+ "opacity-0",
2373
+ "top-[-1px]",
2374
+ "left-[-1px]",
2375
+ "w-[calc(100%+2px)]",
2376
+ "h-[calc(100%+2px)]",
2377
+ "text-start",
2378
+ "text-end",
2379
+ "translate-x-[1.25rem]",
2380
+ "rtl:translate-x-[-1.25rem]",
2381
+ "translate-x-[0.75rem]",
2382
+ "rtl:translate-x-[-0.75rem]"
2383
+ ],
2384
+ "internalComponents": [
2385
+ "FormLabel",
2386
+ "RootElement",
2387
+ "Box"
2388
+ ],
2389
+ "internalComponentProps": {
2390
+ "FormLabel": {
2391
+ "as": ["div"],
2392
+ "variant": ["inherit"],
2393
+ "color": ["inherit"]
2394
+ },
2395
+ "RootElement": { "data-testid": ["container"] }
2363
2396
  },
2364
- "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": {},
2397
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2398
+ "runtimeConfigDefaultProps": {},
2546
2399
  "runtimeConfigGetStyles": {},
2547
2400
  "runtimeConfigInternalComponentProps": {},
2548
2401
  "motionVarPrefixes": []
@@ -2738,6 +2591,153 @@ var componentData_default = {
2738
2591
  "runtimeConfigInternalComponentProps": {},
2739
2592
  "motionVarPrefixes": []
2740
2593
  },
2594
+ InputHelpTextInternal: {
2595
+ "name": "InputHelpTextInternal",
2596
+ "defaultProps": {},
2597
+ "getStylesLiterals": {
2598
+ "inputVariantHelperText": "default",
2599
+ "inputVariantValueHelperText": "empty",
2600
+ "inputVariantValueHelperText:1": "filled",
2601
+ "inputVariantHelperIcon": "default",
2602
+ "inputVariantValueHelperIcon": "empty",
2603
+ "inputVariantValueHelperIcon:1": "filled"
2604
+ },
2605
+ "cxLiterals": [],
2606
+ "internalComponents": ["IconSlot", "HStack"],
2607
+ "internalComponentProps": { "HStack": {
2608
+ "gap": ["1"],
2609
+ "alignItems": ["center"]
2610
+ } },
2611
+ "propToVariantKeys": {
2612
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2613
+ "startIcon": ["icon"],
2614
+ "endIcon": ["icon"]
2615
+ },
2616
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2617
+ "runtimeConfigGetStyles": {},
2618
+ "runtimeConfigInternalComponentProps": {},
2619
+ "motionVarPrefixes": []
2620
+ },
2621
+ Input: {
2622
+ "name": "Input",
2623
+ "defaultProps": {
2624
+ "type": "text",
2625
+ "size": "md",
2626
+ "width": "full"
2627
+ },
2628
+ "getStylesLiterals": {
2629
+ "inputVariantRoot": "default",
2630
+ "inputVariantValueRoot": "empty",
2631
+ "inputVariantValueRoot:1": "filled",
2632
+ "inputVariantInputWrapper": "default",
2633
+ "inputVariantValueInputWrapper": "empty",
2634
+ "inputVariantValueInputWrapper:1": "filled",
2635
+ "inputVariantInput": "default",
2636
+ "inputVariantValueInput": "empty",
2637
+ "inputVariantValueInput:1": "filled",
2638
+ "inputVariantInputPlaceholder": "default",
2639
+ "inputVariantValueInputPlaceholder": "empty",
2640
+ "inputVariantValueInputPlaceholder:1": "filled",
2641
+ "inputVariantLabel": "default",
2642
+ "inputVariantValueLabel": "empty",
2643
+ "inputVariantValueLabel:1": "filled",
2644
+ "inputVariantLabelRequired": "default",
2645
+ "inputVariantValueLabelRequired": "empty",
2646
+ "inputVariantValueLabelRequired:1": "filled",
2647
+ "inputVariantStartIcon": "default",
2648
+ "inputVariantValueStartIcon": "empty",
2649
+ "inputVariantValueStartIcon:1": "filled",
2650
+ "inputVariantEndIcon": "default",
2651
+ "inputVariantValueEndIcon": "empty",
2652
+ "inputVariantValueEndIcon:1": "filled"
2653
+ },
2654
+ "cxLiterals": [
2655
+ "opacity-50",
2656
+ "min-w-[200px]",
2657
+ "uds-ring-shadow",
2658
+ "uds-ring-within",
2659
+ "grow",
2660
+ "uds-hit-target",
2661
+ "bg-transparent",
2662
+ "bg-clip-text",
2663
+ "focus-visible:outline-none",
2664
+ "cursor-text",
2665
+ "cursor-not-allowed"
2666
+ ],
2667
+ "internalComponents": [
2668
+ "IconSlot",
2669
+ "StartIcon",
2670
+ "EndIcon",
2671
+ "HelpTextContent",
2672
+ "Box",
2673
+ "InputHelpTextInternal",
2674
+ "VStack",
2675
+ "HStack",
2676
+ "AnimateHeightChange"
2677
+ ],
2678
+ "internalComponentProps": {
2679
+ "HelpTextContent": { "spacingTop": ["2"] },
2680
+ "Box": {
2681
+ "spacingBottom": ["2"],
2682
+ "columnGap": ["0.5"],
2683
+ "alignItems": ["flex-end", "center"],
2684
+ "position": ["relative"]
2685
+ },
2686
+ "HStack": {
2687
+ "alignItems": ["center"],
2688
+ "gap": ["1"]
2689
+ }
2690
+ },
2691
+ "propToVariantKeys": {
2692
+ "size": [
2693
+ "inputSizeRoot",
2694
+ "inputSizeInputWrapperStatic",
2695
+ "inputSizeInputWrapperDynamic",
2696
+ "inputSizeInput",
2697
+ "inputSizeLabel",
2698
+ "inputSizeStartIcon",
2699
+ "inputSizeEndIcon"
2700
+ ],
2701
+ "startIcon": ["icon"],
2702
+ "endIcon": ["icon"],
2703
+ "slotProps": ["helperTextSlotProps"],
2704
+ "helperTextIcon": ["startIcon"]
2705
+ },
2706
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2707
+ "runtimeConfigGetStyles": {},
2708
+ "runtimeConfigInternalComponentProps": {},
2709
+ "motionVarPrefixes": []
2710
+ },
2711
+ UDSInputConfigProvider: {
2712
+ "name": "UDSInputConfigProvider",
2713
+ "defaultProps": {},
2714
+ "getStylesLiterals": {},
2715
+ "cxLiterals": [],
2716
+ "internalComponents": [],
2717
+ "internalComponentProps": {},
2718
+ "propToVariantKeys": {},
2719
+ "runtimeConfigDefaultProps": {},
2720
+ "runtimeConfigGetStyles": {},
2721
+ "runtimeConfigInternalComponentProps": {},
2722
+ "motionVarPrefixes": []
2723
+ },
2724
+ InputHelpText: {
2725
+ "name": "InputHelpText",
2726
+ "defaultProps": { "size": "md" },
2727
+ "getStylesLiterals": {
2728
+ "inputVariantRoot": "default",
2729
+ "inputVariantValueRoot": "empty",
2730
+ "inputVariantValueRoot:1": "filled"
2731
+ },
2732
+ "cxLiterals": [],
2733
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2734
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2735
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2736
+ "runtimeConfigDefaultProps": {},
2737
+ "runtimeConfigGetStyles": {},
2738
+ "runtimeConfigInternalComponentProps": {},
2739
+ "motionVarPrefixes": []
2740
+ },
2741
2741
  AvatarIcon: {
2742
2742
  "name": "AvatarIcon",
2743
2743
  "defaultProps": {
@@ -2978,81 +2978,6 @@ var componentData_default = {
2978
2978
  "runtimeConfigInternalComponentProps": {},
2979
2979
  "motionVarPrefixes": []
2980
2980
  },
2981
- IconButtonBase: {
2982
- "name": "IconButtonBase",
2983
- "defaultProps": { "type": "button" },
2984
- "getStylesLiterals": {},
2985
- "cxLiterals": [
2986
- "uds-ring",
2987
- "uds-hit-target",
2988
- "inline-flex",
2989
- "overflow-hidden",
2990
- "justify-center",
2991
- "items-center",
2992
- "[transform-origin:center]",
2993
- "[backface-visibility:hidden]",
2994
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2995
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2996
- "[transition-duration:220ms]",
2997
- "cursor-not-allowed",
2998
- "uds-button-loading",
2999
- "uds-button-without-effects",
3000
- "animate-spin"
3001
- ],
3002
- "internalComponents": [],
3003
- "internalComponentProps": {},
3004
- "propToVariantKeys": {
3005
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
3006
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
3007
- },
3008
- "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
3009
- "runtimeConfigGetStyles": {},
3010
- "runtimeConfigInternalComponentProps": {},
3011
- "motionVarPrefixes": []
3012
- },
3013
- UDSIconButtonConfigProvider: {
3014
- "name": "UDSIconButtonConfigProvider",
3015
- "defaultProps": {},
3016
- "getStylesLiterals": {},
3017
- "cxLiterals": [],
3018
- "internalComponents": ["IconButtonContext.Provider"],
3019
- "internalComponentProps": {},
3020
- "propToVariantKeys": {},
3021
- "runtimeConfigDefaultProps": {},
3022
- "runtimeConfigGetStyles": {},
3023
- "runtimeConfigInternalComponentProps": {},
3024
- "motionVarPrefixes": []
3025
- },
3026
- IconButton: {
3027
- "name": "IconButton",
3028
- "defaultProps": {},
3029
- "getStylesLiterals": {},
3030
- "cxLiterals": [],
3031
- "internalComponents": [
3032
- "IconButtonBase",
3033
- "Icon",
3034
- "AnimatePresence",
3035
- "SpringMotionConfig",
3036
- "MotionSlot",
3037
- "IconButtonProps",
3038
- "Slot"
3039
- ],
3040
- "internalComponentProps": {
3041
- "Icon": { "color": ["current"] },
3042
- "AnimatePresence": { "mode": ["popLayout"] },
3043
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
3044
- "MotionSlot": {
3045
- "initial": ["icon"],
3046
- "whileHover": ["hover"],
3047
- "whileTap": ["pressed"]
3048
- }
3049
- },
3050
- "propToVariantKeys": {},
3051
- "runtimeConfigDefaultProps": {},
3052
- "runtimeConfigGetStyles": {},
3053
- "runtimeConfigInternalComponentProps": {},
3054
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3055
- },
3056
2981
  BottomSheetDismiss: {
3057
2982
  "name": "BottomSheetDismiss",
3058
2983
  "defaultProps": {},
@@ -3250,6 +3175,81 @@ var componentData_default = {
3250
3175
  "runtimeConfigInternalComponentProps": {},
3251
3176
  "motionVarPrefixes": []
3252
3177
  },
3178
+ IconButtonBase: {
3179
+ "name": "IconButtonBase",
3180
+ "defaultProps": { "type": "button" },
3181
+ "getStylesLiterals": {},
3182
+ "cxLiterals": [
3183
+ "uds-ring",
3184
+ "uds-hit-target",
3185
+ "inline-flex",
3186
+ "overflow-hidden",
3187
+ "justify-center",
3188
+ "items-center",
3189
+ "[transform-origin:center]",
3190
+ "[backface-visibility:hidden]",
3191
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3192
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3193
+ "[transition-duration:220ms]",
3194
+ "cursor-not-allowed",
3195
+ "uds-button-loading",
3196
+ "uds-button-without-effects",
3197
+ "animate-spin"
3198
+ ],
3199
+ "internalComponents": [],
3200
+ "internalComponentProps": {},
3201
+ "propToVariantKeys": {
3202
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
3203
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
3204
+ },
3205
+ "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
3206
+ "runtimeConfigGetStyles": {},
3207
+ "runtimeConfigInternalComponentProps": {},
3208
+ "motionVarPrefixes": []
3209
+ },
3210
+ UDSIconButtonConfigProvider: {
3211
+ "name": "UDSIconButtonConfigProvider",
3212
+ "defaultProps": {},
3213
+ "getStylesLiterals": {},
3214
+ "cxLiterals": [],
3215
+ "internalComponents": ["IconButtonContext.Provider"],
3216
+ "internalComponentProps": {},
3217
+ "propToVariantKeys": {},
3218
+ "runtimeConfigDefaultProps": {},
3219
+ "runtimeConfigGetStyles": {},
3220
+ "runtimeConfigInternalComponentProps": {},
3221
+ "motionVarPrefixes": []
3222
+ },
3223
+ IconButton: {
3224
+ "name": "IconButton",
3225
+ "defaultProps": {},
3226
+ "getStylesLiterals": {},
3227
+ "cxLiterals": [],
3228
+ "internalComponents": [
3229
+ "IconButtonBase",
3230
+ "Icon",
3231
+ "AnimatePresence",
3232
+ "SpringMotionConfig",
3233
+ "MotionSlot",
3234
+ "IconButtonProps",
3235
+ "Slot"
3236
+ ],
3237
+ "internalComponentProps": {
3238
+ "Icon": { "color": ["current"] },
3239
+ "AnimatePresence": { "mode": ["popLayout"] },
3240
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
3241
+ "MotionSlot": {
3242
+ "initial": ["icon"],
3243
+ "whileHover": ["hover"],
3244
+ "whileTap": ["pressed"]
3245
+ }
3246
+ },
3247
+ "propToVariantKeys": {},
3248
+ "runtimeConfigDefaultProps": {},
3249
+ "runtimeConfigGetStyles": {},
3250
+ "runtimeConfigInternalComponentProps": {},
3251
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3252
+ },
3253
3253
  PaddleButtonNext: {
3254
3254
  "name": "PaddleButtonNext",
3255
3255
  "defaultProps": {},