@yahoo/uds 3.160.0 → 3.161.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/client/BottomSheet/BottomSheet.cjs +2 -2
  2. package/dist/components/client/BottomSheet/BottomSheet.js +2 -2
  3. package/dist/components/client/Button/Button.cjs +2 -1
  4. package/dist/components/client/Button/Button.js +3 -2
  5. package/dist/components/client/Checkbox.cjs +2 -1
  6. package/dist/components/client/Checkbox.js +3 -2
  7. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  8. package/dist/components/client/Chip/ChipBase.js +2 -2
  9. package/dist/components/client/IconButton/IconButton.cjs +2 -1
  10. package/dist/components/client/IconButton/IconButton.js +3 -2
  11. package/dist/components/client/Input/Input.cjs +2 -2
  12. package/dist/components/client/Input/Input.js +2 -2
  13. package/dist/components/client/Modal/ManagedModal.cjs +2 -2
  14. package/dist/components/client/Modal/ManagedModal.js +2 -2
  15. package/dist/components/client/Modal/Modal.cjs +2 -2
  16. package/dist/components/client/Modal/Modal.js +2 -2
  17. package/dist/components/client/Popover/Popover.cjs +2 -2
  18. package/dist/components/client/Popover/Popover.js +2 -2
  19. package/dist/components/client/Radio/Radio.cjs +2 -1
  20. package/dist/components/client/Radio/Radio.js +3 -2
  21. package/dist/components/client/Switch/Switch.cjs +1 -1
  22. package/dist/components/client/Switch/Switch.js +1 -1
  23. package/dist/components/client/Tabs/TabList.cjs +2 -2
  24. package/dist/components/client/Tabs/TabList.js +2 -2
  25. package/dist/components/client/Toast/Toast.cjs +2 -2
  26. package/dist/components/client/Toast/Toast.js +2 -2
  27. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  28. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  29. package/dist/hooks/usePrefersReducedMotion.cjs +27 -15
  30. package/dist/hooks/usePrefersReducedMotion.js +28 -16
  31. package/dist/styles/styler.d.cts +24 -24
  32. package/dist/styles/styler.d.ts +24 -24
  33. package/dist/uds/generated/componentData.cjs +64 -64
  34. package/dist/uds/generated/componentData.js +64 -64
  35. package/generated/componentData.json +86 -86
  36. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -236,6 +236,70 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
+ Divider: {
240
+ "name": "Divider",
241
+ "defaultProps": {
242
+ "variant": "primary",
243
+ "contentPosition": "center"
244
+ },
245
+ "getStylesLiterals": {},
246
+ "cxLiterals": ["inherit"],
247
+ "internalComponents": [
248
+ "DividerLine",
249
+ "DividerLabel",
250
+ "InternalComponent",
251
+ "Box"
252
+ ],
253
+ "internalComponentProps": {
254
+ "InternalComponent": {
255
+ "alignItems": ["center"],
256
+ "flex": ["1"]
257
+ },
258
+ "Box": {
259
+ "display": ["flex"],
260
+ "flex": ["none"]
261
+ }
262
+ },
263
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
264
+ "runtimeConfigDefaultProps": {},
265
+ "runtimeConfigGetStyles": {},
266
+ "runtimeConfigInternalComponentProps": {},
267
+ "motionVarPrefixes": []
268
+ },
269
+ DividerLabel: {
270
+ "name": "DividerLabel",
271
+ "defaultProps": {
272
+ "variant": "primary",
273
+ "textVariant": "inherit",
274
+ "color": "inherit",
275
+ "as": "span"
276
+ },
277
+ "getStylesLiterals": {},
278
+ "cxLiterals": ["inherit"],
279
+ "internalComponents": ["Text"],
280
+ "internalComponentProps": {},
281
+ "propToVariantKeys": {
282
+ "variant": ["dividerVariantLabel"],
283
+ "textVariant": ["variant"]
284
+ },
285
+ "runtimeConfigDefaultProps": {},
286
+ "runtimeConfigGetStyles": {},
287
+ "runtimeConfigInternalComponentProps": {},
288
+ "motionVarPrefixes": []
289
+ },
290
+ DividerLine: {
291
+ "name": "DividerLine",
292
+ "defaultProps": { "variant": "primary" },
293
+ "getStylesLiterals": {},
294
+ "cxLiterals": ["inherit"],
295
+ "internalComponents": ["Box"],
296
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
297
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
298
+ "runtimeConfigDefaultProps": {},
299
+ "runtimeConfigGetStyles": {},
300
+ "runtimeConfigInternalComponentProps": {},
301
+ "motionVarPrefixes": []
302
+ },
239
303
  "Table.mocks": {
240
304
  "name": "Table.mocks",
241
305
  "defaultProps": {},
@@ -304,70 +368,6 @@ var componentData_default = {
304
368
  "runtimeConfigInternalComponentProps": {},
305
369
  "motionVarPrefixes": []
306
370
  },
307
- Divider: {
308
- "name": "Divider",
309
- "defaultProps": {
310
- "variant": "primary",
311
- "contentPosition": "center"
312
- },
313
- "getStylesLiterals": {},
314
- "cxLiterals": ["inherit"],
315
- "internalComponents": [
316
- "DividerLine",
317
- "DividerLabel",
318
- "InternalComponent",
319
- "Box"
320
- ],
321
- "internalComponentProps": {
322
- "InternalComponent": {
323
- "alignItems": ["center"],
324
- "flex": ["1"]
325
- },
326
- "Box": {
327
- "display": ["flex"],
328
- "flex": ["none"]
329
- }
330
- },
331
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
332
- "runtimeConfigDefaultProps": {},
333
- "runtimeConfigGetStyles": {},
334
- "runtimeConfigInternalComponentProps": {},
335
- "motionVarPrefixes": []
336
- },
337
- DividerLabel: {
338
- "name": "DividerLabel",
339
- "defaultProps": {
340
- "variant": "primary",
341
- "textVariant": "inherit",
342
- "color": "inherit",
343
- "as": "span"
344
- },
345
- "getStylesLiterals": {},
346
- "cxLiterals": ["inherit"],
347
- "internalComponents": ["Text"],
348
- "internalComponentProps": {},
349
- "propToVariantKeys": {
350
- "variant": ["dividerVariantLabel"],
351
- "textVariant": ["variant"]
352
- },
353
- "runtimeConfigDefaultProps": {},
354
- "runtimeConfigGetStyles": {},
355
- "runtimeConfigInternalComponentProps": {},
356
- "motionVarPrefixes": []
357
- },
358
- DividerLine: {
359
- "name": "DividerLine",
360
- "defaultProps": { "variant": "primary" },
361
- "getStylesLiterals": {},
362
- "cxLiterals": ["inherit"],
363
- "internalComponents": ["Box"],
364
- "internalComponentProps": { "Box": { "flex": ["1"] } },
365
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
366
- "runtimeConfigDefaultProps": {},
367
- "runtimeConfigGetStyles": {},
368
- "runtimeConfigInternalComponentProps": {},
369
- "motionVarPrefixes": []
370
- },
371
371
  BannerContent: {
372
372
  "name": "BannerContent",
373
373
  "defaultProps": {},
package/dist/uds/generated/componentData.js CHANGED
@@ -236,6 +236,70 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
+ Divider: {
240
+ "name": "Divider",
241
+ "defaultProps": {
242
+ "variant": "primary",
243
+ "contentPosition": "center"
244
+ },
245
+ "getStylesLiterals": {},
246
+ "cxLiterals": ["inherit"],
247
+ "internalComponents": [
248
+ "DividerLine",
249
+ "DividerLabel",
250
+ "InternalComponent",
251
+ "Box"
252
+ ],
253
+ "internalComponentProps": {
254
+ "InternalComponent": {
255
+ "alignItems": ["center"],
256
+ "flex": ["1"]
257
+ },
258
+ "Box": {
259
+ "display": ["flex"],
260
+ "flex": ["none"]
261
+ }
262
+ },
263
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
264
+ "runtimeConfigDefaultProps": {},
265
+ "runtimeConfigGetStyles": {},
266
+ "runtimeConfigInternalComponentProps": {},
267
+ "motionVarPrefixes": []
268
+ },
269
+ DividerLabel: {
270
+ "name": "DividerLabel",
271
+ "defaultProps": {
272
+ "variant": "primary",
273
+ "textVariant": "inherit",
274
+ "color": "inherit",
275
+ "as": "span"
276
+ },
277
+ "getStylesLiterals": {},
278
+ "cxLiterals": ["inherit"],
279
+ "internalComponents": ["Text"],
280
+ "internalComponentProps": {},
281
+ "propToVariantKeys": {
282
+ "variant": ["dividerVariantLabel"],
283
+ "textVariant": ["variant"]
284
+ },
285
+ "runtimeConfigDefaultProps": {},
286
+ "runtimeConfigGetStyles": {},
287
+ "runtimeConfigInternalComponentProps": {},
288
+ "motionVarPrefixes": []
289
+ },
290
+ DividerLine: {
291
+ "name": "DividerLine",
292
+ "defaultProps": { "variant": "primary" },
293
+ "getStylesLiterals": {},
294
+ "cxLiterals": ["inherit"],
295
+ "internalComponents": ["Box"],
296
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
297
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
298
+ "runtimeConfigDefaultProps": {},
299
+ "runtimeConfigGetStyles": {},
300
+ "runtimeConfigInternalComponentProps": {},
301
+ "motionVarPrefixes": []
302
+ },
239
303
  "Table.mocks": {
240
304
  "name": "Table.mocks",
241
305
  "defaultProps": {},
@@ -304,70 +368,6 @@ var componentData_default = {
304
368
  "runtimeConfigInternalComponentProps": {},
305
369
  "motionVarPrefixes": []
306
370
  },
307
- Divider: {
308
- "name": "Divider",
309
- "defaultProps": {
310
- "variant": "primary",
311
- "contentPosition": "center"
312
- },
313
- "getStylesLiterals": {},
314
- "cxLiterals": ["inherit"],
315
- "internalComponents": [
316
- "DividerLine",
317
- "DividerLabel",
318
- "InternalComponent",
319
- "Box"
320
- ],
321
- "internalComponentProps": {
322
- "InternalComponent": {
323
- "alignItems": ["center"],
324
- "flex": ["1"]
325
- },
326
- "Box": {
327
- "display": ["flex"],
328
- "flex": ["none"]
329
- }
330
- },
331
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
332
- "runtimeConfigDefaultProps": {},
333
- "runtimeConfigGetStyles": {},
334
- "runtimeConfigInternalComponentProps": {},
335
- "motionVarPrefixes": []
336
- },
337
- DividerLabel: {
338
- "name": "DividerLabel",
339
- "defaultProps": {
340
- "variant": "primary",
341
- "textVariant": "inherit",
342
- "color": "inherit",
343
- "as": "span"
344
- },
345
- "getStylesLiterals": {},
346
- "cxLiterals": ["inherit"],
347
- "internalComponents": ["Text"],
348
- "internalComponentProps": {},
349
- "propToVariantKeys": {
350
- "variant": ["dividerVariantLabel"],
351
- "textVariant": ["variant"]
352
- },
353
- "runtimeConfigDefaultProps": {},
354
- "runtimeConfigGetStyles": {},
355
- "runtimeConfigInternalComponentProps": {},
356
- "motionVarPrefixes": []
357
- },
358
- DividerLine: {
359
- "name": "DividerLine",
360
- "defaultProps": { "variant": "primary" },
361
- "getStylesLiterals": {},
362
- "cxLiterals": ["inherit"],
363
- "internalComponents": ["Box"],
364
- "internalComponentProps": { "Box": { "flex": ["1"] } },
365
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
366
- "runtimeConfigDefaultProps": {},
367
- "runtimeConfigGetStyles": {},
368
- "runtimeConfigInternalComponentProps": {},
369
- "motionVarPrefixes": []
370
- },
371
371
  BannerContent: {
372
372
  "name": "BannerContent",
373
373
  "defaultProps": {},
package/generated/componentData.json CHANGED
@@ -336,92 +336,6 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "Table.mocks": {
340
- "name": "Table.mocks",
341
- "defaultProps": {},
342
- "getStylesLiterals": {},
343
- "cxLiterals": [],
344
- "internalComponents": [],
345
- "internalComponentProps": {},
346
- "propToVariantKeys": {},
347
- "runtimeConfigDefaultProps": {},
348
- "runtimeConfigGetStyles": {},
349
- "runtimeConfigInternalComponentProps": {},
350
- "motionVarPrefixes": []
351
- },
352
- "Spinner": {
353
- "name": "Spinner",
354
- "defaultProps": {
355
- "color": "primary",
356
- "size": "lg"
357
- },
358
- "getStylesLiterals": {},
359
- "cxLiterals": [
360
- "self-center",
361
- "relative",
362
- "sr-only"
363
- ],
364
- "internalComponents": [
365
- "Icon"
366
- ],
367
- "internalComponentProps": {
368
- "Icon": {
369
- "role": [
370
- "img"
371
- ],
372
- "className": [
373
- "animate-spin"
374
- ],
375
- "aria-hidden": [
376
- "true"
377
- ]
378
- }
379
- },
380
- "propToVariantKeys": {},
381
- "runtimeConfigDefaultProps": {},
382
- "runtimeConfigGetStyles": {},
383
- "runtimeConfigInternalComponentProps": {},
384
- "motionVarPrefixes": []
385
- },
386
- "Table": {
387
- "name": "Table",
388
- "defaultProps": {
389
- "display": "table-cell",
390
- "overflow": "hidden",
391
- "borderColor": "muted",
392
- "borderRadius": "md",
393
- "spacing": "3",
394
- "borderBottomColor": "muted",
395
- "borderBottomWidth": "thin",
396
- "color": "primary"
397
- },
398
- "getStylesLiterals": {
399
- "textAlign": "start"
400
- },
401
- "cxLiterals": [],
402
- "internalComponents": [
403
- "CellComponent",
404
- "Box",
405
- "Text",
406
- "Table.Root",
407
- "Table.Header",
408
- "Table.Row",
409
- "Table.Cell",
410
- "Table.Body"
411
- ],
412
- "internalComponentProps": {
413
- "Table.Cell": {
414
- "asHeaderCell": [
415
- "column"
416
- ]
417
- }
418
- },
419
- "propToVariantKeys": {},
420
- "runtimeConfigDefaultProps": {},
421
- "runtimeConfigGetStyles": {},
422
- "runtimeConfigInternalComponentProps": {},
423
- "motionVarPrefixes": []
424
- },
425
339
  "Divider": {
426
340
  "name": "Divider",
427
341
  "defaultProps": {
@@ -524,6 +438,92 @@
524
438
  "runtimeConfigInternalComponentProps": {},
525
439
  "motionVarPrefixes": []
526
440
  },
441
+ "Table.mocks": {
442
+ "name": "Table.mocks",
443
+ "defaultProps": {},
444
+ "getStylesLiterals": {},
445
+ "cxLiterals": [],
446
+ "internalComponents": [],
447
+ "internalComponentProps": {},
448
+ "propToVariantKeys": {},
449
+ "runtimeConfigDefaultProps": {},
450
+ "runtimeConfigGetStyles": {},
451
+ "runtimeConfigInternalComponentProps": {},
452
+ "motionVarPrefixes": []
453
+ },
454
+ "Spinner": {
455
+ "name": "Spinner",
456
+ "defaultProps": {
457
+ "color": "primary",
458
+ "size": "lg"
459
+ },
460
+ "getStylesLiterals": {},
461
+ "cxLiterals": [
462
+ "self-center",
463
+ "relative",
464
+ "sr-only"
465
+ ],
466
+ "internalComponents": [
467
+ "Icon"
468
+ ],
469
+ "internalComponentProps": {
470
+ "Icon": {
471
+ "role": [
472
+ "img"
473
+ ],
474
+ "className": [
475
+ "animate-spin"
476
+ ],
477
+ "aria-hidden": [
478
+ "true"
479
+ ]
480
+ }
481
+ },
482
+ "propToVariantKeys": {},
483
+ "runtimeConfigDefaultProps": {},
484
+ "runtimeConfigGetStyles": {},
485
+ "runtimeConfigInternalComponentProps": {},
486
+ "motionVarPrefixes": []
487
+ },
488
+ "Table": {
489
+ "name": "Table",
490
+ "defaultProps": {
491
+ "display": "table-cell",
492
+ "overflow": "hidden",
493
+ "borderColor": "muted",
494
+ "borderRadius": "md",
495
+ "spacing": "3",
496
+ "borderBottomColor": "muted",
497
+ "borderBottomWidth": "thin",
498
+ "color": "primary"
499
+ },
500
+ "getStylesLiterals": {
501
+ "textAlign": "start"
502
+ },
503
+ "cxLiterals": [],
504
+ "internalComponents": [
505
+ "CellComponent",
506
+ "Box",
507
+ "Text",
508
+ "Table.Root",
509
+ "Table.Header",
510
+ "Table.Row",
511
+ "Table.Cell",
512
+ "Table.Body"
513
+ ],
514
+ "internalComponentProps": {
515
+ "Table.Cell": {
516
+ "asHeaderCell": [
517
+ "column"
518
+ ]
519
+ }
520
+ },
521
+ "propToVariantKeys": {},
522
+ "runtimeConfigDefaultProps": {},
523
+ "runtimeConfigGetStyles": {},
524
+ "runtimeConfigInternalComponentProps": {},
525
+ "motionVarPrefixes": []
526
+ },
527
527
  "BannerContent": {
528
528
  "name": "BannerContent",
529
529
  "defaultProps": {},
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yahoo/uds",
3
3
  "description": "Yahoo Universal System",
4
- "version": "3.160.0",
4
+ "version": "3.161.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",