@yahoo/uds 3.159.0 → 3.159.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 (13) hide show
  1. package/dist/components/Image.cjs +3 -2
  2. package/dist/components/Image.js +3 -2
  3. package/dist/styles/styler.d.cts +10 -10
  4. package/dist/styles/styler.d.ts +10 -10
  5. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  6. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  7. package/dist/uds/generated/componentData.cjs +304 -304
  8. package/dist/uds/generated/componentData.js +304 -304
  9. package/dist/uds/generated/tailwindPurge.cjs +13 -9
  10. package/dist/uds/generated/tailwindPurge.js +13 -9
  11. package/generated/componentData.json +579 -579
  12. package/generated/tailwindPurge.ts +1 -1
  13. 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": {},
@@ -465,250 +465,30 @@ var componentData_default = {
465
465
  "internalComponents": [
466
466
  "IconSlot",
467
467
  "Text",
468
- "Pressable"
469
- ],
470
- "internalComponentProps": {
471
- "IconSlot": { "data-testid": ["banner-start-icon"] },
472
- "Text": { "data-testid": ["banner-title", "banner-description"] },
473
- "Pressable": { "data-testid": ["banner-dismiss"] }
474
- },
475
- "propToVariantKeys": {
476
- "variant": [
477
- "bannerVariantRoot",
478
- "bannerVariantIcon",
479
- "bannerVariantTitle",
480
- "bannerVariantDescription"
481
- ],
482
- "size": [
483
- "bannerSizeRoot",
484
- "bannerSizeIcon",
485
- "bannerSizeTitle",
486
- "bannerSizeDescription",
487
- "bannerSizeClose"
488
- ],
489
- "startIcon": ["icon"],
490
- "dismissAriaLabel": ["aria-label"],
491
- "onDismiss": ["onClick"]
492
- },
493
- "runtimeConfigDefaultProps": {},
494
- "runtimeConfigGetStyles": {},
495
- "runtimeConfigInternalComponentProps": {},
496
- "motionVarPrefixes": []
497
- },
498
- Accordion: {
499
- "name": "Accordion",
500
- "defaultProps": {
501
- "spacingHorizontal": "4",
502
- "spacingVertical": "4"
503
- },
504
- "getStylesLiterals": {},
505
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
506
- "internalComponents": [
507
- "Icon",
508
- "SpringMotionConfig",
509
- "Pressable",
510
- "Text",
511
- "HStack",
512
- "AnimatePresence",
513
- "VStack"
514
- ],
515
- "internalComponentProps": {
516
- "Icon": {
517
- "variant": ["fill"],
518
- "size": ["sm"],
519
- "color": ["primary"]
520
- },
521
- "SpringMotionConfig": {
522
- "layoutVariant": ["smooth"],
523
- "layoutSpeed": ["3"]
524
- },
525
- "Pressable": {
526
- "display": ["flex"],
527
- "flexDirection": ["row"],
528
- "alignItems": ["center"],
529
- "justifyContent": ["space-between"],
530
- "borderRadius": ["md"]
531
- },
532
- "Text": {
533
- "variant": ["title4"],
534
- "color": ["primary"]
535
- },
536
- "HStack": {
537
- "display": ["flex"],
538
- "alignItems": ["center"],
539
- "justifyContent": ["space-between"],
540
- "columnGap": ["2.5"]
541
- }
542
- },
543
- "propToVariantKeys": {},
544
- "runtimeConfigDefaultProps": {},
545
- "runtimeConfigGetStyles": {},
546
- "runtimeConfigInternalComponentProps": {},
547
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
548
- },
549
- AvoidMotionLibraryProvider: {
550
- "name": "AvoidMotionLibraryProvider",
551
- "defaultProps": {},
552
- "getStylesLiterals": {},
553
- "cxLiterals": [],
554
- "internalComponents": [],
555
- "internalComponentProps": {},
556
- "propToVariantKeys": {},
557
- "runtimeConfigDefaultProps": {},
558
- "runtimeConfigGetStyles": {},
559
- "runtimeConfigInternalComponentProps": {},
560
- "motionVarPrefixes": []
561
- },
562
- SwitchV2: {
563
- "name": "SwitchV2",
564
- "defaultProps": {
565
- "labelPosition": "start",
566
- "size": "md"
567
- },
568
- "getStylesLiterals": {
569
- "switchVariantRoot": "default",
570
- "switchVariantActiveRoot": "on",
571
- "switchVariantActiveRoot:1": "off",
572
- "switchVariantSwitch": "default",
573
- "switchVariantActiveSwitch": "on",
574
- "switchVariantActiveSwitch:1": "off",
575
- "switchVariantActiveHandle": "on",
576
- "switchVariantActiveHandle:1": "off",
577
- "switchVariantHandle": "default",
578
- "switchVariantHandleIcon": "default",
579
- "switchVariantActiveHandleIcon": "on",
580
- "switchVariantActiveHandleIcon:1": "off"
581
- },
582
- "cxLiterals": [
583
- "group",
584
- "flex",
585
- "items-center",
586
- "flex-row",
587
- "flex-row-reverse",
588
- "uds-ring",
589
- "uds-ring-within",
590
- "relative",
591
- "uds-border-radius-full",
592
- "transition-[background-color,box-shadow]",
593
- "pointer-events-none",
594
- "w-full",
595
- "h-full",
596
- "absolute",
597
- "top-0",
598
- "bottom-0",
599
- "right-0",
600
- "left-0",
601
- "overflow-hidden",
602
- "group-hover:scale-105",
603
- "opacity-95",
604
- "group-hover:opacity-100",
605
- "transition-[transform,opacity]",
606
- "opacity-0",
607
- "top-1/2",
608
- "left-1/2",
609
- "transform",
610
- "translate-x-[-50%]",
611
- "translate-y-[-50%]",
612
- "transition-opacity",
613
- "cursor-[inherit]",
614
- "w-[calc(100%+2px)]",
615
- "h-[calc(100%+2px)]",
616
- "text-start",
617
- "text-end",
618
- "opacity-100"
619
- ],
620
- "internalComponents": [
621
- "IconSlot",
622
- "Box",
623
- "FormLabel",
624
- "SpringMotionConfig",
625
- "RootElement",
626
- "MotionBox"
627
- ],
628
- "internalComponentProps": {
629
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
630
- "FormLabel": {
631
- "as": ["div"],
632
- "variant": ["inherit"],
633
- "color": ["inherit"]
634
- },
635
- "SpringMotionConfig": {
636
- "layoutVariant": ["bouncy"],
637
- "layoutSpeed": ["4"]
638
- },
639
- "RootElement": { "data-testid": ["switch-root"] },
640
- "MotionBox": { "layout": ["position"] }
641
- },
642
- "propToVariantKeys": {
643
- "size": [
644
- "switchSizeRoot",
645
- "switchSizeSwitch",
646
- "switchSizeHandle",
647
- "switchSizeHandleIcon"
648
- ],
649
- "onIcon": ["icon"],
650
- "offIcon": ["icon"],
651
- "reduceMotion": ["reducedMotion"],
652
- "isOn": ["layoutDependency"]
653
- },
654
- "runtimeConfigDefaultProps": {},
655
- "runtimeConfigGetStyles": {},
656
- "runtimeConfigInternalComponentProps": {},
657
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
658
- },
659
- SegmentedControl: {
660
- "name": "SegmentedControl",
661
- "defaultProps": { "textVariant": "label2" },
662
- "getStylesLiterals": {
663
- "display": "flex",
664
- "alignItems": "center",
665
- "backgroundColor": "primary",
666
- "spacingVertical": "1",
667
- "spacingHorizontal": "3",
668
- "columnGap": "1.5",
669
- "borderWidth": "thin",
670
- "borderRadius": "full",
671
- "borderColor": "muted",
672
- "borderColor:1": "transparent",
673
- "color": "primary",
674
- "color:1": "tertiary",
675
- "color:2": "muted"
676
- },
677
- "cxLiterals": [
678
- "uds-ring",
679
- "cursor-not-allowed",
680
- "opacity-50",
681
- "pointer-events-none",
682
- "hover:bg-primary"
683
- ],
684
- "internalComponents": [
685
- "Radio",
686
- "Icon",
687
- "RadioProvider",
688
- "HStack",
689
- "RadioGroup",
690
- "Pressable",
691
- "Text"
468
+ "Pressable"
692
469
  ],
693
470
  "internalComponentProps": {
694
- "Icon": {
695
- "size": ["sm"],
696
- "color": ["current"],
697
- "aria-hidden": ["true"]
698
- },
699
- "HStack": {
700
- "spacing": ["1"],
701
- "gap": ["1"],
702
- "backgroundColor": ["secondary"],
703
- "borderRadius": ["full"],
704
- "display": ["inline-flex"]
705
- },
706
- "Text": { "color": ["current"] }
471
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
472
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
473
+ "Pressable": { "data-testid": ["banner-dismiss"] }
707
474
  },
708
475
  "propToVariantKeys": {
709
- "value": ["key"],
710
- "label": ["aria-label"],
711
- "textVariant": ["variant"]
476
+ "variant": [
477
+ "bannerVariantRoot",
478
+ "bannerVariantIcon",
479
+ "bannerVariantTitle",
480
+ "bannerVariantDescription"
481
+ ],
482
+ "size": [
483
+ "bannerSizeRoot",
484
+ "bannerSizeIcon",
485
+ "bannerSizeTitle",
486
+ "bannerSizeDescription",
487
+ "bannerSizeClose"
488
+ ],
489
+ "startIcon": ["icon"],
490
+ "dismissAriaLabel": ["aria-label"],
491
+ "onDismiss": ["onClick"]
712
492
  },
713
493
  "runtimeConfigDefaultProps": {},
714
494
  "runtimeConfigGetStyles": {},
@@ -1070,6 +850,226 @@ var componentData_default = {
1070
850
  "runtimeConfigInternalComponentProps": {},
1071
851
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1072
852
  },
853
+ Accordion: {
854
+ "name": "Accordion",
855
+ "defaultProps": {
856
+ "spacingHorizontal": "4",
857
+ "spacingVertical": "4"
858
+ },
859
+ "getStylesLiterals": {},
860
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
861
+ "internalComponents": [
862
+ "Icon",
863
+ "SpringMotionConfig",
864
+ "Pressable",
865
+ "Text",
866
+ "HStack",
867
+ "AnimatePresence",
868
+ "VStack"
869
+ ],
870
+ "internalComponentProps": {
871
+ "Icon": {
872
+ "variant": ["fill"],
873
+ "size": ["sm"],
874
+ "color": ["primary"]
875
+ },
876
+ "SpringMotionConfig": {
877
+ "layoutVariant": ["smooth"],
878
+ "layoutSpeed": ["3"]
879
+ },
880
+ "Pressable": {
881
+ "display": ["flex"],
882
+ "flexDirection": ["row"],
883
+ "alignItems": ["center"],
884
+ "justifyContent": ["space-between"],
885
+ "borderRadius": ["md"]
886
+ },
887
+ "Text": {
888
+ "variant": ["title4"],
889
+ "color": ["primary"]
890
+ },
891
+ "HStack": {
892
+ "display": ["flex"],
893
+ "alignItems": ["center"],
894
+ "justifyContent": ["space-between"],
895
+ "columnGap": ["2.5"]
896
+ }
897
+ },
898
+ "propToVariantKeys": {},
899
+ "runtimeConfigDefaultProps": {},
900
+ "runtimeConfigGetStyles": {},
901
+ "runtimeConfigInternalComponentProps": {},
902
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
903
+ },
904
+ AvoidMotionLibraryProvider: {
905
+ "name": "AvoidMotionLibraryProvider",
906
+ "defaultProps": {},
907
+ "getStylesLiterals": {},
908
+ "cxLiterals": [],
909
+ "internalComponents": [],
910
+ "internalComponentProps": {},
911
+ "propToVariantKeys": {},
912
+ "runtimeConfigDefaultProps": {},
913
+ "runtimeConfigGetStyles": {},
914
+ "runtimeConfigInternalComponentProps": {},
915
+ "motionVarPrefixes": []
916
+ },
917
+ SwitchV2: {
918
+ "name": "SwitchV2",
919
+ "defaultProps": {
920
+ "labelPosition": "start",
921
+ "size": "md"
922
+ },
923
+ "getStylesLiterals": {
924
+ "switchVariantRoot": "default",
925
+ "switchVariantActiveRoot": "on",
926
+ "switchVariantActiveRoot:1": "off",
927
+ "switchVariantSwitch": "default",
928
+ "switchVariantActiveSwitch": "on",
929
+ "switchVariantActiveSwitch:1": "off",
930
+ "switchVariantActiveHandle": "on",
931
+ "switchVariantActiveHandle:1": "off",
932
+ "switchVariantHandle": "default",
933
+ "switchVariantHandleIcon": "default",
934
+ "switchVariantActiveHandleIcon": "on",
935
+ "switchVariantActiveHandleIcon:1": "off"
936
+ },
937
+ "cxLiterals": [
938
+ "group",
939
+ "flex",
940
+ "items-center",
941
+ "flex-row",
942
+ "flex-row-reverse",
943
+ "uds-ring",
944
+ "uds-ring-within",
945
+ "relative",
946
+ "uds-border-radius-full",
947
+ "transition-[background-color,box-shadow]",
948
+ "pointer-events-none",
949
+ "w-full",
950
+ "h-full",
951
+ "absolute",
952
+ "top-0",
953
+ "bottom-0",
954
+ "right-0",
955
+ "left-0",
956
+ "overflow-hidden",
957
+ "group-hover:scale-105",
958
+ "opacity-95",
959
+ "group-hover:opacity-100",
960
+ "transition-[transform,opacity]",
961
+ "opacity-0",
962
+ "top-1/2",
963
+ "left-1/2",
964
+ "transform",
965
+ "translate-x-[-50%]",
966
+ "translate-y-[-50%]",
967
+ "transition-opacity",
968
+ "cursor-[inherit]",
969
+ "w-[calc(100%+2px)]",
970
+ "h-[calc(100%+2px)]",
971
+ "text-start",
972
+ "text-end",
973
+ "opacity-100"
974
+ ],
975
+ "internalComponents": [
976
+ "IconSlot",
977
+ "Box",
978
+ "FormLabel",
979
+ "SpringMotionConfig",
980
+ "RootElement",
981
+ "MotionBox"
982
+ ],
983
+ "internalComponentProps": {
984
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
985
+ "FormLabel": {
986
+ "as": ["div"],
987
+ "variant": ["inherit"],
988
+ "color": ["inherit"]
989
+ },
990
+ "SpringMotionConfig": {
991
+ "layoutVariant": ["bouncy"],
992
+ "layoutSpeed": ["4"]
993
+ },
994
+ "RootElement": { "data-testid": ["switch-root"] },
995
+ "MotionBox": { "layout": ["position"] }
996
+ },
997
+ "propToVariantKeys": {
998
+ "size": [
999
+ "switchSizeRoot",
1000
+ "switchSizeSwitch",
1001
+ "switchSizeHandle",
1002
+ "switchSizeHandleIcon"
1003
+ ],
1004
+ "onIcon": ["icon"],
1005
+ "offIcon": ["icon"],
1006
+ "reduceMotion": ["reducedMotion"],
1007
+ "isOn": ["layoutDependency"]
1008
+ },
1009
+ "runtimeConfigDefaultProps": {},
1010
+ "runtimeConfigGetStyles": {},
1011
+ "runtimeConfigInternalComponentProps": {},
1012
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1013
+ },
1014
+ SegmentedControl: {
1015
+ "name": "SegmentedControl",
1016
+ "defaultProps": { "textVariant": "label2" },
1017
+ "getStylesLiterals": {
1018
+ "display": "flex",
1019
+ "alignItems": "center",
1020
+ "backgroundColor": "primary",
1021
+ "spacingVertical": "1",
1022
+ "spacingHorizontal": "3",
1023
+ "columnGap": "1.5",
1024
+ "borderWidth": "thin",
1025
+ "borderRadius": "full",
1026
+ "borderColor": "muted",
1027
+ "borderColor:1": "transparent",
1028
+ "color": "primary",
1029
+ "color:1": "tertiary",
1030
+ "color:2": "muted"
1031
+ },
1032
+ "cxLiterals": [
1033
+ "uds-ring",
1034
+ "cursor-not-allowed",
1035
+ "opacity-50",
1036
+ "pointer-events-none",
1037
+ "hover:bg-primary"
1038
+ ],
1039
+ "internalComponents": [
1040
+ "Radio",
1041
+ "Icon",
1042
+ "RadioProvider",
1043
+ "HStack",
1044
+ "RadioGroup",
1045
+ "Pressable",
1046
+ "Text"
1047
+ ],
1048
+ "internalComponentProps": {
1049
+ "Icon": {
1050
+ "size": ["sm"],
1051
+ "color": ["current"],
1052
+ "aria-hidden": ["true"]
1053
+ },
1054
+ "HStack": {
1055
+ "spacing": ["1"],
1056
+ "gap": ["1"],
1057
+ "backgroundColor": ["secondary"],
1058
+ "borderRadius": ["full"],
1059
+ "display": ["inline-flex"]
1060
+ },
1061
+ "Text": { "color": ["current"] }
1062
+ },
1063
+ "propToVariantKeys": {
1064
+ "value": ["key"],
1065
+ "label": ["aria-label"],
1066
+ "textVariant": ["variant"]
1067
+ },
1068
+ "runtimeConfigDefaultProps": {},
1069
+ "runtimeConfigGetStyles": {},
1070
+ "runtimeConfigInternalComponentProps": {},
1071
+ "motionVarPrefixes": []
1072
+ },
1073
1073
  "Menu.Item": {
1074
1074
  "name": "Menu.Item",
1075
1075
  "defaultProps": {},