@yahoo/uds 3.158.0 → 3.159.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 (18) hide show
  1. package/dist/components/client/Menu/Menu.Item.cjs +8 -2
  2. package/dist/components/client/Menu/Menu.Item.d.cts +44 -0
  3. package/dist/components/client/Menu/Menu.Item.d.ts +44 -0
  4. package/dist/components/client/Menu/Menu.Item.js +8 -2
  5. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +6 -2
  6. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +44 -0
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +44 -0
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.js +6 -2
  9. package/dist/styles/styler.d.cts +10 -10
  10. package/dist/styles/styler.d.ts +10 -10
  11. package/dist/tailwind-internal/dist/plugins/components.cjs +29 -28
  12. package/dist/tailwind-internal/dist/plugins/components.js +4 -3
  13. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  14. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  15. package/dist/uds/generated/componentData.cjs +220 -220
  16. package/dist/uds/generated/componentData.js +220 -220
  17. package/generated/componentData.json +482 -482
  18. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -495,6 +495,226 @@ 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
+ },
498
718
  Checkbox: {
499
719
  "name": "Checkbox",
500
720
  "defaultProps": {
@@ -850,226 +1070,6 @@ var componentData_default = {
850
1070
  "runtimeConfigInternalComponentProps": {},
851
1071
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
852
1072
  },
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": {},