@yahoo/uds 3.159.2 → 3.161.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 (165) hide show
  1. package/dist/automated-config/dist/properties.cjs +1 -1
  2. package/dist/automated-config/dist/properties.js +1 -1
  3. package/dist/components/client/BottomSheet/BottomSheet.cjs +2 -2
  4. package/dist/components/client/BottomSheet/BottomSheet.js +2 -2
  5. package/dist/components/client/Button/Button.cjs +214 -0
  6. package/dist/components/client/Button/Button.d.cts +50 -0
  7. package/dist/components/client/Button/Button.d.ts +51 -0
  8. package/dist/components/client/Button/Button.js +209 -0
  9. package/dist/components/client/Button/ButtonBase.cjs +120 -0
  10. package/dist/components/client/Button/ButtonBase.d.cts +52 -0
  11. package/dist/components/client/Button/ButtonBase.d.ts +53 -0
  12. package/dist/components/client/Button/ButtonBase.js +116 -0
  13. package/dist/components/client/{buttonConstants.cjs → Button/buttonConstants.cjs} +1 -1
  14. package/dist/components/client/Button/buttonConstants.d.cts +7 -0
  15. package/dist/components/client/Button/buttonConstants.d.ts +8 -0
  16. package/dist/components/client/{buttonConstants.js → Button/buttonConstants.js} +1 -1
  17. package/dist/components/client/Button/index.cjs +10 -0
  18. package/dist/components/client/Button/index.d.cts +4 -0
  19. package/dist/components/client/Button/index.d.ts +5 -0
  20. package/dist/components/client/Button/index.js +5 -0
  21. package/dist/components/client/Checkbox.cjs +2 -1
  22. package/dist/components/client/Checkbox.js +3 -2
  23. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  24. package/dist/components/client/Chip/ChipBase.js +2 -2
  25. package/dist/components/client/IconButton/IconButton.cjs +105 -0
  26. package/dist/components/client/IconButton/IconButton.d.cts +17 -0
  27. package/dist/components/client/IconButton/IconButton.d.ts +18 -0
  28. package/dist/components/client/IconButton/IconButton.js +103 -0
  29. package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
  30. package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
  31. package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
  32. package/dist/components/client/IconButton/IconButtonBase.js +65 -0
  33. package/dist/components/client/IconButton/index.cjs +8 -0
  34. package/dist/components/client/IconButton/index.d.cts +4 -0
  35. package/dist/components/client/IconButton/index.d.ts +5 -0
  36. package/dist/components/client/IconButton/index.js +5 -0
  37. package/dist/components/client/Input/Input.cjs +2 -2
  38. package/dist/components/client/Input/Input.js +2 -2
  39. package/dist/components/client/Modal/ManagedModal.cjs +2 -2
  40. package/dist/components/client/Modal/ManagedModal.js +2 -2
  41. package/dist/components/client/Modal/Modal.cjs +2 -2
  42. package/dist/components/client/Modal/Modal.js +2 -2
  43. package/dist/components/client/Popover/Popover.cjs +2 -2
  44. package/dist/components/client/Popover/Popover.js +2 -2
  45. package/dist/components/client/Radio/Radio.cjs +2 -1
  46. package/dist/components/client/Radio/Radio.js +3 -2
  47. package/dist/components/client/SpringMotionConfig.cjs +10 -13
  48. package/dist/components/client/SpringMotionConfig.js +10 -13
  49. package/dist/components/client/Switch/Switch.cjs +119 -0
  50. package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
  51. package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
  52. package/dist/components/client/Switch/Switch.js +115 -0
  53. package/dist/components/client/Switch/SwitchBase.cjs +129 -0
  54. package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
  55. package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
  56. package/dist/components/client/Switch/SwitchBase.js +126 -0
  57. package/dist/components/client/Switch/index.cjs +5 -0
  58. package/dist/components/client/Switch/index.d.cts +3 -0
  59. package/dist/components/client/Switch/index.d.ts +4 -0
  60. package/dist/components/client/Switch/index.js +4 -0
  61. package/dist/components/client/Switch/switchStyles.cjs +17 -0
  62. package/dist/components/client/Switch/switchStyles.d.cts +9 -0
  63. package/dist/components/client/Switch/switchStyles.d.ts +10 -0
  64. package/dist/components/client/Switch/switchStyles.js +16 -0
  65. package/dist/components/client/Switch/types.cjs +2 -0
  66. package/dist/components/client/Switch/types.d.cts +33 -0
  67. package/dist/components/client/Switch/types.d.ts +34 -0
  68. package/dist/components/client/Switch/types.js +2 -0
  69. package/dist/components/client/Tabs/TabList.cjs +2 -2
  70. package/dist/components/client/Tabs/TabList.js +2 -2
  71. package/dist/components/client/Toast/Toast.cjs +4 -4
  72. package/dist/components/client/Toast/Toast.d.cts +1 -1
  73. package/dist/components/client/Toast/Toast.d.ts +1 -1
  74. package/dist/components/client/Toast/Toast.js +3 -3
  75. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  76. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  77. package/dist/components/client/index.cjs +6 -6
  78. package/dist/components/client/index.d.cts +3 -3
  79. package/dist/components/client/index.d.ts +3 -3
  80. package/dist/components/client/index.js +3 -3
  81. package/dist/components/experimental/client/index.cjs +0 -6
  82. package/dist/components/experimental/client/index.d.cts +1 -3
  83. package/dist/components/experimental/client/index.d.ts +1 -3
  84. package/dist/components/experimental/client/index.js +1 -3
  85. package/dist/components/experimental/index.cjs +0 -5
  86. package/dist/components/experimental/index.d.cts +1 -3
  87. package/dist/components/experimental/index.d.ts +1 -3
  88. package/dist/components/experimental/index.js +1 -3
  89. package/dist/components/index.cjs +6 -6
  90. package/dist/components/index.d.cts +3 -3
  91. package/dist/components/index.d.ts +3 -3
  92. package/dist/components/index.js +3 -3
  93. package/dist/css-animation/Button/Button.cjs +85 -0
  94. package/dist/css-animation/Button/Button.d.cts +13 -0
  95. package/dist/css-animation/Button/Button.d.ts +14 -0
  96. package/dist/css-animation/Button/Button.js +82 -0
  97. package/dist/css-animation/Button/index.cjs +5 -0
  98. package/dist/css-animation/Button/index.d.cts +4 -0
  99. package/dist/css-animation/Button/index.d.ts +5 -0
  100. package/dist/css-animation/Button/index.js +4 -0
  101. package/dist/css-animation/IconButton/IconButton.cjs +55 -0
  102. package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
  103. package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
  104. package/dist/css-animation/IconButton/IconButton.js +53 -0
  105. package/dist/css-animation/IconButton/index.cjs +5 -0
  106. package/dist/css-animation/IconButton/index.d.cts +4 -0
  107. package/dist/css-animation/IconButton/index.d.ts +5 -0
  108. package/dist/css-animation/IconButton/index.js +4 -0
  109. package/dist/css-animation/Switch/Switch.cjs +44 -0
  110. package/dist/css-animation/Switch/Switch.d.cts +22 -0
  111. package/dist/css-animation/Switch/Switch.d.ts +23 -0
  112. package/dist/css-animation/Switch/Switch.js +41 -0
  113. package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
  114. package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
  115. package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
  116. package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
  117. package/dist/css-animation/Switch/index.cjs +5 -0
  118. package/dist/css-animation/Switch/index.d.cts +3 -0
  119. package/dist/css-animation/Switch/index.d.ts +4 -0
  120. package/dist/css-animation/Switch/index.js +4 -0
  121. package/dist/css-animation/index.cjs +9 -0
  122. package/dist/css-animation/index.d.cts +7 -0
  123. package/dist/css-animation/index.d.ts +8 -0
  124. package/dist/css-animation/index.js +6 -0
  125. package/dist/hooks/usePrefersReducedMotion.cjs +36 -0
  126. package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
  127. package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
  128. package/dist/hooks/usePrefersReducedMotion.js +34 -0
  129. package/dist/index.cjs +7 -7
  130. package/dist/index.d.cts +3 -3
  131. package/dist/index.d.ts +3 -3
  132. package/dist/index.js +4 -4
  133. package/dist/styles/styler.d.cts +24 -24
  134. package/dist/styles/styler.d.ts +24 -24
  135. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  136. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  137. package/dist/uds/generated/componentData.cjs +372 -381
  138. package/dist/uds/generated/componentData.js +372 -381
  139. package/dist/uds/generated/tailwindPurge.cjs +8 -21
  140. package/dist/uds/generated/tailwindPurge.js +8 -21
  141. package/dist/uds/package.cjs +12 -2
  142. package/dist/uds/package.js +12 -2
  143. package/generated/componentData.json +572 -603
  144. package/generated/tailwindPurge.ts +3 -3
  145. package/package.json +13 -3
  146. package/dist/components/client/Button.cjs +0 -326
  147. package/dist/components/client/Button.d.cts +0 -86
  148. package/dist/components/client/Button.d.ts +0 -87
  149. package/dist/components/client/Button.js +0 -321
  150. package/dist/components/client/IconButton.cjs +0 -161
  151. package/dist/components/client/IconButton.d.cts +0 -46
  152. package/dist/components/client/IconButton.d.ts +0 -47
  153. package/dist/components/client/IconButton.js +0 -159
  154. package/dist/components/client/Switch.cjs +0 -225
  155. package/dist/components/client/Switch.js +0 -222
  156. package/dist/components/client/buttonConstants.d.cts +0 -7
  157. package/dist/components/client/buttonConstants.d.ts +0 -8
  158. package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
  159. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
  160. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
  161. package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
  162. package/dist/components/experimental/client/SwitchV2.cjs +0 -190
  163. package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
  164. package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
  165. package/dist/components/experimental/client/SwitchV2.js +0 -185
@@ -336,92 +336,6 @@
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
- },
425
339
  "Divider": {
426
340
  "name": "Divider",
427
341
  "defaultProps": {
@@ -524,6 +438,92 @@
524
438
  "runtimeConfigInternalComponentProps": {},
525
439
  "motionVarPrefixes": []
526
440
  },
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": {},
@@ -839,233 +839,38 @@
839
839
  "--uds-motion-smooth-3-"
840
840
  ]
841
841
  },
842
- "Switch": {
843
- "name": "Switch",
842
+ "Pressable": {
843
+ "name": "Pressable",
844
+ "defaultProps": {},
845
+ "getStylesLiterals": {},
846
+ "cxLiterals": [],
847
+ "internalComponents": [
848
+ "Comp"
849
+ ],
850
+ "internalComponentProps": {},
851
+ "propToVariantKeys": {},
852
+ "runtimeConfigDefaultProps": {},
853
+ "runtimeConfigGetStyles": {},
854
+ "runtimeConfigInternalComponentProps": {},
855
+ "motionVarPrefixes": []
856
+ },
857
+ "Badge": {
858
+ "name": "Badge",
844
859
  "defaultProps": {
845
- "labelPosition": "start",
860
+ "variant": "primary",
846
861
  "size": "md"
847
862
  },
848
- "getStylesLiterals": {
849
- "switchVariantRoot": "default",
850
- "switchVariantActiveRoot": "on",
851
- "switchVariantActiveRoot:1": "off",
852
- "display": "flex",
853
- "flexDirection": "row",
854
- "flexDirection:1": "row-reverse",
855
- "alignItems": "center",
856
- "switchVariantSwitch": "default",
857
- "switchVariantActiveSwitch": "on",
858
- "switchVariantActiveSwitch:1": "off",
859
- "borderRadius": "full",
860
- "position": "relative",
861
- "switchVariantActiveHandle": "on",
862
- "switchVariantActiveHandle:1": "off",
863
- "switchVariantHandle": "default",
864
- "switchVariantHandleIcon": "default",
865
- "switchVariantActiveHandleIcon": "on",
866
- "switchVariantActiveHandleIcon:1": "off"
867
- },
863
+ "getStylesLiterals": {},
868
864
  "cxLiterals": [
869
- "group",
870
- "cursor-pointer",
871
- "cursor-default",
872
- "opacity-50",
873
- "uds-ring",
874
- "uds-ring-within",
875
- "transition-[background-color,box-shadow]",
876
- "relative",
877
- "pointer-events-none",
878
- "uds-border-radius-full",
879
- "overflow-hidden",
880
- "absolute",
881
- "top-0",
882
- "left-0",
883
- "right-0",
884
- "bottom-0",
885
- "opacity-95",
886
- "group-hover:opacity-100",
887
- "transition-[background-color,box-shadow,opacity]",
888
- "opacity-0",
889
- "top-1/2",
890
- "left-1/2",
891
- "transform",
892
- "translate-x-[-50%]",
893
- "translate-y-[-50%]",
894
- "transition-opacity",
895
- "cursor-[inherit]",
896
- "w-[calc(100%+2px)]",
897
- "h-[calc(100%+2px)]",
898
- "text-start",
899
- "text-end",
900
- "opacity-100"
901
- ],
902
- "internalComponents": [
903
- "IconSlot",
904
- "Box",
905
- "FormLabel",
906
- "SpringMotionConfig",
907
- "RootElement",
908
- "MotionBox"
909
- ],
910
- "internalComponentProps": {
911
- "IconSlot": {
912
- "data-testid": [
913
- "on-icon",
914
- "off-icon"
915
- ]
916
- },
917
- "FormLabel": {
918
- "as": [
919
- "div"
920
- ],
921
- "variant": [
922
- "inherit"
923
- ],
924
- "color": [
925
- "inherit"
926
- ]
927
- },
928
- "RootElement": {
929
- "data-testid": [
930
- "container"
931
- ]
932
- }
933
- },
934
- "propToVariantKeys": {
935
- "size": [
936
- "switchSizeRoot",
937
- "switchSizeSwitch",
938
- "switchSizeHandle",
939
- "switchSizeHandleIcon"
940
- ],
941
- "onIcon": [
942
- "icon"
943
- ],
944
- "offIcon": [
945
- "icon"
946
- ],
947
- "reduceMotion": [
948
- "reducedMotion"
949
- ]
950
- },
951
- "runtimeConfigDefaultProps": {},
952
- "runtimeConfigGetStyles": {},
953
- "runtimeConfigInternalComponentProps": {},
954
- "motionVarPrefixes": [
955
- "--uds-motion-bouncy-4-",
956
- "--uds-motion-smooth-3-"
957
- ]
958
- },
959
- "IconButton": {
960
- "name": "IconButton",
961
- "defaultProps": {
962
- "type": "button"
963
- },
964
- "getStylesLiterals": {},
965
- "cxLiterals": [
966
- "uds-ring",
967
- "uds-hit-target",
968
- "inline-flex",
969
- "overflow-hidden",
970
- "justify-center",
971
- "items-center",
972
- "[transform-origin:center]",
973
- "[backface-visibility:hidden]",
974
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
975
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
976
- "[transition-duration:220ms]",
977
- "cursor-not-allowed",
978
- "uds-button-loading",
979
- "uds-button-without-effects",
980
- "animate-spin"
981
- ],
982
- "internalComponents": [
983
- "Icon",
984
- "AnimatePresence",
985
- "SpringMotionConfig",
986
- "MotionSlot"
987
- ],
988
- "internalComponentProps": {
989
- "Icon": {
990
- "color": [
991
- "current"
992
- ]
993
- },
994
- "AnimatePresence": {
995
- "mode": [
996
- "popLayout"
997
- ]
998
- },
999
- "SpringMotionConfig": {
1000
- "layoutSpeed": [
1001
- "3"
1002
- ]
1003
- },
1004
- "MotionSlot": {
1005
- "initial": [
1006
- "icon"
1007
- ],
1008
- "whileHover": [
1009
- "hover"
1010
- ],
1011
- "whileTap": [
1012
- "pressed"
1013
- ]
1014
- }
1015
- },
1016
- "propToVariantKeys": {
1017
- "size": [
1018
- "iconbuttonSizeRoot",
1019
- "iconbuttonSizeIcon"
1020
- ],
1021
- "variant": [
1022
- "buttonVariantRoot",
1023
- "buttonVariantIcon"
1024
- ],
1025
- "iconVariant": [
1026
- "variant"
1027
- ]
1028
- },
1029
- "runtimeConfigDefaultProps": {},
1030
- "runtimeConfigGetStyles": {},
1031
- "runtimeConfigInternalComponentProps": {},
1032
- "motionVarPrefixes": [
1033
- "--uds-motion-subtle-3-",
1034
- "--uds-motion-smooth-3-"
1035
- ]
1036
- },
1037
- "Pressable": {
1038
- "name": "Pressable",
1039
- "defaultProps": {},
1040
- "getStylesLiterals": {},
1041
- "cxLiterals": [],
1042
- "internalComponents": [
1043
- "Comp"
1044
- ],
1045
- "internalComponentProps": {},
1046
- "propToVariantKeys": {},
1047
- "runtimeConfigDefaultProps": {},
1048
- "runtimeConfigGetStyles": {},
1049
- "runtimeConfigInternalComponentProps": {},
1050
- "motionVarPrefixes": []
1051
- },
1052
- "Badge": {
1053
- "name": "Badge",
1054
- "defaultProps": {
1055
- "variant": "primary",
1056
- "size": "md"
1057
- },
1058
- "getStylesLiterals": {},
1059
- "cxLiterals": [
1060
- "uds-badge",
1061
- "uds-badge-variant",
1062
- "uds-badge-size",
1063
- "uds-badge-iconSize",
1064
- "uds-badge-iconColor",
1065
- "flex-1",
1066
- "truncate",
1067
- "whitespace-nowrap",
1068
- "text-center"
865
+ "uds-badge",
866
+ "uds-badge-variant",
867
+ "uds-badge-size",
868
+ "uds-badge-iconSize",
869
+ "uds-badge-iconColor",
870
+ "flex-1",
871
+ "truncate",
872
+ "whitespace-nowrap",
873
+ "text-center"
1069
874
  ],
1070
875
  "internalComponents": [
1071
876
  "IconSlot",
@@ -1111,99 +916,6 @@
1111
916
  "runtimeConfigInternalComponentProps": {},
1112
917
  "motionVarPrefixes": []
1113
918
  },
1114
- "Button": {
1115
- "name": "Button",
1116
- "defaultProps": {
1117
- "type": "button"
1118
- },
1119
- "getStylesLiterals": {},
1120
- "cxLiterals": [
1121
- "uds-ring",
1122
- "uds-hit-target",
1123
- "inline-flex",
1124
- "max-w-full",
1125
- "overflow-hidden",
1126
- "justify-center",
1127
- "items-center",
1128
- "whitespace-nowrap",
1129
- "select-none",
1130
- "[transform-origin:center]",
1131
- "[backface-visibility:hidden]",
1132
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1133
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1134
- "[transition-duration:220ms]",
1135
- "cursor-not-allowed",
1136
- "uds-button-loading",
1137
- "uds-button-without-effects",
1138
- "withIcon",
1139
- "uds-button-with-gap",
1140
- "animate-spin",
1141
- "min-w-0",
1142
- "truncate",
1143
- "flex",
1144
- "shrink-0",
1145
- "overflow-clip",
1146
- "uds-button-icon-container"
1147
- ],
1148
- "internalComponents": [
1149
- "Icon",
1150
- "IconSlot",
1151
- "AnimatePresence",
1152
- "SpringMotionConfig",
1153
- "MotionSlot"
1154
- ],
1155
- "internalComponentProps": {
1156
- "Icon": {
1157
- "color": [
1158
- "current"
1159
- ]
1160
- },
1161
- "AnimatePresence": {
1162
- "mode": [
1163
- "popLayout"
1164
- ]
1165
- },
1166
- "SpringMotionConfig": {
1167
- "layoutSpeed": [
1168
- "3"
1169
- ]
1170
- },
1171
- "MotionSlot": {
1172
- "whileHover": [
1173
- "hover"
1174
- ],
1175
- "whileTap": [
1176
- "pressed"
1177
- ]
1178
- }
1179
- },
1180
- "propToVariantKeys": {
1181
- "size": [
1182
- "buttonSizeRoot",
1183
- "buttonSizeIcon"
1184
- ],
1185
- "variant": [
1186
- "buttonVariantRoot",
1187
- "buttonVariantIcon"
1188
- ],
1189
- "iconVariant": [
1190
- "variant"
1191
- ],
1192
- "startIcon": [
1193
- "icon"
1194
- ],
1195
- "endIcon": [
1196
- "icon"
1197
- ]
1198
- },
1199
- "runtimeConfigDefaultProps": {},
1200
- "runtimeConfigGetStyles": {},
1201
- "runtimeConfigInternalComponentProps": {},
1202
- "motionVarPrefixes": [
1203
- "--uds-motion-subtle-3-",
1204
- "--uds-motion-smooth-3-"
1205
- ]
1206
- },
1207
919
  "Accordion": {
1208
920
  "name": "Accordion",
1209
921
  "defaultProps": {
@@ -1279,160 +991,16 @@
1279
991
  "justifyContent": [
1280
992
  "space-between"
1281
993
  ],
1282
- "columnGap": [
1283
- "2.5"
1284
- ]
1285
- }
1286
- },
1287
- "propToVariantKeys": {},
1288
- "runtimeConfigDefaultProps": {},
1289
- "runtimeConfigGetStyles": {},
1290
- "runtimeConfigInternalComponentProps": {},
1291
- "motionVarPrefixes": [
1292
- "--uds-motion-smooth-3-"
1293
- ]
1294
- },
1295
- "AvoidMotionLibraryProvider": {
1296
- "name": "AvoidMotionLibraryProvider",
1297
- "defaultProps": {},
1298
- "getStylesLiterals": {},
1299
- "cxLiterals": [],
1300
- "internalComponents": [],
1301
- "internalComponentProps": {},
1302
- "propToVariantKeys": {},
1303
- "runtimeConfigDefaultProps": {},
1304
- "runtimeConfigGetStyles": {},
1305
- "runtimeConfigInternalComponentProps": {},
1306
- "motionVarPrefixes": []
1307
- },
1308
- "SwitchV2": {
1309
- "name": "SwitchV2",
1310
- "defaultProps": {
1311
- "labelPosition": "start",
1312
- "size": "md"
1313
- },
1314
- "getStylesLiterals": {
1315
- "switchVariantRoot": "default",
1316
- "switchVariantActiveRoot": "on",
1317
- "switchVariantActiveRoot:1": "off",
1318
- "switchVariantSwitch": "default",
1319
- "switchVariantActiveSwitch": "on",
1320
- "switchVariantActiveSwitch:1": "off",
1321
- "switchVariantActiveHandle": "on",
1322
- "switchVariantActiveHandle:1": "off",
1323
- "switchVariantHandle": "default",
1324
- "switchVariantHandleIcon": "default",
1325
- "switchVariantActiveHandleIcon": "on",
1326
- "switchVariantActiveHandleIcon:1": "off"
1327
- },
1328
- "cxLiterals": [
1329
- "group",
1330
- "flex",
1331
- "items-center",
1332
- "flex-row",
1333
- "flex-row-reverse",
1334
- "uds-ring",
1335
- "uds-ring-within",
1336
- "relative",
1337
- "uds-border-radius-full",
1338
- "transition-[background-color,box-shadow]",
1339
- "pointer-events-none",
1340
- "w-full",
1341
- "h-full",
1342
- "absolute",
1343
- "top-0",
1344
- "bottom-0",
1345
- "right-0",
1346
- "left-0",
1347
- "overflow-hidden",
1348
- "group-hover:scale-105",
1349
- "opacity-95",
1350
- "group-hover:opacity-100",
1351
- "transition-[transform,opacity]",
1352
- "opacity-0",
1353
- "top-1/2",
1354
- "left-1/2",
1355
- "transform",
1356
- "translate-x-[-50%]",
1357
- "translate-y-[-50%]",
1358
- "transition-opacity",
1359
- "cursor-[inherit]",
1360
- "w-[calc(100%+2px)]",
1361
- "h-[calc(100%+2px)]",
1362
- "text-start",
1363
- "text-end",
1364
- "opacity-100"
1365
- ],
1366
- "internalComponents": [
1367
- "IconSlot",
1368
- "Box",
1369
- "FormLabel",
1370
- "SpringMotionConfig",
1371
- "RootElement",
1372
- "MotionBox"
1373
- ],
1374
- "internalComponentProps": {
1375
- "IconSlot": {
1376
- "data-testid": [
1377
- "on-icon",
1378
- "off-icon"
1379
- ]
1380
- },
1381
- "FormLabel": {
1382
- "as": [
1383
- "div"
1384
- ],
1385
- "variant": [
1386
- "inherit"
1387
- ],
1388
- "color": [
1389
- "inherit"
1390
- ]
1391
- },
1392
- "SpringMotionConfig": {
1393
- "layoutVariant": [
1394
- "bouncy"
1395
- ],
1396
- "layoutSpeed": [
1397
- "4"
1398
- ]
1399
- },
1400
- "RootElement": {
1401
- "data-testid": [
1402
- "switch-root"
1403
- ]
1404
- },
1405
- "MotionBox": {
1406
- "layout": [
1407
- "position"
994
+ "columnGap": [
995
+ "2.5"
1408
996
  ]
1409
997
  }
1410
998
  },
1411
- "propToVariantKeys": {
1412
- "size": [
1413
- "switchSizeRoot",
1414
- "switchSizeSwitch",
1415
- "switchSizeHandle",
1416
- "switchSizeHandleIcon"
1417
- ],
1418
- "onIcon": [
1419
- "icon"
1420
- ],
1421
- "offIcon": [
1422
- "icon"
1423
- ],
1424
- "reduceMotion": [
1425
- "reducedMotion"
1426
- ],
1427
- "isOn": [
1428
- "layoutDependency"
1429
- ]
1430
- },
999
+ "propToVariantKeys": {},
1431
1000
  "runtimeConfigDefaultProps": {},
1432
1001
  "runtimeConfigGetStyles": {},
1433
1002
  "runtimeConfigInternalComponentProps": {},
1434
1003
  "motionVarPrefixes": [
1435
- "--uds-motion-bouncy-4-",
1436
1004
  "--uds-motion-smooth-3-"
1437
1005
  ]
1438
1006
  },
@@ -2964,6 +2532,97 @@
2964
2532
  "runtimeConfigInternalComponentProps": {},
2965
2533
  "motionVarPrefixes": []
2966
2534
  },
2535
+ "IconButton": {
2536
+ "name": "IconButton",
2537
+ "defaultProps": {},
2538
+ "getStylesLiterals": {},
2539
+ "cxLiterals": [],
2540
+ "internalComponents": [
2541
+ "IconButtonBase",
2542
+ "Icon",
2543
+ "AnimatePresence",
2544
+ "SpringMotionConfig",
2545
+ "MotionSlot",
2546
+ "IconButtonProps",
2547
+ "Slot"
2548
+ ],
2549
+ "internalComponentProps": {
2550
+ "Icon": {
2551
+ "color": [
2552
+ "current"
2553
+ ]
2554
+ },
2555
+ "AnimatePresence": {
2556
+ "mode": [
2557
+ "popLayout"
2558
+ ]
2559
+ },
2560
+ "SpringMotionConfig": {
2561
+ "layoutSpeed": [
2562
+ "3"
2563
+ ]
2564
+ },
2565
+ "MotionSlot": {
2566
+ "initial": [
2567
+ "icon"
2568
+ ],
2569
+ "whileHover": [
2570
+ "hover"
2571
+ ],
2572
+ "whileTap": [
2573
+ "pressed"
2574
+ ]
2575
+ }
2576
+ },
2577
+ "propToVariantKeys": {},
2578
+ "runtimeConfigDefaultProps": {},
2579
+ "runtimeConfigGetStyles": {},
2580
+ "runtimeConfigInternalComponentProps": {},
2581
+ "motionVarPrefixes": [
2582
+ "--uds-motion-subtle-3-",
2583
+ "--uds-motion-smooth-3-"
2584
+ ]
2585
+ },
2586
+ "IconButtonBase": {
2587
+ "name": "IconButtonBase",
2588
+ "defaultProps": {
2589
+ "type": "button"
2590
+ },
2591
+ "getStylesLiterals": {},
2592
+ "cxLiterals": [
2593
+ "uds-ring",
2594
+ "uds-hit-target",
2595
+ "inline-flex",
2596
+ "overflow-hidden",
2597
+ "justify-center",
2598
+ "items-center",
2599
+ "[transform-origin:center]",
2600
+ "[backface-visibility:hidden]",
2601
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2602
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2603
+ "[transition-duration:220ms]",
2604
+ "cursor-not-allowed",
2605
+ "uds-button-loading",
2606
+ "uds-button-without-effects",
2607
+ "animate-spin"
2608
+ ],
2609
+ "internalComponents": [],
2610
+ "internalComponentProps": {},
2611
+ "propToVariantKeys": {
2612
+ "size": [
2613
+ "iconbuttonSizeRoot",
2614
+ "iconbuttonSizeIcon"
2615
+ ],
2616
+ "variant": [
2617
+ "buttonVariantRoot",
2618
+ "buttonVariantIcon"
2619
+ ]
2620
+ },
2621
+ "runtimeConfigDefaultProps": {},
2622
+ "runtimeConfigGetStyles": {},
2623
+ "runtimeConfigInternalComponentProps": {},
2624
+ "motionVarPrefixes": []
2625
+ },
2967
2626
  "UDSToastConfigProvider": {
2968
2627
  "name": "UDSToastConfigProvider",
2969
2628
  "defaultProps": {},
@@ -3223,74 +2882,218 @@
3223
2882
  ]
3224
2883
  }
3225
2884
  },
3226
- "motionVarPrefixes": []
3227
- },
3228
- "TooltipContent": {
3229
- "name": "TooltipContent",
3230
- "defaultProps": {},
2885
+ "motionVarPrefixes": []
2886
+ },
2887
+ "TooltipContent": {
2888
+ "name": "TooltipContent",
2889
+ "defaultProps": {},
2890
+ "getStylesLiterals": {
2891
+ "tooltipSizeRoot": "default",
2892
+ "tooltipVariantRoot": "default",
2893
+ "tooltipSizeSvg": "default",
2894
+ "tooltipVariantSvg": "default",
2895
+ "tooltipVariantBlur": "default",
2896
+ "position": "absolute",
2897
+ "width": "full",
2898
+ "height": "full",
2899
+ "tooltipSizeTitle": "default",
2900
+ "tooltipSizeBody": "default",
2901
+ "tooltipSizeEndContent": "default",
2902
+ "tooltipSizeIcon": "default",
2903
+ "tooltipVariantIcon": "default"
2904
+ },
2905
+ "cxLiterals": [
2906
+ "max-w-lg",
2907
+ "flex",
2908
+ "z-[9999]",
2909
+ "uds-bgBlurFillFallback",
2910
+ "uds-bgBlurFallback",
2911
+ "top-0",
2912
+ "left-0",
2913
+ "z-[1]"
2914
+ ],
2915
+ "internalComponents": [
2916
+ "IconSlot",
2917
+ "TooltipArrow",
2918
+ "Tooltip",
2919
+ "SvgFloatingOverlay",
2920
+ "VStack",
2921
+ "Box",
2922
+ "Text"
2923
+ ],
2924
+ "internalComponentProps": {
2925
+ "SvgFloatingOverlay": {
2926
+ "contentOverflow": [
2927
+ "visible"
2928
+ ]
2929
+ },
2930
+ "VStack": {
2931
+ "className": [
2932
+ "gap-[inherit]"
2933
+ ]
2934
+ },
2935
+ "Box": {
2936
+ "alignItems": [
2937
+ "center"
2938
+ ],
2939
+ "columnGap": [
2940
+ "1",
2941
+ "1.5"
2942
+ ]
2943
+ },
2944
+ "Text": {
2945
+ "color": [
2946
+ "inherit"
2947
+ ]
2948
+ }
2949
+ },
2950
+ "propToVariantKeys": {
2951
+ "startTitleIcon": [
2952
+ "icon"
2953
+ ]
2954
+ },
2955
+ "runtimeConfigDefaultProps": {},
2956
+ "runtimeConfigGetStyles": {},
2957
+ "runtimeConfigInternalComponentProps": {},
2958
+ "motionVarPrefixes": []
2959
+ },
2960
+ "Switch": {
2961
+ "name": "Switch",
2962
+ "defaultProps": {},
2963
+ "getStylesLiterals": {
2964
+ "switchVariantActiveHandle": "on",
2965
+ "switchVariantActiveHandle:1": "off",
2966
+ "switchVariantHandle": "default",
2967
+ "switchVariantHandleIcon": "default",
2968
+ "switchVariantActiveHandleIcon": "on",
2969
+ "switchVariantActiveHandleIcon:1": "off"
2970
+ },
2971
+ "cxLiterals": [
2972
+ "relative",
2973
+ "pointer-events-none",
2974
+ "uds-border-radius-full",
2975
+ "overflow-hidden",
2976
+ "absolute",
2977
+ "top-0",
2978
+ "left-0",
2979
+ "right-0",
2980
+ "bottom-0",
2981
+ "opacity-95",
2982
+ "group-hover:opacity-100",
2983
+ "transition-[background-color,box-shadow,opacity]",
2984
+ "opacity-0",
2985
+ "top-1/2",
2986
+ "left-1/2",
2987
+ "transform",
2988
+ "translate-x-[-50%]",
2989
+ "translate-y-[-50%]",
2990
+ "transition-opacity",
2991
+ "opacity-100"
2992
+ ],
2993
+ "internalComponents": [
2994
+ "IconSlot",
2995
+ "SwitchBase",
2996
+ "Box",
2997
+ "SpringMotionConfig",
2998
+ "MotionBox",
2999
+ "SwitchProps",
3000
+ "SwitchStaticHandle"
3001
+ ],
3002
+ "internalComponentProps": {
3003
+ "IconSlot": {
3004
+ "data-testid": [
3005
+ "on-icon",
3006
+ "off-icon"
3007
+ ]
3008
+ }
3009
+ },
3010
+ "propToVariantKeys": {
3011
+ "size": [
3012
+ "switchSizeHandle",
3013
+ "switchSizeHandleIcon"
3014
+ ],
3015
+ "reduceMotion": [
3016
+ "reducedMotion"
3017
+ ]
3018
+ },
3019
+ "runtimeConfigDefaultProps": {},
3020
+ "runtimeConfigGetStyles": {},
3021
+ "runtimeConfigInternalComponentProps": {},
3022
+ "motionVarPrefixes": [
3023
+ "--uds-motion-bouncy-4-",
3024
+ "--uds-motion-smooth-3-"
3025
+ ]
3026
+ },
3027
+ "SwitchBase": {
3028
+ "name": "SwitchBase",
3029
+ "defaultProps": {
3030
+ "labelPosition": "start",
3031
+ "size": "md"
3032
+ },
3231
3033
  "getStylesLiterals": {
3232
- "tooltipSizeRoot": "default",
3233
- "tooltipVariantRoot": "default",
3234
- "tooltipSizeSvg": "default",
3235
- "tooltipVariantSvg": "default",
3236
- "tooltipVariantBlur": "default",
3237
- "position": "absolute",
3238
- "width": "full",
3239
- "height": "full",
3240
- "tooltipSizeTitle": "default",
3241
- "tooltipSizeBody": "default",
3242
- "tooltipSizeEndContent": "default",
3243
- "tooltipSizeIcon": "default",
3244
- "tooltipVariantIcon": "default"
3034
+ "switchVariantRoot": "default",
3035
+ "switchVariantActiveRoot": "on",
3036
+ "switchVariantActiveRoot:1": "off",
3037
+ "display": "flex",
3038
+ "flexDirection": "row",
3039
+ "flexDirection:1": "row-reverse",
3040
+ "alignItems": "center",
3041
+ "switchVariantSwitch": "default",
3042
+ "switchVariantActiveSwitch": "on",
3043
+ "switchVariantActiveSwitch:1": "off",
3044
+ "borderRadius": "full",
3045
+ "position": "relative"
3245
3046
  },
3246
3047
  "cxLiterals": [
3247
- "max-w-lg",
3248
- "flex",
3249
- "z-[9999]",
3250
- "uds-bgBlurFillFallback",
3251
- "uds-bgBlurFallback",
3252
- "top-0",
3253
- "left-0",
3254
- "z-[1]"
3048
+ "group",
3049
+ "cursor-pointer",
3050
+ "cursor-default",
3051
+ "opacity-50",
3052
+ "uds-ring",
3053
+ "uds-ring-within",
3054
+ "transition-[background-color,box-shadow]",
3055
+ "cursor-[inherit]",
3056
+ "absolute",
3057
+ "opacity-0",
3058
+ "top-1/2",
3059
+ "left-1/2",
3060
+ "w-[calc(100%+2px)]",
3061
+ "h-[calc(100%+2px)]",
3062
+ "transform",
3063
+ "translate-x-[-50%]",
3064
+ "translate-y-[-50%]",
3065
+ "text-start",
3066
+ "text-end",
3067
+ "translate-x-[1.25rem]",
3068
+ "translate-x-[0.75rem]"
3255
3069
  ],
3256
3070
  "internalComponents": [
3257
- "IconSlot",
3258
- "TooltipArrow",
3259
- "Tooltip",
3260
- "SvgFloatingOverlay",
3261
- "VStack",
3262
- "Box",
3263
- "Text"
3071
+ "FormLabel",
3072
+ "RootElement",
3073
+ "Box"
3264
3074
  ],
3265
3075
  "internalComponentProps": {
3266
- "SvgFloatingOverlay": {
3267
- "contentOverflow": [
3268
- "visible"
3269
- ]
3270
- },
3271
- "VStack": {
3272
- "className": [
3273
- "gap-[inherit]"
3274
- ]
3275
- },
3276
- "Box": {
3277
- "alignItems": [
3278
- "center"
3076
+ "FormLabel": {
3077
+ "as": [
3078
+ "div"
3079
+ ],
3080
+ "variant": [
3081
+ "inherit"
3279
3082
  ],
3280
- "columnGap": [
3281
- "1",
3282
- "1.5"
3283
- ]
3284
- },
3285
- "Text": {
3286
3083
  "color": [
3287
3084
  "inherit"
3288
3085
  ]
3086
+ },
3087
+ "RootElement": {
3088
+ "data-testid": [
3089
+ "container"
3090
+ ]
3289
3091
  }
3290
3092
  },
3291
3093
  "propToVariantKeys": {
3292
- "startTitleIcon": [
3293
- "icon"
3094
+ "size": [
3095
+ "switchSizeRoot",
3096
+ "switchSizeSwitch"
3294
3097
  ]
3295
3098
  },
3296
3099
  "runtimeConfigDefaultProps": {},
@@ -3461,6 +3264,106 @@
3461
3264
  "runtimeConfigInternalComponentProps": {},
3462
3265
  "motionVarPrefixes": []
3463
3266
  },
3267
+ "Button": {
3268
+ "name": "Button",
3269
+ "defaultProps": {},
3270
+ "getStylesLiterals": {},
3271
+ "cxLiterals": [],
3272
+ "internalComponents": [
3273
+ "ButtonBase",
3274
+ "Icon",
3275
+ "IconSlot",
3276
+ "AnimatePresence",
3277
+ "SpringMotionConfig",
3278
+ "MotionSlot",
3279
+ "ButtonProps",
3280
+ "Slot"
3281
+ ],
3282
+ "internalComponentProps": {
3283
+ "Icon": {
3284
+ "color": [
3285
+ "current"
3286
+ ]
3287
+ },
3288
+ "AnimatePresence": {
3289
+ "mode": [
3290
+ "popLayout"
3291
+ ]
3292
+ },
3293
+ "SpringMotionConfig": {
3294
+ "layoutSpeed": [
3295
+ "3"
3296
+ ]
3297
+ },
3298
+ "MotionSlot": {
3299
+ "whileHover": [
3300
+ "hover"
3301
+ ],
3302
+ "whileTap": [
3303
+ "pressed"
3304
+ ]
3305
+ }
3306
+ },
3307
+ "propToVariantKeys": {},
3308
+ "runtimeConfigDefaultProps": {},
3309
+ "runtimeConfigGetStyles": {},
3310
+ "runtimeConfigInternalComponentProps": {},
3311
+ "motionVarPrefixes": [
3312
+ "--uds-motion-subtle-3-",
3313
+ "--uds-motion-smooth-3-"
3314
+ ]
3315
+ },
3316
+ "ButtonBase": {
3317
+ "name": "ButtonBase",
3318
+ "defaultProps": {
3319
+ "type": "button"
3320
+ },
3321
+ "getStylesLiterals": {},
3322
+ "cxLiterals": [
3323
+ "uds-ring",
3324
+ "uds-hit-target",
3325
+ "inline-flex",
3326
+ "max-w-full",
3327
+ "overflow-hidden",
3328
+ "justify-center",
3329
+ "items-center",
3330
+ "whitespace-nowrap",
3331
+ "select-none",
3332
+ "[transform-origin:center]",
3333
+ "[backface-visibility:hidden]",
3334
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3335
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3336
+ "[transition-duration:220ms]",
3337
+ "cursor-not-allowed",
3338
+ "uds-button-loading",
3339
+ "uds-button-without-effects",
3340
+ "withIcon",
3341
+ "uds-button-with-gap",
3342
+ "flex",
3343
+ "shrink-0",
3344
+ "overflow-clip",
3345
+ "uds-button-icon-container",
3346
+ "animate-spin",
3347
+ "min-w-0",
3348
+ "truncate"
3349
+ ],
3350
+ "internalComponents": [],
3351
+ "internalComponentProps": {},
3352
+ "propToVariantKeys": {
3353
+ "size": [
3354
+ "buttonSizeRoot",
3355
+ "buttonSizeIcon"
3356
+ ],
3357
+ "variant": [
3358
+ "buttonVariantRoot",
3359
+ "buttonVariantIcon"
3360
+ ]
3361
+ },
3362
+ "runtimeConfigDefaultProps": {},
3363
+ "runtimeConfigGetStyles": {},
3364
+ "runtimeConfigInternalComponentProps": {},
3365
+ "motionVarPrefixes": []
3366
+ },
3464
3367
  "ChipButton": {
3465
3368
  "name": "ChipButton",
3466
3369
  "defaultProps": {
@@ -4931,5 +4834,71 @@
4931
4834
  "runtimeConfigGetStyles": {},
4932
4835
  "runtimeConfigInternalComponentProps": {},
4933
4836
  "motionVarPrefixes": []
4837
+ },
4838
+ "SwitchStaticHandle": {
4839
+ "name": "SwitchStaticHandle",
4840
+ "defaultProps": {},
4841
+ "getStylesLiterals": {
4842
+ "switchVariantActiveHandle": "on",
4843
+ "switchVariantActiveHandle:1": "off",
4844
+ "switchVariantHandle": "default",
4845
+ "switchVariantHandleIcon": "default",
4846
+ "switchVariantActiveHandleIcon": "on",
4847
+ "switchVariantActiveHandleIcon:1": "off"
4848
+ },
4849
+ "cxLiterals": [
4850
+ "relative",
4851
+ "pointer-events-none",
4852
+ "uds-border-radius-full",
4853
+ "overflow-hidden",
4854
+ "absolute",
4855
+ "top-0",
4856
+ "left-0",
4857
+ "right-0",
4858
+ "bottom-0",
4859
+ "opacity-95",
4860
+ "group-hover:opacity-100",
4861
+ "transition-[background-color,box-shadow,opacity]",
4862
+ "opacity-0",
4863
+ "top-1/2",
4864
+ "left-1/2",
4865
+ "transform",
4866
+ "translate-x-[-50%]",
4867
+ "translate-y-[-50%]",
4868
+ "transition-opacity",
4869
+ "translate-x-0",
4870
+ "group-hover:scale-105",
4871
+ "transition-[transform,opacity]",
4872
+ "opacity-100"
4873
+ ],
4874
+ "internalComponents": [
4875
+ "Box",
4876
+ "DataAttributes",
4877
+ "IconSlot"
4878
+ ],
4879
+ "internalComponentProps": {
4880
+ "IconSlot": {
4881
+ "data-testid": [
4882
+ "on-icon",
4883
+ "off-icon"
4884
+ ]
4885
+ }
4886
+ },
4887
+ "propToVariantKeys": {
4888
+ "size": [
4889
+ "switchSizeHandle",
4890
+ "switchSizeHandleIcon"
4891
+ ],
4892
+ "onIcon": [
4893
+ "icon"
4894
+ ],
4895
+ "offIcon": [
4896
+ "icon"
4897
+ ]
4898
+ },
4899
+ "runtimeConfigDefaultProps": {},
4900
+ "runtimeConfigGetStyles": {},
4901
+ "runtimeConfigInternalComponentProps": {},
4902
+ "motionVarPrefixes": []
4934
4903
  }
4935
4904
  }