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