@yahoo/uds 3.161.0 → 3.162.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 (115) hide show
  1. package/dist/cli/commands/purge.cjs +8 -1
  2. package/dist/cli/commands/purge.helpers.cjs +7 -0
  3. package/dist/cli/commands/purge.helpers.d.cts +3 -0
  4. package/dist/cli/commands/purge.helpers.d.ts +3 -0
  5. package/dist/cli/commands/purge.helpers.js +7 -0
  6. package/dist/cli/commands/purge.js +8 -1
  7. package/dist/components/client/Checkbox/Checkbox.cjs +118 -0
  8. package/dist/components/client/{Checkbox.d.cts → Checkbox/Checkbox.d.cts} +5 -18
  9. package/dist/components/client/{Checkbox.d.ts → Checkbox/Checkbox.d.ts} +5 -18
  10. package/dist/components/client/Checkbox/Checkbox.js +113 -0
  11. package/dist/components/client/Checkbox/CheckboxBase.cjs +141 -0
  12. package/dist/components/client/Checkbox/CheckboxBase.d.cts +48 -0
  13. package/dist/components/client/Checkbox/CheckboxBase.d.ts +49 -0
  14. package/dist/components/client/Checkbox/CheckboxBase.js +138 -0
  15. package/dist/components/client/Checkbox/checkboxConstants.cjs +23 -0
  16. package/dist/components/client/Checkbox/checkboxConstants.d.cts +25 -0
  17. package/dist/components/client/Checkbox/checkboxConstants.d.ts +26 -0
  18. package/dist/components/client/Checkbox/checkboxConstants.js +17 -0
  19. package/dist/components/client/Checkbox/index.cjs +10 -0
  20. package/dist/components/client/Checkbox/index.d.cts +6 -0
  21. package/dist/components/client/Checkbox/index.d.ts +7 -0
  22. package/dist/components/client/Checkbox/index.js +6 -0
  23. package/dist/components/client/Checkbox/types.cjs +2 -0
  24. package/dist/components/client/Checkbox/types.d.cts +22 -0
  25. package/dist/components/client/Checkbox/types.d.ts +23 -0
  26. package/dist/components/client/Checkbox/types.js +2 -0
  27. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  28. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  29. package/dist/components/client/Radio/Radio.cjs +67 -164
  30. package/dist/components/client/Radio/Radio.d.cts +4 -17
  31. package/dist/components/client/Radio/Radio.d.ts +4 -17
  32. package/dist/components/client/Radio/Radio.js +66 -163
  33. package/dist/components/client/Radio/RadioBase.cjs +133 -0
  34. package/dist/components/client/Radio/RadioBase.d.cts +45 -0
  35. package/dist/components/client/Radio/RadioBase.d.ts +46 -0
  36. package/dist/components/client/Radio/RadioBase.js +130 -0
  37. package/dist/components/client/Radio/radioConstants.cjs +14 -0
  38. package/dist/components/client/Radio/radioConstants.d.cts +8 -0
  39. package/dist/components/client/Radio/radioConstants.d.ts +9 -0
  40. package/dist/components/client/Radio/radioConstants.js +11 -0
  41. package/dist/components/client/Radio/types.cjs +2 -0
  42. package/dist/components/client/Radio/types.d.cts +20 -0
  43. package/dist/components/client/Radio/types.d.ts +21 -0
  44. package/dist/components/client/Radio/types.js +2 -0
  45. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  46. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  47. package/dist/components/client/index.cjs +2 -2
  48. package/dist/components/client/index.d.cts +1 -1
  49. package/dist/components/client/index.d.ts +1 -1
  50. package/dist/components/client/index.js +1 -1
  51. package/dist/components/index.cjs +2 -2
  52. package/dist/components/index.d.cts +1 -1
  53. package/dist/components/index.d.ts +1 -1
  54. package/dist/components/index.js +1 -1
  55. package/dist/css/dist/commands/css.cjs +2 -0
  56. package/dist/css/dist/commands/css.helpers.cjs +2 -0
  57. package/dist/css/dist/commands/css.helpers.js +2 -0
  58. package/dist/css/dist/commands/css.js +2 -0
  59. package/dist/css/dist/css/nodeUtils.cjs +28 -11
  60. package/dist/css/dist/css/nodeUtils.js +29 -12
  61. package/dist/css/dist/css/runner.cjs +8 -3
  62. package/dist/css/dist/css/runner.js +8 -3
  63. package/dist/css/dist/css/theme.d.cts +16 -0
  64. package/dist/css/dist/css/theme.d.ts +16 -0
  65. package/dist/css/dist/css/workerPool.cjs +2 -1
  66. package/dist/css/dist/css/workerPool.js +2 -1
  67. package/dist/css/dist/purger/optimized/ast/expressions.cjs +104 -11
  68. package/dist/css/dist/purger/optimized/ast/expressions.js +104 -11
  69. package/dist/css/dist/purger/optimized/ast/jsx.cjs +74 -0
  70. package/dist/css/dist/purger/optimized/ast/jsx.js +73 -0
  71. package/dist/css/dist/purger/optimized/ast/props.cjs +47 -0
  72. package/dist/css/dist/purger/optimized/ast/props.js +46 -0
  73. package/dist/css/dist/purger/optimized/ast/spread.cjs +87 -0
  74. package/dist/css/dist/purger/optimized/ast/spread.js +86 -0
  75. package/dist/css/dist/purger/optimized/purge.cjs +14 -8
  76. package/dist/css/dist/purger/optimized/purge.js +15 -9
  77. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +176 -18
  78. package/dist/css/dist/purger/optimized/purgeFromCode.js +176 -19
  79. package/dist/css/dist/purger/optimized/utils/files.cjs +22 -2
  80. package/dist/css/dist/purger/optimized/utils/files.js +21 -3
  81. package/dist/css-animation/Checkbox/Checkbox.cjs +75 -0
  82. package/dist/css-animation/Checkbox/Checkbox.d.cts +22 -0
  83. package/dist/css-animation/Checkbox/Checkbox.d.ts +23 -0
  84. package/dist/css-animation/Checkbox/Checkbox.js +72 -0
  85. package/dist/css-animation/Checkbox/index.cjs +5 -0
  86. package/dist/css-animation/Checkbox/index.d.cts +3 -0
  87. package/dist/css-animation/Checkbox/index.d.ts +4 -0
  88. package/dist/css-animation/Checkbox/index.js +4 -0
  89. package/dist/css-animation/Radio/Radio.cjs +92 -0
  90. package/dist/css-animation/Radio/Radio.d.cts +22 -0
  91. package/dist/css-animation/Radio/Radio.d.ts +23 -0
  92. package/dist/css-animation/Radio/Radio.js +89 -0
  93. package/dist/css-animation/Radio/index.cjs +5 -0
  94. package/dist/css-animation/Radio/index.d.cts +3 -0
  95. package/dist/css-animation/Radio/index.d.ts +4 -0
  96. package/dist/css-animation/Radio/index.js +4 -0
  97. package/dist/css-animation/index.cjs +4 -0
  98. package/dist/css-animation/index.d.cts +3 -1
  99. package/dist/css-animation/index.d.ts +3 -1
  100. package/dist/css-animation/index.js +3 -1
  101. package/dist/index.cjs +2 -2
  102. package/dist/index.d.cts +1 -1
  103. package/dist/index.d.ts +1 -1
  104. package/dist/index.js +1 -1
  105. package/dist/styles/styler.d.cts +26 -26
  106. package/dist/styles/styler.d.ts +26 -26
  107. package/dist/uds/generated/componentData.cjs +343 -293
  108. package/dist/uds/generated/componentData.js +343 -293
  109. package/dist/uds/generated/tailwindPurge.cjs +12 -12
  110. package/dist/uds/generated/tailwindPurge.js +12 -12
  111. package/generated/componentData.json +471 -382
  112. package/generated/tailwindPurge.ts +2 -2
  113. package/package.json +1 -1
  114. package/dist/components/client/Checkbox.cjs +0 -224
  115. package/dist/components/client/Checkbox.js +0 -219
package/generated/componentData.json CHANGED
@@ -336,6 +336,92 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
+ "Table.mocks": {
340
+ "name": "Table.mocks",
341
+ "defaultProps": {},
342
+ "getStylesLiterals": {},
343
+ "cxLiterals": [],
344
+ "internalComponents": [],
345
+ "internalComponentProps": {},
346
+ "propToVariantKeys": {},
347
+ "runtimeConfigDefaultProps": {},
348
+ "runtimeConfigGetStyles": {},
349
+ "runtimeConfigInternalComponentProps": {},
350
+ "motionVarPrefixes": []
351
+ },
352
+ "Spinner": {
353
+ "name": "Spinner",
354
+ "defaultProps": {
355
+ "color": "primary",
356
+ "size": "lg"
357
+ },
358
+ "getStylesLiterals": {},
359
+ "cxLiterals": [
360
+ "self-center",
361
+ "relative",
362
+ "sr-only"
363
+ ],
364
+ "internalComponents": [
365
+ "Icon"
366
+ ],
367
+ "internalComponentProps": {
368
+ "Icon": {
369
+ "role": [
370
+ "img"
371
+ ],
372
+ "className": [
373
+ "animate-spin"
374
+ ],
375
+ "aria-hidden": [
376
+ "true"
377
+ ]
378
+ }
379
+ },
380
+ "propToVariantKeys": {},
381
+ "runtimeConfigDefaultProps": {},
382
+ "runtimeConfigGetStyles": {},
383
+ "runtimeConfigInternalComponentProps": {},
384
+ "motionVarPrefixes": []
385
+ },
386
+ "Table": {
387
+ "name": "Table",
388
+ "defaultProps": {
389
+ "display": "table-cell",
390
+ "overflow": "hidden",
391
+ "borderColor": "muted",
392
+ "borderRadius": "md",
393
+ "spacing": "3",
394
+ "borderBottomColor": "muted",
395
+ "borderBottomWidth": "thin",
396
+ "color": "primary"
397
+ },
398
+ "getStylesLiterals": {
399
+ "textAlign": "start"
400
+ },
401
+ "cxLiterals": [],
402
+ "internalComponents": [
403
+ "CellComponent",
404
+ "Box",
405
+ "Text",
406
+ "Table.Root",
407
+ "Table.Header",
408
+ "Table.Row",
409
+ "Table.Cell",
410
+ "Table.Body"
411
+ ],
412
+ "internalComponentProps": {
413
+ "Table.Cell": {
414
+ "asHeaderCell": [
415
+ "column"
416
+ ]
417
+ }
418
+ },
419
+ "propToVariantKeys": {},
420
+ "runtimeConfigDefaultProps": {},
421
+ "runtimeConfigGetStyles": {},
422
+ "runtimeConfigInternalComponentProps": {},
423
+ "motionVarPrefixes": []
424
+ },
339
425
  "Divider": {
340
426
  "name": "Divider",
341
427
  "defaultProps": {
@@ -438,92 +524,6 @@
438
524
  "runtimeConfigInternalComponentProps": {},
439
525
  "motionVarPrefixes": []
440
526
  },
441
- "Table.mocks": {
442
- "name": "Table.mocks",
443
- "defaultProps": {},
444
- "getStylesLiterals": {},
445
- "cxLiterals": [],
446
- "internalComponents": [],
447
- "internalComponentProps": {},
448
- "propToVariantKeys": {},
449
- "runtimeConfigDefaultProps": {},
450
- "runtimeConfigGetStyles": {},
451
- "runtimeConfigInternalComponentProps": {},
452
- "motionVarPrefixes": []
453
- },
454
- "Spinner": {
455
- "name": "Spinner",
456
- "defaultProps": {
457
- "color": "primary",
458
- "size": "lg"
459
- },
460
- "getStylesLiterals": {},
461
- "cxLiterals": [
462
- "self-center",
463
- "relative",
464
- "sr-only"
465
- ],
466
- "internalComponents": [
467
- "Icon"
468
- ],
469
- "internalComponentProps": {
470
- "Icon": {
471
- "role": [
472
- "img"
473
- ],
474
- "className": [
475
- "animate-spin"
476
- ],
477
- "aria-hidden": [
478
- "true"
479
- ]
480
- }
481
- },
482
- "propToVariantKeys": {},
483
- "runtimeConfigDefaultProps": {},
484
- "runtimeConfigGetStyles": {},
485
- "runtimeConfigInternalComponentProps": {},
486
- "motionVarPrefixes": []
487
- },
488
- "Table": {
489
- "name": "Table",
490
- "defaultProps": {
491
- "display": "table-cell",
492
- "overflow": "hidden",
493
- "borderColor": "muted",
494
- "borderRadius": "md",
495
- "spacing": "3",
496
- "borderBottomColor": "muted",
497
- "borderBottomWidth": "thin",
498
- "color": "primary"
499
- },
500
- "getStylesLiterals": {
501
- "textAlign": "start"
502
- },
503
- "cxLiterals": [],
504
- "internalComponents": [
505
- "CellComponent",
506
- "Box",
507
- "Text",
508
- "Table.Root",
509
- "Table.Header",
510
- "Table.Row",
511
- "Table.Cell",
512
- "Table.Body"
513
- ],
514
- "internalComponentProps": {
515
- "Table.Cell": {
516
- "asHeaderCell": [
517
- "column"
518
- ]
519
- }
520
- },
521
- "propToVariantKeys": {},
522
- "runtimeConfigDefaultProps": {},
523
- "runtimeConfigGetStyles": {},
524
- "runtimeConfigInternalComponentProps": {},
525
- "motionVarPrefixes": []
526
- },
527
527
  "BannerContent": {
528
528
  "name": "BannerContent",
529
529
  "defaultProps": {},
@@ -679,150 +679,42 @@
679
679
  "runtimeConfigInternalComponentProps": {},
680
680
  "motionVarPrefixes": []
681
681
  },
682
- "Checkbox": {
683
- "name": "Checkbox",
682
+ "SpringMotionConfig": {
683
+ "name": "SpringMotionConfig",
684
684
  "defaultProps": {
685
- "labelPosition": "start",
686
- "variant": "primary",
687
- "size": "md"
685
+ "reducedMotion": "user"
688
686
  },
689
- "getStylesLiterals": {
690
- "display": "flex",
691
- "flexDirection": "row",
692
- "flexDirection:1": "row-reverse",
693
- "alignItems": "center"
687
+ "getStylesLiterals": {},
688
+ "cxLiterals": [],
689
+ "internalComponents": [
690
+ "LazyMotion",
691
+ "MotionConfig"
692
+ ],
693
+ "internalComponentProps": {},
694
+ "propToVariantKeys": {
695
+ "loadFeatures": [
696
+ "features"
697
+ ]
694
698
  },
699
+ "runtimeConfigDefaultProps": {},
700
+ "runtimeConfigGetStyles": {},
701
+ "runtimeConfigInternalComponentProps": {},
702
+ "motionVarPrefixes": []
703
+ },
704
+ "AnimateHeightChange": {
705
+ "name": "AnimateHeightChange",
706
+ "defaultProps": {},
707
+ "getStylesLiterals": {},
695
708
  "cxLiterals": [
696
- "cursor-pointer",
697
- "cursor-default",
698
- "opacity-50",
699
- "uds-ring",
700
- "uds-ring-within",
701
- "transition-[background-color,border-color,box-shadow]",
702
- "pointer-events-none",
703
- "opacity-0",
704
- "opacity-55",
705
- "opacity-100",
706
- "transition-opacity",
707
- "cursor-[inherit]",
708
- "absolute",
709
- "top-1/2",
710
- "left-1/2",
711
- "w-[calc(100%+2px)]",
712
- "h-[calc(100%+2px)]",
713
- "transform",
714
- "translate-x-[-50%]",
715
- "translate-y-[-50%]",
716
- "text-start",
717
- "text-end"
709
+ "overflow-hidden"
718
710
  ],
719
711
  "internalComponents": [
720
- "Icon",
721
- "FormLabel",
722
- "SpringMotionConfig",
723
- "RootElement",
724
- "MotionBox"
712
+ "SpringMotionConfig"
725
713
  ],
726
714
  "internalComponentProps": {
727
- "Icon": {
728
- "size": [
729
- "sm"
730
- ]
731
- },
732
- "FormLabel": {
733
- "as": [
734
- "div"
735
- ],
736
- "variant": [
737
- "inherit"
738
- ],
739
- "color": [
740
- "inherit"
741
- ]
742
- },
743
- "RootElement": {
744
- "data-testid": [
745
- "container"
746
- ]
747
- },
748
- "MotionBox": {
749
- "position": [
750
- "relative"
751
- ],
752
- "alignItems": [
753
- "center"
754
- ],
755
- "justifyContent": [
756
- "center"
757
- ],
758
- "flex": [
759
- "none"
760
- ]
761
- }
762
- },
763
- "propToVariantKeys": {
764
- "size": [
765
- "checkboxSizeRoot",
766
- "checkboxSizeCheckbox"
767
- ],
768
- "variant": [
769
- "checkboxVariantRoot",
770
- "checkboxVariantCheckbox",
771
- "checkboxVariantCheckboxIcon"
772
- ],
773
- "valueState": [
774
- "checkboxVariantValueRoot",
775
- "checkboxVariantValueCheckbox",
776
- "checkboxVariantValueCheckboxIcon"
777
- ],
778
- "reduceMotion": [
779
- "reducedMotion"
780
- ]
781
- },
782
- "runtimeConfigDefaultProps": {},
783
- "runtimeConfigGetStyles": {},
784
- "runtimeConfigInternalComponentProps": {},
785
- "motionVarPrefixes": [
786
- "--uds-motion-subtle-3-",
787
- "--uds-motion-smooth-3-"
788
- ]
789
- },
790
- "SpringMotionConfig": {
791
- "name": "SpringMotionConfig",
792
- "defaultProps": {
793
- "reducedMotion": "user"
794
- },
795
- "getStylesLiterals": {},
796
- "cxLiterals": [],
797
- "internalComponents": [
798
- "LazyMotion",
799
- "MotionConfig"
800
- ],
801
- "internalComponentProps": {},
802
- "propToVariantKeys": {
803
- "loadFeatures": [
804
- "features"
805
- ]
806
- },
807
- "runtimeConfigDefaultProps": {},
808
- "runtimeConfigGetStyles": {},
809
- "runtimeConfigInternalComponentProps": {},
810
- "motionVarPrefixes": []
811
- },
812
- "AnimateHeightChange": {
813
- "name": "AnimateHeightChange",
814
- "defaultProps": {},
815
- "getStylesLiterals": {},
816
- "cxLiterals": [
817
- "overflow-hidden"
818
- ],
819
- "internalComponents": [
820
- "SpringMotionConfig"
821
- ],
822
- "internalComponentProps": {
823
- "SpringMotionConfig": {
824
- "layoutSpeed": [
825
- "4"
715
+ "SpringMotionConfig": {
716
+ "layoutSpeed": [
717
+ "4"
826
718
  ]
827
719
  }
828
720
  },
@@ -3878,6 +3770,160 @@
3878
3770
  "runtimeConfigInternalComponentProps": {},
3879
3771
  "motionVarPrefixes": []
3880
3772
  },
3773
+ "Checkbox": {
3774
+ "name": "Checkbox",
3775
+ "defaultProps": {},
3776
+ "getStylesLiterals": {},
3777
+ "cxLiterals": [
3778
+ "opacity-0",
3779
+ "opacity-55",
3780
+ "opacity-100",
3781
+ "uds-ring",
3782
+ "uds-ring-within",
3783
+ "transition-[background-color,border-color,box-shadow]",
3784
+ "pointer-events-none",
3785
+ "transition-opacity",
3786
+ "group",
3787
+ "group-hover:scale-110",
3788
+ "group-active:scale-90",
3789
+ "transition-[background-color,border-color,box-shadow,transform]",
3790
+ "group-active:opacity-55"
3791
+ ],
3792
+ "internalComponents": [
3793
+ "CheckboxBase",
3794
+ "Icon",
3795
+ "SpringMotionConfig",
3796
+ "RootElement",
3797
+ "MotionBox",
3798
+ "Box",
3799
+ "CheckboxProps"
3800
+ ],
3801
+ "internalComponentProps": {
3802
+ "Icon": {
3803
+ "size": [
3804
+ "sm"
3805
+ ]
3806
+ },
3807
+ "RootElement": {
3808
+ "data-testid": [
3809
+ "container"
3810
+ ]
3811
+ },
3812
+ "MotionBox": {
3813
+ "position": [
3814
+ "relative"
3815
+ ],
3816
+ "alignItems": [
3817
+ "center"
3818
+ ],
3819
+ "justifyContent": [
3820
+ "center"
3821
+ ],
3822
+ "flex": [
3823
+ "none"
3824
+ ]
3825
+ },
3826
+ "Box": {
3827
+ "position": [
3828
+ "relative"
3829
+ ],
3830
+ "alignItems": [
3831
+ "center"
3832
+ ],
3833
+ "justifyContent": [
3834
+ "center"
3835
+ ],
3836
+ "flex": [
3837
+ "none"
3838
+ ]
3839
+ }
3840
+ },
3841
+ "propToVariantKeys": {
3842
+ "size": [
3843
+ "checkboxSizeCheckbox"
3844
+ ],
3845
+ "variant": [
3846
+ "checkboxVariantCheckbox",
3847
+ "checkboxVariantCheckboxIcon"
3848
+ ],
3849
+ "valueState": [
3850
+ "checkboxVariantValueCheckbox",
3851
+ "checkboxVariantValueCheckboxIcon"
3852
+ ],
3853
+ "reduceMotion": [
3854
+ "reducedMotion"
3855
+ ]
3856
+ },
3857
+ "runtimeConfigDefaultProps": {},
3858
+ "runtimeConfigGetStyles": {},
3859
+ "runtimeConfigInternalComponentProps": {},
3860
+ "motionVarPrefixes": [
3861
+ "--uds-motion-subtle-3-",
3862
+ "--uds-motion-smooth-3-"
3863
+ ]
3864
+ },
3865
+ "CheckboxBase": {
3866
+ "name": "CheckboxBase",
3867
+ "defaultProps": {
3868
+ "labelPosition": "start",
3869
+ "variant": "primary",
3870
+ "size": "md"
3871
+ },
3872
+ "getStylesLiterals": {
3873
+ "display": "flex",
3874
+ "flexDirection": "row",
3875
+ "flexDirection:1": "row-reverse",
3876
+ "alignItems": "center"
3877
+ },
3878
+ "cxLiterals": [
3879
+ "cursor-pointer",
3880
+ "cursor-default",
3881
+ "opacity-50",
3882
+ "cursor-[inherit]",
3883
+ "absolute",
3884
+ "opacity-0",
3885
+ "top-1/2",
3886
+ "left-1/2",
3887
+ "w-[calc(100%+2px)]",
3888
+ "h-[calc(100%+2px)]",
3889
+ "transform",
3890
+ "translate-x-[-50%]",
3891
+ "translate-y-[-50%]",
3892
+ "text-start",
3893
+ "text-end"
3894
+ ],
3895
+ "internalComponents": [
3896
+ "FormLabel"
3897
+ ],
3898
+ "internalComponentProps": {
3899
+ "FormLabel": {
3900
+ "as": [
3901
+ "div"
3902
+ ],
3903
+ "variant": [
3904
+ "inherit"
3905
+ ],
3906
+ "color": [
3907
+ "inherit"
3908
+ ]
3909
+ }
3910
+ },
3911
+ "propToVariantKeys": {
3912
+ "size": [
3913
+ "checkboxSizeRoot"
3914
+ ],
3915
+ "variant": [
3916
+ "checkboxVariantRoot"
3917
+ ],
3918
+ "valueState": [
3919
+ "checkboxVariantValueRoot"
3920
+ ]
3921
+ },
3922
+ "runtimeConfigDefaultProps": {},
3923
+ "runtimeConfigGetStyles": {},
3924
+ "runtimeConfigInternalComponentProps": {},
3925
+ "motionVarPrefixes": []
3926
+ },
3881
3927
  "BottomSheetDismiss": {
3882
3928
  "name": "BottomSheetDismiss",
3883
3929
  "defaultProps": {},
@@ -4499,16 +4545,212 @@
4499
4545
  "runtimeConfigInternalComponentProps": {},
4500
4546
  "motionVarPrefixes": []
4501
4547
  },
4502
- "PaddleButtonPrevious": {
4503
- "name": "PaddleButtonPrevious",
4504
- "defaultProps": {},
4505
- "getStylesLiterals": {},
4506
- "cxLiterals": [],
4548
+ "RadioBase": {
4549
+ "name": "RadioBase",
4550
+ "defaultProps": {
4551
+ "labelPosition": "start",
4552
+ "variant": "primary",
4553
+ "size": "md",
4554
+ "value": ""
4555
+ },
4556
+ "getStylesLiterals": {
4557
+ "radioVariantValueRoot": "checked",
4558
+ "radioVariantValueRoot:1": "unchecked",
4559
+ "display": "flex",
4560
+ "flexDirection": "row",
4561
+ "flexDirection:1": "row-reverse",
4562
+ "alignItems": "center"
4563
+ },
4564
+ "cxLiterals": [
4565
+ "cursor-pointer",
4566
+ "cursor-default",
4567
+ "opacity-50",
4568
+ "cursor-[inherit]",
4569
+ "absolute",
4570
+ "opacity-0",
4571
+ "top-1/2",
4572
+ "left-1/2",
4573
+ "w-[calc(100%+2px)]",
4574
+ "h-[calc(100%+2px)]",
4575
+ "transform",
4576
+ "translate-x-[-50%]",
4577
+ "translate-y-[-50%]",
4578
+ "text-start",
4579
+ "text-end"
4580
+ ],
4507
4581
  "internalComponents": [
4508
- "PaddleButton"
4582
+ "FormLabel"
4509
4583
  ],
4510
4584
  "internalComponentProps": {
4511
- "PaddleButton": {
4585
+ "FormLabel": {
4586
+ "as": [
4587
+ "div"
4588
+ ],
4589
+ "variant": [
4590
+ "inherit"
4591
+ ],
4592
+ "color": [
4593
+ "inherit"
4594
+ ]
4595
+ }
4596
+ },
4597
+ "propToVariantKeys": {
4598
+ "size": [
4599
+ "radioSizeRoot"
4600
+ ],
4601
+ "variant": [
4602
+ "radioVariantRoot"
4603
+ ]
4604
+ },
4605
+ "runtimeConfigDefaultProps": {},
4606
+ "runtimeConfigGetStyles": {},
4607
+ "runtimeConfigInternalComponentProps": {},
4608
+ "motionVarPrefixes": []
4609
+ },
4610
+ "Radio": {
4611
+ "name": "Radio",
4612
+ "defaultProps": {},
4613
+ "getStylesLiterals": {
4614
+ "radioVariantValueRadio": "checked",
4615
+ "radioVariantValueRadio:1": "unchecked",
4616
+ "radioVariantValueRadioCircle": "checked",
4617
+ "radioVariantValueRadioCircle:1": "unchecked"
4618
+ },
4619
+ "cxLiterals": [
4620
+ "opacity-55",
4621
+ "opacity-100",
4622
+ "opacity-0",
4623
+ "border",
4624
+ "uds-ring",
4625
+ "uds-ring-within",
4626
+ "transition-[background-color,border-color]",
4627
+ "transition-shadow",
4628
+ "pointer-events-none",
4629
+ "w-[8px]",
4630
+ "h-[8px]",
4631
+ "transition-opacity",
4632
+ "group",
4633
+ "group-hover:scale-110",
4634
+ "group-active:scale-90",
4635
+ "group-active:uds-inset-shadow-lg-invert",
4636
+ "group-hover:uds-inset-shadow-lg-invert",
4637
+ "transition-[background-color,border-color,transform]"
4638
+ ],
4639
+ "internalComponents": [
4640
+ "RadioBase",
4641
+ "Box",
4642
+ "SpringMotionConfig",
4643
+ "RootElement",
4644
+ "MotionBox",
4645
+ "RadioProps"
4646
+ ],
4647
+ "internalComponentProps": {
4648
+ "Box": {
4649
+ "borderRadius": [
4650
+ "full"
4651
+ ],
4652
+ "position": [
4653
+ "relative"
4654
+ ],
4655
+ "alignItems": [
4656
+ "center"
4657
+ ],
4658
+ "justifyContent": [
4659
+ "center"
4660
+ ],
4661
+ "flex": [
4662
+ "none"
4663
+ ]
4664
+ },
4665
+ "RootElement": {
4666
+ "data-testid": [
4667
+ "container"
4668
+ ]
4669
+ },
4670
+ "MotionBox": {
4671
+ "position": [
4672
+ "relative"
4673
+ ],
4674
+ "borderRadius": [
4675
+ "full"
4676
+ ],
4677
+ "alignItems": [
4678
+ "center"
4679
+ ],
4680
+ "justifyContent": [
4681
+ "center"
4682
+ ],
4683
+ "flex": [
4684
+ "none"
4685
+ ]
4686
+ }
4687
+ },
4688
+ "propToVariantKeys": {
4689
+ "size": [
4690
+ "radioSizeRadio"
4691
+ ],
4692
+ "variant": [
4693
+ "radioVariantRadio",
4694
+ "radioVariantRadioCircle"
4695
+ ],
4696
+ "reduceMotion": [
4697
+ "reducedMotion"
4698
+ ]
4699
+ },
4700
+ "runtimeConfigDefaultProps": {},
4701
+ "runtimeConfigGetStyles": {},
4702
+ "runtimeConfigInternalComponentProps": {},
4703
+ "motionVarPrefixes": [
4704
+ "--uds-motion-subtle-3-",
4705
+ "--uds-motion-smooth-3-"
4706
+ ]
4707
+ },
4708
+ "RadioGroupStore": {
4709
+ "name": "RadioGroupStore",
4710
+ "defaultProps": {},
4711
+ "getStylesLiterals": {},
4712
+ "cxLiterals": [],
4713
+ "internalComponents": [],
4714
+ "internalComponentProps": {},
4715
+ "propToVariantKeys": {},
4716
+ "runtimeConfigDefaultProps": {},
4717
+ "runtimeConfigGetStyles": {},
4718
+ "runtimeConfigInternalComponentProps": {},
4719
+ "motionVarPrefixes": []
4720
+ },
4721
+ "RadioGroupProvider": {
4722
+ "name": "RadioGroupProvider",
4723
+ "defaultProps": {},
4724
+ "getStylesLiterals": {},
4725
+ "cxLiterals": [],
4726
+ "internalComponents": [
4727
+ "DivProps",
4728
+ "Comp",
4729
+ "RadioGroupContext.Provider"
4730
+ ],
4731
+ "internalComponentProps": {
4732
+ "Comp": {
4733
+ "role": [
4734
+ "radiogroup"
4735
+ ]
4736
+ }
4737
+ },
4738
+ "propToVariantKeys": {},
4739
+ "runtimeConfigDefaultProps": {},
4740
+ "runtimeConfigGetStyles": {},
4741
+ "runtimeConfigInternalComponentProps": {},
4742
+ "motionVarPrefixes": []
4743
+ },
4744
+ "PaddleButtonPrevious": {
4745
+ "name": "PaddleButtonPrevious",
4746
+ "defaultProps": {},
4747
+ "getStylesLiterals": {},
4748
+ "cxLiterals": [],
4749
+ "internalComponents": [
4750
+ "PaddleButton"
4751
+ ],
4752
+ "internalComponentProps": {
4753
+ "PaddleButton": {
4512
4754
  "paddleRole": [
4513
4755
  "previous"
4514
4756
  ]
@@ -4682,159 +4924,6 @@
4682
4924
  "runtimeConfigInternalComponentProps": {},
4683
4925
  "motionVarPrefixes": []
4684
4926
  },
4685
- "Radio": {
4686
- "name": "Radio",
4687
- "defaultProps": {
4688
- "labelPosition": "start",
4689
- "variant": "primary",
4690
- "size": "md",
4691
- "value": ""
4692
- },
4693
- "getStylesLiterals": {
4694
- "radioVariantValueRoot": "checked",
4695
- "radioVariantValueRoot:1": "unchecked",
4696
- "display": "flex",
4697
- "flexDirection": "row",
4698
- "flexDirection:1": "row-reverse",
4699
- "alignItems": "center",
4700
- "radioVariantValueRadio": "checked",
4701
- "radioVariantValueRadio:1": "unchecked",
4702
- "radioVariantValueRadioCircle": "checked",
4703
- "radioVariantValueRadioCircle:1": "unchecked"
4704
- },
4705
- "cxLiterals": [
4706
- "cursor-pointer",
4707
- "cursor-default",
4708
- "opacity-50",
4709
- "border",
4710
- "uds-ring",
4711
- "uds-ring-within",
4712
- "transition-[background-color,border-color]",
4713
- "transition-shadow",
4714
- "pointer-events-none",
4715
- "w-[8px]",
4716
- "h-[8px]",
4717
- "opacity-55",
4718
- "opacity-100",
4719
- "opacity-0",
4720
- "transition-opacity",
4721
- "cursor-[inherit]",
4722
- "absolute",
4723
- "top-1/2",
4724
- "left-1/2",
4725
- "w-[calc(100%+2px)]",
4726
- "h-[calc(100%+2px)]",
4727
- "transform",
4728
- "translate-x-[-50%]",
4729
- "translate-y-[-50%]",
4730
- "text-start",
4731
- "text-end"
4732
- ],
4733
- "internalComponents": [
4734
- "Box",
4735
- "FormLabel",
4736
- "SpringMotionConfig",
4737
- "RootElement",
4738
- "MotionBox"
4739
- ],
4740
- "internalComponentProps": {
4741
- "Box": {
4742
- "borderRadius": [
4743
- "full"
4744
- ]
4745
- },
4746
- "FormLabel": {
4747
- "as": [
4748
- "div"
4749
- ],
4750
- "variant": [
4751
- "inherit"
4752
- ],
4753
- "color": [
4754
- "inherit"
4755
- ]
4756
- },
4757
- "RootElement": {
4758
- "data-testid": [
4759
- "container"
4760
- ]
4761
- },
4762
- "MotionBox": {
4763
- "position": [
4764
- "relative"
4765
- ],
4766
- "borderRadius": [
4767
- "full"
4768
- ],
4769
- "alignItems": [
4770
- "center"
4771
- ],
4772
- "justifyContent": [
4773
- "center"
4774
- ],
4775
- "flex": [
4776
- "none"
4777
- ]
4778
- }
4779
- },
4780
- "propToVariantKeys": {
4781
- "size": [
4782
- "radioSizeRoot",
4783
- "radioSizeRadio"
4784
- ],
4785
- "variant": [
4786
- "radioVariantRoot",
4787
- "radioVariantRadio",
4788
- "radioVariantRadioCircle"
4789
- ],
4790
- "reduceMotion": [
4791
- "reducedMotion"
4792
- ]
4793
- },
4794
- "runtimeConfigDefaultProps": {},
4795
- "runtimeConfigGetStyles": {},
4796
- "runtimeConfigInternalComponentProps": {},
4797
- "motionVarPrefixes": [
4798
- "--uds-motion-subtle-3-",
4799
- "--uds-motion-smooth-3-"
4800
- ]
4801
- },
4802
- "RadioGroupStore": {
4803
- "name": "RadioGroupStore",
4804
- "defaultProps": {},
4805
- "getStylesLiterals": {},
4806
- "cxLiterals": [],
4807
- "internalComponents": [],
4808
- "internalComponentProps": {},
4809
- "propToVariantKeys": {},
4810
- "runtimeConfigDefaultProps": {},
4811
- "runtimeConfigGetStyles": {},
4812
- "runtimeConfigInternalComponentProps": {},
4813
- "motionVarPrefixes": []
4814
- },
4815
- "RadioGroupProvider": {
4816
- "name": "RadioGroupProvider",
4817
- "defaultProps": {},
4818
- "getStylesLiterals": {},
4819
- "cxLiterals": [],
4820
- "internalComponents": [
4821
- "DivProps",
4822
- "Comp",
4823
- "RadioGroupContext.Provider"
4824
- ],
4825
- "internalComponentProps": {
4826
- "Comp": {
4827
- "role": [
4828
- "radiogroup"
4829
- ]
4830
- }
4831
- },
4832
- "propToVariantKeys": {},
4833
- "runtimeConfigDefaultProps": {},
4834
- "runtimeConfigGetStyles": {},
4835
- "runtimeConfigInternalComponentProps": {},
4836
- "motionVarPrefixes": []
4837
- },
4838
4927
  "SwitchStaticHandle": {
4839
4928
  "name": "SwitchStaticHandle",
4840
4929
  "defaultProps": {},