@yahoo/uds 3.159.0 → 3.159.2

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 (17) hide show
  1. package/dist/components/Image.cjs +3 -2
  2. package/dist/components/Image.js +3 -2
  3. package/dist/components/Text.cjs +4 -2
  4. package/dist/components/Text.js +4 -2
  5. package/dist/components/client/Pressable.cjs +3 -1
  6. package/dist/components/client/Pressable.js +3 -1
  7. package/dist/styles/styler.d.cts +10 -10
  8. package/dist/styles/styler.d.ts +10 -10
  9. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  10. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  11. package/dist/uds/generated/componentData.cjs +220 -220
  12. package/dist/uds/generated/componentData.js +220 -220
  13. package/dist/uds/generated/tailwindPurge.cjs +13 -9
  14. package/dist/uds/generated/tailwindPurge.js +13 -9
  15. package/generated/componentData.json +482 -482
  16. package/generated/tailwindPurge.ts +1 -1
  17. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -495,226 +495,6 @@ var componentData_default = {
495
495
  "runtimeConfigInternalComponentProps": {},
496
496
  "motionVarPrefixes": []
497
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"
692
- ],
693
- "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"] }
707
- },
708
- "propToVariantKeys": {
709
- "value": ["key"],
710
- "label": ["aria-label"],
711
- "textVariant": ["variant"]
712
- },
713
- "runtimeConfigDefaultProps": {},
714
- "runtimeConfigGetStyles": {},
715
- "runtimeConfigInternalComponentProps": {},
716
- "motionVarPrefixes": []
717
- },
718
498
  Checkbox: {
719
499
  "name": "Checkbox",
720
500
  "defaultProps": {
@@ -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": {},
package/dist/uds/generated/tailwindPurge.cjs CHANGED
@@ -3214,15 +3214,19 @@ const componentToVariants = {
3214
3214
  "size"
3215
3215
  ]]],
3216
3216
  "IconButton": [],
3217
- "Image": [["width", [
3218
- "full",
3219
- "fit",
3220
- "screen"
3221
- ]], ["height", [
3222
- "full",
3223
- "fit",
3224
- "screen"
3225
- ]]],
3217
+ "Image": [
3218
+ ["width", [
3219
+ "full",
3220
+ "fit",
3221
+ "screen"
3222
+ ]],
3223
+ ["height", [
3224
+ "full",
3225
+ "fit",
3226
+ "screen"
3227
+ ]],
3228
+ ["contentFit", ["cover"]]
3229
+ ],
3226
3230
  "Input": [],
3227
3231
  "InputHelpText": [],
3228
3232
  "Link": [],
package/dist/uds/generated/tailwindPurge.js CHANGED
@@ -3214,15 +3214,19 @@ const componentToVariants = {
3214
3214
  "size"
3215
3215
  ]]],
3216
3216
  "IconButton": [],
3217
- "Image": [["width", [
3218
- "full",
3219
- "fit",
3220
- "screen"
3221
- ]], ["height", [
3222
- "full",
3223
- "fit",
3224
- "screen"
3225
- ]]],
3217
+ "Image": [
3218
+ ["width", [
3219
+ "full",
3220
+ "fit",
3221
+ "screen"
3222
+ ]],
3223
+ ["height", [
3224
+ "full",
3225
+ "fit",
3226
+ "screen"
3227
+ ]],
3228
+ ["contentFit", ["cover"]]
3229
+ ],
3226
3230
  "Input": [],
3227
3231
  "InputHelpText": [],
3228
3232
  "Link": [],