@yahoo/uds 3.124.0 → 3.125.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +6 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -2
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -2
  4. package/dist/automated-config/dist/generated/autoVariants.js +6 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +19 -1
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +16 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +16 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +19 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +81 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +81 -0
  11. package/dist/components/FormLabel.cjs +4 -2
  12. package/dist/components/FormLabel.d.cts +2 -17
  13. package/dist/components/FormLabel.d.ts +2 -17
  14. package/dist/components/FormLabel.js +4 -2
  15. package/dist/components/Image.cjs +4 -2
  16. package/dist/components/Image.d.cts +2 -61
  17. package/dist/components/Image.d.ts +2 -61
  18. package/dist/components/Image.js +4 -2
  19. package/dist/components/client/Avatar/AvatarImage.cjs +1 -0
  20. package/dist/components/client/Avatar/AvatarImage.js +1 -0
  21. package/dist/components/client/Checkbox.cjs +2 -1
  22. package/dist/components/client/Checkbox.js +2 -1
  23. package/dist/components/client/Input/Input.cjs +2 -1
  24. package/dist/components/client/Input/Input.js +2 -1
  25. package/dist/components/client/Input/InputHelpTextInternal.cjs +3 -2
  26. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -14
  27. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -14
  28. package/dist/components/client/Input/InputHelpTextInternal.js +4 -3
  29. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  31. package/dist/components/client/Radio/Radio.cjs +2 -1
  32. package/dist/components/client/Radio/Radio.js +2 -1
  33. package/dist/components/client/Switch.cjs +3 -3
  34. package/dist/components/client/Switch.js +3 -3
  35. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  36. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  37. package/dist/config/dist/index.cjs +83 -2
  38. package/dist/config/dist/index.js +83 -2
  39. package/dist/fixtures/dist/index.cjs +19 -6
  40. package/dist/fixtures/dist/index.d.cts +1 -1
  41. package/dist/fixtures/dist/index.d.ts +1 -1
  42. package/dist/fixtures/dist/index.js +19 -6
  43. package/dist/styles/styler.d.cts +93 -93
  44. package/dist/styles/styler.d.ts +93 -93
  45. package/dist/styles/variants.cjs +4 -1
  46. package/dist/styles/variants.d.cts +9 -0
  47. package/dist/styles/variants.d.ts +9 -0
  48. package/dist/styles/variants.js +4 -1
  49. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +6 -0
  50. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +6 -0
  51. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  52. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +19 -1
  53. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +19 -1
  54. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  55. package/dist/tailwind/dist/config/dist/index.cjs +83 -2
  56. package/dist/tailwind/dist/config/dist/index.js +83 -2
  57. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  58. package/dist/tailwind/dist/fixtures/dist/index.cjs +20 -0
  59. package/dist/tailwind/dist/fixtures/dist/index.js +20 -0
  60. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  61. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +27 -0
  62. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +27 -0
  63. package/dist/tailwind/dist/purger/optimized/ast/expressions.js.map +1 -1
  64. package/dist/tailwind/dist/types/dist/index.d.cts +2 -2
  65. package/dist/tailwind/dist/types/dist/index.d.ts +2 -2
  66. package/dist/tokens/configs/sizes.cjs +4 -1
  67. package/dist/tokens/configs/sizes.js +4 -1
  68. package/dist/types/dist/index.d.cts +2 -2
  69. package/dist/types/dist/index.d.ts +2 -2
  70. package/dist/uds/generated/componentData.cjs +1040 -1040
  71. package/dist/uds/generated/componentData.js +1040 -1040
  72. package/dist/uds/generated/tailwindPurge.cjs +13 -5
  73. package/dist/uds/generated/tailwindPurge.js +13 -5
  74. package/generated/componentData.json +1591 -1591
  75. package/generated/tailwindPurge.ts +2 -2
  76. package/package.json +1 -1
@@ -423,92 +423,6 @@
423
423
  "runtimeConfigInternalComponentProps": {},
424
424
  "motionVarPrefixes": []
425
425
  },
426
- "Spinner": {
427
- "name": "Spinner",
428
- "defaultProps": {
429
- "color": "primary",
430
- "size": "lg"
431
- },
432
- "getStylesLiterals": {},
433
- "cxLiterals": [
434
- "self-center",
435
- "relative",
436
- "sr-only"
437
- ],
438
- "internalComponents": [
439
- "Icon"
440
- ],
441
- "internalComponentProps": {
442
- "Icon": {
443
- "role": [
444
- "img"
445
- ],
446
- "className": [
447
- "animate-spin"
448
- ],
449
- "aria-hidden": [
450
- "true"
451
- ]
452
- }
453
- },
454
- "propToVariantKeys": {},
455
- "runtimeConfigDefaultProps": {},
456
- "runtimeConfigGetStyles": {},
457
- "runtimeConfigInternalComponentProps": {},
458
- "motionVarPrefixes": []
459
- },
460
- "Table.mocks": {
461
- "name": "Table.mocks",
462
- "defaultProps": {},
463
- "getStylesLiterals": {},
464
- "cxLiterals": [],
465
- "internalComponents": [],
466
- "internalComponentProps": {},
467
- "propToVariantKeys": {},
468
- "runtimeConfigDefaultProps": {},
469
- "runtimeConfigGetStyles": {},
470
- "runtimeConfigInternalComponentProps": {},
471
- "motionVarPrefixes": []
472
- },
473
- "Table": {
474
- "name": "Table",
475
- "defaultProps": {
476
- "display": "table-cell",
477
- "overflow": "hidden",
478
- "borderColor": "muted",
479
- "borderRadius": "md",
480
- "spacing": "3",
481
- "borderBottomColor": "muted",
482
- "borderBottomWidth": "thin",
483
- "color": "primary"
484
- },
485
- "getStylesLiterals": {
486
- "textAlign": "start"
487
- },
488
- "cxLiterals": [],
489
- "internalComponents": [
490
- "CellComponent",
491
- "Box",
492
- "Text",
493
- "Table.Root",
494
- "Table.Header",
495
- "Table.Row",
496
- "Table.Cell",
497
- "Table.Body"
498
- ],
499
- "internalComponentProps": {
500
- "Table.Cell": {
501
- "asHeaderCell": [
502
- "column"
503
- ]
504
- }
505
- },
506
- "propToVariantKeys": {},
507
- "runtimeConfigDefaultProps": {},
508
- "runtimeConfigGetStyles": {},
509
- "runtimeConfigInternalComponentProps": {},
510
- "motionVarPrefixes": []
511
- },
512
426
  "AnimateHeightChange": {
513
427
  "name": "AnimateHeightChange",
514
428
  "defaultProps": {},
@@ -1010,182 +924,132 @@
1010
924
  "--uds-motion-smooth-3-"
1011
925
  ]
1012
926
  },
1013
- "Input": {
1014
- "name": "Input",
927
+ "Spinner": {
928
+ "name": "Spinner",
1015
929
  "defaultProps": {
1016
- "type": "text",
1017
- "size": "md",
1018
- "width": "full"
1019
- },
1020
- "getStylesLiterals": {
1021
- "inputVariantRoot": "default",
1022
- "inputVariantValueRoot": "empty",
1023
- "inputVariantValueRoot:1": "filled",
1024
- "inputVariantInputWrapper": "default",
1025
- "inputVariantValueInputWrapper": "empty",
1026
- "inputVariantValueInputWrapper:1": "filled",
1027
- "inputVariantInput": "default",
1028
- "inputVariantValueInput": "empty",
1029
- "inputVariantValueInput:1": "filled",
1030
- "inputVariantInputPlaceholder": "default",
1031
- "inputVariantValueInputPlaceholder": "empty",
1032
- "inputVariantValueInputPlaceholder:1": "filled",
1033
- "inputVariantLabel": "default",
1034
- "inputVariantValueLabel": "empty",
1035
- "inputVariantValueLabel:1": "filled",
1036
- "inputVariantLabelRequired": "default",
1037
- "inputVariantValueLabelRequired": "empty",
1038
- "inputVariantValueLabelRequired:1": "filled",
1039
- "inputVariantStartIcon": "default",
1040
- "inputVariantValueStartIcon": "empty",
1041
- "inputVariantValueStartIcon:1": "filled",
1042
- "inputVariantEndIcon": "default",
1043
- "inputVariantValueEndIcon": "empty",
1044
- "inputVariantValueEndIcon:1": "filled"
930
+ "color": "primary",
931
+ "size": "lg"
1045
932
  },
933
+ "getStylesLiterals": {},
1046
934
  "cxLiterals": [
1047
- "opacity-50",
1048
- "min-w-[200px]",
1049
- "grow",
1050
- "uds-hit-target",
1051
- "bg-clip-text",
1052
- "focus:outline-none",
1053
- "cursor-text",
1054
- "cursor-not-allowed"
935
+ "self-center",
936
+ "relative",
937
+ "sr-only"
1055
938
  ],
1056
939
  "internalComponents": [
1057
- "IconSlot",
1058
- "StartIcon",
1059
- "EndIcon",
1060
- "HelpTextContent",
1061
- "Box",
1062
- "InputHelpTextInternal",
1063
- "VStack",
1064
- "HStack",
1065
- "AnimateHeightChange"
940
+ "Icon"
1066
941
  ],
1067
942
  "internalComponentProps": {
1068
- "HelpTextContent": {
1069
- "spacingTop": [
1070
- "2"
1071
- ]
1072
- },
1073
- "Box": {
1074
- "spacingBottom": [
1075
- "2"
1076
- ],
1077
- "columnGap": [
1078
- "0.5"
1079
- ],
1080
- "alignItems": [
1081
- "flex-end",
1082
- "center"
943
+ "Icon": {
944
+ "role": [
945
+ "img"
1083
946
  ],
1084
- "position": [
1085
- "relative"
1086
- ]
1087
- },
1088
- "HStack": {
1089
- "alignItems": [
1090
- "center"
947
+ "className": [
948
+ "animate-spin"
1091
949
  ],
1092
- "gap": [
1093
- "1"
950
+ "aria-hidden": [
951
+ "true"
1094
952
  ]
1095
953
  }
1096
954
  },
1097
- "propToVariantKeys": {
1098
- "size": [
1099
- "inputSizeRoot",
1100
- "inputSizeInputWrapper",
1101
- "inputSizeInput",
1102
- "inputSizeLabel",
1103
- "inputSizeStartIcon",
1104
- "inputSizeEndIcon"
1105
- ],
1106
- "startIcon": [
1107
- "icon"
1108
- ],
1109
- "endIcon": [
1110
- "icon"
1111
- ],
1112
- "helperTextIcon": [
1113
- "startIcon"
1114
- ]
1115
- },
955
+ "propToVariantKeys": {},
1116
956
  "runtimeConfigDefaultProps": {},
1117
957
  "runtimeConfigGetStyles": {},
1118
958
  "runtimeConfigInternalComponentProps": {},
1119
959
  "motionVarPrefixes": []
1120
960
  },
1121
- "InputHelpText": {
1122
- "name": "InputHelpText",
961
+ "Table.mocks": {
962
+ "name": "Table.mocks",
963
+ "defaultProps": {},
964
+ "getStylesLiterals": {},
965
+ "cxLiterals": [],
966
+ "internalComponents": [],
967
+ "internalComponentProps": {},
968
+ "propToVariantKeys": {},
969
+ "runtimeConfigDefaultProps": {},
970
+ "runtimeConfigGetStyles": {},
971
+ "runtimeConfigInternalComponentProps": {},
972
+ "motionVarPrefixes": []
973
+ },
974
+ "Table": {
975
+ "name": "Table",
1123
976
  "defaultProps": {
1124
- "size": "md"
977
+ "display": "table-cell",
978
+ "overflow": "hidden",
979
+ "borderColor": "muted",
980
+ "borderRadius": "md",
981
+ "spacing": "3",
982
+ "borderBottomColor": "muted",
983
+ "borderBottomWidth": "thin",
984
+ "color": "primary"
1125
985
  },
1126
986
  "getStylesLiterals": {
1127
- "inputVariantRoot": "default",
1128
- "inputVariantValueRoot": "empty",
1129
- "inputVariantValueRoot:1": "filled"
987
+ "textAlign": "start"
1130
988
  },
1131
989
  "cxLiterals": [],
1132
990
  "internalComponents": [
1133
- "InputHelpTextInternal",
1134
- "Box"
991
+ "CellComponent",
992
+ "Box",
993
+ "Text",
994
+ "Table.Root",
995
+ "Table.Header",
996
+ "Table.Row",
997
+ "Table.Cell",
998
+ "Table.Body"
1135
999
  ],
1136
1000
  "internalComponentProps": {
1137
- "Box": {
1138
- "spacingTop": [
1139
- "2"
1001
+ "Table.Cell": {
1002
+ "asHeaderCell": [
1003
+ "column"
1140
1004
  ]
1141
1005
  }
1142
1006
  },
1143
- "propToVariantKeys": {
1144
- "size": [
1145
- "inputSizeRoot"
1146
- ]
1147
- },
1007
+ "propToVariantKeys": {},
1148
1008
  "runtimeConfigDefaultProps": {},
1149
1009
  "runtimeConfigGetStyles": {},
1150
1010
  "runtimeConfigInternalComponentProps": {},
1151
1011
  "motionVarPrefixes": []
1152
1012
  },
1153
- "InputHelpTextInternal": {
1154
- "name": "InputHelpTextInternal",
1013
+ "Avatar": {
1014
+ "name": "Avatar",
1155
1015
  "defaultProps": {},
1156
- "getStylesLiterals": {
1157
- "inputVariantHelperText": "default",
1158
- "inputVariantValueHelperText": "empty",
1159
- "inputVariantValueHelperText:1": "filled",
1160
- "inputVariantHelperIcon": "default",
1161
- "inputVariantValueHelperIcon": "empty",
1162
- "inputVariantValueHelperIcon:1": "filled"
1163
- },
1016
+ "getStylesLiterals": {},
1164
1017
  "cxLiterals": [],
1165
1018
  "internalComponents": [
1166
- "IconSlot",
1167
- "HStack"
1019
+ "AvatarImage"
1168
1020
  ],
1169
- "internalComponentProps": {
1170
- "HStack": {
1171
- "gap": [
1172
- "1"
1173
- ],
1174
- "alignItems": [
1175
- "center"
1176
- ]
1177
- }
1021
+ "internalComponentProps": {},
1022
+ "propToVariantKeys": {},
1023
+ "runtimeConfigDefaultProps": {},
1024
+ "runtimeConfigGetStyles": {},
1025
+ "runtimeConfigInternalComponentProps": {},
1026
+ "motionVarPrefixes": []
1027
+ },
1028
+ "AvatarIcon": {
1029
+ "name": "AvatarIcon",
1030
+ "defaultProps": {
1031
+ "size": "md",
1032
+ "variant": "primary"
1178
1033
  },
1034
+ "getStylesLiterals": {},
1035
+ "cxLiterals": [
1036
+ "overflow-hidden",
1037
+ "w-full",
1038
+ "h-full",
1039
+ "shrink-0",
1040
+ "text-center",
1041
+ "inline-flex",
1042
+ "justify-center",
1043
+ "items-center"
1044
+ ],
1045
+ "internalComponents": [
1046
+ "IconSlot",
1047
+ "Box"
1048
+ ],
1049
+ "internalComponentProps": {},
1179
1050
  "propToVariantKeys": {
1180
1051
  "size": [
1181
- "inputSizeHelperText",
1182
- "inputSizeHelperIcon"
1183
- ],
1184
- "startIcon": [
1185
- "icon"
1186
- ],
1187
- "endIcon": [
1188
- "icon"
1052
+ "avatarSizeIcon"
1189
1053
  ]
1190
1054
  },
1191
1055
  "runtimeConfigDefaultProps": {},
@@ -1193,135 +1057,174 @@
1193
1057
  "runtimeConfigInternalComponentProps": {},
1194
1058
  "motionVarPrefixes": []
1195
1059
  },
1196
- "Radio": {
1197
- "name": "Radio",
1060
+ "AvatarImage": {
1061
+ "name": "AvatarImage",
1198
1062
  "defaultProps": {
1199
- "labelPosition": "start",
1200
- "variant": "primary",
1201
1063
  "size": "md",
1202
- "value": ""
1064
+ "variant": "primary"
1203
1065
  },
1204
- "getStylesLiterals": {
1205
- "radioVariantValueRoot": "checked",
1206
- "radioVariantValueRoot:1": "unchecked",
1207
- "display": "flex",
1208
- "flexDirection": "row",
1209
- "flexDirection:1": "row-reverse",
1210
- "alignItems": "center",
1211
- "radioVariantValueRadio": "checked",
1212
- "radioVariantValueRadio:1": "unchecked",
1213
- "radioVariantValueRadioCircle": "checked",
1214
- "radioVariantValueRadioCircle:1": "unchecked"
1066
+ "getStylesLiterals": {},
1067
+ "cxLiterals": [
1068
+ "overflow-hidden",
1069
+ "w-full",
1070
+ "h-full",
1071
+ "shrink-0",
1072
+ "text-center",
1073
+ "inline-flex",
1074
+ "justify-center",
1075
+ "items-center",
1076
+ "object-cover"
1077
+ ],
1078
+ "internalComponents": [
1079
+ "UDSImage",
1080
+ "AvatarText",
1081
+ "AvatarIcon",
1082
+ "Box"
1083
+ ],
1084
+ "internalComponentProps": {},
1085
+ "propToVariantKeys": {
1086
+ "alt": [
1087
+ "name"
1088
+ ],
1089
+ "fallback": [
1090
+ "initials"
1091
+ ]
1092
+ },
1093
+ "runtimeConfigDefaultProps": {},
1094
+ "runtimeConfigGetStyles": {},
1095
+ "runtimeConfigInternalComponentProps": {},
1096
+ "motionVarPrefixes": []
1097
+ },
1098
+ "AvatarText": {
1099
+ "name": "AvatarText",
1100
+ "defaultProps": {
1101
+ "size": "md",
1102
+ "variant": "primary"
1215
1103
  },
1104
+ "getStylesLiterals": {},
1216
1105
  "cxLiterals": [
1217
- "cursor-pointer",
1218
- "cursor-default",
1219
- "opacity-50",
1220
- "border",
1221
- "uds-ring",
1222
- "uds-ring-within",
1223
- "transition-[background-color,border-color]",
1224
- "transition-shadow",
1225
- "pointer-events-none",
1226
- "w-[8px]",
1227
- "h-[8px]",
1228
- "transition-opacity",
1229
- "cursor-[inherit]",
1230
- "absolute",
1231
- "opacity-0",
1232
- "top-1/2",
1233
- "left-1/2",
1234
- "w-[calc(100%+2px)]",
1235
- "h-[calc(100%+2px)]",
1236
- "transform",
1237
- "translate-x-[-50%]",
1238
- "translate-y-[-50%]",
1239
- "text-start",
1240
- "text-end"
1106
+ "overflow-hidden",
1107
+ "truncate",
1108
+ "w-full",
1109
+ "h-full",
1110
+ "shrink-0",
1111
+ "text-center",
1112
+ "inline-flex",
1113
+ "justify-center",
1114
+ "items-center"
1241
1115
  ],
1242
1116
  "internalComponents": [
1243
1117
  "Box",
1244
- "FormLabel",
1245
- "SpringMotionConfig",
1246
- "RootElement",
1247
- "MotionBox"
1118
+ "Text"
1248
1119
  ],
1249
1120
  "internalComponentProps": {
1250
- "Box": {
1251
- "borderRadius": [
1252
- "full"
1253
- ]
1254
- },
1255
- "FormLabel": {
1256
- "as": [
1257
- "div"
1258
- ],
1259
- "variant": [
1121
+ "Text": {
1122
+ "color": [
1260
1123
  "inherit"
1261
1124
  ],
1262
- "color": [
1125
+ "variant": [
1263
1126
  "inherit"
1264
1127
  ]
1128
+ }
1129
+ },
1130
+ "propToVariantKeys": {},
1131
+ "runtimeConfigDefaultProps": {},
1132
+ "runtimeConfigGetStyles": {},
1133
+ "runtimeConfigInternalComponentProps": {},
1134
+ "motionVarPrefixes": []
1135
+ },
1136
+ "BottomSheet": {
1137
+ "name": "BottomSheet",
1138
+ "defaultProps": {
1139
+ "variant": "default"
1140
+ },
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": [
1143
+ "fixed",
1144
+ "overflow-hidden",
1145
+ "inset-x-0",
1146
+ "bottom-0",
1147
+ "z-50",
1148
+ "[will-change:transform]",
1149
+ "touch-none",
1150
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1151
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1152
+ "transition-transform",
1153
+ "duration-500",
1154
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1155
+ "motion-reduce:transition-none",
1156
+ "top-[-4px]",
1157
+ "z-[1]",
1158
+ "touch-pan-y"
1159
+ ],
1160
+ "internalComponents": [
1161
+ "Scrim",
1162
+ "BottomSheetHandle",
1163
+ "Dialog",
1164
+ "Box",
1165
+ "BottomSheetInternalContext.Provider"
1166
+ ],
1167
+ "internalComponentProps": {
1168
+ "BottomSheetHandle": {
1169
+ "ariaLabel": [
1170
+ "Resize sheet"
1171
+ ]
1265
1172
  },
1266
- "RootElement": {
1173
+ "Dialog": {
1267
1174
  "data-testid": [
1268
- "container"
1175
+ "bottom-sheet"
1269
1176
  ]
1270
1177
  },
1271
- "MotionBox": {
1272
- "position": [
1273
- "relative"
1274
- ],
1275
- "borderRadius": [
1276
- "full"
1178
+ "Box": {
1179
+ "display": [
1180
+ "block",
1181
+ "flex"
1277
1182
  ],
1278
- "alignItems": [
1279
- "center"
1183
+ "position": [
1184
+ "absolute"
1280
1185
  ],
1281
- "justifyContent": [
1282
- "center"
1186
+ "flexDirection": [
1187
+ "column"
1283
1188
  ],
1284
- "flex": [
1285
- "none"
1189
+ "className": [
1190
+ "absolute inset-0 min-h-0 p-[inherit]"
1286
1191
  ]
1287
1192
  }
1288
1193
  },
1289
1194
  "propToVariantKeys": {
1290
- "size": [
1291
- "radioSizeRoot",
1292
- "radioSizeRadio"
1293
- ],
1294
1195
  "variant": [
1295
- "radioVariantRoot",
1296
- "radioVariantRadio",
1297
- "radioVariantRadioCircle"
1298
- ],
1299
- "reduceMotion": [
1300
- "reducedMotion"
1196
+ "bottomsheetVariantRoot"
1301
1197
  ]
1302
1198
  },
1303
1199
  "runtimeConfigDefaultProps": {},
1304
1200
  "runtimeConfigGetStyles": {},
1305
1201
  "runtimeConfigInternalComponentProps": {},
1306
- "motionVarPrefixes": [
1307
- "--uds-motion-subtle-3-",
1308
- "--uds-motion-smooth-3-"
1309
- ]
1202
+ "motionVarPrefixes": []
1310
1203
  },
1311
- "RadioGroupProvider": {
1312
- "name": "RadioGroupProvider",
1204
+ "BottomSheetContent": {
1205
+ "name": "BottomSheetContent",
1313
1206
  "defaultProps": {},
1314
1207
  "getStylesLiterals": {},
1315
- "cxLiterals": [],
1208
+ "cxLiterals": [
1209
+ "min-h-0",
1210
+ "touch-pan-y"
1211
+ ],
1316
1212
  "internalComponents": [
1317
- "DivProps",
1318
- "Comp",
1319
- "RadioGroupContext.Provider"
1213
+ "Box",
1214
+ "VStack"
1320
1215
  ],
1321
1216
  "internalComponentProps": {
1322
- "Comp": {
1323
- "role": [
1324
- "radiogroup"
1217
+ "Box": {
1218
+ "display": [
1219
+ "block"
1220
+ ],
1221
+ "flex": [
1222
+ "1"
1223
+ ]
1224
+ },
1225
+ "VStack": {
1226
+ "className": [
1227
+ "pb-[calc(env(safe-area-inset-bottom))]"
1325
1228
  ]
1326
1229
  }
1327
1230
  },
@@ -1331,12 +1234,14 @@
1331
1234
  "runtimeConfigInternalComponentProps": {},
1332
1235
  "motionVarPrefixes": []
1333
1236
  },
1334
- "RadioGroupStore": {
1335
- "name": "RadioGroupStore",
1237
+ "BottomSheetDismiss": {
1238
+ "name": "BottomSheetDismiss",
1336
1239
  "defaultProps": {},
1337
1240
  "getStylesLiterals": {},
1338
1241
  "cxLiterals": [],
1339
- "internalComponents": [],
1242
+ "internalComponents": [
1243
+ "AriakitDialogDismiss"
1244
+ ],
1340
1245
  "internalComponentProps": {},
1341
1246
  "propToVariantKeys": {},
1342
1247
  "runtimeConfigDefaultProps": {},
@@ -1344,114 +1249,110 @@
1344
1249
  "runtimeConfigInternalComponentProps": {},
1345
1250
  "motionVarPrefixes": []
1346
1251
  },
1347
- "Popover": {
1348
- "name": "Popover",
1349
- "defaultProps": {},
1252
+ "BottomSheetHandle": {
1253
+ "name": "BottomSheetHandle",
1254
+ "defaultProps": {
1255
+ "variant": "default"
1256
+ },
1350
1257
  "getStylesLiterals": {},
1351
- "cxLiterals": [],
1258
+ "cxLiterals": [
1259
+ "relative",
1260
+ "h-5",
1261
+ "w-16",
1262
+ "outline-none",
1263
+ "focus-visible:outline-none",
1264
+ "[touch-action:pan-y]",
1265
+ "absolute",
1266
+ "left-1/2",
1267
+ "top-1/2",
1268
+ "-translate-x-1/2",
1269
+ "-translate-y-1/2",
1270
+ "h-1",
1271
+ "w-8",
1272
+ "rounded-full"
1273
+ ],
1352
1274
  "internalComponents": [
1353
- "PopoverInternalContext.Provider",
1354
- "PopoverProvider"
1275
+ "Box"
1355
1276
  ],
1356
- "internalComponentProps": {},
1357
- "propToVariantKeys": {},
1358
- "runtimeConfigDefaultProps": {
1359
- "size": "popover.defaultSize",
1360
- "variant": "popover.defaultVariant"
1277
+ "internalComponentProps": {
1278
+ "Box": {
1279
+ "display": [
1280
+ "block",
1281
+ "flex"
1282
+ ],
1283
+ "justifyContent": [
1284
+ "center"
1285
+ ]
1286
+ }
1287
+ },
1288
+ "propToVariantKeys": {
1289
+ "variant": [
1290
+ "bottomsheetVariantHandleIndicator"
1291
+ ]
1361
1292
  },
1293
+ "runtimeConfigDefaultProps": {},
1362
1294
  "runtimeConfigGetStyles": {},
1363
1295
  "runtimeConfigInternalComponentProps": {},
1364
1296
  "motionVarPrefixes": []
1365
1297
  },
1366
- "PopoverContent": {
1367
- "name": "PopoverContent",
1368
- "defaultProps": {},
1369
- "getStylesLiterals": {
1370
- "popoverSizeRoot": "default",
1371
- "popoverVariantRoot": "default",
1372
- "display": "flex",
1373
- "position": "absolute",
1374
- "spacingTop": "0",
1375
- "spacingStart": "0",
1376
- "spacingBottom": "0",
1377
- "spacingEnd": "0",
1378
- "popoverSizeSvgBase": "default",
1379
- "popoverVariantSvgBase": "default",
1380
- "popoverSizeSvgBorder": "default",
1381
- "popoverVariantSvgBorder": "default",
1382
- "popoverVariantBlur": "default",
1383
- "width": "full",
1384
- "height": "full",
1385
- "flexShrink": "0",
1386
- "borderRadius": "full",
1387
- "alignItems": "center",
1388
- "justifyContent": "center",
1389
- "popoverVariantCloseIcon": "default",
1390
- "popoverSizeCloseIcon": "default"
1298
+ "BottomSheetHeader": {
1299
+ "name": "BottomSheetHeader",
1300
+ "defaultProps": {
1301
+ "variant": "default"
1391
1302
  },
1303
+ "getStylesLiterals": {},
1392
1304
  "cxLiterals": [
1393
- "z-[9999]",
1394
- "outline-none",
1395
- "focus-visible:outline-none",
1396
- "uds-bgBlurFillFallback",
1397
- "uds-bgBlurFallback",
1398
- "top-0",
1399
- "left-0",
1400
- "z-[1]",
1401
- "duration-0",
1402
- "duration-120",
1403
- "transition-[background-color]",
1404
- "bg-carbon-15/0",
1405
- "hover:bg-carbon-15/10",
1406
- "active:bg-carbon-15/15",
1407
- "uds-ring",
1408
- "absolute",
1409
- "z-[4]"
1305
+ "grid-cols-[40px_1fr_40px]",
1306
+ "items-center",
1307
+ "w-full",
1308
+ "min-h-10",
1309
+ "mt-2"
1410
1310
  ],
1411
1311
  "internalComponents": [
1412
- "PopoverDismiss",
1413
- "IconSlot",
1414
- "PopoverArrow",
1415
- "Popover",
1416
- "SvgFloatingOverlay",
1417
1312
  "Box",
1418
- "Pressable"
1313
+ "Text"
1419
1314
  ],
1420
- "internalComponentProps": {},
1421
- "propToVariantKeys": {
1422
- "closeIcon": [
1423
- "icon"
1424
- ]
1425
- },
1426
- "runtimeConfigDefaultProps": {
1427
- "size": "popover.defaultSize",
1428
- "variant": "popover.defaultVariant"
1429
- },
1430
- "runtimeConfigGetStyles": {
1431
- "spacingTop": [
1432
- "popover.spacingVertical.${size}"
1433
- ],
1434
- "spacingStart": [
1435
- "popover.spacingHorizontal.${size}"
1436
- ],
1437
- "spacingBottom": [
1438
- "popover.spacingVertical.${size}"
1439
- ],
1440
- "spacingEnd": [
1441
- "popover.spacingHorizontal.${size}"
1442
- ]
1443
- },
1444
- "runtimeConfigInternalComponentProps": {
1445
- "SvgFloatingOverlay": {
1446
- "borderRadius": [
1447
- "popover.borderRadius.${size}"
1315
+ "internalComponentProps": {
1316
+ "Box": {
1317
+ "className": [
1318
+ "h-10 w-10 opacity-0 pointer-events-none"
1319
+ ],
1320
+ "display": [
1321
+ "grid",
1322
+ "flex"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "flex-start",
1326
+ "flex-end"
1327
+ ]
1328
+ },
1329
+ "Text": {
1330
+ "variant": [
1331
+ "inherit"
1332
+ ],
1333
+ "color": [
1334
+ "inherit"
1335
+ ],
1336
+ "textAlign": [
1337
+ "center"
1338
+ ],
1339
+ "className": [
1340
+ "w-full"
1448
1341
  ]
1449
1342
  }
1450
1343
  },
1344
+ "propToVariantKeys": {
1345
+ "variant": [
1346
+ "bottomsheetVariantHeader"
1347
+ ]
1348
+ },
1349
+ "runtimeConfigDefaultProps": {},
1350
+ "runtimeConfigGetStyles": {},
1351
+ "runtimeConfigInternalComponentProps": {},
1451
1352
  "motionVarPrefixes": []
1452
1353
  },
1453
- "PopoverContext": {
1454
- "name": "PopoverContext",
1354
+ "BottomSheetInternalContext": {
1355
+ "name": "BottomSheetInternalContext",
1455
1356
  "defaultProps": {},
1456
1357
  "getStylesLiterals": {},
1457
1358
  "cxLiterals": [],
@@ -1463,38 +1364,28 @@
1463
1364
  "runtimeConfigInternalComponentProps": {},
1464
1365
  "motionVarPrefixes": []
1465
1366
  },
1466
- "PopoverTrigger": {
1467
- "name": "PopoverTrigger",
1367
+ "BottomSheetProvider": {
1368
+ "name": "BottomSheetProvider",
1468
1369
  "defaultProps": {},
1469
1370
  "getStylesLiterals": {},
1470
1371
  "cxLiterals": [],
1471
1372
  "internalComponents": [
1472
- "PopoverDisclosure"
1373
+ "AriakitDialogProvider"
1473
1374
  ],
1474
- "internalComponentProps": {
1475
- "PopoverDisclosure": {
1476
- "className": [
1477
- "inline"
1478
- ]
1479
- }
1480
- },
1481
- "propToVariantKeys": {
1482
- "children": [
1483
- "render"
1484
- ]
1485
- },
1375
+ "internalComponentProps": {},
1376
+ "propToVariantKeys": {},
1486
1377
  "runtimeConfigDefaultProps": {},
1487
1378
  "runtimeConfigGetStyles": {},
1488
1379
  "runtimeConfigInternalComponentProps": {},
1489
1380
  "motionVarPrefixes": []
1490
1381
  },
1491
- "UDSPopoverConfigProvider": {
1492
- "name": "UDSPopoverConfigProvider",
1382
+ "BottomSheetTrigger": {
1383
+ "name": "BottomSheetTrigger",
1493
1384
  "defaultProps": {},
1494
1385
  "getStylesLiterals": {},
1495
1386
  "cxLiterals": [],
1496
1387
  "internalComponents": [
1497
- "PopoverContext.Provider"
1388
+ "AriakitDialogDisclosure"
1498
1389
  ],
1499
1390
  "internalComponentProps": {},
1500
1391
  "propToVariantKeys": {},
@@ -1503,92 +1394,31 @@
1503
1394
  "runtimeConfigInternalComponentProps": {},
1504
1395
  "motionVarPrefixes": []
1505
1396
  },
1506
- "Menu.Content": {
1507
- "name": "Menu.Content",
1508
- "defaultProps": {
1509
- "size": "default",
1510
- "variant": "default",
1511
- "gutter": "1"
1512
- },
1397
+ "UDSBottomSheetConfigProvider": {
1398
+ "name": "UDSBottomSheetConfigProvider",
1399
+ "defaultProps": {},
1513
1400
  "getStylesLiterals": {},
1514
- "cxLiterals": [
1515
- "uds-menu-content",
1516
- "transition-shadow",
1517
- "duration-200",
1518
- "ease-in-out",
1519
- "min-w-60",
1520
- "max-w-lg",
1521
- "max-h-96",
1522
- "overflow-auto",
1523
- "uds-ring",
1524
- "z-10",
1525
- "group"
1526
- ],
1401
+ "cxLiterals": [],
1527
1402
  "internalComponents": [
1528
- "AriakitMenu",
1529
- "AnimatePresence",
1530
- "MotionVStack"
1403
+ "BottomSheetContext.Provider"
1531
1404
  ],
1532
1405
  "internalComponentProps": {},
1533
- "propToVariantKeys": {
1534
- "size": [
1535
- "menucontentSizeRoot"
1536
- ],
1537
- "variant": [
1538
- "menucontentVariantRoot"
1539
- ]
1540
- },
1541
- "runtimeConfigDefaultProps": {},
1542
- "runtimeConfigGetStyles": {},
1543
- "runtimeConfigInternalComponentProps": {},
1544
- "motionVarPrefixes": []
1545
- },
1546
- "Menu.Divider": {
1547
- "name": "Menu.Divider",
1548
- "defaultProps": {
1549
- "role": "separator",
1550
- "contentPosition": "start",
1551
- "gap": "4"
1552
- },
1553
- "getStylesLiterals": {
1554
- "menuitemDividerVariantRoot": "default",
1555
- "menuitemDividerVariantText": "default",
1556
- "menuitemDividerVariantLine": "default"
1557
- },
1558
- "cxLiterals": [],
1559
- "internalComponents": [
1560
- "DividerInternal"
1561
- ],
1562
- "internalComponentProps": {
1563
- "DividerInternal": {
1564
- "variant": [
1565
- "inherit"
1566
- ]
1567
- }
1568
- },
1569
1406
  "propToVariantKeys": {},
1570
1407
  "runtimeConfigDefaultProps": {},
1571
1408
  "runtimeConfigGetStyles": {},
1572
1409
  "runtimeConfigInternalComponentProps": {},
1573
1410
  "motionVarPrefixes": []
1574
1411
  },
1575
- "Menu.Item": {
1576
- "name": "Menu.Item",
1412
+ "Chip": {
1413
+ "name": "Chip",
1577
1414
  "defaultProps": {},
1578
- "getStylesLiterals": {
1579
- "menuitemItemVariantRoot": "default",
1580
- "menuitemItemVariantActiveRoot": "on",
1581
- "menuitemItemVariantActiveRoot:1": "off",
1582
- "menuitemItemVariantText": "default",
1583
- "menuitemItemVariantActiveText": "on",
1584
- "menuitemItemVariantActiveText:1": "off",
1585
- "menuitemItemVariantIcon": "default",
1586
- "menuitemItemVariantActiveIcon": "on",
1587
- "menuitemItemVariantActiveIcon:1": "off"
1588
- },
1415
+ "getStylesLiterals": {},
1589
1416
  "cxLiterals": [],
1590
1417
  "internalComponents": [
1591
- "MenuItemBase"
1418
+ "ChipDismissible",
1419
+ "ChipToggle",
1420
+ "ChipLink",
1421
+ "ChipButton"
1592
1422
  ],
1593
1423
  "internalComponentProps": {},
1594
1424
  "propToVariantKeys": {},
@@ -1597,71 +1427,54 @@
1597
1427
  "runtimeConfigInternalComponentProps": {},
1598
1428
  "motionVarPrefixes": []
1599
1429
  },
1600
- "Menu.ItemBase": {
1601
- "name": "Menu.ItemBase",
1430
+ "ChipBase": {
1431
+ "name": "ChipBase",
1602
1432
  "defaultProps": {
1603
- "spacing": "0",
1604
- "spacingHorizontal": "4",
1605
- "spacingVertical": "3.5",
1606
- "columnGap": "2",
1607
- "alignItems": "center",
1608
- "justifyContent": "space-between"
1609
- },
1610
- "getStylesLiterals": {
1611
- "textAlign": "start",
1612
- "menuitemSizeRoot": "default",
1613
- "flexDirection": "row",
1614
- "menuitemSizeStartIcon": "default",
1615
- "menuitemSizeEndIcon": "default"
1433
+ "size": "md",
1434
+ "as": "div"
1616
1435
  },
1436
+ "getStylesLiterals": {},
1617
1437
  "cxLiterals": [
1618
- "flex",
1619
- "focus-visible:text-brand",
1620
- "focus-visible:bg-brand-secondary",
1621
- "focus-visible:z-10",
1622
- "uds-ring",
1623
- "!-outline-offset-2",
1624
- "[&:not([aria-checked])]:cursor-default",
1625
- "opacity-25",
1626
- "cursor-not-allowed",
1627
- "duration-20",
1628
- "transition-[font-variation-settings]",
1629
- "ease-in-out",
1630
- "z-0",
1631
- "uds-start-icon",
1632
- "uds-end-icon"
1438
+ "pointer-events-none",
1439
+ "cursor-default",
1440
+ "opacity-50",
1441
+ "inline-flex",
1442
+ "items-center",
1443
+ "transition-[background-color,outline-color,box-shadow]",
1444
+ "truncate",
1445
+ "whitespace-nowrap",
1446
+ "text-center",
1447
+ "flex-1"
1633
1448
  ],
1634
1449
  "internalComponents": [
1635
- "Pressable",
1636
1450
  "IconSlot",
1637
- "RootComponent",
1638
1451
  "HStack",
1639
- "AnimatePresence"
1452
+ "As",
1453
+ "Text"
1640
1454
  ],
1641
1455
  "internalComponentProps": {
1642
- "HStack": {
1643
- "alignItems": [
1644
- "center"
1456
+ "Text": {
1457
+ "as": [
1458
+ "span"
1645
1459
  ],
1646
- "width": [
1647
- "full"
1648
- ]
1649
- },
1650
- "AnimatePresence": {
1651
- "mode": [
1652
- "popLayout"
1460
+ "color": [
1461
+ "current"
1462
+ ],
1463
+ "variant": [
1464
+ "inherit"
1653
1465
  ]
1654
1466
  }
1655
1467
  },
1656
1468
  "propToVariantKeys": {
1469
+ "size": [
1470
+ "chipSizeRoot",
1471
+ "chipSizeIcon"
1472
+ ],
1657
1473
  "startIcon": [
1658
1474
  "icon"
1659
1475
  ],
1660
1476
  "endIcon": [
1661
1477
  "icon"
1662
- ],
1663
- "columnGap": [
1664
- "gap"
1665
1478
  ]
1666
1479
  },
1667
1480
  "runtimeConfigDefaultProps": {},
@@ -1669,166 +1482,125 @@
1669
1482
  "runtimeConfigInternalComponentProps": {},
1670
1483
  "motionVarPrefixes": []
1671
1484
  },
1672
- "Menu.ItemCheckbox": {
1673
- "name": "Menu.ItemCheckbox",
1674
- "defaultProps": {},
1675
- "getStylesLiterals": {
1676
- "menuitemItemCheckboxVariantRoot": "default",
1677
- "menuitemItemCheckboxVariantActiveRoot": "on",
1678
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1679
- "menuitemItemCheckboxVariantText": "default",
1680
- "menuitemItemCheckboxVariantActiveText": "on",
1681
- "menuitemItemCheckboxVariantActiveText:1": "off",
1682
- "menuitemItemCheckboxVariantStartIcon": "default",
1683
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1684
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1685
- "menuitemItemCheckboxVariantEndIcon": "default",
1686
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1687
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1485
+ "ChipButton": {
1486
+ "name": "ChipButton",
1487
+ "defaultProps": {
1488
+ "variant": "primary"
1688
1489
  },
1490
+ "getStylesLiterals": {},
1689
1491
  "cxLiterals": [
1690
- "uds-menu-item-checkbox"
1492
+ "uds-ring"
1691
1493
  ],
1692
1494
  "internalComponents": [
1693
- "MenuItemBase"
1495
+ "ChipBase"
1694
1496
  ],
1695
- "internalComponentProps": {},
1696
- "propToVariantKeys": {},
1497
+ "internalComponentProps": {
1498
+ "ChipBase": {
1499
+ "as": [
1500
+ "button"
1501
+ ]
1502
+ }
1503
+ },
1504
+ "propToVariantKeys": {
1505
+ "variant": [
1506
+ "chipLinkVariantRoot",
1507
+ "chipLinkVariantIcon"
1508
+ ]
1509
+ },
1697
1510
  "runtimeConfigDefaultProps": {},
1698
1511
  "runtimeConfigGetStyles": {},
1699
1512
  "runtimeConfigInternalComponentProps": {},
1700
1513
  "motionVarPrefixes": []
1701
1514
  },
1702
- "Menu.Provider": {
1703
- "name": "Menu.Provider",
1704
- "defaultProps": {},
1515
+ "ChipDismissible": {
1516
+ "name": "ChipDismissible",
1517
+ "defaultProps": {
1518
+ "variant": "primary"
1519
+ },
1705
1520
  "getStylesLiterals": {},
1706
- "cxLiterals": [],
1521
+ "cxLiterals": [
1522
+ "uds-chip-dismissible-button",
1523
+ "uds-hit-target",
1524
+ "uds-ring",
1525
+ "rounded-full"
1526
+ ],
1707
1527
  "internalComponents": [
1708
- "AriakitMenuProvider",
1709
- "SpringMotionConfig"
1528
+ "ChipBase",
1529
+ "IconSlot",
1530
+ "Pressable"
1710
1531
  ],
1711
1532
  "internalComponentProps": {},
1712
- "propToVariantKeys": {},
1533
+ "propToVariantKeys": {
1534
+ "variant": [
1535
+ "chipDismissibleVariantRoot",
1536
+ "chipDismissibleVariantIcon"
1537
+ ],
1538
+ "dismissButtonAriaLabel": [
1539
+ "aria-label"
1540
+ ]
1541
+ },
1713
1542
  "runtimeConfigDefaultProps": {},
1714
1543
  "runtimeConfigGetStyles": {},
1715
1544
  "runtimeConfigInternalComponentProps": {},
1716
- "motionVarPrefixes": [
1717
- "--uds-motion-subtle-3-",
1718
- "--uds-motion-smooth-3-"
1719
- ]
1545
+ "motionVarPrefixes": []
1720
1546
  },
1721
- "Menu.Trigger": {
1722
- "name": "Menu.Trigger",
1723
- "defaultProps": {},
1547
+ "ChipLink": {
1548
+ "name": "ChipLink",
1549
+ "defaultProps": {
1550
+ "variant": "primary"
1551
+ },
1724
1552
  "getStylesLiterals": {},
1725
1553
  "cxLiterals": [
1726
- "uds-menu-trigger"
1554
+ "uds-ring"
1727
1555
  ],
1728
1556
  "internalComponents": [
1729
- "AriakitMenuTrigger",
1730
- "Box"
1557
+ "ChipBase"
1731
1558
  ],
1732
1559
  "internalComponentProps": {
1733
- "Box": {
1734
- "className": [
1735
- "uds-ring h-fit w-fit"
1560
+ "ChipBase": {
1561
+ "as": [
1562
+ "a"
1736
1563
  ]
1737
1564
  }
1738
1565
  },
1739
- "propToVariantKeys": {},
1740
- "runtimeConfigDefaultProps": {},
1741
- "runtimeConfigGetStyles": {},
1742
- "runtimeConfigInternalComponentProps": {},
1743
- "motionVarPrefixes": []
1744
- },
1745
- "Menu.index": {
1746
- "name": "Menu.index",
1747
- "defaultProps": {},
1748
- "getStylesLiterals": {},
1749
- "cxLiterals": [],
1750
- "internalComponents": [],
1751
- "internalComponentProps": {},
1752
- "propToVariantKeys": {},
1566
+ "propToVariantKeys": {
1567
+ "variant": [
1568
+ "chipLinkVariantRoot",
1569
+ "chipLinkVariantIcon"
1570
+ ]
1571
+ },
1753
1572
  "runtimeConfigDefaultProps": {},
1754
1573
  "runtimeConfigGetStyles": {},
1755
1574
  "runtimeConfigInternalComponentProps": {},
1756
1575
  "motionVarPrefixes": []
1757
1576
  },
1758
- "Menu": {
1759
- "name": "Menu",
1760
- "defaultProps": {},
1761
- "getStylesLiterals": {},
1762
- "cxLiterals": [],
1763
- "internalComponents": [],
1764
- "internalComponentProps": {},
1765
- "propToVariantKeys": {},
1766
- "runtimeConfigDefaultProps": {},
1767
- "runtimeConfigGetStyles": {},
1768
- "runtimeConfigInternalComponentProps": {},
1769
- "motionVarPrefixes": []
1770
- },
1771
- "BottomSheet": {
1772
- "name": "BottomSheet",
1577
+ "ChipToggle": {
1578
+ "name": "ChipToggle",
1773
1579
  "defaultProps": {
1774
- "variant": "default"
1580
+ "variant": "primary",
1581
+ "role": "checkbox"
1582
+ },
1583
+ "getStylesLiterals": {
1584
+ "chipToggleVariantActiveRoot": "on",
1585
+ "chipToggleVariantActiveRoot:1": "off"
1775
1586
  },
1776
- "getStylesLiterals": {},
1777
1587
  "cxLiterals": [
1778
- "fixed",
1779
- "overflow-hidden",
1780
- "inset-x-0",
1781
- "bottom-0",
1782
- "z-50",
1783
- "[will-change:transform]",
1784
- "touch-none",
1785
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1786
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1787
- "transition-transform",
1788
- "duration-500",
1789
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1790
- "motion-reduce:transition-none",
1791
- "top-[-4px]",
1792
- "z-[1]",
1793
- "touch-pan-y"
1588
+ "uds-ring"
1794
1589
  ],
1795
1590
  "internalComponents": [
1796
- "Scrim",
1797
- "BottomSheetHandle",
1798
- "Dialog",
1799
- "Box",
1800
- "BottomSheetInternalContext.Provider"
1591
+ "ChipBase"
1801
1592
  ],
1802
1593
  "internalComponentProps": {
1803
- "BottomSheetHandle": {
1804
- "ariaLabel": [
1805
- "Resize sheet"
1806
- ]
1807
- },
1808
- "Dialog": {
1809
- "data-testid": [
1810
- "bottom-sheet"
1811
- ]
1812
- },
1813
- "Box": {
1814
- "display": [
1815
- "block",
1816
- "flex"
1817
- ],
1818
- "position": [
1819
- "absolute"
1820
- ],
1821
- "flexDirection": [
1822
- "column"
1823
- ],
1824
- "className": [
1825
- "absolute inset-0 min-h-0 p-[inherit]"
1594
+ "ChipBase": {
1595
+ "as": [
1596
+ "button"
1826
1597
  ]
1827
1598
  }
1828
1599
  },
1829
1600
  "propToVariantKeys": {
1830
1601
  "variant": [
1831
- "bottomsheetVariantRoot"
1602
+ "chipToggleVariantRoot",
1603
+ "chipToggleVariantIcon"
1832
1604
  ]
1833
1605
  },
1834
1606
  "runtimeConfigDefaultProps": {},
@@ -1836,93 +1608,139 @@
1836
1608
  "runtimeConfigInternalComponentProps": {},
1837
1609
  "motionVarPrefixes": []
1838
1610
  },
1839
- "BottomSheetContent": {
1840
- "name": "BottomSheetContent",
1841
- "defaultProps": {},
1842
- "getStylesLiterals": {},
1611
+ "Input": {
1612
+ "name": "Input",
1613
+ "defaultProps": {
1614
+ "type": "text",
1615
+ "size": "md",
1616
+ "width": "full"
1617
+ },
1618
+ "getStylesLiterals": {
1619
+ "inputVariantRoot": "default",
1620
+ "inputVariantValueRoot": "empty",
1621
+ "inputVariantValueRoot:1": "filled",
1622
+ "inputVariantInputWrapper": "default",
1623
+ "inputVariantValueInputWrapper": "empty",
1624
+ "inputVariantValueInputWrapper:1": "filled",
1625
+ "inputVariantInput": "default",
1626
+ "inputVariantValueInput": "empty",
1627
+ "inputVariantValueInput:1": "filled",
1628
+ "inputVariantInputPlaceholder": "default",
1629
+ "inputVariantValueInputPlaceholder": "empty",
1630
+ "inputVariantValueInputPlaceholder:1": "filled",
1631
+ "inputVariantLabel": "default",
1632
+ "inputVariantValueLabel": "empty",
1633
+ "inputVariantValueLabel:1": "filled",
1634
+ "inputVariantLabelRequired": "default",
1635
+ "inputVariantValueLabelRequired": "empty",
1636
+ "inputVariantValueLabelRequired:1": "filled",
1637
+ "inputVariantStartIcon": "default",
1638
+ "inputVariantValueStartIcon": "empty",
1639
+ "inputVariantValueStartIcon:1": "filled",
1640
+ "inputVariantEndIcon": "default",
1641
+ "inputVariantValueEndIcon": "empty",
1642
+ "inputVariantValueEndIcon:1": "filled"
1643
+ },
1843
1644
  "cxLiterals": [
1844
- "min-h-0",
1845
- "touch-pan-y"
1645
+ "opacity-50",
1646
+ "min-w-[200px]",
1647
+ "grow",
1648
+ "uds-hit-target",
1649
+ "bg-clip-text",
1650
+ "focus:outline-none",
1651
+ "cursor-text",
1652
+ "cursor-not-allowed"
1846
1653
  ],
1847
1654
  "internalComponents": [
1655
+ "IconSlot",
1656
+ "StartIcon",
1657
+ "EndIcon",
1658
+ "HelpTextContent",
1848
1659
  "Box",
1849
- "VStack"
1660
+ "InputHelpTextInternal",
1661
+ "VStack",
1662
+ "HStack",
1663
+ "AnimateHeightChange"
1850
1664
  ],
1851
1665
  "internalComponentProps": {
1666
+ "HelpTextContent": {
1667
+ "spacingTop": [
1668
+ "2"
1669
+ ]
1670
+ },
1852
1671
  "Box": {
1853
- "display": [
1854
- "block"
1672
+ "spacingBottom": [
1673
+ "2"
1855
1674
  ],
1856
- "flex": [
1857
- "1"
1675
+ "columnGap": [
1676
+ "0.5"
1677
+ ],
1678
+ "alignItems": [
1679
+ "flex-end",
1680
+ "center"
1681
+ ],
1682
+ "position": [
1683
+ "relative"
1858
1684
  ]
1859
1685
  },
1860
- "VStack": {
1861
- "className": [
1862
- "pb-[calc(env(safe-area-inset-bottom))]"
1686
+ "HStack": {
1687
+ "alignItems": [
1688
+ "center"
1689
+ ],
1690
+ "gap": [
1691
+ "1"
1863
1692
  ]
1864
1693
  }
1865
1694
  },
1866
- "propToVariantKeys": {},
1867
- "runtimeConfigDefaultProps": {},
1868
- "runtimeConfigGetStyles": {},
1869
- "runtimeConfigInternalComponentProps": {},
1870
- "motionVarPrefixes": []
1871
- },
1872
- "BottomSheetDismiss": {
1873
- "name": "BottomSheetDismiss",
1874
- "defaultProps": {},
1875
- "getStylesLiterals": {},
1876
- "cxLiterals": [],
1877
- "internalComponents": [
1878
- "AriakitDialogDismiss"
1879
- ],
1880
- "internalComponentProps": {},
1881
- "propToVariantKeys": {},
1695
+ "propToVariantKeys": {
1696
+ "size": [
1697
+ "inputSizeRoot",
1698
+ "inputSizeInputWrapper",
1699
+ "inputSizeInput",
1700
+ "inputSizeLabel",
1701
+ "inputSizeStartIcon",
1702
+ "inputSizeEndIcon"
1703
+ ],
1704
+ "startIcon": [
1705
+ "icon"
1706
+ ],
1707
+ "endIcon": [
1708
+ "icon"
1709
+ ],
1710
+ "helperTextIcon": [
1711
+ "startIcon"
1712
+ ]
1713
+ },
1882
1714
  "runtimeConfigDefaultProps": {},
1883
1715
  "runtimeConfigGetStyles": {},
1884
1716
  "runtimeConfigInternalComponentProps": {},
1885
1717
  "motionVarPrefixes": []
1886
1718
  },
1887
- "BottomSheetHandle": {
1888
- "name": "BottomSheetHandle",
1719
+ "InputHelpText": {
1720
+ "name": "InputHelpText",
1889
1721
  "defaultProps": {
1890
- "variant": "default"
1722
+ "size": "md"
1891
1723
  },
1892
- "getStylesLiterals": {},
1893
- "cxLiterals": [
1894
- "relative",
1895
- "h-5",
1896
- "w-16",
1897
- "outline-none",
1898
- "focus-visible:outline-none",
1899
- "[touch-action:pan-y]",
1900
- "absolute",
1901
- "left-1/2",
1902
- "top-1/2",
1903
- "-translate-x-1/2",
1904
- "-translate-y-1/2",
1905
- "h-1",
1906
- "w-8",
1907
- "rounded-full"
1908
- ],
1724
+ "getStylesLiterals": {
1725
+ "inputVariantRoot": "default",
1726
+ "inputVariantValueRoot": "empty",
1727
+ "inputVariantValueRoot:1": "filled"
1728
+ },
1729
+ "cxLiterals": [],
1909
1730
  "internalComponents": [
1731
+ "InputHelpTextInternal",
1910
1732
  "Box"
1911
1733
  ],
1912
1734
  "internalComponentProps": {
1913
1735
  "Box": {
1914
- "display": [
1915
- "block",
1916
- "flex"
1917
- ],
1918
- "justifyContent": [
1919
- "center"
1736
+ "spacingTop": [
1737
+ "2"
1920
1738
  ]
1921
1739
  }
1922
1740
  },
1923
1741
  "propToVariantKeys": {
1924
- "variant": [
1925
- "bottomsheetVariantHandleIndicator"
1742
+ "size": [
1743
+ "inputSizeRoot"
1926
1744
  ]
1927
1745
  },
1928
1746
  "runtimeConfigDefaultProps": {},
@@ -1930,55 +1748,42 @@
1930
1748
  "runtimeConfigInternalComponentProps": {},
1931
1749
  "motionVarPrefixes": []
1932
1750
  },
1933
- "BottomSheetHeader": {
1934
- "name": "BottomSheetHeader",
1935
- "defaultProps": {
1936
- "variant": "default"
1751
+ "InputHelpTextInternal": {
1752
+ "name": "InputHelpTextInternal",
1753
+ "defaultProps": {},
1754
+ "getStylesLiterals": {
1755
+ "inputVariantHelperText": "default",
1756
+ "inputVariantValueHelperText": "empty",
1757
+ "inputVariantValueHelperText:1": "filled",
1758
+ "inputVariantHelperIcon": "default",
1759
+ "inputVariantValueHelperIcon": "empty",
1760
+ "inputVariantValueHelperIcon:1": "filled"
1937
1761
  },
1938
- "getStylesLiterals": {},
1939
- "cxLiterals": [
1940
- "grid-cols-[40px_1fr_40px]",
1941
- "items-center",
1942
- "w-full",
1943
- "min-h-10",
1944
- "mt-2"
1945
- ],
1762
+ "cxLiterals": [],
1946
1763
  "internalComponents": [
1947
- "Box",
1948
- "Text"
1764
+ "IconSlot",
1765
+ "HStack"
1949
1766
  ],
1950
1767
  "internalComponentProps": {
1951
- "Box": {
1952
- "className": [
1953
- "h-10 w-10 opacity-0 pointer-events-none"
1954
- ],
1955
- "display": [
1956
- "grid",
1957
- "flex"
1958
- ],
1959
- "justifyContent": [
1960
- "flex-start",
1961
- "flex-end"
1962
- ]
1963
- },
1964
- "Text": {
1965
- "variant": [
1966
- "inherit"
1967
- ],
1968
- "color": [
1969
- "inherit"
1768
+ "HStack": {
1769
+ "gap": [
1770
+ "1"
1970
1771
  ],
1971
- "textAlign": [
1772
+ "alignItems": [
1972
1773
  "center"
1973
- ],
1974
- "className": [
1975
- "w-full"
1976
1774
  ]
1977
1775
  }
1978
1776
  },
1979
1777
  "propToVariantKeys": {
1980
- "variant": [
1981
- "bottomsheetVariantHeader"
1778
+ "size": [
1779
+ "inputSizeHelperText",
1780
+ "inputSizeHelperIcon"
1781
+ ],
1782
+ "startIcon": [
1783
+ "icon"
1784
+ ],
1785
+ "endIcon": [
1786
+ "icon"
1982
1787
  ]
1983
1788
  },
1984
1789
  "runtimeConfigDefaultProps": {},
@@ -1986,42 +1791,118 @@
1986
1791
  "runtimeConfigInternalComponentProps": {},
1987
1792
  "motionVarPrefixes": []
1988
1793
  },
1989
- "BottomSheetInternalContext": {
1990
- "name": "BottomSheetInternalContext",
1794
+ "Popover": {
1795
+ "name": "Popover",
1991
1796
  "defaultProps": {},
1992
1797
  "getStylesLiterals": {},
1993
1798
  "cxLiterals": [],
1994
- "internalComponents": [],
1799
+ "internalComponents": [
1800
+ "PopoverInternalContext.Provider",
1801
+ "PopoverProvider"
1802
+ ],
1995
1803
  "internalComponentProps": {},
1996
1804
  "propToVariantKeys": {},
1997
- "runtimeConfigDefaultProps": {},
1805
+ "runtimeConfigDefaultProps": {
1806
+ "size": "popover.defaultSize",
1807
+ "variant": "popover.defaultVariant"
1808
+ },
1998
1809
  "runtimeConfigGetStyles": {},
1999
1810
  "runtimeConfigInternalComponentProps": {},
2000
1811
  "motionVarPrefixes": []
2001
1812
  },
2002
- "BottomSheetProvider": {
2003
- "name": "BottomSheetProvider",
1813
+ "PopoverContent": {
1814
+ "name": "PopoverContent",
2004
1815
  "defaultProps": {},
2005
- "getStylesLiterals": {},
2006
- "cxLiterals": [],
1816
+ "getStylesLiterals": {
1817
+ "popoverSizeRoot": "default",
1818
+ "popoverVariantRoot": "default",
1819
+ "display": "flex",
1820
+ "position": "absolute",
1821
+ "spacingTop": "0",
1822
+ "spacingStart": "0",
1823
+ "spacingBottom": "0",
1824
+ "spacingEnd": "0",
1825
+ "popoverSizeSvgBase": "default",
1826
+ "popoverVariantSvgBase": "default",
1827
+ "popoverSizeSvgBorder": "default",
1828
+ "popoverVariantSvgBorder": "default",
1829
+ "popoverVariantBlur": "default",
1830
+ "width": "full",
1831
+ "height": "full",
1832
+ "flexShrink": "0",
1833
+ "borderRadius": "full",
1834
+ "alignItems": "center",
1835
+ "justifyContent": "center",
1836
+ "popoverVariantCloseIcon": "default",
1837
+ "popoverSizeCloseIcon": "default"
1838
+ },
1839
+ "cxLiterals": [
1840
+ "z-[9999]",
1841
+ "outline-none",
1842
+ "focus-visible:outline-none",
1843
+ "uds-bgBlurFillFallback",
1844
+ "uds-bgBlurFallback",
1845
+ "top-0",
1846
+ "left-0",
1847
+ "z-[1]",
1848
+ "duration-0",
1849
+ "duration-120",
1850
+ "transition-[background-color]",
1851
+ "bg-carbon-15/0",
1852
+ "hover:bg-carbon-15/10",
1853
+ "active:bg-carbon-15/15",
1854
+ "uds-ring",
1855
+ "absolute",
1856
+ "z-[4]"
1857
+ ],
2007
1858
  "internalComponents": [
2008
- "AriakitDialogProvider"
1859
+ "PopoverDismiss",
1860
+ "IconSlot",
1861
+ "PopoverArrow",
1862
+ "Popover",
1863
+ "SvgFloatingOverlay",
1864
+ "Box",
1865
+ "Pressable"
2009
1866
  ],
2010
1867
  "internalComponentProps": {},
2011
- "propToVariantKeys": {},
2012
- "runtimeConfigDefaultProps": {},
2013
- "runtimeConfigGetStyles": {},
2014
- "runtimeConfigInternalComponentProps": {},
1868
+ "propToVariantKeys": {
1869
+ "closeIcon": [
1870
+ "icon"
1871
+ ]
1872
+ },
1873
+ "runtimeConfigDefaultProps": {
1874
+ "size": "popover.defaultSize",
1875
+ "variant": "popover.defaultVariant"
1876
+ },
1877
+ "runtimeConfigGetStyles": {
1878
+ "spacingTop": [
1879
+ "popover.spacingVertical.${size}"
1880
+ ],
1881
+ "spacingStart": [
1882
+ "popover.spacingHorizontal.${size}"
1883
+ ],
1884
+ "spacingBottom": [
1885
+ "popover.spacingVertical.${size}"
1886
+ ],
1887
+ "spacingEnd": [
1888
+ "popover.spacingHorizontal.${size}"
1889
+ ]
1890
+ },
1891
+ "runtimeConfigInternalComponentProps": {
1892
+ "SvgFloatingOverlay": {
1893
+ "borderRadius": [
1894
+ "popover.borderRadius.${size}"
1895
+ ]
1896
+ }
1897
+ },
2015
1898
  "motionVarPrefixes": []
2016
1899
  },
2017
- "BottomSheetTrigger": {
2018
- "name": "BottomSheetTrigger",
1900
+ "PopoverContext": {
1901
+ "name": "PopoverContext",
2019
1902
  "defaultProps": {},
2020
1903
  "getStylesLiterals": {},
2021
1904
  "cxLiterals": [],
2022
- "internalComponents": [
2023
- "AriakitDialogDisclosure"
2024
- ],
1905
+ "internalComponents": [],
2025
1906
  "internalComponentProps": {},
2026
1907
  "propToVariantKeys": {},
2027
1908
  "runtimeConfigDefaultProps": {},
@@ -2029,31 +1910,38 @@
2029
1910
  "runtimeConfigInternalComponentProps": {},
2030
1911
  "motionVarPrefixes": []
2031
1912
  },
2032
- "UDSBottomSheetConfigProvider": {
2033
- "name": "UDSBottomSheetConfigProvider",
1913
+ "PopoverTrigger": {
1914
+ "name": "PopoverTrigger",
2034
1915
  "defaultProps": {},
2035
1916
  "getStylesLiterals": {},
2036
1917
  "cxLiterals": [],
2037
1918
  "internalComponents": [
2038
- "BottomSheetContext.Provider"
1919
+ "PopoverDisclosure"
2039
1920
  ],
2040
- "internalComponentProps": {},
2041
- "propToVariantKeys": {},
1921
+ "internalComponentProps": {
1922
+ "PopoverDisclosure": {
1923
+ "className": [
1924
+ "inline"
1925
+ ]
1926
+ }
1927
+ },
1928
+ "propToVariantKeys": {
1929
+ "children": [
1930
+ "render"
1931
+ ]
1932
+ },
2042
1933
  "runtimeConfigDefaultProps": {},
2043
1934
  "runtimeConfigGetStyles": {},
2044
1935
  "runtimeConfigInternalComponentProps": {},
2045
1936
  "motionVarPrefixes": []
2046
1937
  },
2047
- "Chip": {
2048
- "name": "Chip",
1938
+ "UDSPopoverConfigProvider": {
1939
+ "name": "UDSPopoverConfigProvider",
2049
1940
  "defaultProps": {},
2050
1941
  "getStylesLiterals": {},
2051
1942
  "cxLiterals": [],
2052
1943
  "internalComponents": [
2053
- "ChipDismissible",
2054
- "ChipToggle",
2055
- "ChipLink",
2056
- "ChipButton"
1944
+ "PopoverContext.Provider"
2057
1945
  ],
2058
1946
  "internalComponentProps": {},
2059
1947
  "propToVariantKeys": {},
@@ -2062,54 +1950,39 @@
2062
1950
  "runtimeConfigInternalComponentProps": {},
2063
1951
  "motionVarPrefixes": []
2064
1952
  },
2065
- "ChipBase": {
2066
- "name": "ChipBase",
1953
+ "Menu.Content": {
1954
+ "name": "Menu.Content",
2067
1955
  "defaultProps": {
2068
- "size": "md",
2069
- "as": "div"
1956
+ "size": "default",
1957
+ "variant": "default",
1958
+ "gutter": "1"
2070
1959
  },
2071
1960
  "getStylesLiterals": {},
2072
1961
  "cxLiterals": [
2073
- "pointer-events-none",
2074
- "cursor-default",
2075
- "opacity-50",
2076
- "inline-flex",
2077
- "items-center",
2078
- "transition-[background-color,outline-color,box-shadow]",
2079
- "truncate",
2080
- "whitespace-nowrap",
2081
- "text-center",
2082
- "flex-1"
1962
+ "uds-menu-content",
1963
+ "transition-shadow",
1964
+ "duration-200",
1965
+ "ease-in-out",
1966
+ "min-w-60",
1967
+ "max-w-lg",
1968
+ "max-h-96",
1969
+ "overflow-auto",
1970
+ "uds-ring",
1971
+ "z-10",
1972
+ "group"
2083
1973
  ],
2084
1974
  "internalComponents": [
2085
- "IconSlot",
2086
- "HStack",
2087
- "As",
2088
- "Text"
1975
+ "AriakitMenu",
1976
+ "AnimatePresence",
1977
+ "MotionVStack"
2089
1978
  ],
2090
- "internalComponentProps": {
2091
- "Text": {
2092
- "as": [
2093
- "span"
2094
- ],
2095
- "color": [
2096
- "current"
2097
- ],
2098
- "variant": [
2099
- "inherit"
2100
- ]
2101
- }
2102
- },
1979
+ "internalComponentProps": {},
2103
1980
  "propToVariantKeys": {
2104
1981
  "size": [
2105
- "chipSizeRoot",
2106
- "chipSizeIcon"
2107
- ],
2108
- "startIcon": [
2109
- "icon"
1982
+ "menucontentSizeRoot"
2110
1983
  ],
2111
- "endIcon": [
2112
- "icon"
1984
+ "variant": [
1985
+ "menucontentVariantRoot"
2113
1986
  ]
2114
1987
  },
2115
1988
  "runtimeConfigDefaultProps": {},
@@ -2117,91 +1990,125 @@
2117
1990
  "runtimeConfigInternalComponentProps": {},
2118
1991
  "motionVarPrefixes": []
2119
1992
  },
2120
- "ChipButton": {
2121
- "name": "ChipButton",
1993
+ "Menu.Divider": {
1994
+ "name": "Menu.Divider",
2122
1995
  "defaultProps": {
2123
- "variant": "primary"
1996
+ "role": "separator",
1997
+ "contentPosition": "start",
1998
+ "gap": "4"
2124
1999
  },
2125
- "getStylesLiterals": {},
2126
- "cxLiterals": [
2127
- "uds-ring"
2128
- ],
2129
- "internalComponents": [
2130
- "ChipBase"
2131
- ],
2132
- "internalComponentProps": {
2133
- "ChipBase": {
2134
- "as": [
2135
- "button"
2000
+ "getStylesLiterals": {
2001
+ "menuitemDividerVariantRoot": "default",
2002
+ "menuitemDividerVariantText": "default",
2003
+ "menuitemDividerVariantLine": "default"
2004
+ },
2005
+ "cxLiterals": [],
2006
+ "internalComponents": [
2007
+ "DividerInternal"
2008
+ ],
2009
+ "internalComponentProps": {
2010
+ "DividerInternal": {
2011
+ "variant": [
2012
+ "inherit"
2136
2013
  ]
2137
2014
  }
2138
2015
  },
2139
- "propToVariantKeys": {
2140
- "variant": [
2141
- "chipLinkVariantRoot",
2142
- "chipLinkVariantIcon"
2143
- ]
2144
- },
2016
+ "propToVariantKeys": {},
2145
2017
  "runtimeConfigDefaultProps": {},
2146
2018
  "runtimeConfigGetStyles": {},
2147
2019
  "runtimeConfigInternalComponentProps": {},
2148
2020
  "motionVarPrefixes": []
2149
2021
  },
2150
- "ChipDismissible": {
2151
- "name": "ChipDismissible",
2152
- "defaultProps": {
2153
- "variant": "primary"
2022
+ "Menu.Item": {
2023
+ "name": "Menu.Item",
2024
+ "defaultProps": {},
2025
+ "getStylesLiterals": {
2026
+ "menuitemItemVariantRoot": "default",
2027
+ "menuitemItemVariantActiveRoot": "on",
2028
+ "menuitemItemVariantActiveRoot:1": "off",
2029
+ "menuitemItemVariantText": "default",
2030
+ "menuitemItemVariantActiveText": "on",
2031
+ "menuitemItemVariantActiveText:1": "off",
2032
+ "menuitemItemVariantIcon": "default",
2033
+ "menuitemItemVariantActiveIcon": "on",
2034
+ "menuitemItemVariantActiveIcon:1": "off"
2154
2035
  },
2155
- "getStylesLiterals": {},
2156
- "cxLiterals": [
2157
- "uds-chip-dismissible-button",
2158
- "uds-hit-target",
2159
- "uds-ring",
2160
- "rounded-full"
2161
- ],
2036
+ "cxLiterals": [],
2162
2037
  "internalComponents": [
2163
- "ChipBase",
2164
- "IconSlot",
2165
- "Pressable"
2038
+ "MenuItemBase"
2166
2039
  ],
2167
2040
  "internalComponentProps": {},
2168
- "propToVariantKeys": {
2169
- "variant": [
2170
- "chipDismissibleVariantRoot",
2171
- "chipDismissibleVariantIcon"
2172
- ],
2173
- "dismissButtonAriaLabel": [
2174
- "aria-label"
2175
- ]
2176
- },
2041
+ "propToVariantKeys": {},
2177
2042
  "runtimeConfigDefaultProps": {},
2178
2043
  "runtimeConfigGetStyles": {},
2179
2044
  "runtimeConfigInternalComponentProps": {},
2180
2045
  "motionVarPrefixes": []
2181
2046
  },
2182
- "ChipLink": {
2183
- "name": "ChipLink",
2047
+ "Menu.ItemBase": {
2048
+ "name": "Menu.ItemBase",
2184
2049
  "defaultProps": {
2185
- "variant": "primary"
2050
+ "spacing": "0",
2051
+ "spacingHorizontal": "4",
2052
+ "spacingVertical": "3.5",
2053
+ "columnGap": "2",
2054
+ "alignItems": "center",
2055
+ "justifyContent": "space-between"
2056
+ },
2057
+ "getStylesLiterals": {
2058
+ "textAlign": "start",
2059
+ "menuitemSizeRoot": "default",
2060
+ "flexDirection": "row",
2061
+ "menuitemSizeStartIcon": "default",
2062
+ "menuitemSizeEndIcon": "default"
2186
2063
  },
2187
- "getStylesLiterals": {},
2188
2064
  "cxLiterals": [
2189
- "uds-ring"
2065
+ "flex",
2066
+ "focus-visible:text-brand",
2067
+ "focus-visible:bg-brand-secondary",
2068
+ "focus-visible:z-10",
2069
+ "uds-ring",
2070
+ "!-outline-offset-2",
2071
+ "[&:not([aria-checked])]:cursor-default",
2072
+ "opacity-25",
2073
+ "cursor-not-allowed",
2074
+ "duration-20",
2075
+ "transition-[font-variation-settings]",
2076
+ "ease-in-out",
2077
+ "z-0",
2078
+ "uds-start-icon",
2079
+ "uds-end-icon"
2190
2080
  ],
2191
2081
  "internalComponents": [
2192
- "ChipBase"
2082
+ "Pressable",
2083
+ "IconSlot",
2084
+ "RootComponent",
2085
+ "HStack",
2086
+ "AnimatePresence"
2193
2087
  ],
2194
2088
  "internalComponentProps": {
2195
- "ChipBase": {
2196
- "as": [
2197
- "a"
2089
+ "HStack": {
2090
+ "alignItems": [
2091
+ "center"
2092
+ ],
2093
+ "width": [
2094
+ "full"
2095
+ ]
2096
+ },
2097
+ "AnimatePresence": {
2098
+ "mode": [
2099
+ "popLayout"
2198
2100
  ]
2199
2101
  }
2200
2102
  },
2201
2103
  "propToVariantKeys": {
2202
- "variant": [
2203
- "chipLinkVariantRoot",
2204
- "chipLinkVariantIcon"
2104
+ "startIcon": [
2105
+ "icon"
2106
+ ],
2107
+ "endIcon": [
2108
+ "icon"
2109
+ ],
2110
+ "columnGap": [
2111
+ "gap"
2205
2112
  ]
2206
2113
  },
2207
2114
  "runtimeConfigDefaultProps": {},
@@ -2209,253 +2116,245 @@
2209
2116
  "runtimeConfigInternalComponentProps": {},
2210
2117
  "motionVarPrefixes": []
2211
2118
  },
2212
- "ChipToggle": {
2213
- "name": "ChipToggle",
2214
- "defaultProps": {
2215
- "variant": "primary",
2216
- "role": "checkbox"
2217
- },
2119
+ "Menu.ItemCheckbox": {
2120
+ "name": "Menu.ItemCheckbox",
2121
+ "defaultProps": {},
2218
2122
  "getStylesLiterals": {
2219
- "chipToggleVariantActiveRoot": "on",
2220
- "chipToggleVariantActiveRoot:1": "off"
2123
+ "menuitemItemCheckboxVariantRoot": "default",
2124
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2125
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2126
+ "menuitemItemCheckboxVariantText": "default",
2127
+ "menuitemItemCheckboxVariantActiveText": "on",
2128
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2129
+ "menuitemItemCheckboxVariantStartIcon": "default",
2130
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2131
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2132
+ "menuitemItemCheckboxVariantEndIcon": "default",
2133
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2134
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2221
2135
  },
2222
2136
  "cxLiterals": [
2223
- "uds-ring"
2137
+ "uds-menu-item-checkbox"
2224
2138
  ],
2225
2139
  "internalComponents": [
2226
- "ChipBase"
2140
+ "MenuItemBase"
2227
2141
  ],
2228
- "internalComponentProps": {
2229
- "ChipBase": {
2230
- "as": [
2231
- "button"
2232
- ]
2233
- }
2234
- },
2235
- "propToVariantKeys": {
2236
- "variant": [
2237
- "chipToggleVariantRoot",
2238
- "chipToggleVariantIcon"
2239
- ]
2240
- },
2142
+ "internalComponentProps": {},
2143
+ "propToVariantKeys": {},
2241
2144
  "runtimeConfigDefaultProps": {},
2242
2145
  "runtimeConfigGetStyles": {},
2243
2146
  "runtimeConfigInternalComponentProps": {},
2244
2147
  "motionVarPrefixes": []
2245
2148
  },
2246
- "Avatar": {
2247
- "name": "Avatar",
2149
+ "Menu.Provider": {
2150
+ "name": "Menu.Provider",
2248
2151
  "defaultProps": {},
2249
2152
  "getStylesLiterals": {},
2250
2153
  "cxLiterals": [],
2251
2154
  "internalComponents": [
2252
- "AvatarImage"
2155
+ "AriakitMenuProvider",
2156
+ "SpringMotionConfig"
2253
2157
  ],
2254
2158
  "internalComponentProps": {},
2255
2159
  "propToVariantKeys": {},
2256
2160
  "runtimeConfigDefaultProps": {},
2257
2161
  "runtimeConfigGetStyles": {},
2258
2162
  "runtimeConfigInternalComponentProps": {},
2259
- "motionVarPrefixes": []
2163
+ "motionVarPrefixes": [
2164
+ "--uds-motion-subtle-3-",
2165
+ "--uds-motion-smooth-3-"
2166
+ ]
2260
2167
  },
2261
- "AvatarIcon": {
2262
- "name": "AvatarIcon",
2263
- "defaultProps": {
2264
- "size": "md",
2265
- "variant": "primary"
2266
- },
2168
+ "Menu.Trigger": {
2169
+ "name": "Menu.Trigger",
2170
+ "defaultProps": {},
2267
2171
  "getStylesLiterals": {},
2268
2172
  "cxLiterals": [
2269
- "overflow-hidden",
2270
- "w-full",
2271
- "h-full",
2272
- "shrink-0",
2273
- "text-center",
2274
- "inline-flex",
2275
- "justify-center",
2276
- "items-center"
2173
+ "uds-menu-trigger"
2277
2174
  ],
2278
2175
  "internalComponents": [
2279
- "IconSlot",
2176
+ "AriakitMenuTrigger",
2280
2177
  "Box"
2281
2178
  ],
2282
- "internalComponentProps": {},
2283
- "propToVariantKeys": {
2284
- "size": [
2285
- "avatarSizeIcon"
2286
- ]
2179
+ "internalComponentProps": {
2180
+ "Box": {
2181
+ "className": [
2182
+ "uds-ring h-fit w-fit"
2183
+ ]
2184
+ }
2287
2185
  },
2186
+ "propToVariantKeys": {},
2288
2187
  "runtimeConfigDefaultProps": {},
2289
2188
  "runtimeConfigGetStyles": {},
2290
2189
  "runtimeConfigInternalComponentProps": {},
2291
2190
  "motionVarPrefixes": []
2292
2191
  },
2293
- "AvatarImage": {
2294
- "name": "AvatarImage",
2295
- "defaultProps": {
2296
- "size": "md",
2297
- "variant": "primary"
2298
- },
2192
+ "Menu.index": {
2193
+ "name": "Menu.index",
2194
+ "defaultProps": {},
2299
2195
  "getStylesLiterals": {},
2300
- "cxLiterals": [
2301
- "overflow-hidden",
2302
- "w-full",
2303
- "h-full",
2304
- "shrink-0",
2305
- "text-center",
2306
- "inline-flex",
2307
- "justify-center",
2308
- "items-center",
2309
- "object-cover"
2310
- ],
2311
- "internalComponents": [
2312
- "UDSImage",
2313
- "AvatarText",
2314
- "AvatarIcon",
2315
- "Box"
2316
- ],
2196
+ "cxLiterals": [],
2197
+ "internalComponents": [],
2317
2198
  "internalComponentProps": {},
2318
- "propToVariantKeys": {
2319
- "alt": [
2320
- "name"
2321
- ],
2322
- "fallback": [
2323
- "initials"
2324
- ]
2325
- },
2199
+ "propToVariantKeys": {},
2326
2200
  "runtimeConfigDefaultProps": {},
2327
2201
  "runtimeConfigGetStyles": {},
2328
2202
  "runtimeConfigInternalComponentProps": {},
2329
2203
  "motionVarPrefixes": []
2330
2204
  },
2331
- "AvatarText": {
2332
- "name": "AvatarText",
2333
- "defaultProps": {
2334
- "size": "md",
2335
- "variant": "primary"
2336
- },
2205
+ "Menu": {
2206
+ "name": "Menu",
2207
+ "defaultProps": {},
2337
2208
  "getStylesLiterals": {},
2338
- "cxLiterals": [
2339
- "overflow-hidden",
2340
- "truncate",
2341
- "w-full",
2342
- "h-full",
2343
- "shrink-0",
2344
- "text-center",
2345
- "inline-flex",
2346
- "justify-center",
2347
- "items-center"
2348
- ],
2349
- "internalComponents": [
2350
- "Box",
2351
- "Text"
2352
- ],
2353
- "internalComponentProps": {
2354
- "Text": {
2355
- "color": [
2356
- "inherit"
2357
- ],
2358
- "variant": [
2359
- "inherit"
2360
- ]
2361
- }
2362
- },
2209
+ "cxLiterals": [],
2210
+ "internalComponents": [],
2211
+ "internalComponentProps": {},
2363
2212
  "propToVariantKeys": {},
2364
2213
  "runtimeConfigDefaultProps": {},
2365
2214
  "runtimeConfigGetStyles": {},
2366
2215
  "runtimeConfigInternalComponentProps": {},
2367
2216
  "motionVarPrefixes": []
2368
2217
  },
2369
- "Accordion": {
2370
- "name": "Accordion",
2218
+ "Radio": {
2219
+ "name": "Radio",
2371
2220
  "defaultProps": {
2372
- "spacingHorizontal": "4",
2373
- "spacingVertical": "4"
2221
+ "labelPosition": "start",
2222
+ "variant": "primary",
2223
+ "size": "md",
2224
+ "value": ""
2225
+ },
2226
+ "getStylesLiterals": {
2227
+ "radioVariantValueRoot": "checked",
2228
+ "radioVariantValueRoot:1": "unchecked",
2229
+ "display": "flex",
2230
+ "flexDirection": "row",
2231
+ "flexDirection:1": "row-reverse",
2232
+ "alignItems": "center",
2233
+ "radioVariantValueRadio": "checked",
2234
+ "radioVariantValueRadio:1": "unchecked",
2235
+ "radioVariantValueRadioCircle": "checked",
2236
+ "radioVariantValueRadioCircle:1": "unchecked"
2374
2237
  },
2375
- "getStylesLiterals": {},
2376
2238
  "cxLiterals": [
2377
- "hover:bg-secondary/80",
2378
- "w-full"
2239
+ "cursor-pointer",
2240
+ "cursor-default",
2241
+ "opacity-50",
2242
+ "border",
2243
+ "uds-ring",
2244
+ "uds-ring-within",
2245
+ "transition-[background-color,border-color]",
2246
+ "transition-shadow",
2247
+ "pointer-events-none",
2248
+ "w-[8px]",
2249
+ "h-[8px]",
2250
+ "transition-opacity",
2251
+ "cursor-[inherit]",
2252
+ "absolute",
2253
+ "opacity-0",
2254
+ "top-1/2",
2255
+ "left-1/2",
2256
+ "w-[calc(100%+2px)]",
2257
+ "h-[calc(100%+2px)]",
2258
+ "transform",
2259
+ "translate-x-[-50%]",
2260
+ "translate-y-[-50%]",
2261
+ "text-start",
2262
+ "text-end"
2379
2263
  ],
2380
2264
  "internalComponents": [
2381
- "Icon",
2265
+ "Box",
2266
+ "FormLabel",
2382
2267
  "SpringMotionConfig",
2383
- "Pressable",
2384
- "Text",
2385
- "HStack",
2386
- "AnimatePresence",
2387
- "VStack"
2268
+ "RootElement",
2269
+ "MotionBox"
2388
2270
  ],
2389
2271
  "internalComponentProps": {
2390
- "Icon": {
2391
- "variant": [
2392
- "fill"
2272
+ "Box": {
2273
+ "borderRadius": [
2274
+ "full"
2275
+ ]
2276
+ },
2277
+ "FormLabel": {
2278
+ "as": [
2279
+ "div"
2393
2280
  ],
2394
- "size": [
2395
- "sm"
2281
+ "variant": [
2282
+ "inherit"
2396
2283
  ],
2397
2284
  "color": [
2398
- "primary"
2285
+ "inherit"
2399
2286
  ]
2400
2287
  },
2401
- "SpringMotionConfig": {
2402
- "layoutVariant": [
2403
- "smooth"
2404
- ],
2405
- "layoutSpeed": [
2406
- "3"
2288
+ "RootElement": {
2289
+ "data-testid": [
2290
+ "container"
2407
2291
  ]
2408
2292
  },
2409
- "Pressable": {
2410
- "display": [
2411
- "flex"
2412
- ],
2413
- "flexDirection": [
2414
- "row"
2415
- ],
2416
- "alignItems": [
2417
- "center"
2418
- ],
2419
- "justifyContent": [
2420
- "space-between"
2293
+ "MotionBox": {
2294
+ "position": [
2295
+ "relative"
2421
2296
  ],
2422
2297
  "borderRadius": [
2423
- "md"
2424
- ]
2425
- },
2426
- "Text": {
2427
- "variant": [
2428
- "title4"
2429
- ],
2430
- "color": [
2431
- "primary"
2432
- ]
2433
- },
2434
- "HStack": {
2435
- "display": [
2436
- "flex"
2298
+ "full"
2437
2299
  ],
2438
2300
  "alignItems": [
2439
2301
  "center"
2440
2302
  ],
2441
2303
  "justifyContent": [
2442
- "space-between"
2304
+ "center"
2443
2305
  ],
2444
- "columnGap": [
2445
- "2.5"
2306
+ "flex": [
2307
+ "none"
2446
2308
  ]
2447
2309
  }
2448
2310
  },
2449
- "propToVariantKeys": {},
2311
+ "propToVariantKeys": {
2312
+ "size": [
2313
+ "radioSizeRoot",
2314
+ "radioSizeRadio"
2315
+ ],
2316
+ "variant": [
2317
+ "radioVariantRoot",
2318
+ "radioVariantRadio",
2319
+ "radioVariantRadioCircle"
2320
+ ],
2321
+ "reduceMotion": [
2322
+ "reducedMotion"
2323
+ ]
2324
+ },
2450
2325
  "runtimeConfigDefaultProps": {},
2451
2326
  "runtimeConfigGetStyles": {},
2452
2327
  "runtimeConfigInternalComponentProps": {},
2453
2328
  "motionVarPrefixes": [
2329
+ "--uds-motion-subtle-3-",
2454
2330
  "--uds-motion-smooth-3-"
2455
2331
  ]
2456
2332
  },
2457
- "AvoidMotionLibraryProvider": {
2458
- "name": "AvoidMotionLibraryProvider",
2333
+ "RadioGroupProvider": {
2334
+ "name": "RadioGroupProvider",
2335
+ "defaultProps": {},
2336
+ "getStylesLiterals": {},
2337
+ "cxLiterals": [],
2338
+ "internalComponents": [
2339
+ "DivProps",
2340
+ "Comp",
2341
+ "RadioGroupContext.Provider"
2342
+ ],
2343
+ "internalComponentProps": {
2344
+ "Comp": {
2345
+ "role": [
2346
+ "radiogroup"
2347
+ ]
2348
+ }
2349
+ },
2350
+ "propToVariantKeys": {},
2351
+ "runtimeConfigDefaultProps": {},
2352
+ "runtimeConfigGetStyles": {},
2353
+ "runtimeConfigInternalComponentProps": {},
2354
+ "motionVarPrefixes": []
2355
+ },
2356
+ "RadioGroupStore": {
2357
+ "name": "RadioGroupStore",
2459
2358
  "defaultProps": {},
2460
2359
  "getStylesLiterals": {},
2461
2360
  "cxLiterals": [],
@@ -2467,737 +2366,838 @@
2467
2366
  "runtimeConfigInternalComponentProps": {},
2468
2367
  "motionVarPrefixes": []
2469
2368
  },
2470
- "Modal": {
2471
- "name": "Modal",
2369
+ "Toast": {
2370
+ "name": "Toast",
2472
2371
  "defaultProps": {},
2473
- "getStylesLiterals": {},
2372
+ "getStylesLiterals": {
2373
+ "className": "flex-none",
2374
+ "spacing": "2",
2375
+ "borderRadius": "full"
2376
+ },
2474
2377
  "cxLiterals": [
2475
- "inset-8",
2476
- "top-[250px]",
2477
- "z-50",
2478
- "mx-auto",
2479
- "h-fit",
2480
- "w-[600px]",
2481
- "origin-center",
2482
- "scale-95",
2483
- "opacity-0",
2484
- "transition",
2485
- "duration-150",
2486
- "data-[enter]:scale-100",
2487
- "data-[enter]:opacity-100",
2488
- "data-[enter]:bg-primary",
2489
- "backdrop-blur-0",
2490
- "data-[enter]:opacity-60",
2491
- "data-[enter]:backdrop-blur-sm"
2378
+ "duration-0",
2379
+ "duration-120",
2380
+ "transition-[background-color]",
2381
+ "bg-carbon-15/0",
2382
+ "hover:bg-carbon-15/10",
2383
+ "active:bg-carbon-15/15",
2384
+ "uds-ring"
2492
2385
  ],
2493
2386
  "internalComponents": [
2494
- "IconButton",
2495
- "Dialog",
2496
- "HStack",
2387
+ "IconSlot",
2388
+ "ToastContainer",
2497
2389
  "Text",
2498
- "VStack"
2390
+ "Button",
2391
+ "Pressable"
2499
2392
  ],
2500
- "internalComponentProps": {
2501
- "IconButton": {
2502
- "aria-label": [
2503
- "Close"
2504
- ],
2505
- "size": [
2506
- "sm"
2507
- ],
2508
- "variant": [
2509
- "tertiary"
2510
- ]
2511
- },
2512
- "HStack": {
2513
- "alignItems": [
2514
- "center"
2515
- ],
2516
- "justifyContent": [
2517
- "space-between"
2518
- ]
2393
+ "internalComponentProps": {},
2394
+ "propToVariantKeys": {
2395
+ "size": [
2396
+ "toastSizeLabel",
2397
+ "toastSizeIcon",
2398
+ "toastSizeActionButton",
2399
+ "toastSizeCloseIcon"
2400
+ ],
2401
+ "variant": [
2402
+ "toastVariantIcon",
2403
+ "toastVariantActionButton",
2404
+ "toastVariantCloseIcon"
2405
+ ],
2406
+ "closeIcon": [
2407
+ "icon"
2408
+ ],
2409
+ "onClickActionButton": [
2410
+ "onClick"
2411
+ ]
2412
+ },
2413
+ "runtimeConfigDefaultProps": {
2414
+ "size": "toast.defaultSize",
2415
+ "variant": "toast.defaultVariant"
2416
+ },
2417
+ "runtimeConfigGetStyles": {
2418
+ "toastSizeLabel": [
2419
+ "toast.defaultSize"
2420
+ ],
2421
+ "toastVariantIcon": [
2422
+ "toast.defaultVariant"
2423
+ ],
2424
+ "toastSizeIcon": [
2425
+ "toast.defaultSize"
2426
+ ],
2427
+ "toastSizeActionButton": [
2428
+ "toast.defaultSize"
2429
+ ],
2430
+ "toastVariantActionButton": [
2431
+ "toast.defaultVariant"
2432
+ ],
2433
+ "toastVariantCloseIcon": [
2434
+ "toast.defaultVariant"
2435
+ ],
2436
+ "toastSizeCloseIcon": [
2437
+ "toast.defaultSize"
2438
+ ]
2439
+ },
2440
+ "runtimeConfigInternalComponentProps": {
2441
+ "ToastContainer": {
2442
+ "size": [
2443
+ "toast.defaultSize"
2444
+ ],
2445
+ "variant": [
2446
+ "toast.defaultVariant"
2447
+ ]
2519
2448
  },
2520
2449
  "Text": {
2521
2450
  "variant": [
2522
- "headline1"
2451
+ "toast.textVariant.${size}"
2523
2452
  ],
2524
2453
  "color": [
2525
- "primary"
2454
+ "toast.textColor.${variant}"
2526
2455
  ]
2527
2456
  },
2528
- "VStack": {
2529
- "borderRadius": [
2530
- "md"
2531
- ],
2532
- "position": [
2533
- "fixed"
2534
- ],
2535
- "backgroundColor": [
2536
- "primary"
2537
- ],
2538
- "dropShadow": [
2539
- "md"
2540
- ],
2541
- "spacing": [
2542
- "8"
2457
+ "Button": {
2458
+ "size": [
2459
+ "toast.buttonSize.${size}"
2543
2460
  ],
2544
- "overflow": [
2545
- "hidden"
2461
+ "variant": [
2462
+ "toast.buttonVariant.${variant}"
2546
2463
  ]
2547
2464
  }
2548
2465
  },
2549
- "propToVariantKeys": {
2550
- "handleClose": [
2551
- "onClick"
2552
- ]
2553
- },
2554
- "runtimeConfigDefaultProps": {},
2555
- "runtimeConfigGetStyles": {},
2556
- "runtimeConfigInternalComponentProps": {},
2557
2466
  "motionVarPrefixes": []
2558
2467
  },
2559
- "SegmentedControl": {
2560
- "name": "SegmentedControl",
2561
- "defaultProps": {
2562
- "textVariant": "label2"
2563
- },
2468
+ "ToastContainer": {
2469
+ "name": "ToastContainer",
2470
+ "defaultProps": {},
2564
2471
  "getStylesLiterals": {
2565
- "display": "flex",
2472
+ "position": "relative",
2566
2473
  "alignItems": "center",
2567
- "backgroundColor": "primary",
2568
- "spacingVertical": "1",
2569
- "spacingHorizontal": "3",
2570
- "columnGap": "1.5",
2571
- "borderWidth": "thin",
2572
- "borderRadius": "full",
2573
- "borderColor": "muted",
2574
- "borderColor:1": "transparent",
2575
- "color": "primary",
2576
- "color:1": "tertiary",
2577
- "color:2": "muted"
2474
+ "display": "flex",
2475
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2578
2476
  },
2579
2477
  "cxLiterals": [
2580
- "uds-ring",
2581
- "cursor-not-allowed",
2582
- "opacity-50",
2583
- "pointer-events-none",
2584
- "hover:bg-primary"
2478
+ "w-full"
2585
2479
  ],
2586
2480
  "internalComponents": [
2587
- "TextVariant",
2588
- "Radio",
2589
- "Icon",
2590
- "RadioProvider",
2591
- "HStack",
2592
- "RadioGroup",
2593
- "Pressable",
2594
- "Text"
2481
+ "HStack"
2595
2482
  ],
2596
2483
  "internalComponentProps": {
2597
- "Icon": {
2598
- "size": [
2599
- "sm"
2600
- ],
2601
- "color": [
2602
- "current"
2603
- ],
2604
- "aria-hidden": [
2605
- "true"
2606
- ]
2607
- },
2608
2484
  "HStack": {
2609
- "spacing": [
2610
- "1"
2611
- ],
2612
- "gap": [
2613
- "1"
2485
+ "alignItems": [
2486
+ "center"
2614
2487
  ],
2615
- "backgroundColor": [
2616
- "secondary"
2488
+ "justifyContent": [
2489
+ "space-between"
2617
2490
  ],
2618
- "borderRadius": [
2619
- "full"
2491
+ "overflow": [
2492
+ "hidden"
2620
2493
  ],
2621
- "display": [
2622
- "inline-flex"
2623
- ]
2624
- },
2625
- "Text": {
2626
- "color": [
2627
- "current"
2494
+ "position": [
2495
+ "relative"
2628
2496
  ]
2629
2497
  }
2630
2498
  },
2631
2499
  "propToVariantKeys": {
2632
- "value": [
2633
- "key"
2500
+ "variant": [
2501
+ "toastVariantRoot"
2634
2502
  ],
2635
- "label": [
2636
- "aria-label"
2503
+ "size": [
2504
+ "toastSizeRoot"
2505
+ ]
2506
+ },
2507
+ "runtimeConfigDefaultProps": {
2508
+ "size": "toast.defaultSize",
2509
+ "variant": "toast.defaultVariant"
2510
+ },
2511
+ "runtimeConfigGetStyles": {
2512
+ "toastVariantRoot": [
2513
+ "toast.defaultVariant"
2637
2514
  ],
2638
- "textVariant": [
2639
- "variant"
2515
+ "toastSizeRoot": [
2516
+ "toast.defaultSize"
2640
2517
  ]
2641
2518
  },
2519
+ "runtimeConfigInternalComponentProps": {
2520
+ "HStack": {
2521
+ "backgroundColor": [
2522
+ "toast.backgroundColor.${variant}"
2523
+ ]
2524
+ }
2525
+ },
2526
+ "motionVarPrefixes": []
2527
+ },
2528
+ "ToastPortal": {
2529
+ "name": "ToastPortal",
2530
+ "defaultProps": {},
2531
+ "getStylesLiterals": {},
2532
+ "cxLiterals": [],
2533
+ "internalComponents": [
2534
+ "ReactToastifyToastContainer"
2535
+ ],
2536
+ "internalComponentProps": {},
2537
+ "propToVariantKeys": {},
2538
+ "runtimeConfigDefaultProps": {
2539
+ "size": "toast.defaultSize",
2540
+ "variant": "toast.defaultVariant"
2541
+ },
2542
+ "runtimeConfigGetStyles": {},
2543
+ "runtimeConfigInternalComponentProps": {
2544
+ "ReactToastifyToastContainer": {
2545
+ "autoClose": [
2546
+ "toast.autoClose"
2547
+ ]
2548
+ }
2549
+ },
2550
+ "motionVarPrefixes": []
2551
+ },
2552
+ "UDSToastConfigProvider": {
2553
+ "name": "UDSToastConfigProvider",
2554
+ "defaultProps": {},
2555
+ "getStylesLiterals": {},
2556
+ "cxLiterals": [],
2557
+ "internalComponents": [
2558
+ "ToastContext.Provider"
2559
+ ],
2560
+ "internalComponentProps": {},
2561
+ "propToVariantKeys": {},
2642
2562
  "runtimeConfigDefaultProps": {},
2643
2563
  "runtimeConfigGetStyles": {},
2644
2564
  "runtimeConfigInternalComponentProps": {},
2645
2565
  "motionVarPrefixes": []
2646
2566
  },
2647
- "SwitchV2": {
2648
- "name": "SwitchV2",
2649
- "defaultProps": {
2650
- "labelPosition": "start",
2651
- "size": "md"
2567
+ "Tooltip": {
2568
+ "name": "Tooltip",
2569
+ "defaultProps": {},
2570
+ "getStylesLiterals": {},
2571
+ "cxLiterals": [],
2572
+ "internalComponents": [
2573
+ "TooltipInternalContext.Provider",
2574
+ "TooltipProvider"
2575
+ ],
2576
+ "internalComponentProps": {},
2577
+ "propToVariantKeys": {},
2578
+ "runtimeConfigDefaultProps": {},
2579
+ "runtimeConfigGetStyles": {},
2580
+ "runtimeConfigInternalComponentProps": {
2581
+ "TooltipProvider": {
2582
+ "animated": [
2583
+ "tooltip.animationDuration"
2584
+ ]
2585
+ }
2652
2586
  },
2587
+ "motionVarPrefixes": []
2588
+ },
2589
+ "TooltipContent": {
2590
+ "name": "TooltipContent",
2591
+ "defaultProps": {},
2653
2592
  "getStylesLiterals": {
2654
- "switchVariantRoot": "default",
2655
- "switchVariantActiveRoot": "on",
2656
- "switchVariantActiveRoot:1": "off",
2657
- "switchVariantSwitch": "default",
2658
- "switchVariantActiveSwitch": "on",
2659
- "switchVariantActiveSwitch:1": "off",
2660
- "switchVariantActiveHandle": "on",
2661
- "switchVariantActiveHandle:1": "off",
2662
- "switchVariantHandle": "default",
2663
- "switchVariantHandleIcon": "default",
2664
- "switchVariantActiveHandleIcon": "on",
2665
- "switchVariantActiveHandleIcon:1": "off"
2593
+ "tooltipSizeRoot": "default",
2594
+ "tooltipVariantRoot": "default",
2595
+ "tooltipSizeSvg": "default",
2596
+ "tooltipVariantSvg": "default",
2597
+ "tooltipVariantBlur": "default",
2598
+ "position": "absolute",
2599
+ "width": "full",
2600
+ "height": "full",
2601
+ "tooltipSizeTitle": "default",
2602
+ "tooltipSizeBody": "default",
2603
+ "tooltipSizeEndContent": "default",
2604
+ "tooltipSizeIcon": "default",
2605
+ "tooltipVariantIcon": "default"
2666
2606
  },
2667
2607
  "cxLiterals": [
2668
- "group",
2608
+ "max-w-lg",
2669
2609
  "flex",
2670
- "items-center",
2671
- "flex-row",
2672
- "flex-row-reverse",
2673
- "uds-ring",
2674
- "uds-ring-within",
2675
- "relative",
2676
- "uds-border-radius-full",
2677
- "transition-[background-color,box-shadow]",
2678
- "pointer-events-none",
2679
- "w-full",
2680
- "h-full",
2681
- "absolute",
2610
+ "z-[9999]",
2611
+ "uds-bgBlurFillFallback",
2612
+ "uds-bgBlurFallback",
2682
2613
  "top-0",
2683
- "bottom-0",
2684
- "right-0",
2685
2614
  "left-0",
2686
- "overflow-hidden",
2687
- "group-hover:scale-105",
2688
- "opacity-95",
2689
- "group-hover:opacity-100",
2690
- "transition-[transform,opacity]",
2691
- "opacity-0",
2692
- "top-1/2",
2693
- "left-1/2",
2694
- "transform",
2695
- "translate-x-[-50%]",
2696
- "translate-y-[-50%]",
2697
- "transition-opacity",
2698
- "cursor-[inherit]",
2699
- "w-[calc(100%+2px)]",
2700
- "h-[calc(100%+2px)]",
2701
- "text-start",
2702
- "text-end",
2703
- "opacity-100"
2615
+ "z-[1]"
2704
2616
  ],
2705
2617
  "internalComponents": [
2706
2618
  "IconSlot",
2619
+ "TooltipArrow",
2620
+ "Tooltip",
2621
+ "SvgFloatingOverlay",
2622
+ "VStack",
2707
2623
  "Box",
2708
- "FormLabel",
2709
- "SpringMotionConfig",
2710
- "RootElement",
2711
- "MotionBox"
2624
+ "Text"
2712
2625
  ],
2713
2626
  "internalComponentProps": {
2714
- "IconSlot": {
2715
- "data-testid": [
2716
- "on-icon",
2717
- "off-icon"
2627
+ "SvgFloatingOverlay": {
2628
+ "contentOverflow": [
2629
+ "visible"
2718
2630
  ]
2719
2631
  },
2720
- "FormLabel": {
2721
- "as": [
2722
- "div"
2723
- ],
2724
- "variant": [
2725
- "inherit"
2726
- ],
2727
- "color": [
2728
- "inherit"
2632
+ "VStack": {
2633
+ "className": [
2634
+ "gap-[inherit]"
2729
2635
  ]
2730
2636
  },
2731
- "SpringMotionConfig": {
2732
- "layoutVariant": [
2733
- "bouncy"
2637
+ "Box": {
2638
+ "alignItems": [
2639
+ "center"
2734
2640
  ],
2735
- "layoutSpeed": [
2736
- "4"
2737
- ]
2738
- },
2739
- "RootElement": {
2740
- "data-testid": [
2741
- "switch-root"
2641
+ "columnGap": [
2642
+ "1",
2643
+ "1.5"
2742
2644
  ]
2743
2645
  },
2744
- "MotionBox": {
2745
- "layout": [
2746
- "position"
2646
+ "Text": {
2647
+ "color": [
2648
+ "inherit"
2747
2649
  ]
2748
2650
  }
2749
2651
  },
2750
2652
  "propToVariantKeys": {
2751
- "size": [
2752
- "switchSizeRoot",
2753
- "switchSizeSwitch",
2754
- "switchSizeHandle",
2755
- "switchSizeHandleIcon"
2756
- ],
2757
- "onIcon": [
2758
- "icon"
2759
- ],
2760
- "offIcon": [
2653
+ "startTitleIcon": [
2761
2654
  "icon"
2762
- ],
2763
- "reduceMotion": [
2764
- "reducedMotion"
2765
- ],
2766
- "isOn": [
2767
- "layoutDependency"
2768
2655
  ]
2769
2656
  },
2770
2657
  "runtimeConfigDefaultProps": {},
2771
2658
  "runtimeConfigGetStyles": {},
2772
2659
  "runtimeConfigInternalComponentProps": {},
2773
- "motionVarPrefixes": [
2774
- "--uds-motion-bouncy-4-",
2775
- "--uds-motion-smooth-3-"
2776
- ]
2660
+ "motionVarPrefixes": []
2777
2661
  },
2778
- "Tabs": {
2779
- "name": "Tabs",
2662
+ "TooltipTrigger": {
2663
+ "name": "TooltipTrigger",
2780
2664
  "defaultProps": {},
2781
- "getStylesLiterals": {
2782
- "display": "flex",
2783
- "flexDirection": "row",
2784
- "columnGap": "6"
2785
- },
2786
- "cxLiterals": [
2787
- "text-tertiary",
2788
- "border-b-transparent",
2789
- "aria-selected:border-b-brand",
2790
- "aria-selected:text-secondary"
2791
- ],
2665
+ "getStylesLiterals": {},
2666
+ "cxLiterals": [],
2792
2667
  "internalComponents": [
2793
- "TabProvider",
2794
- "OriginalTabList",
2795
- "OriginalTab",
2796
- "Icon",
2797
- "OriginalTabPanel",
2798
- "Pressable",
2799
- "Comp",
2800
- "Text"
2668
+ "TooltipAnchor"
2801
2669
  ],
2802
2670
  "internalComponentProps": {
2803
- "Icon": {
2804
- "className": [
2805
- "text-current"
2806
- ],
2807
- "size": [
2808
- "md"
2809
- ]
2810
- },
2811
- "Pressable": {
2812
- "borderBottomWidth": [
2813
- "medium"
2814
- ],
2815
- "spacingBottom": [
2816
- "1"
2817
- ],
2818
- "spacingTop": [
2819
- "4"
2820
- ]
2821
- },
2822
- "Text": {
2671
+ "TooltipAnchor": {
2823
2672
  "className": [
2824
- "text-current"
2825
- ],
2826
- "variant": [
2827
- "headline1"
2828
- ],
2829
- "as": [
2830
- "span"
2673
+ "inline"
2831
2674
  ]
2832
2675
  }
2833
2676
  },
2677
+ "propToVariantKeys": {
2678
+ "children": [
2679
+ "render"
2680
+ ]
2681
+ },
2682
+ "runtimeConfigDefaultProps": {},
2683
+ "runtimeConfigGetStyles": {},
2684
+ "runtimeConfigInternalComponentProps": {},
2685
+ "motionVarPrefixes": []
2686
+ },
2687
+ "UDSTooltipConfigProvider": {
2688
+ "name": "UDSTooltipConfigProvider",
2689
+ "defaultProps": {},
2690
+ "getStylesLiterals": {},
2691
+ "cxLiterals": [],
2692
+ "internalComponents": [
2693
+ "TooltipContext.Provider"
2694
+ ],
2695
+ "internalComponentProps": {},
2834
2696
  "propToVariantKeys": {},
2835
2697
  "runtimeConfigDefaultProps": {},
2836
2698
  "runtimeConfigGetStyles": {},
2837
2699
  "runtimeConfigInternalComponentProps": {},
2838
2700
  "motionVarPrefixes": []
2839
2701
  },
2840
- "Toast": {
2841
- "name": "Toast",
2702
+ "UDSBreakpointsConfigProvider": {
2703
+ "name": "UDSBreakpointsConfigProvider",
2842
2704
  "defaultProps": {},
2843
- "getStylesLiterals": {
2844
- "className": "flex-none",
2845
- "spacing": "2",
2846
- "borderRadius": "full"
2847
- },
2848
- "cxLiterals": [
2849
- "duration-0",
2850
- "duration-120",
2851
- "transition-[background-color]",
2852
- "bg-carbon-15/0",
2853
- "hover:bg-carbon-15/10",
2854
- "active:bg-carbon-15/15",
2855
- "uds-ring"
2705
+ "getStylesLiterals": {},
2706
+ "cxLiterals": [],
2707
+ "internalComponents": [
2708
+ "UDSBreakpointsConfigContext.Provider"
2856
2709
  ],
2710
+ "internalComponentProps": {},
2711
+ "propToVariantKeys": {},
2712
+ "runtimeConfigDefaultProps": {},
2713
+ "runtimeConfigGetStyles": {},
2714
+ "runtimeConfigInternalComponentProps": {},
2715
+ "motionVarPrefixes": []
2716
+ },
2717
+ "UDSConfigProvider": {
2718
+ "name": "UDSConfigProvider",
2719
+ "defaultProps": {},
2720
+ "getStylesLiterals": {},
2721
+ "cxLiterals": [],
2857
2722
  "internalComponents": [
2858
- "IconSlot",
2859
- "ToastContainer",
2860
- "Text",
2861
- "Button",
2862
- "Pressable"
2723
+ "UDSBreakpointsConfigProvider",
2724
+ "UDSBottomSheetConfigProvider",
2725
+ "UDSToastConfigProvider",
2726
+ "UDSTooltipConfigProvider",
2727
+ "UDSPopoverConfigProvider"
2863
2728
  ],
2864
2729
  "internalComponentProps": {},
2865
- "propToVariantKeys": {
2866
- "size": [
2867
- "toastSizeLabel",
2868
- "toastSizeIcon",
2869
- "toastSizeActionButton",
2870
- "toastSizeCloseIcon"
2871
- ],
2872
- "variant": [
2873
- "toastVariantIcon",
2874
- "toastVariantActionButton",
2875
- "toastVariantCloseIcon"
2876
- ],
2877
- "closeIcon": [
2878
- "icon"
2879
- ],
2880
- "onClickActionButton": [
2881
- "onClick"
2882
- ]
2883
- },
2884
- "runtimeConfigDefaultProps": {
2885
- "size": "toast.defaultSize",
2886
- "variant": "toast.defaultVariant"
2887
- },
2888
- "runtimeConfigGetStyles": {
2889
- "toastSizeLabel": [
2890
- "toast.defaultSize"
2891
- ],
2892
- "toastVariantIcon": [
2893
- "toast.defaultVariant"
2894
- ],
2895
- "toastSizeIcon": [
2896
- "toast.defaultSize"
2897
- ],
2898
- "toastSizeActionButton": [
2899
- "toast.defaultSize"
2900
- ],
2901
- "toastVariantActionButton": [
2902
- "toast.defaultVariant"
2903
- ],
2904
- "toastVariantCloseIcon": [
2905
- "toast.defaultVariant"
2906
- ],
2907
- "toastSizeCloseIcon": [
2908
- "toast.defaultSize"
2909
- ]
2730
+ "propToVariantKeys": {},
2731
+ "runtimeConfigDefaultProps": {},
2732
+ "runtimeConfigGetStyles": {},
2733
+ "runtimeConfigInternalComponentProps": {},
2734
+ "motionVarPrefixes": []
2735
+ },
2736
+ "Accordion": {
2737
+ "name": "Accordion",
2738
+ "defaultProps": {
2739
+ "spacingHorizontal": "4",
2740
+ "spacingVertical": "4"
2910
2741
  },
2911
- "runtimeConfigInternalComponentProps": {
2912
- "ToastContainer": {
2742
+ "getStylesLiterals": {},
2743
+ "cxLiterals": [
2744
+ "hover:bg-secondary/80",
2745
+ "w-full"
2746
+ ],
2747
+ "internalComponents": [
2748
+ "Icon",
2749
+ "SpringMotionConfig",
2750
+ "Pressable",
2751
+ "Text",
2752
+ "HStack",
2753
+ "AnimatePresence",
2754
+ "VStack"
2755
+ ],
2756
+ "internalComponentProps": {
2757
+ "Icon": {
2758
+ "variant": [
2759
+ "fill"
2760
+ ],
2913
2761
  "size": [
2914
- "toast.defaultSize"
2762
+ "sm"
2915
2763
  ],
2916
- "variant": [
2917
- "toast.defaultVariant"
2764
+ "color": [
2765
+ "primary"
2766
+ ]
2767
+ },
2768
+ "SpringMotionConfig": {
2769
+ "layoutVariant": [
2770
+ "smooth"
2771
+ ],
2772
+ "layoutSpeed": [
2773
+ "3"
2774
+ ]
2775
+ },
2776
+ "Pressable": {
2777
+ "display": [
2778
+ "flex"
2779
+ ],
2780
+ "flexDirection": [
2781
+ "row"
2782
+ ],
2783
+ "alignItems": [
2784
+ "center"
2785
+ ],
2786
+ "justifyContent": [
2787
+ "space-between"
2788
+ ],
2789
+ "borderRadius": [
2790
+ "md"
2918
2791
  ]
2919
2792
  },
2920
2793
  "Text": {
2921
2794
  "variant": [
2922
- "toast.textVariant.${size}"
2795
+ "title4"
2923
2796
  ],
2924
2797
  "color": [
2925
- "toast.textColor.${variant}"
2798
+ "primary"
2926
2799
  ]
2927
2800
  },
2928
- "Button": {
2929
- "size": [
2930
- "toast.buttonSize.${size}"
2801
+ "HStack": {
2802
+ "display": [
2803
+ "flex"
2931
2804
  ],
2932
- "variant": [
2933
- "toast.buttonVariant.${variant}"
2805
+ "alignItems": [
2806
+ "center"
2807
+ ],
2808
+ "justifyContent": [
2809
+ "space-between"
2810
+ ],
2811
+ "columnGap": [
2812
+ "2.5"
2934
2813
  ]
2935
2814
  }
2936
2815
  },
2816
+ "propToVariantKeys": {},
2817
+ "runtimeConfigDefaultProps": {},
2818
+ "runtimeConfigGetStyles": {},
2819
+ "runtimeConfigInternalComponentProps": {},
2820
+ "motionVarPrefixes": [
2821
+ "--uds-motion-smooth-3-"
2822
+ ]
2823
+ },
2824
+ "AvoidMotionLibraryProvider": {
2825
+ "name": "AvoidMotionLibraryProvider",
2826
+ "defaultProps": {},
2827
+ "getStylesLiterals": {},
2828
+ "cxLiterals": [],
2829
+ "internalComponents": [],
2830
+ "internalComponentProps": {},
2831
+ "propToVariantKeys": {},
2832
+ "runtimeConfigDefaultProps": {},
2833
+ "runtimeConfigGetStyles": {},
2834
+ "runtimeConfigInternalComponentProps": {},
2937
2835
  "motionVarPrefixes": []
2938
2836
  },
2939
- "ToastContainer": {
2940
- "name": "ToastContainer",
2837
+ "Modal": {
2838
+ "name": "Modal",
2941
2839
  "defaultProps": {},
2942
- "getStylesLiterals": {
2943
- "position": "relative",
2944
- "alignItems": "center",
2945
- "display": "flex",
2946
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2947
- },
2840
+ "getStylesLiterals": {},
2948
2841
  "cxLiterals": [
2949
- "w-full"
2842
+ "inset-8",
2843
+ "top-[250px]",
2844
+ "z-50",
2845
+ "mx-auto",
2846
+ "h-fit",
2847
+ "w-[600px]",
2848
+ "origin-center",
2849
+ "scale-95",
2850
+ "opacity-0",
2851
+ "transition",
2852
+ "duration-150",
2853
+ "data-[enter]:scale-100",
2854
+ "data-[enter]:opacity-100",
2855
+ "data-[enter]:bg-primary",
2856
+ "backdrop-blur-0",
2857
+ "data-[enter]:opacity-60",
2858
+ "data-[enter]:backdrop-blur-sm"
2950
2859
  ],
2951
2860
  "internalComponents": [
2952
- "HStack"
2861
+ "IconButton",
2862
+ "Dialog",
2863
+ "HStack",
2864
+ "Text",
2865
+ "VStack"
2953
2866
  ],
2954
2867
  "internalComponentProps": {
2868
+ "IconButton": {
2869
+ "aria-label": [
2870
+ "Close"
2871
+ ],
2872
+ "size": [
2873
+ "sm"
2874
+ ],
2875
+ "variant": [
2876
+ "tertiary"
2877
+ ]
2878
+ },
2955
2879
  "HStack": {
2956
2880
  "alignItems": [
2957
2881
  "center"
2958
2882
  ],
2959
2883
  "justifyContent": [
2960
2884
  "space-between"
2885
+ ]
2886
+ },
2887
+ "Text": {
2888
+ "variant": [
2889
+ "headline1"
2961
2890
  ],
2962
- "overflow": [
2963
- "hidden"
2891
+ "color": [
2892
+ "primary"
2893
+ ]
2894
+ },
2895
+ "VStack": {
2896
+ "borderRadius": [
2897
+ "md"
2964
2898
  ],
2965
2899
  "position": [
2966
- "relative"
2900
+ "fixed"
2901
+ ],
2902
+ "backgroundColor": [
2903
+ "primary"
2904
+ ],
2905
+ "dropShadow": [
2906
+ "md"
2907
+ ],
2908
+ "spacing": [
2909
+ "8"
2910
+ ],
2911
+ "overflow": [
2912
+ "hidden"
2967
2913
  ]
2968
2914
  }
2969
2915
  },
2970
2916
  "propToVariantKeys": {
2971
- "variant": [
2972
- "toastVariantRoot"
2973
- ],
2974
- "size": [
2975
- "toastSizeRoot"
2976
- ]
2977
- },
2978
- "runtimeConfigDefaultProps": {
2979
- "size": "toast.defaultSize",
2980
- "variant": "toast.defaultVariant"
2981
- },
2982
- "runtimeConfigGetStyles": {
2983
- "toastVariantRoot": [
2984
- "toast.defaultVariant"
2985
- ],
2986
- "toastSizeRoot": [
2987
- "toast.defaultSize"
2917
+ "handleClose": [
2918
+ "onClick"
2988
2919
  ]
2989
2920
  },
2990
- "runtimeConfigInternalComponentProps": {
2991
- "HStack": {
2992
- "backgroundColor": [
2993
- "toast.backgroundColor.${variant}"
2994
- ]
2995
- }
2996
- },
2997
- "motionVarPrefixes": []
2998
- },
2999
- "ToastPortal": {
3000
- "name": "ToastPortal",
3001
- "defaultProps": {},
3002
- "getStylesLiterals": {},
3003
- "cxLiterals": [],
3004
- "internalComponents": [
3005
- "ReactToastifyToastContainer"
3006
- ],
3007
- "internalComponentProps": {},
3008
- "propToVariantKeys": {},
3009
- "runtimeConfigDefaultProps": {
3010
- "size": "toast.defaultSize",
3011
- "variant": "toast.defaultVariant"
3012
- },
3013
- "runtimeConfigGetStyles": {},
3014
- "runtimeConfigInternalComponentProps": {
3015
- "ReactToastifyToastContainer": {
3016
- "autoClose": [
3017
- "toast.autoClose"
3018
- ]
3019
- }
3020
- },
3021
- "motionVarPrefixes": []
3022
- },
3023
- "UDSToastConfigProvider": {
3024
- "name": "UDSToastConfigProvider",
3025
- "defaultProps": {},
3026
- "getStylesLiterals": {},
3027
- "cxLiterals": [],
3028
- "internalComponents": [
3029
- "ToastContext.Provider"
3030
- ],
3031
- "internalComponentProps": {},
3032
- "propToVariantKeys": {},
3033
2921
  "runtimeConfigDefaultProps": {},
3034
2922
  "runtimeConfigGetStyles": {},
3035
2923
  "runtimeConfigInternalComponentProps": {},
3036
2924
  "motionVarPrefixes": []
3037
2925
  },
3038
- "UDSBreakpointsConfigProvider": {
3039
- "name": "UDSBreakpointsConfigProvider",
3040
- "defaultProps": {},
3041
- "getStylesLiterals": {},
3042
- "cxLiterals": [],
3043
- "internalComponents": [
3044
- "UDSBreakpointsConfigContext.Provider"
2926
+ "SegmentedControl": {
2927
+ "name": "SegmentedControl",
2928
+ "defaultProps": {
2929
+ "textVariant": "label2"
2930
+ },
2931
+ "getStylesLiterals": {
2932
+ "display": "flex",
2933
+ "alignItems": "center",
2934
+ "backgroundColor": "primary",
2935
+ "spacingVertical": "1",
2936
+ "spacingHorizontal": "3",
2937
+ "columnGap": "1.5",
2938
+ "borderWidth": "thin",
2939
+ "borderRadius": "full",
2940
+ "borderColor": "muted",
2941
+ "borderColor:1": "transparent",
2942
+ "color": "primary",
2943
+ "color:1": "tertiary",
2944
+ "color:2": "muted"
2945
+ },
2946
+ "cxLiterals": [
2947
+ "uds-ring",
2948
+ "cursor-not-allowed",
2949
+ "opacity-50",
2950
+ "pointer-events-none",
2951
+ "hover:bg-primary"
3045
2952
  ],
3046
- "internalComponentProps": {},
3047
- "propToVariantKeys": {},
3048
- "runtimeConfigDefaultProps": {},
3049
- "runtimeConfigGetStyles": {},
3050
- "runtimeConfigInternalComponentProps": {},
3051
- "motionVarPrefixes": []
3052
- },
3053
- "UDSConfigProvider": {
3054
- "name": "UDSConfigProvider",
3055
- "defaultProps": {},
3056
- "getStylesLiterals": {},
3057
- "cxLiterals": [],
3058
2953
  "internalComponents": [
3059
- "UDSBreakpointsConfigProvider",
3060
- "UDSBottomSheetConfigProvider",
3061
- "UDSToastConfigProvider",
3062
- "UDSTooltipConfigProvider",
3063
- "UDSPopoverConfigProvider"
2954
+ "TextVariant",
2955
+ "Radio",
2956
+ "Icon",
2957
+ "RadioProvider",
2958
+ "HStack",
2959
+ "RadioGroup",
2960
+ "Pressable",
2961
+ "Text"
3064
2962
  ],
3065
- "internalComponentProps": {},
3066
- "propToVariantKeys": {},
2963
+ "internalComponentProps": {
2964
+ "Icon": {
2965
+ "size": [
2966
+ "sm"
2967
+ ],
2968
+ "color": [
2969
+ "current"
2970
+ ],
2971
+ "aria-hidden": [
2972
+ "true"
2973
+ ]
2974
+ },
2975
+ "HStack": {
2976
+ "spacing": [
2977
+ "1"
2978
+ ],
2979
+ "gap": [
2980
+ "1"
2981
+ ],
2982
+ "backgroundColor": [
2983
+ "secondary"
2984
+ ],
2985
+ "borderRadius": [
2986
+ "full"
2987
+ ],
2988
+ "display": [
2989
+ "inline-flex"
2990
+ ]
2991
+ },
2992
+ "Text": {
2993
+ "color": [
2994
+ "current"
2995
+ ]
2996
+ }
2997
+ },
2998
+ "propToVariantKeys": {
2999
+ "value": [
3000
+ "key"
3001
+ ],
3002
+ "label": [
3003
+ "aria-label"
3004
+ ],
3005
+ "textVariant": [
3006
+ "variant"
3007
+ ]
3008
+ },
3067
3009
  "runtimeConfigDefaultProps": {},
3068
3010
  "runtimeConfigGetStyles": {},
3069
3011
  "runtimeConfigInternalComponentProps": {},
3070
3012
  "motionVarPrefixes": []
3071
3013
  },
3072
- "Tooltip": {
3073
- "name": "Tooltip",
3074
- "defaultProps": {},
3075
- "getStylesLiterals": {},
3076
- "cxLiterals": [],
3077
- "internalComponents": [
3078
- "TooltipInternalContext.Provider",
3079
- "TooltipProvider"
3080
- ],
3081
- "internalComponentProps": {},
3082
- "propToVariantKeys": {},
3083
- "runtimeConfigDefaultProps": {},
3084
- "runtimeConfigGetStyles": {},
3085
- "runtimeConfigInternalComponentProps": {
3086
- "TooltipProvider": {
3087
- "animated": [
3088
- "tooltip.animationDuration"
3089
- ]
3090
- }
3014
+ "SwitchV2": {
3015
+ "name": "SwitchV2",
3016
+ "defaultProps": {
3017
+ "labelPosition": "start",
3018
+ "size": "md"
3091
3019
  },
3092
- "motionVarPrefixes": []
3093
- },
3094
- "TooltipContent": {
3095
- "name": "TooltipContent",
3096
- "defaultProps": {},
3097
3020
  "getStylesLiterals": {
3098
- "tooltipSizeRoot": "default",
3099
- "tooltipVariantRoot": "default",
3100
- "tooltipSizeSvg": "default",
3101
- "tooltipVariantSvg": "default",
3102
- "tooltipVariantBlur": "default",
3103
- "position": "absolute",
3104
- "width": "full",
3105
- "height": "full",
3106
- "tooltipSizeTitle": "default",
3107
- "tooltipSizeBody": "default",
3108
- "tooltipSizeEndContent": "default",
3109
- "tooltipSizeIcon": "default",
3110
- "tooltipVariantIcon": "default"
3021
+ "switchVariantRoot": "default",
3022
+ "switchVariantActiveRoot": "on",
3023
+ "switchVariantActiveRoot:1": "off",
3024
+ "switchVariantSwitch": "default",
3025
+ "switchVariantActiveSwitch": "on",
3026
+ "switchVariantActiveSwitch:1": "off",
3027
+ "switchVariantActiveHandle": "on",
3028
+ "switchVariantActiveHandle:1": "off",
3029
+ "switchVariantHandle": "default",
3030
+ "switchVariantHandleIcon": "default",
3031
+ "switchVariantActiveHandleIcon": "on",
3032
+ "switchVariantActiveHandleIcon:1": "off"
3111
3033
  },
3112
3034
  "cxLiterals": [
3113
- "max-w-lg",
3035
+ "group",
3114
3036
  "flex",
3115
- "z-[9999]",
3116
- "uds-bgBlurFillFallback",
3117
- "uds-bgBlurFallback",
3037
+ "items-center",
3038
+ "flex-row",
3039
+ "flex-row-reverse",
3040
+ "uds-ring",
3041
+ "uds-ring-within",
3042
+ "relative",
3043
+ "uds-border-radius-full",
3044
+ "transition-[background-color,box-shadow]",
3045
+ "pointer-events-none",
3046
+ "w-full",
3047
+ "h-full",
3048
+ "absolute",
3118
3049
  "top-0",
3050
+ "bottom-0",
3051
+ "right-0",
3119
3052
  "left-0",
3120
- "z-[1]"
3053
+ "overflow-hidden",
3054
+ "group-hover:scale-105",
3055
+ "opacity-95",
3056
+ "group-hover:opacity-100",
3057
+ "transition-[transform,opacity]",
3058
+ "opacity-0",
3059
+ "top-1/2",
3060
+ "left-1/2",
3061
+ "transform",
3062
+ "translate-x-[-50%]",
3063
+ "translate-y-[-50%]",
3064
+ "transition-opacity",
3065
+ "cursor-[inherit]",
3066
+ "w-[calc(100%+2px)]",
3067
+ "h-[calc(100%+2px)]",
3068
+ "text-start",
3069
+ "text-end",
3070
+ "opacity-100"
3121
3071
  ],
3122
3072
  "internalComponents": [
3123
3073
  "IconSlot",
3124
- "TooltipArrow",
3125
- "Tooltip",
3126
- "SvgFloatingOverlay",
3127
- "VStack",
3128
3074
  "Box",
3129
- "Text"
3075
+ "FormLabel",
3076
+ "SpringMotionConfig",
3077
+ "RootElement",
3078
+ "MotionBox"
3130
3079
  ],
3131
3080
  "internalComponentProps": {
3132
- "SvgFloatingOverlay": {
3133
- "contentOverflow": [
3134
- "visible"
3081
+ "IconSlot": {
3082
+ "data-testid": [
3083
+ "on-icon",
3084
+ "off-icon"
3135
3085
  ]
3136
3086
  },
3137
- "VStack": {
3138
- "className": [
3139
- "gap-[inherit]"
3087
+ "FormLabel": {
3088
+ "as": [
3089
+ "div"
3090
+ ],
3091
+ "variant": [
3092
+ "inherit"
3093
+ ],
3094
+ "color": [
3095
+ "inherit"
3140
3096
  ]
3141
3097
  },
3142
- "Box": {
3143
- "alignItems": [
3144
- "center"
3098
+ "SpringMotionConfig": {
3099
+ "layoutVariant": [
3100
+ "bouncy"
3145
3101
  ],
3146
- "columnGap": [
3147
- "1",
3148
- "1.5"
3102
+ "layoutSpeed": [
3103
+ "4"
3149
3104
  ]
3150
3105
  },
3151
- "Text": {
3152
- "color": [
3153
- "inherit"
3106
+ "RootElement": {
3107
+ "data-testid": [
3108
+ "switch-root"
3109
+ ]
3110
+ },
3111
+ "MotionBox": {
3112
+ "layout": [
3113
+ "position"
3154
3114
  ]
3155
3115
  }
3156
3116
  },
3157
3117
  "propToVariantKeys": {
3158
- "startTitleIcon": [
3118
+ "size": [
3119
+ "switchSizeRoot",
3120
+ "switchSizeSwitch",
3121
+ "switchSizeHandle",
3122
+ "switchSizeHandleIcon"
3123
+ ],
3124
+ "onIcon": [
3159
3125
  "icon"
3126
+ ],
3127
+ "offIcon": [
3128
+ "icon"
3129
+ ],
3130
+ "reduceMotion": [
3131
+ "reducedMotion"
3132
+ ],
3133
+ "isOn": [
3134
+ "layoutDependency"
3160
3135
  ]
3161
3136
  },
3162
3137
  "runtimeConfigDefaultProps": {},
3163
3138
  "runtimeConfigGetStyles": {},
3164
3139
  "runtimeConfigInternalComponentProps": {},
3165
- "motionVarPrefixes": []
3140
+ "motionVarPrefixes": [
3141
+ "--uds-motion-bouncy-4-",
3142
+ "--uds-motion-smooth-3-"
3143
+ ]
3166
3144
  },
3167
- "TooltipTrigger": {
3168
- "name": "TooltipTrigger",
3145
+ "Tabs": {
3146
+ "name": "Tabs",
3169
3147
  "defaultProps": {},
3170
- "getStylesLiterals": {},
3171
- "cxLiterals": [],
3148
+ "getStylesLiterals": {
3149
+ "display": "flex",
3150
+ "flexDirection": "row",
3151
+ "columnGap": "6"
3152
+ },
3153
+ "cxLiterals": [
3154
+ "text-tertiary",
3155
+ "border-b-transparent",
3156
+ "aria-selected:border-b-brand",
3157
+ "aria-selected:text-secondary"
3158
+ ],
3172
3159
  "internalComponents": [
3173
- "TooltipAnchor"
3160
+ "TabProvider",
3161
+ "OriginalTabList",
3162
+ "OriginalTab",
3163
+ "Icon",
3164
+ "OriginalTabPanel",
3165
+ "Pressable",
3166
+ "Comp",
3167
+ "Text"
3174
3168
  ],
3175
3169
  "internalComponentProps": {
3176
- "TooltipAnchor": {
3170
+ "Icon": {
3177
3171
  "className": [
3178
- "inline"
3172
+ "text-current"
3173
+ ],
3174
+ "size": [
3175
+ "md"
3176
+ ]
3177
+ },
3178
+ "Pressable": {
3179
+ "borderBottomWidth": [
3180
+ "medium"
3181
+ ],
3182
+ "spacingBottom": [
3183
+ "1"
3184
+ ],
3185
+ "spacingTop": [
3186
+ "4"
3187
+ ]
3188
+ },
3189
+ "Text": {
3190
+ "className": [
3191
+ "text-current"
3192
+ ],
3193
+ "variant": [
3194
+ "headline1"
3195
+ ],
3196
+ "as": [
3197
+ "span"
3179
3198
  ]
3180
3199
  }
3181
3200
  },
3182
- "propToVariantKeys": {
3183
- "children": [
3184
- "render"
3185
- ]
3186
- },
3187
- "runtimeConfigDefaultProps": {},
3188
- "runtimeConfigGetStyles": {},
3189
- "runtimeConfigInternalComponentProps": {},
3190
- "motionVarPrefixes": []
3191
- },
3192
- "UDSTooltipConfigProvider": {
3193
- "name": "UDSTooltipConfigProvider",
3194
- "defaultProps": {},
3195
- "getStylesLiterals": {},
3196
- "cxLiterals": [],
3197
- "internalComponents": [
3198
- "TooltipContext.Provider"
3199
- ],
3200
- "internalComponentProps": {},
3201
3201
  "propToVariantKeys": {},
3202
3202
  "runtimeConfigDefaultProps": {},
3203
3203
  "runtimeConfigGetStyles": {},