@yahoo/uds 3.159.1 → 3.160.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 (149) 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/Text.cjs +4 -2
  4. package/dist/components/Text.js +4 -2
  5. package/dist/components/client/Button/Button.cjs +213 -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 +208 -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/IconButton/IconButton.cjs +104 -0
  22. package/dist/components/client/IconButton/IconButton.d.cts +17 -0
  23. package/dist/components/client/IconButton/IconButton.d.ts +18 -0
  24. package/dist/components/client/IconButton/IconButton.js +102 -0
  25. package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
  26. package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
  27. package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
  28. package/dist/components/client/IconButton/IconButtonBase.js +65 -0
  29. package/dist/components/client/IconButton/index.cjs +8 -0
  30. package/dist/components/client/IconButton/index.d.cts +4 -0
  31. package/dist/components/client/IconButton/index.d.ts +5 -0
  32. package/dist/components/client/IconButton/index.js +5 -0
  33. package/dist/components/client/Pressable.cjs +3 -1
  34. package/dist/components/client/Pressable.js +3 -1
  35. package/dist/components/client/SpringMotionConfig.cjs +10 -13
  36. package/dist/components/client/SpringMotionConfig.js +10 -13
  37. package/dist/components/client/Switch/Switch.cjs +119 -0
  38. package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
  39. package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
  40. package/dist/components/client/Switch/Switch.js +115 -0
  41. package/dist/components/client/Switch/SwitchBase.cjs +129 -0
  42. package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
  43. package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
  44. package/dist/components/client/Switch/SwitchBase.js +126 -0
  45. package/dist/components/client/Switch/index.cjs +5 -0
  46. package/dist/components/client/Switch/index.d.cts +3 -0
  47. package/dist/components/client/Switch/index.d.ts +4 -0
  48. package/dist/components/client/Switch/index.js +4 -0
  49. package/dist/components/client/Switch/switchStyles.cjs +17 -0
  50. package/dist/components/client/Switch/switchStyles.d.cts +9 -0
  51. package/dist/components/client/Switch/switchStyles.d.ts +10 -0
  52. package/dist/components/client/Switch/switchStyles.js +16 -0
  53. package/dist/components/client/Switch/types.cjs +2 -0
  54. package/dist/components/client/Switch/types.d.cts +33 -0
  55. package/dist/components/client/Switch/types.d.ts +34 -0
  56. package/dist/components/client/Switch/types.js +2 -0
  57. package/dist/components/client/Toast/Toast.cjs +2 -2
  58. package/dist/components/client/Toast/Toast.d.cts +1 -1
  59. package/dist/components/client/Toast/Toast.d.ts +1 -1
  60. package/dist/components/client/Toast/Toast.js +1 -1
  61. package/dist/components/client/index.cjs +6 -6
  62. package/dist/components/client/index.d.cts +3 -3
  63. package/dist/components/client/index.d.ts +3 -3
  64. package/dist/components/client/index.js +3 -3
  65. package/dist/components/experimental/client/index.cjs +0 -6
  66. package/dist/components/experimental/client/index.d.cts +1 -3
  67. package/dist/components/experimental/client/index.d.ts +1 -3
  68. package/dist/components/experimental/client/index.js +1 -3
  69. package/dist/components/experimental/index.cjs +0 -5
  70. package/dist/components/experimental/index.d.cts +1 -3
  71. package/dist/components/experimental/index.d.ts +1 -3
  72. package/dist/components/experimental/index.js +1 -3
  73. package/dist/components/index.cjs +6 -6
  74. package/dist/components/index.d.cts +3 -3
  75. package/dist/components/index.d.ts +3 -3
  76. package/dist/components/index.js +3 -3
  77. package/dist/css-animation/Button/Button.cjs +85 -0
  78. package/dist/css-animation/Button/Button.d.cts +13 -0
  79. package/dist/css-animation/Button/Button.d.ts +14 -0
  80. package/dist/css-animation/Button/Button.js +82 -0
  81. package/dist/css-animation/Button/index.cjs +5 -0
  82. package/dist/css-animation/Button/index.d.cts +4 -0
  83. package/dist/css-animation/Button/index.d.ts +5 -0
  84. package/dist/css-animation/Button/index.js +4 -0
  85. package/dist/css-animation/IconButton/IconButton.cjs +55 -0
  86. package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
  87. package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
  88. package/dist/css-animation/IconButton/IconButton.js +53 -0
  89. package/dist/css-animation/IconButton/index.cjs +5 -0
  90. package/dist/css-animation/IconButton/index.d.cts +4 -0
  91. package/dist/css-animation/IconButton/index.d.ts +5 -0
  92. package/dist/css-animation/IconButton/index.js +4 -0
  93. package/dist/css-animation/Switch/Switch.cjs +44 -0
  94. package/dist/css-animation/Switch/Switch.d.cts +22 -0
  95. package/dist/css-animation/Switch/Switch.d.ts +23 -0
  96. package/dist/css-animation/Switch/Switch.js +41 -0
  97. package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
  98. package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
  99. package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
  100. package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
  101. package/dist/css-animation/Switch/index.cjs +5 -0
  102. package/dist/css-animation/Switch/index.d.cts +3 -0
  103. package/dist/css-animation/Switch/index.d.ts +4 -0
  104. package/dist/css-animation/Switch/index.js +4 -0
  105. package/dist/css-animation/index.cjs +9 -0
  106. package/dist/css-animation/index.d.cts +7 -0
  107. package/dist/css-animation/index.d.ts +8 -0
  108. package/dist/css-animation/index.js +6 -0
  109. package/dist/hooks/usePrefersReducedMotion.cjs +24 -0
  110. package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
  111. package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
  112. package/dist/hooks/usePrefersReducedMotion.js +22 -0
  113. package/dist/index.cjs +7 -7
  114. package/dist/index.d.cts +3 -3
  115. package/dist/index.d.ts +3 -3
  116. package/dist/index.js +4 -4
  117. package/dist/styles/styler.d.cts +4 -4
  118. package/dist/styles/styler.d.ts +4 -4
  119. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  120. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  121. package/dist/uds/generated/componentData.cjs +372 -381
  122. package/dist/uds/generated/componentData.js +372 -381
  123. package/dist/uds/generated/tailwindPurge.cjs +8 -21
  124. package/dist/uds/generated/tailwindPurge.js +8 -21
  125. package/dist/uds/package.cjs +12 -2
  126. package/dist/uds/package.js +12 -2
  127. package/generated/componentData.json +572 -603
  128. package/generated/tailwindPurge.ts +3 -3
  129. package/package.json +13 -3
  130. package/dist/components/client/Button.cjs +0 -326
  131. package/dist/components/client/Button.d.cts +0 -86
  132. package/dist/components/client/Button.d.ts +0 -87
  133. package/dist/components/client/Button.js +0 -321
  134. package/dist/components/client/IconButton.cjs +0 -161
  135. package/dist/components/client/IconButton.d.cts +0 -46
  136. package/dist/components/client/IconButton.d.ts +0 -47
  137. package/dist/components/client/IconButton.js +0 -159
  138. package/dist/components/client/Switch.cjs +0 -225
  139. package/dist/components/client/Switch.js +0 -222
  140. package/dist/components/client/buttonConstants.d.cts +0 -7
  141. package/dist/components/client/buttonConstants.d.ts +0 -8
  142. package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
  143. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
  144. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
  145. package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
  146. package/dist/components/experimental/client/SwitchV2.cjs +0 -190
  147. package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
  148. package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
  149. package/dist/components/experimental/client/SwitchV2.js +0 -185
@@ -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": {},
@@ -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
  }