@yahoo/uds 3.175.11 → 3.176.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 (20) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/components/client/Toast/Toast.cjs +2 -1
  6. package/dist/components/client/Toast/Toast.d.cts +1 -1
  7. package/dist/components/client/Toast/Toast.d.ts +1 -1
  8. package/dist/components/client/Toast/Toast.js +2 -1
  9. package/dist/components/client/Toast/ToastPortal.cjs +60 -0
  10. package/dist/components/client/Toast/ToastPortal.js +61 -1
  11. package/dist/components/client/Toast/createToast.cjs +3 -1
  12. package/dist/components/client/Toast/createToast.d.cts +6 -1
  13. package/dist/components/client/Toast/createToast.d.ts +6 -1
  14. package/dist/components/client/Toast/createToast.js +3 -1
  15. package/dist/types/dist/index.d.cts +5 -0
  16. package/dist/types/dist/index.d.ts +5 -0
  17. package/dist/uds/generated/componentData.cjs +170 -169
  18. package/dist/uds/generated/componentData.js +170 -169
  19. package/generated/componentData.json +248 -243
  20. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -347,95 +347,6 @@
347
347
  "motionVarPrefixes": [],
348
348
  "factoryTarget": null
349
349
  },
350
- "Spinner": {
351
- "name": "Spinner",
352
- "defaultProps": {
353
- "color": "primary",
354
- "size": "lg"
355
- },
356
- "getStylesLiterals": {},
357
- "cxLiterals": [
358
- "self-center",
359
- "relative",
360
- "sr-only"
361
- ],
362
- "internalComponents": [
363
- "Icon"
364
- ],
365
- "internalComponentProps": {
366
- "Icon": {
367
- "role": [
368
- "img"
369
- ],
370
- "className": [
371
- "animate-spin"
372
- ],
373
- "aria-hidden": [
374
- "true"
375
- ]
376
- }
377
- },
378
- "propToVariantKeys": {},
379
- "runtimeConfigDefaultProps": {},
380
- "runtimeConfigGetStyles": {},
381
- "runtimeConfigInternalComponentProps": {},
382
- "motionVarPrefixes": [],
383
- "factoryTarget": null
384
- },
385
- "Table": {
386
- "name": "Table",
387
- "defaultProps": {
388
- "display": "table-cell",
389
- "overflow": "hidden",
390
- "borderColor": "muted",
391
- "borderRadius": "md",
392
- "spacing": "3",
393
- "borderBottomColor": "muted",
394
- "borderBottomWidth": "thin",
395
- "color": "primary"
396
- },
397
- "getStylesLiterals": {
398
- "textAlign": "start"
399
- },
400
- "cxLiterals": [],
401
- "internalComponents": [
402
- "CellComponent",
403
- "Box",
404
- "Text",
405
- "Table.Root",
406
- "Table.Header",
407
- "Table.Row",
408
- "Table.Cell",
409
- "Table.Body"
410
- ],
411
- "internalComponentProps": {
412
- "Table.Cell": {
413
- "asHeaderCell": [
414
- "column"
415
- ]
416
- }
417
- },
418
- "propToVariantKeys": {},
419
- "runtimeConfigDefaultProps": {},
420
- "runtimeConfigGetStyles": {},
421
- "runtimeConfigInternalComponentProps": {},
422
- "motionVarPrefixes": [],
423
- "factoryTarget": null
424
- },
425
- "Table.mocks": {
426
- "name": "Table.mocks",
427
- "defaultProps": {},
428
- "getStylesLiterals": {},
429
- "cxLiterals": [],
430
- "internalComponents": [],
431
- "internalComponentProps": {},
432
- "propToVariantKeys": {},
433
- "runtimeConfigDefaultProps": {},
434
- "runtimeConfigGetStyles": {},
435
- "runtimeConfigInternalComponentProps": {},
436
- "motionVarPrefixes": [],
437
- "factoryTarget": null
438
- },
439
350
  "DividerLabel": {
440
351
  "name": "DividerLabel",
441
352
  "defaultProps": {
@@ -541,6 +452,95 @@
541
452
  "motionVarPrefixes": [],
542
453
  "factoryTarget": null
543
454
  },
455
+ "Spinner": {
456
+ "name": "Spinner",
457
+ "defaultProps": {
458
+ "color": "primary",
459
+ "size": "lg"
460
+ },
461
+ "getStylesLiterals": {},
462
+ "cxLiterals": [
463
+ "self-center",
464
+ "relative",
465
+ "sr-only"
466
+ ],
467
+ "internalComponents": [
468
+ "Icon"
469
+ ],
470
+ "internalComponentProps": {
471
+ "Icon": {
472
+ "role": [
473
+ "img"
474
+ ],
475
+ "className": [
476
+ "animate-spin"
477
+ ],
478
+ "aria-hidden": [
479
+ "true"
480
+ ]
481
+ }
482
+ },
483
+ "propToVariantKeys": {},
484
+ "runtimeConfigDefaultProps": {},
485
+ "runtimeConfigGetStyles": {},
486
+ "runtimeConfigInternalComponentProps": {},
487
+ "motionVarPrefixes": [],
488
+ "factoryTarget": null
489
+ },
490
+ "Table": {
491
+ "name": "Table",
492
+ "defaultProps": {
493
+ "display": "table-cell",
494
+ "overflow": "hidden",
495
+ "borderColor": "muted",
496
+ "borderRadius": "md",
497
+ "spacing": "3",
498
+ "borderBottomColor": "muted",
499
+ "borderBottomWidth": "thin",
500
+ "color": "primary"
501
+ },
502
+ "getStylesLiterals": {
503
+ "textAlign": "start"
504
+ },
505
+ "cxLiterals": [],
506
+ "internalComponents": [
507
+ "CellComponent",
508
+ "Box",
509
+ "Text",
510
+ "Table.Root",
511
+ "Table.Header",
512
+ "Table.Row",
513
+ "Table.Cell",
514
+ "Table.Body"
515
+ ],
516
+ "internalComponentProps": {
517
+ "Table.Cell": {
518
+ "asHeaderCell": [
519
+ "column"
520
+ ]
521
+ }
522
+ },
523
+ "propToVariantKeys": {},
524
+ "runtimeConfigDefaultProps": {},
525
+ "runtimeConfigGetStyles": {},
526
+ "runtimeConfigInternalComponentProps": {},
527
+ "motionVarPrefixes": [],
528
+ "factoryTarget": null
529
+ },
530
+ "Table.mocks": {
531
+ "name": "Table.mocks",
532
+ "defaultProps": {},
533
+ "getStylesLiterals": {},
534
+ "cxLiterals": [],
535
+ "internalComponents": [],
536
+ "internalComponentProps": {},
537
+ "propToVariantKeys": {},
538
+ "runtimeConfigDefaultProps": {},
539
+ "runtimeConfigGetStyles": {},
540
+ "runtimeConfigInternalComponentProps": {},
541
+ "motionVarPrefixes": [],
542
+ "factoryTarget": null
543
+ },
544
544
  "Pressable": {
545
545
  "name": "Pressable",
546
546
  "defaultProps": {},
@@ -4496,6 +4496,159 @@
4496
4496
  "motionVarPrefixes": [],
4497
4497
  "factoryTarget": null
4498
4498
  },
4499
+ "Checkbox": {
4500
+ "name": "Checkbox",
4501
+ "defaultProps": {},
4502
+ "getStylesLiterals": {},
4503
+ "cxLiterals": [
4504
+ "opacity-0",
4505
+ "opacity-55",
4506
+ "opacity-100",
4507
+ "uds-ring",
4508
+ "uds-ring-within",
4509
+ "transition-[background-color,border-color,box-shadow]",
4510
+ "pointer-events-none",
4511
+ "transition-opacity",
4512
+ "group",
4513
+ "group-hover:scale-110",
4514
+ "group-active:scale-90",
4515
+ "transition-[background-color,border-color,box-shadow,transform]",
4516
+ "group-active:opacity-55"
4517
+ ],
4518
+ "internalComponents": [
4519
+ "CheckboxBase",
4520
+ "Icon",
4521
+ "SpringMotionConfig",
4522
+ "RootElement",
4523
+ "MotionBox",
4524
+ "Box",
4525
+ "CheckboxProps"
4526
+ ],
4527
+ "internalComponentProps": {
4528
+ "Icon": {
4529
+ "size": [
4530
+ "sm"
4531
+ ]
4532
+ },
4533
+ "RootElement": {
4534
+ "data-testid": [
4535
+ "container"
4536
+ ]
4537
+ },
4538
+ "MotionBox": {
4539
+ "position": [
4540
+ "relative"
4541
+ ],
4542
+ "alignItems": [
4543
+ "center"
4544
+ ],
4545
+ "justifyContent": [
4546
+ "center"
4547
+ ],
4548
+ "flex": [
4549
+ "none"
4550
+ ]
4551
+ },
4552
+ "Box": {
4553
+ "position": [
4554
+ "relative"
4555
+ ],
4556
+ "alignItems": [
4557
+ "center"
4558
+ ],
4559
+ "justifyContent": [
4560
+ "center"
4561
+ ],
4562
+ "flex": [
4563
+ "none"
4564
+ ]
4565
+ }
4566
+ },
4567
+ "propToVariantKeys": {
4568
+ "size": [
4569
+ "checkboxSizeCheckbox"
4570
+ ],
4571
+ "variant": [
4572
+ "checkboxVariantCheckbox",
4573
+ "checkboxVariantCheckboxIcon"
4574
+ ],
4575
+ "valueState": [
4576
+ "checkboxVariantValueCheckbox",
4577
+ "checkboxVariantValueCheckboxIcon"
4578
+ ],
4579
+ "reduceMotion": [
4580
+ "reducedMotion"
4581
+ ]
4582
+ },
4583
+ "runtimeConfigDefaultProps": {},
4584
+ "runtimeConfigGetStyles": {},
4585
+ "runtimeConfigInternalComponentProps": {},
4586
+ "motionVarPrefixes": [
4587
+ "--uds-motion-subtle-3-",
4588
+ "--uds-motion-smooth-3-"
4589
+ ],
4590
+ "factoryTarget": null
4591
+ },
4592
+ "CheckboxBase": {
4593
+ "name": "CheckboxBase",
4594
+ "defaultProps": {
4595
+ "labelPosition": "start",
4596
+ "variant": "primary",
4597
+ "size": "md"
4598
+ },
4599
+ "getStylesLiterals": {
4600
+ "display": "flex",
4601
+ "flexDirection": "row",
4602
+ "flexDirection:1": "row-reverse",
4603
+ "alignItems": "center"
4604
+ },
4605
+ "cxLiterals": [
4606
+ "cursor-pointer",
4607
+ "cursor-default",
4608
+ "opacity-50",
4609
+ "cursor-[inherit]",
4610
+ "absolute",
4611
+ "opacity-0",
4612
+ "top-[-1px]",
4613
+ "left-[-1px]",
4614
+ "w-[calc(100%+2px)]",
4615
+ "h-[calc(100%+2px)]",
4616
+ "text-start",
4617
+ "text-end"
4618
+ ],
4619
+ "internalComponents": [
4620
+ "FormLabel"
4621
+ ],
4622
+ "internalComponentProps": {
4623
+ "FormLabel": {
4624
+ "as": [
4625
+ "div"
4626
+ ],
4627
+ "variant": [
4628
+ "inherit"
4629
+ ],
4630
+ "color": [
4631
+ "inherit"
4632
+ ]
4633
+ }
4634
+ },
4635
+ "propToVariantKeys": {
4636
+ "size": [
4637
+ "checkboxSizeRoot"
4638
+ ],
4639
+ "variant": [
4640
+ "checkboxVariantRoot"
4641
+ ],
4642
+ "valueState": [
4643
+ "checkboxVariantValueRoot"
4644
+ ]
4645
+ },
4646
+ "runtimeConfigDefaultProps": {},
4647
+ "runtimeConfigGetStyles": {},
4648
+ "runtimeConfigInternalComponentProps": {},
4649
+ "motionVarPrefixes": [],
4650
+ "factoryTarget": null
4651
+ },
4499
4652
  "Menu.Content": {
4500
4653
  "name": "Menu.Content",
4501
4654
  "defaultProps": {
@@ -4797,159 +4950,6 @@
4797
4950
  "motionVarPrefixes": [],
4798
4951
  "factoryTarget": null
4799
4952
  },
4800
- "Checkbox": {
4801
- "name": "Checkbox",
4802
- "defaultProps": {},
4803
- "getStylesLiterals": {},
4804
- "cxLiterals": [
4805
- "opacity-0",
4806
- "opacity-55",
4807
- "opacity-100",
4808
- "uds-ring",
4809
- "uds-ring-within",
4810
- "transition-[background-color,border-color,box-shadow]",
4811
- "pointer-events-none",
4812
- "transition-opacity",
4813
- "group",
4814
- "group-hover:scale-110",
4815
- "group-active:scale-90",
4816
- "transition-[background-color,border-color,box-shadow,transform]",
4817
- "group-active:opacity-55"
4818
- ],
4819
- "internalComponents": [
4820
- "CheckboxBase",
4821
- "Icon",
4822
- "SpringMotionConfig",
4823
- "RootElement",
4824
- "MotionBox",
4825
- "Box",
4826
- "CheckboxProps"
4827
- ],
4828
- "internalComponentProps": {
4829
- "Icon": {
4830
- "size": [
4831
- "sm"
4832
- ]
4833
- },
4834
- "RootElement": {
4835
- "data-testid": [
4836
- "container"
4837
- ]
4838
- },
4839
- "MotionBox": {
4840
- "position": [
4841
- "relative"
4842
- ],
4843
- "alignItems": [
4844
- "center"
4845
- ],
4846
- "justifyContent": [
4847
- "center"
4848
- ],
4849
- "flex": [
4850
- "none"
4851
- ]
4852
- },
4853
- "Box": {
4854
- "position": [
4855
- "relative"
4856
- ],
4857
- "alignItems": [
4858
- "center"
4859
- ],
4860
- "justifyContent": [
4861
- "center"
4862
- ],
4863
- "flex": [
4864
- "none"
4865
- ]
4866
- }
4867
- },
4868
- "propToVariantKeys": {
4869
- "size": [
4870
- "checkboxSizeCheckbox"
4871
- ],
4872
- "variant": [
4873
- "checkboxVariantCheckbox",
4874
- "checkboxVariantCheckboxIcon"
4875
- ],
4876
- "valueState": [
4877
- "checkboxVariantValueCheckbox",
4878
- "checkboxVariantValueCheckboxIcon"
4879
- ],
4880
- "reduceMotion": [
4881
- "reducedMotion"
4882
- ]
4883
- },
4884
- "runtimeConfigDefaultProps": {},
4885
- "runtimeConfigGetStyles": {},
4886
- "runtimeConfigInternalComponentProps": {},
4887
- "motionVarPrefixes": [
4888
- "--uds-motion-subtle-3-",
4889
- "--uds-motion-smooth-3-"
4890
- ],
4891
- "factoryTarget": null
4892
- },
4893
- "CheckboxBase": {
4894
- "name": "CheckboxBase",
4895
- "defaultProps": {
4896
- "labelPosition": "start",
4897
- "variant": "primary",
4898
- "size": "md"
4899
- },
4900
- "getStylesLiterals": {
4901
- "display": "flex",
4902
- "flexDirection": "row",
4903
- "flexDirection:1": "row-reverse",
4904
- "alignItems": "center"
4905
- },
4906
- "cxLiterals": [
4907
- "cursor-pointer",
4908
- "cursor-default",
4909
- "opacity-50",
4910
- "cursor-[inherit]",
4911
- "absolute",
4912
- "opacity-0",
4913
- "top-[-1px]",
4914
- "left-[-1px]",
4915
- "w-[calc(100%+2px)]",
4916
- "h-[calc(100%+2px)]",
4917
- "text-start",
4918
- "text-end"
4919
- ],
4920
- "internalComponents": [
4921
- "FormLabel"
4922
- ],
4923
- "internalComponentProps": {
4924
- "FormLabel": {
4925
- "as": [
4926
- "div"
4927
- ],
4928
- "variant": [
4929
- "inherit"
4930
- ],
4931
- "color": [
4932
- "inherit"
4933
- ]
4934
- }
4935
- },
4936
- "propToVariantKeys": {
4937
- "size": [
4938
- "checkboxSizeRoot"
4939
- ],
4940
- "variant": [
4941
- "checkboxVariantRoot"
4942
- ],
4943
- "valueState": [
4944
- "checkboxVariantValueRoot"
4945
- ]
4946
- },
4947
- "runtimeConfigDefaultProps": {},
4948
- "runtimeConfigGetStyles": {},
4949
- "runtimeConfigInternalComponentProps": {},
4950
- "motionVarPrefixes": [],
4951
- "factoryTarget": null
4952
- },
4953
4953
  "createToast": {
4954
4954
  "name": "createToast",
4955
4955
  "defaultProps": {},
@@ -4979,7 +4979,9 @@
4979
4979
  },
4980
4980
  "Toast": {
4981
4981
  "name": "Toast",
4982
- "defaultProps": {},
4982
+ "defaultProps": {
4983
+ "closeAriaLabel": "Close"
4984
+ },
4983
4985
  "getStylesLiterals": {
4984
4986
  "className": "animate-spin",
4985
4987
  "className:1": "flex-none",
@@ -5020,6 +5022,9 @@
5020
5022
  ],
5021
5023
  "onClickActionButton": [
5022
5024
  "onClick"
5025
+ ],
5026
+ "closeAriaLabel": [
5027
+ "aria-label"
5023
5028
  ]
5024
5029
  },
5025
5030
  "runtimeConfigDefaultProps": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yahoo/uds",
3
3
  "description": "Yahoo Universal System",
4
- "version": "3.175.11",
4
+ "version": "3.176.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",