@yahoo/uds 3.139.0 → 3.141.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,13 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const require_index = require("../palette/dist/index.cjs");
4
4
  const require_index$1 = require("../css-tokens/dist/index.cjs");
5
5
  const require_styles_variants = require("../styles/variants.cjs");
6
- const require_generateDefaultClassName = require("../automated-config/dist/utils/generateDefaultClassName.cjs");
7
6
  const require_generateSchemaKey = require("../automated-config/dist/utils/generateSchemaKey.cjs");
8
7
  const require_buildConfigSchema = require("../automated-config/dist/utils/buildConfigSchema.cjs");
9
8
  const require_cartesianProduct = require("../automated-config/dist/utils/cartesianProduct.cjs");
10
9
  const require_subcomponents = require("../automated-config/dist/utils/subcomponents.cjs");
11
10
  const require_coalesceConfigVariant = require("../automated-config/dist/utils/coalesceConfigVariant.cjs");
12
11
  const require_defaults = require("../automated-config/dist/utils/defaults.cjs");
12
+ const require_generateDefaultClassName = require("../automated-config/dist/utils/generateDefaultClassName.cjs");
13
13
  const require_generateKeyFromFlatConfigPath = require("../automated-config/dist/utils/generateKeyFromFlatConfigPath.cjs");
14
14
  const require_getConfigVariantComponentStatesMatrix = require("../automated-config/dist/utils/getConfigVariantComponentStatesMatrix.cjs");
15
15
  const require_getConfigVariantProperties = require("../automated-config/dist/utils/getConfigVariantProperties.cjs");
@@ -2,13 +2,13 @@
2
2
  import { ALWAYS_PREFIX, alwaysPalette, deprecatedAlwaysPalette, newAlwaysPalette } from "../palette/dist/index.js";
3
3
  import { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe } from "../css-tokens/dist/index.js";
4
4
  import { variants } from "../styles/variants.js";
5
- import { generateDefaultClassName } from "../automated-config/dist/utils/generateDefaultClassName.js";
6
5
  import { generateSchemaKey } from "../automated-config/dist/utils/generateSchemaKey.js";
7
6
  import { buildConfigSchema, findFixtureType } from "../automated-config/dist/utils/buildConfigSchema.js";
8
7
  import { cartesianProduct } from "../automated-config/dist/utils/cartesianProduct.js";
9
8
  import { getConfigSubcomponents } from "../automated-config/dist/utils/subcomponents.js";
10
9
  import { coalesceConfigVariant } from "../automated-config/dist/utils/coalesceConfigVariant.js";
11
10
  import { getConfigDefaultValue, isConfigDefaultValue } from "../automated-config/dist/utils/defaults.js";
11
+ import { generateDefaultClassName } from "../automated-config/dist/utils/generateDefaultClassName.js";
12
12
  import { generateKeyFromFlatConfigPath } from "../automated-config/dist/utils/generateKeyFromFlatConfigPath.js";
13
13
  import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "../automated-config/dist/utils/getConfigVariantComponentStatesMatrix.js";
14
14
  import { getConfigVariantProperties } from "../automated-config/dist/utils/getConfigVariantProperties.js";
@@ -235,68 +235,6 @@ var Link = {
235
235
  "runtimeConfigInternalComponentProps": {},
236
236
  "motionVarPrefixes": []
237
237
  };
238
- var Divider = {
239
- "name": "Divider",
240
- "defaultProps": {},
241
- "getStylesLiterals": {},
242
- "cxLiterals": [],
243
- "internalComponents": ["DividerInternal"],
244
- "internalComponentProps": {},
245
- "propToVariantKeys": {},
246
- "runtimeConfigDefaultProps": {},
247
- "runtimeConfigGetStyles": {},
248
- "runtimeConfigInternalComponentProps": {},
249
- "motionVarPrefixes": []
250
- };
251
- var DividerCore = {
252
- "name": "DividerCore",
253
- "defaultProps": { "contentPosition": "center" },
254
- "getStylesLiterals": {},
255
- "cxLiterals": [],
256
- "internalComponents": [
257
- "Box",
258
- "Line",
259
- "InternalComponent",
260
- "Text"
261
- ],
262
- "internalComponentProps": {
263
- "Box": {
264
- "flex": ["1", "none"],
265
- "display": ["flex"]
266
- },
267
- "InternalComponent": {
268
- "flex": ["1"],
269
- "alignItems": ["center"]
270
- },
271
- "Text": {
272
- "as": ["span"],
273
- "color": ["inherit"],
274
- "variant": ["inherit"]
275
- }
276
- },
277
- "propToVariantKeys": {},
278
- "runtimeConfigDefaultProps": {},
279
- "runtimeConfigGetStyles": {},
280
- "runtimeConfigInternalComponentProps": {},
281
- "motionVarPrefixes": []
282
- };
283
- var DividerInternal = {
284
- "name": "DividerInternal",
285
- "defaultProps": { "variant": "primary" },
286
- "getStylesLiterals": {},
287
- "cxLiterals": ["inherit"],
288
- "internalComponents": ["DividerCore"],
289
- "internalComponentProps": {},
290
- "propToVariantKeys": { "variant": [
291
- "dividerVariantRoot",
292
- "dividerVariantLabel",
293
- "dividerVariantLine"
294
- ] },
295
- "runtimeConfigDefaultProps": {},
296
- "runtimeConfigGetStyles": {},
297
- "runtimeConfigInternalComponentProps": {},
298
- "motionVarPrefixes": []
299
- };
300
238
  var BannerDescription = {
301
239
  "name": "BannerDescription",
302
240
  "defaultProps": {},
@@ -423,6 +361,68 @@ var BannerTitle = {
423
361
  "runtimeConfigInternalComponentProps": {},
424
362
  "motionVarPrefixes": []
425
363
  };
364
+ var Divider = {
365
+ "name": "Divider",
366
+ "defaultProps": {},
367
+ "getStylesLiterals": {},
368
+ "cxLiterals": [],
369
+ "internalComponents": ["DividerInternal"],
370
+ "internalComponentProps": {},
371
+ "propToVariantKeys": {},
372
+ "runtimeConfigDefaultProps": {},
373
+ "runtimeConfigGetStyles": {},
374
+ "runtimeConfigInternalComponentProps": {},
375
+ "motionVarPrefixes": []
376
+ };
377
+ var DividerCore = {
378
+ "name": "DividerCore",
379
+ "defaultProps": { "contentPosition": "center" },
380
+ "getStylesLiterals": {},
381
+ "cxLiterals": [],
382
+ "internalComponents": [
383
+ "Box",
384
+ "Line",
385
+ "InternalComponent",
386
+ "Text"
387
+ ],
388
+ "internalComponentProps": {
389
+ "Box": {
390
+ "flex": ["1", "none"],
391
+ "display": ["flex"]
392
+ },
393
+ "InternalComponent": {
394
+ "flex": ["1"],
395
+ "alignItems": ["center"]
396
+ },
397
+ "Text": {
398
+ "as": ["span"],
399
+ "color": ["inherit"],
400
+ "variant": ["inherit"]
401
+ }
402
+ },
403
+ "propToVariantKeys": {},
404
+ "runtimeConfigDefaultProps": {},
405
+ "runtimeConfigGetStyles": {},
406
+ "runtimeConfigInternalComponentProps": {},
407
+ "motionVarPrefixes": []
408
+ };
409
+ var DividerInternal = {
410
+ "name": "DividerInternal",
411
+ "defaultProps": { "variant": "primary" },
412
+ "getStylesLiterals": {},
413
+ "cxLiterals": ["inherit"],
414
+ "internalComponents": ["DividerCore"],
415
+ "internalComponentProps": {},
416
+ "propToVariantKeys": { "variant": [
417
+ "dividerVariantRoot",
418
+ "dividerVariantLabel",
419
+ "dividerVariantLine"
420
+ ] },
421
+ "runtimeConfigDefaultProps": {},
422
+ "runtimeConfigGetStyles": {},
423
+ "runtimeConfigInternalComponentProps": {},
424
+ "motionVarPrefixes": []
425
+ };
426
426
  var Table_mocks = {
427
427
  "name": "Table.mocks",
428
428
  "defaultProps": {},
@@ -1049,137 +1049,6 @@ var SwitchV2 = {
1049
1049
  "runtimeConfigInternalComponentProps": {},
1050
1050
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1051
1051
  };
1052
- var UDSToastConfigProvider = {
1053
- "name": "UDSToastConfigProvider",
1054
- "defaultProps": {},
1055
- "getStylesLiterals": {},
1056
- "cxLiterals": [],
1057
- "internalComponents": ["ToastContext.Provider"],
1058
- "internalComponentProps": {},
1059
- "propToVariantKeys": {},
1060
- "runtimeConfigDefaultProps": {},
1061
- "runtimeConfigGetStyles": {},
1062
- "runtimeConfigInternalComponentProps": {},
1063
- "motionVarPrefixes": []
1064
- };
1065
- var ToastPortal = {
1066
- "name": "ToastPortal",
1067
- "defaultProps": {},
1068
- "getStylesLiterals": {},
1069
- "cxLiterals": [],
1070
- "internalComponents": ["ReactToastifyToastContainer"],
1071
- "internalComponentProps": {},
1072
- "propToVariantKeys": {},
1073
- "runtimeConfigDefaultProps": {
1074
- "size": "toast.defaultSize",
1075
- "variant": "toast.defaultVariant"
1076
- },
1077
- "runtimeConfigGetStyles": {},
1078
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1079
- "motionVarPrefixes": []
1080
- };
1081
- var Toast = {
1082
- "name": "Toast",
1083
- "defaultProps": {},
1084
- "getStylesLiterals": {
1085
- "className": "animate-spin",
1086
- "className:1": "flex-none",
1087
- "spacing": "2",
1088
- "borderRadius": "full"
1089
- },
1090
- "cxLiterals": [
1091
- "duration-0",
1092
- "duration-120",
1093
- "transition-[background-color]",
1094
- "bg-carbon-15/0",
1095
- "hover:bg-carbon-15/10",
1096
- "active:bg-carbon-15/15",
1097
- "uds-ring"
1098
- ],
1099
- "internalComponents": [
1100
- "IconSlot",
1101
- "ToastContainer",
1102
- "Text",
1103
- "Button",
1104
- "Pressable"
1105
- ],
1106
- "internalComponentProps": {},
1107
- "propToVariantKeys": {
1108
- "size": [
1109
- "toastSizeLabel",
1110
- "toastSizeIcon",
1111
- "toastSizeActionButton",
1112
- "toastSizeCloseIcon"
1113
- ],
1114
- "variant": [
1115
- "toastVariantIcon",
1116
- "toastVariantActionButton",
1117
- "toastVariantCloseIcon"
1118
- ],
1119
- "closeIcon": ["icon"],
1120
- "onClickActionButton": ["onClick"]
1121
- },
1122
- "runtimeConfigDefaultProps": {
1123
- "size": "toast.defaultSize",
1124
- "variant": "toast.defaultVariant"
1125
- },
1126
- "runtimeConfigGetStyles": {
1127
- "toastSizeLabel": ["toast.defaultSize"],
1128
- "toastVariantIcon": ["toast.defaultVariant"],
1129
- "toastSizeIcon": ["toast.defaultSize"],
1130
- "toastSizeActionButton": ["toast.defaultSize"],
1131
- "toastVariantActionButton": ["toast.defaultVariant"],
1132
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1133
- "toastSizeCloseIcon": ["toast.defaultSize"]
1134
- },
1135
- "runtimeConfigInternalComponentProps": {
1136
- "ToastContainer": {
1137
- "size": ["toast.defaultSize"],
1138
- "variant": ["toast.defaultVariant"]
1139
- },
1140
- "Text": {
1141
- "variant": ["toast.textVariant.${size}"],
1142
- "color": ["toast.textColor.${variant}"]
1143
- },
1144
- "Button": {
1145
- "size": ["toast.buttonSize.${size}"],
1146
- "variant": ["toast.buttonVariant.${variant}"]
1147
- }
1148
- },
1149
- "motionVarPrefixes": []
1150
- };
1151
- var ToastContainer = {
1152
- "name": "ToastContainer",
1153
- "defaultProps": {},
1154
- "getStylesLiterals": {
1155
- "position": "relative",
1156
- "alignItems": "center",
1157
- "display": "flex",
1158
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1159
- },
1160
- "cxLiterals": ["w-full"],
1161
- "internalComponents": ["HStack"],
1162
- "internalComponentProps": { "HStack": {
1163
- "alignItems": ["center"],
1164
- "justifyContent": ["space-between"],
1165
- "overflow": ["hidden"],
1166
- "position": ["relative"]
1167
- } },
1168
- "propToVariantKeys": {
1169
- "variant": ["toastVariantRoot"],
1170
- "size": ["toastSizeRoot"]
1171
- },
1172
- "runtimeConfigDefaultProps": {
1173
- "size": "toast.defaultSize",
1174
- "variant": "toast.defaultVariant"
1175
- },
1176
- "runtimeConfigGetStyles": {
1177
- "toastVariantRoot": ["toast.defaultVariant"],
1178
- "toastSizeRoot": ["toast.defaultSize"]
1179
- },
1180
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1181
- "motionVarPrefixes": []
1182
- };
1183
1052
  var BottomSheetInternalContext = {
1184
1053
  "name": "BottomSheetInternalContext",
1185
1054
  "defaultProps": {},
@@ -1377,6 +1246,137 @@ var BottomSheetProvider = {
1377
1246
  "runtimeConfigInternalComponentProps": {},
1378
1247
  "motionVarPrefixes": []
1379
1248
  };
1249
+ var UDSToastConfigProvider = {
1250
+ "name": "UDSToastConfigProvider",
1251
+ "defaultProps": {},
1252
+ "getStylesLiterals": {},
1253
+ "cxLiterals": [],
1254
+ "internalComponents": ["ToastContext.Provider"],
1255
+ "internalComponentProps": {},
1256
+ "propToVariantKeys": {},
1257
+ "runtimeConfigDefaultProps": {},
1258
+ "runtimeConfigGetStyles": {},
1259
+ "runtimeConfigInternalComponentProps": {},
1260
+ "motionVarPrefixes": []
1261
+ };
1262
+ var ToastPortal = {
1263
+ "name": "ToastPortal",
1264
+ "defaultProps": {},
1265
+ "getStylesLiterals": {},
1266
+ "cxLiterals": [],
1267
+ "internalComponents": ["ReactToastifyToastContainer"],
1268
+ "internalComponentProps": {},
1269
+ "propToVariantKeys": {},
1270
+ "runtimeConfigDefaultProps": {
1271
+ "size": "toast.defaultSize",
1272
+ "variant": "toast.defaultVariant"
1273
+ },
1274
+ "runtimeConfigGetStyles": {},
1275
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1276
+ "motionVarPrefixes": []
1277
+ };
1278
+ var Toast = {
1279
+ "name": "Toast",
1280
+ "defaultProps": {},
1281
+ "getStylesLiterals": {
1282
+ "className": "animate-spin",
1283
+ "className:1": "flex-none",
1284
+ "spacing": "2",
1285
+ "borderRadius": "full"
1286
+ },
1287
+ "cxLiterals": [
1288
+ "duration-0",
1289
+ "duration-120",
1290
+ "transition-[background-color]",
1291
+ "bg-carbon-15/0",
1292
+ "hover:bg-carbon-15/10",
1293
+ "active:bg-carbon-15/15",
1294
+ "uds-ring"
1295
+ ],
1296
+ "internalComponents": [
1297
+ "IconSlot",
1298
+ "ToastContainer",
1299
+ "Text",
1300
+ "Button",
1301
+ "Pressable"
1302
+ ],
1303
+ "internalComponentProps": {},
1304
+ "propToVariantKeys": {
1305
+ "size": [
1306
+ "toastSizeLabel",
1307
+ "toastSizeIcon",
1308
+ "toastSizeActionButton",
1309
+ "toastSizeCloseIcon"
1310
+ ],
1311
+ "variant": [
1312
+ "toastVariantIcon",
1313
+ "toastVariantActionButton",
1314
+ "toastVariantCloseIcon"
1315
+ ],
1316
+ "closeIcon": ["icon"],
1317
+ "onClickActionButton": ["onClick"]
1318
+ },
1319
+ "runtimeConfigDefaultProps": {
1320
+ "size": "toast.defaultSize",
1321
+ "variant": "toast.defaultVariant"
1322
+ },
1323
+ "runtimeConfigGetStyles": {
1324
+ "toastSizeLabel": ["toast.defaultSize"],
1325
+ "toastVariantIcon": ["toast.defaultVariant"],
1326
+ "toastSizeIcon": ["toast.defaultSize"],
1327
+ "toastSizeActionButton": ["toast.defaultSize"],
1328
+ "toastVariantActionButton": ["toast.defaultVariant"],
1329
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1330
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1331
+ },
1332
+ "runtimeConfigInternalComponentProps": {
1333
+ "ToastContainer": {
1334
+ "size": ["toast.defaultSize"],
1335
+ "variant": ["toast.defaultVariant"]
1336
+ },
1337
+ "Text": {
1338
+ "variant": ["toast.textVariant.${size}"],
1339
+ "color": ["toast.textColor.${variant}"]
1340
+ },
1341
+ "Button": {
1342
+ "size": ["toast.buttonSize.${size}"],
1343
+ "variant": ["toast.buttonVariant.${variant}"]
1344
+ }
1345
+ },
1346
+ "motionVarPrefixes": []
1347
+ };
1348
+ var ToastContainer = {
1349
+ "name": "ToastContainer",
1350
+ "defaultProps": {},
1351
+ "getStylesLiterals": {
1352
+ "position": "relative",
1353
+ "alignItems": "center",
1354
+ "display": "flex",
1355
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1356
+ },
1357
+ "cxLiterals": ["w-full"],
1358
+ "internalComponents": ["HStack"],
1359
+ "internalComponentProps": { "HStack": {
1360
+ "alignItems": ["center"],
1361
+ "justifyContent": ["space-between"],
1362
+ "overflow": ["hidden"],
1363
+ "position": ["relative"]
1364
+ } },
1365
+ "propToVariantKeys": {
1366
+ "variant": ["toastVariantRoot"],
1367
+ "size": ["toastSizeRoot"]
1368
+ },
1369
+ "runtimeConfigDefaultProps": {
1370
+ "size": "toast.defaultSize",
1371
+ "variant": "toast.defaultVariant"
1372
+ },
1373
+ "runtimeConfigGetStyles": {
1374
+ "toastVariantRoot": ["toast.defaultVariant"],
1375
+ "toastSizeRoot": ["toast.defaultSize"]
1376
+ },
1377
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1378
+ "motionVarPrefixes": []
1379
+ };
1380
1380
  var ChipLink = {
1381
1381
  "name": "ChipLink",
1382
1382
  "defaultProps": { "variant": "primary" },
@@ -2665,13 +2665,13 @@ var componentData_default = {
2665
2665
  SvgFloatingOverlay,
2666
2666
  HStack,
2667
2667
  Link,
2668
- Divider,
2669
- DividerCore,
2670
- DividerInternal,
2671
2668
  BannerDescription,
2672
2669
  Banner,
2673
2670
  BannerContent,
2674
2671
  BannerTitle,
2672
+ Divider,
2673
+ DividerCore,
2674
+ DividerInternal,
2675
2675
  "Table.mocks": Table_mocks,
2676
2676
  Spinner,
2677
2677
  Table,
@@ -2687,10 +2687,6 @@ var componentData_default = {
2687
2687
  AvoidMotionLibraryProvider,
2688
2688
  SegmentedControl,
2689
2689
  SwitchV2,
2690
- UDSToastConfigProvider,
2691
- ToastPortal,
2692
- Toast,
2693
- ToastContainer,
2694
2690
  BottomSheetInternalContext,
2695
2691
  BottomSheetContent,
2696
2692
  BottomSheetHandle,
@@ -2700,6 +2696,10 @@ var componentData_default = {
2700
2696
  UDSBottomSheetConfigProvider,
2701
2697
  BottomSheetDismiss,
2702
2698
  BottomSheetProvider,
2699
+ UDSToastConfigProvider,
2700
+ ToastPortal,
2701
+ Toast,
2702
+ ToastContainer,
2703
2703
  ChipLink,
2704
2704
  ChipDismissible,
2705
2705
  ChipToggle,