@yahoo/uds 3.119.1 → 3.120.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.
@@ -250,6 +250,65 @@ var DividerInternal = {
250
250
  ] },
251
251
  "motionVarPrefixes": []
252
252
  };
253
+ var Spinner = {
254
+ "name": "Spinner",
255
+ "defaultProps": {
256
+ "color": "primary",
257
+ "size": "lg"
258
+ },
259
+ "getStylesLiterals": {},
260
+ "cxLiterals": [
261
+ "self-center",
262
+ "relative",
263
+ "sr-only"
264
+ ],
265
+ "internalComponents": ["Icon"],
266
+ "internalComponentProps": { "Icon": {
267
+ "role": ["img"],
268
+ "className": ["animate-spin"],
269
+ "aria-hidden": ["true"]
270
+ } },
271
+ "propToVariantKeys": {},
272
+ "motionVarPrefixes": []
273
+ };
274
+ var Table_mocks = {
275
+ "name": "Table.mocks",
276
+ "defaultProps": {},
277
+ "getStylesLiterals": {},
278
+ "cxLiterals": [],
279
+ "internalComponents": [],
280
+ "internalComponentProps": {},
281
+ "propToVariantKeys": {},
282
+ "motionVarPrefixes": []
283
+ };
284
+ var Table = {
285
+ "name": "Table",
286
+ "defaultProps": {
287
+ "display": "table-cell",
288
+ "overflow": "hidden",
289
+ "borderColor": "muted",
290
+ "borderRadius": "md",
291
+ "spacing": "3",
292
+ "borderBottomColor": "muted",
293
+ "borderBottomWidth": "thin",
294
+ "color": "primary"
295
+ },
296
+ "getStylesLiterals": { "textAlign": "start" },
297
+ "cxLiterals": [],
298
+ "internalComponents": [
299
+ "CellComponent",
300
+ "Box",
301
+ "Text",
302
+ "Table.Root",
303
+ "Table.Header",
304
+ "Table.Row",
305
+ "Table.Cell",
306
+ "Table.Body"
307
+ ],
308
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
309
+ "propToVariantKeys": {},
310
+ "motionVarPrefixes": []
311
+ };
253
312
  var AnimateHeightChange = {
254
313
  "name": "AnimateHeightChange",
255
314
  "defaultProps": {},
@@ -563,29 +622,56 @@ var Switch = {
563
622
  },
564
623
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
565
624
  };
566
- var Spinner = {
567
- "name": "Spinner",
625
+ var Accordion = {
626
+ "name": "Accordion",
568
627
  "defaultProps": {
569
- "color": "primary",
570
- "size": "lg"
628
+ "spacingHorizontal": "4",
629
+ "spacingVertical": "4"
571
630
  },
572
631
  "getStylesLiterals": {},
573
- "cxLiterals": [
574
- "self-center",
575
- "relative",
576
- "sr-only"
632
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
633
+ "internalComponents": [
634
+ "Icon",
635
+ "SpringMotionConfig",
636
+ "Pressable",
637
+ "Text",
638
+ "HStack",
639
+ "AnimatePresence",
640
+ "VStack"
577
641
  ],
578
- "internalComponents": ["Icon"],
579
- "internalComponentProps": { "Icon": {
580
- "role": ["img"],
581
- "className": ["animate-spin"],
582
- "aria-hidden": ["true"]
583
- } },
642
+ "internalComponentProps": {
643
+ "Icon": {
644
+ "variant": ["fill"],
645
+ "size": ["sm"],
646
+ "color": ["primary"]
647
+ },
648
+ "SpringMotionConfig": {
649
+ "layoutVariant": ["smooth"],
650
+ "layoutSpeed": ["3"]
651
+ },
652
+ "Pressable": {
653
+ "display": ["flex"],
654
+ "flexDirection": ["row"],
655
+ "alignItems": ["center"],
656
+ "justifyContent": ["space-between"],
657
+ "borderRadius": ["md"]
658
+ },
659
+ "Text": {
660
+ "variant": ["title4"],
661
+ "color": ["primary"]
662
+ },
663
+ "HStack": {
664
+ "display": ["flex"],
665
+ "alignItems": ["center"],
666
+ "justifyContent": ["space-between"],
667
+ "columnGap": ["2.5"]
668
+ }
669
+ },
584
670
  "propToVariantKeys": {},
585
- "motionVarPrefixes": []
671
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
586
672
  };
587
- var Table_mocks = {
588
- "name": "Table.mocks",
673
+ var AvoidMotionLibraryProvider = {
674
+ "name": "AvoidMotionLibraryProvider",
589
675
  "defaultProps": {},
590
676
  "getStylesLiterals": {},
591
677
  "cxLiterals": [],
@@ -594,101 +680,340 @@ var Table_mocks = {
594
680
  "propToVariantKeys": {},
595
681
  "motionVarPrefixes": []
596
682
  };
597
- var Table = {
598
- "name": "Table",
599
- "defaultProps": {
600
- "display": "table-cell",
601
- "overflow": "hidden",
602
- "borderColor": "muted",
603
- "borderRadius": "md",
604
- "spacing": "3",
605
- "borderBottomColor": "muted",
606
- "borderBottomWidth": "thin",
607
- "color": "primary"
608
- },
609
- "getStylesLiterals": { "textAlign": "start" },
683
+ var ExperimentalPopover = {
684
+ "name": "ExperimentalPopover",
685
+ "defaultProps": {},
686
+ "getStylesLiterals": {},
610
687
  "cxLiterals": [],
611
688
  "internalComponents": [
612
- "CellComponent",
613
- "Box",
689
+ "HStack",
614
690
  "Text",
615
- "Table.Root",
616
- "Table.Header",
617
- "Table.Row",
618
- "Table.Cell",
619
- "Table.Body"
691
+ "ExperimentalPopoverHeadingBase"
620
692
  ],
621
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
693
+ "internalComponentProps": { "Text": {
694
+ "variant": ["headline1"],
695
+ "color": ["primary"]
696
+ } },
622
697
  "propToVariantKeys": {},
623
698
  "motionVarPrefixes": []
624
699
  };
625
- var Avatar = {
626
- "name": "Avatar",
700
+ var Modal = {
701
+ "name": "Modal",
627
702
  "defaultProps": {},
628
703
  "getStylesLiterals": {},
629
- "cxLiterals": [],
630
- "internalComponents": ["AvatarImage"],
631
- "internalComponentProps": {},
632
- "propToVariantKeys": {},
633
- "motionVarPrefixes": []
634
- };
635
- var AvatarIcon = {
636
- "name": "AvatarIcon",
637
- "defaultProps": {
638
- "size": "md",
639
- "variant": "primary"
640
- },
641
- "getStylesLiterals": {},
642
- "cxLiterals": [
643
- "overflow-hidden",
644
- "w-full",
645
- "h-full",
646
- "shrink-0",
647
- "text-center",
648
- "inline-flex",
649
- "justify-center",
650
- "items-center"
651
- ],
652
- "internalComponents": ["IconSlot", "Box"],
653
- "internalComponentProps": {},
654
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
655
- "motionVarPrefixes": []
656
- };
657
- var AvatarImage = {
658
- "name": "AvatarImage",
659
- "defaultProps": {
660
- "size": "md",
661
- "variant": "primary"
662
- },
663
- "getStylesLiterals": {},
664
704
  "cxLiterals": [
665
- "overflow-hidden",
666
- "w-full",
667
- "h-full",
668
- "shrink-0",
669
- "text-center",
670
- "inline-flex",
671
- "justify-center",
672
- "items-center",
673
- "object-cover"
705
+ "inset-8",
706
+ "top-[250px]",
707
+ "z-50",
708
+ "mx-auto",
709
+ "h-fit",
710
+ "w-[600px]",
711
+ "origin-center",
712
+ "scale-95",
713
+ "opacity-0",
714
+ "transition",
715
+ "duration-150",
716
+ "data-[enter]:scale-100",
717
+ "data-[enter]:opacity-100",
718
+ "data-[enter]:bg-primary",
719
+ "backdrop-blur-0",
720
+ "data-[enter]:opacity-60",
721
+ "data-[enter]:backdrop-blur-sm"
674
722
  ],
675
723
  "internalComponents": [
676
- "UDSImage",
677
- "AvatarText",
678
- "AvatarIcon",
679
- "Box"
724
+ "IconButton",
725
+ "Dialog",
726
+ "HStack",
727
+ "Text",
728
+ "VStack"
680
729
  ],
681
- "internalComponentProps": {},
682
- "propToVariantKeys": {
683
- "alt": ["name"],
684
- "fallback": ["initials"]
730
+ "internalComponentProps": {
731
+ "IconButton": {
732
+ "aria-label": ["Close"],
733
+ "size": ["sm"],
734
+ "variant": ["tertiary"]
735
+ },
736
+ "HStack": {
737
+ "alignItems": ["center"],
738
+ "justifyContent": ["space-between"]
739
+ },
740
+ "Text": {
741
+ "variant": ["headline1"],
742
+ "color": ["primary"]
743
+ },
744
+ "VStack": {
745
+ "borderRadius": ["md"],
746
+ "position": ["fixed"],
747
+ "backgroundColor": ["primary"],
748
+ "dropShadow": ["md"],
749
+ "spacing": ["8"],
750
+ "overflow": ["hidden"]
751
+ }
685
752
  },
753
+ "propToVariantKeys": { "handleClose": ["onClick"] },
686
754
  "motionVarPrefixes": []
687
755
  };
688
- var AvatarText = {
689
- "name": "AvatarText",
690
- "defaultProps": {
691
- "size": "md",
756
+ var SegmentedControl = {
757
+ "name": "SegmentedControl",
758
+ "defaultProps": { "textVariant": "label2" },
759
+ "getStylesLiterals": {
760
+ "display": "flex",
761
+ "alignItems": "center",
762
+ "backgroundColor": "primary",
763
+ "spacingVertical": "1",
764
+ "spacingHorizontal": "3",
765
+ "columnGap": "1.5",
766
+ "borderWidth": "thin",
767
+ "borderRadius": "full",
768
+ "borderColor": "muted",
769
+ "borderColor:1": "transparent",
770
+ "color": "primary",
771
+ "color:1": "tertiary",
772
+ "color:2": "muted"
773
+ },
774
+ "cxLiterals": [
775
+ "uds-ring",
776
+ "cursor-not-allowed",
777
+ "opacity-50",
778
+ "pointer-events-none",
779
+ "hover:bg-primary"
780
+ ],
781
+ "internalComponents": [
782
+ "TextVariant",
783
+ "Radio",
784
+ "Icon",
785
+ "RadioProvider",
786
+ "HStack",
787
+ "RadioGroup",
788
+ "Pressable",
789
+ "Text"
790
+ ],
791
+ "internalComponentProps": {
792
+ "Icon": {
793
+ "size": ["sm"],
794
+ "color": ["current"],
795
+ "aria-hidden": ["true"]
796
+ },
797
+ "HStack": {
798
+ "spacing": ["1"],
799
+ "gap": ["1"],
800
+ "backgroundColor": ["secondary"],
801
+ "borderRadius": ["full"],
802
+ "display": ["inline-flex"]
803
+ },
804
+ "Text": { "color": ["current"] }
805
+ },
806
+ "propToVariantKeys": {
807
+ "value": ["key"],
808
+ "label": ["aria-label"],
809
+ "textVariant": ["variant"]
810
+ },
811
+ "motionVarPrefixes": []
812
+ };
813
+ var SwitchV2 = {
814
+ "name": "SwitchV2",
815
+ "defaultProps": {
816
+ "labelPosition": "start",
817
+ "size": "md"
818
+ },
819
+ "getStylesLiterals": {
820
+ "switchVariantRoot": "default",
821
+ "switchVariantActiveRoot": "on",
822
+ "switchVariantActiveRoot:1": "off",
823
+ "switchVariantSwitch": "default",
824
+ "switchVariantActiveSwitch": "on",
825
+ "switchVariantActiveSwitch:1": "off",
826
+ "switchVariantActiveHandle": "on",
827
+ "switchVariantActiveHandle:1": "off",
828
+ "switchVariantHandle": "default",
829
+ "switchVariantHandleIcon": "default",
830
+ "switchVariantActiveHandleIcon": "on",
831
+ "switchVariantActiveHandleIcon:1": "off"
832
+ },
833
+ "cxLiterals": [
834
+ "group",
835
+ "flex",
836
+ "items-center",
837
+ "flex-row",
838
+ "flex-row-reverse",
839
+ "uds-ring",
840
+ "uds-ring-within",
841
+ "relative",
842
+ "uds-border-radius-full",
843
+ "transition-[background-color,box-shadow]",
844
+ "pointer-events-none",
845
+ "w-full",
846
+ "h-full",
847
+ "absolute",
848
+ "top-0",
849
+ "bottom-0",
850
+ "right-0",
851
+ "left-0",
852
+ "overflow-hidden",
853
+ "group-hover:scale-105",
854
+ "opacity-95",
855
+ "group-hover:opacity-100",
856
+ "transition-[transform,opacity]",
857
+ "opacity-0",
858
+ "top-1/2",
859
+ "left-1/2",
860
+ "transform",
861
+ "translate-x-[-50%]",
862
+ "translate-y-[-50%]",
863
+ "transition-opacity",
864
+ "cursor-[inherit]",
865
+ "w-[calc(100%+2px)]",
866
+ "h-[calc(100%+2px)]",
867
+ "text-start",
868
+ "text-end",
869
+ "opacity-100"
870
+ ],
871
+ "internalComponents": [
872
+ "IconSlot",
873
+ "Box",
874
+ "FormLabel",
875
+ "SpringMotionConfig",
876
+ "RootElement",
877
+ "MotionBox"
878
+ ],
879
+ "internalComponentProps": {
880
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
881
+ "FormLabel": {
882
+ "as": ["div"],
883
+ "variant": ["inherit"],
884
+ "color": ["inherit"]
885
+ },
886
+ "SpringMotionConfig": {
887
+ "layoutVariant": ["bouncy"],
888
+ "layoutSpeed": ["4"]
889
+ },
890
+ "RootElement": { "data-testid": ["switch-root"] },
891
+ "MotionBox": { "layout": ["position"] }
892
+ },
893
+ "propToVariantKeys": {
894
+ "size": [
895
+ "switchSizeRoot",
896
+ "switchSizeSwitch",
897
+ "switchSizeHandle",
898
+ "switchSizeHandleIcon"
899
+ ],
900
+ "onIcon": ["icon"],
901
+ "offIcon": ["icon"],
902
+ "reduceMotion": ["reducedMotion"],
903
+ "isOn": ["layoutDependency"]
904
+ },
905
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
906
+ };
907
+ var Tabs = {
908
+ "name": "Tabs",
909
+ "defaultProps": {},
910
+ "getStylesLiterals": {
911
+ "display": "flex",
912
+ "flexDirection": "row",
913
+ "columnGap": "6"
914
+ },
915
+ "cxLiterals": [
916
+ "text-tertiary",
917
+ "border-b-transparent",
918
+ "aria-selected:border-b-brand",
919
+ "aria-selected:text-secondary"
920
+ ],
921
+ "internalComponents": [
922
+ "TabProvider",
923
+ "OriginalTabList",
924
+ "OriginalTab",
925
+ "Icon",
926
+ "OriginalTabPanel",
927
+ "Pressable",
928
+ "Comp",
929
+ "Text"
930
+ ],
931
+ "internalComponentProps": {
932
+ "Icon": {
933
+ "className": ["text-current"],
934
+ "size": ["md"]
935
+ },
936
+ "Pressable": {
937
+ "borderBottomWidth": ["medium"],
938
+ "spacingBottom": ["1"],
939
+ "spacingTop": ["4"]
940
+ },
941
+ "Text": {
942
+ "className": ["text-current"],
943
+ "variant": ["headline1"],
944
+ "as": ["span"]
945
+ }
946
+ },
947
+ "propToVariantKeys": {},
948
+ "motionVarPrefixes": []
949
+ };
950
+ var Avatar = {
951
+ "name": "Avatar",
952
+ "defaultProps": {},
953
+ "getStylesLiterals": {},
954
+ "cxLiterals": [],
955
+ "internalComponents": ["AvatarImage"],
956
+ "internalComponentProps": {},
957
+ "propToVariantKeys": {},
958
+ "motionVarPrefixes": []
959
+ };
960
+ var AvatarIcon = {
961
+ "name": "AvatarIcon",
962
+ "defaultProps": {
963
+ "size": "md",
964
+ "variant": "primary"
965
+ },
966
+ "getStylesLiterals": {},
967
+ "cxLiterals": [
968
+ "overflow-hidden",
969
+ "w-full",
970
+ "h-full",
971
+ "shrink-0",
972
+ "text-center",
973
+ "inline-flex",
974
+ "justify-center",
975
+ "items-center"
976
+ ],
977
+ "internalComponents": ["IconSlot", "Box"],
978
+ "internalComponentProps": {},
979
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
980
+ "motionVarPrefixes": []
981
+ };
982
+ var AvatarImage = {
983
+ "name": "AvatarImage",
984
+ "defaultProps": {
985
+ "size": "md",
986
+ "variant": "primary"
987
+ },
988
+ "getStylesLiterals": {},
989
+ "cxLiterals": [
990
+ "overflow-hidden",
991
+ "w-full",
992
+ "h-full",
993
+ "shrink-0",
994
+ "text-center",
995
+ "inline-flex",
996
+ "justify-center",
997
+ "items-center",
998
+ "object-cover"
999
+ ],
1000
+ "internalComponents": [
1001
+ "UDSImage",
1002
+ "AvatarText",
1003
+ "AvatarIcon",
1004
+ "Box"
1005
+ ],
1006
+ "internalComponentProps": {},
1007
+ "propToVariantKeys": {
1008
+ "alt": ["name"],
1009
+ "fallback": ["initials"]
1010
+ },
1011
+ "motionVarPrefixes": []
1012
+ };
1013
+ var AvatarText = {
1014
+ "name": "AvatarText",
1015
+ "defaultProps": {
1016
+ "size": "md",
692
1017
  "variant": "primary"
693
1018
  },
694
1019
  "getStylesLiterals": {},
@@ -985,6 +1310,126 @@ var ChipToggle = {
985
1310
  "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
986
1311
  "motionVarPrefixes": []
987
1312
  };
1313
+ var Input = {
1314
+ "name": "Input",
1315
+ "defaultProps": {
1316
+ "type": "text",
1317
+ "size": "md",
1318
+ "width": "full"
1319
+ },
1320
+ "getStylesLiterals": {
1321
+ "inputVariantRoot": "default",
1322
+ "inputVariantValueRoot": "empty",
1323
+ "inputVariantValueRoot:1": "filled",
1324
+ "inputVariantInputWrapper": "default",
1325
+ "inputVariantValueInputWrapper": "empty",
1326
+ "inputVariantValueInputWrapper:1": "filled",
1327
+ "inputVariantInput": "default",
1328
+ "inputVariantValueInput": "empty",
1329
+ "inputVariantValueInput:1": "filled",
1330
+ "inputVariantInputPlaceholder": "default",
1331
+ "inputVariantValueInputPlaceholder": "empty",
1332
+ "inputVariantValueInputPlaceholder:1": "filled",
1333
+ "inputVariantLabel": "default",
1334
+ "inputVariantValueLabel": "empty",
1335
+ "inputVariantValueLabel:1": "filled",
1336
+ "inputVariantLabelRequired": "default",
1337
+ "inputVariantValueLabelRequired": "empty",
1338
+ "inputVariantValueLabelRequired:1": "filled",
1339
+ "inputVariantStartIcon": "default",
1340
+ "inputVariantValueStartIcon": "empty",
1341
+ "inputVariantValueStartIcon:1": "filled",
1342
+ "inputVariantEndIcon": "default",
1343
+ "inputVariantValueEndIcon": "empty",
1344
+ "inputVariantValueEndIcon:1": "filled"
1345
+ },
1346
+ "cxLiterals": [
1347
+ "opacity-50",
1348
+ "min-w-[200px]",
1349
+ "grow",
1350
+ "uds-hit-target",
1351
+ "bg-clip-text",
1352
+ "focus:outline-none",
1353
+ "cursor-text",
1354
+ "cursor-not-allowed"
1355
+ ],
1356
+ "internalComponents": [
1357
+ "IconSlot",
1358
+ "StartIcon",
1359
+ "EndIcon",
1360
+ "HelpTextContent",
1361
+ "Box",
1362
+ "InputHelpTextInternal",
1363
+ "VStack",
1364
+ "HStack",
1365
+ "AnimateHeightChange"
1366
+ ],
1367
+ "internalComponentProps": {
1368
+ "HelpTextContent": { "spacingTop": ["2"] },
1369
+ "Box": {
1370
+ "spacingBottom": ["2"],
1371
+ "columnGap": ["0.5"],
1372
+ "alignItems": ["flex-end", "center"],
1373
+ "position": ["relative"]
1374
+ },
1375
+ "HStack": {
1376
+ "alignItems": ["center"],
1377
+ "gap": ["1"]
1378
+ }
1379
+ },
1380
+ "propToVariantKeys": {
1381
+ "size": [
1382
+ "inputSizeRoot",
1383
+ "inputSizeInputWrapper",
1384
+ "inputSizeInput",
1385
+ "inputSizeLabel",
1386
+ "inputSizeStartIcon",
1387
+ "inputSizeEndIcon"
1388
+ ],
1389
+ "startIcon": ["icon"],
1390
+ "endIcon": ["icon"],
1391
+ "helperTextIcon": ["startIcon"]
1392
+ },
1393
+ "motionVarPrefixes": []
1394
+ };
1395
+ var InputHelpText = {
1396
+ "name": "InputHelpText",
1397
+ "defaultProps": { "size": "md" },
1398
+ "getStylesLiterals": {
1399
+ "inputVariantRoot": "default",
1400
+ "inputVariantValueRoot": "empty",
1401
+ "inputVariantValueRoot:1": "filled"
1402
+ },
1403
+ "cxLiterals": [],
1404
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1405
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1406
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1407
+ "motionVarPrefixes": []
1408
+ };
1409
+ var InputHelpTextInternal = {
1410
+ "name": "InputHelpTextInternal",
1411
+ "defaultProps": {},
1412
+ "getStylesLiterals": {
1413
+ "inputVariantHelperText": "default",
1414
+ "inputVariantValueHelperText": "empty",
1415
+ "inputVariantValueHelperText:1": "filled",
1416
+ "inputVariantHelperIcon": "default",
1417
+ "inputVariantValueHelperIcon": "empty",
1418
+ "inputVariantValueHelperIcon:1": "filled"
1419
+ },
1420
+ "cxLiterals": [],
1421
+ "internalComponents": ["IconSlot", "HStack"],
1422
+ "internalComponentProps": { "HStack": {
1423
+ "gap": ["1"],
1424
+ "alignItems": ["center"]
1425
+ } },
1426
+ "propToVariantKeys": {
1427
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1428
+ "startIcon": ["icon"],
1429
+ "endIcon": ["icon"]
1430
+ },
1431
+ "motionVarPrefixes": []
1432
+ };
988
1433
  var Menu_Content = {
989
1434
  "name": "Menu.Content",
990
1435
  "defaultProps": {
@@ -1174,126 +1619,6 @@ var Menu = {
1174
1619
  "propToVariantKeys": {},
1175
1620
  "motionVarPrefixes": []
1176
1621
  };
1177
- var Input = {
1178
- "name": "Input",
1179
- "defaultProps": {
1180
- "type": "text",
1181
- "size": "md",
1182
- "width": "full"
1183
- },
1184
- "getStylesLiterals": {
1185
- "inputVariantRoot": "default",
1186
- "inputVariantValueRoot": "empty",
1187
- "inputVariantValueRoot:1": "filled",
1188
- "inputVariantInputWrapper": "default",
1189
- "inputVariantValueInputWrapper": "empty",
1190
- "inputVariantValueInputWrapper:1": "filled",
1191
- "inputVariantInput": "default",
1192
- "inputVariantValueInput": "empty",
1193
- "inputVariantValueInput:1": "filled",
1194
- "inputVariantInputPlaceholder": "default",
1195
- "inputVariantValueInputPlaceholder": "empty",
1196
- "inputVariantValueInputPlaceholder:1": "filled",
1197
- "inputVariantLabel": "default",
1198
- "inputVariantValueLabel": "empty",
1199
- "inputVariantValueLabel:1": "filled",
1200
- "inputVariantLabelRequired": "default",
1201
- "inputVariantValueLabelRequired": "empty",
1202
- "inputVariantValueLabelRequired:1": "filled",
1203
- "inputVariantStartIcon": "default",
1204
- "inputVariantValueStartIcon": "empty",
1205
- "inputVariantValueStartIcon:1": "filled",
1206
- "inputVariantEndIcon": "default",
1207
- "inputVariantValueEndIcon": "empty",
1208
- "inputVariantValueEndIcon:1": "filled"
1209
- },
1210
- "cxLiterals": [
1211
- "opacity-50",
1212
- "min-w-[200px]",
1213
- "grow",
1214
- "uds-hit-target",
1215
- "bg-clip-text",
1216
- "focus:outline-none",
1217
- "cursor-text",
1218
- "cursor-not-allowed"
1219
- ],
1220
- "internalComponents": [
1221
- "IconSlot",
1222
- "StartIcon",
1223
- "EndIcon",
1224
- "HelpTextContent",
1225
- "Box",
1226
- "InputHelpTextInternal",
1227
- "VStack",
1228
- "HStack",
1229
- "AnimateHeightChange"
1230
- ],
1231
- "internalComponentProps": {
1232
- "HelpTextContent": { "spacingTop": ["2"] },
1233
- "Box": {
1234
- "spacingBottom": ["2"],
1235
- "columnGap": ["0.5"],
1236
- "alignItems": ["flex-end", "center"],
1237
- "position": ["relative"]
1238
- },
1239
- "HStack": {
1240
- "alignItems": ["center"],
1241
- "gap": ["1"]
1242
- }
1243
- },
1244
- "propToVariantKeys": {
1245
- "size": [
1246
- "inputSizeRoot",
1247
- "inputSizeInputWrapper",
1248
- "inputSizeInput",
1249
- "inputSizeLabel",
1250
- "inputSizeStartIcon",
1251
- "inputSizeEndIcon"
1252
- ],
1253
- "startIcon": ["icon"],
1254
- "endIcon": ["icon"],
1255
- "helperTextIcon": ["startIcon"]
1256
- },
1257
- "motionVarPrefixes": []
1258
- };
1259
- var InputHelpText = {
1260
- "name": "InputHelpText",
1261
- "defaultProps": { "size": "md" },
1262
- "getStylesLiterals": {
1263
- "inputVariantRoot": "default",
1264
- "inputVariantValueRoot": "empty",
1265
- "inputVariantValueRoot:1": "filled"
1266
- },
1267
- "cxLiterals": [],
1268
- "internalComponents": ["InputHelpTextInternal", "Box"],
1269
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1270
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1271
- "motionVarPrefixes": []
1272
- };
1273
- var InputHelpTextInternal = {
1274
- "name": "InputHelpTextInternal",
1275
- "defaultProps": {},
1276
- "getStylesLiterals": {
1277
- "inputVariantHelperText": "default",
1278
- "inputVariantValueHelperText": "empty",
1279
- "inputVariantValueHelperText:1": "filled",
1280
- "inputVariantHelperIcon": "default",
1281
- "inputVariantValueHelperIcon": "empty",
1282
- "inputVariantValueHelperIcon:1": "filled"
1283
- },
1284
- "cxLiterals": [],
1285
- "internalComponents": ["IconSlot", "HStack"],
1286
- "internalComponentProps": { "HStack": {
1287
- "gap": ["1"],
1288
- "alignItems": ["center"]
1289
- } },
1290
- "propToVariantKeys": {
1291
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1292
- "startIcon": ["icon"],
1293
- "endIcon": ["icon"]
1294
- },
1295
- "motionVarPrefixes": []
1296
- };
1297
1622
  var Popover = {
1298
1623
  "name": "Popover",
1299
1624
  "defaultProps": {},
@@ -1685,332 +2010,6 @@ var UDSConfigProvider = {
1685
2010
  "propToVariantKeys": {},
1686
2011
  "motionVarPrefixes": []
1687
2012
  };
1688
- var Accordion = {
1689
- "name": "Accordion",
1690
- "defaultProps": {
1691
- "spacingHorizontal": "4",
1692
- "spacingVertical": "4"
1693
- },
1694
- "getStylesLiterals": {},
1695
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1696
- "internalComponents": [
1697
- "Icon",
1698
- "SpringMotionConfig",
1699
- "Pressable",
1700
- "Text",
1701
- "HStack",
1702
- "AnimatePresence",
1703
- "VStack"
1704
- ],
1705
- "internalComponentProps": {
1706
- "Icon": {
1707
- "variant": ["fill"],
1708
- "size": ["sm"],
1709
- "color": ["primary"]
1710
- },
1711
- "SpringMotionConfig": {
1712
- "layoutVariant": ["smooth"],
1713
- "layoutSpeed": ["3"]
1714
- },
1715
- "Pressable": {
1716
- "display": ["flex"],
1717
- "flexDirection": ["row"],
1718
- "alignItems": ["center"],
1719
- "justifyContent": ["space-between"],
1720
- "borderRadius": ["md"]
1721
- },
1722
- "Text": {
1723
- "variant": ["title4"],
1724
- "color": ["primary"]
1725
- },
1726
- "HStack": {
1727
- "display": ["flex"],
1728
- "alignItems": ["center"],
1729
- "justifyContent": ["space-between"],
1730
- "columnGap": ["2.5"]
1731
- }
1732
- },
1733
- "propToVariantKeys": {},
1734
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1735
- };
1736
- var AvoidMotionLibraryProvider = {
1737
- "name": "AvoidMotionLibraryProvider",
1738
- "defaultProps": {},
1739
- "getStylesLiterals": {},
1740
- "cxLiterals": [],
1741
- "internalComponents": [],
1742
- "internalComponentProps": {},
1743
- "propToVariantKeys": {},
1744
- "motionVarPrefixes": []
1745
- };
1746
- var ExperimentalPopover = {
1747
- "name": "ExperimentalPopover",
1748
- "defaultProps": {},
1749
- "getStylesLiterals": {},
1750
- "cxLiterals": [],
1751
- "internalComponents": [
1752
- "HStack",
1753
- "Text",
1754
- "ExperimentalPopoverHeadingBase"
1755
- ],
1756
- "internalComponentProps": { "Text": {
1757
- "variant": ["headline1"],
1758
- "color": ["primary"]
1759
- } },
1760
- "propToVariantKeys": {},
1761
- "motionVarPrefixes": []
1762
- };
1763
- var Modal = {
1764
- "name": "Modal",
1765
- "defaultProps": {},
1766
- "getStylesLiterals": {},
1767
- "cxLiterals": [
1768
- "inset-8",
1769
- "top-[250px]",
1770
- "z-50",
1771
- "mx-auto",
1772
- "h-fit",
1773
- "w-[600px]",
1774
- "origin-center",
1775
- "scale-95",
1776
- "opacity-0",
1777
- "transition",
1778
- "duration-150",
1779
- "data-[enter]:scale-100",
1780
- "data-[enter]:opacity-100",
1781
- "data-[enter]:bg-primary",
1782
- "backdrop-blur-0",
1783
- "data-[enter]:opacity-60",
1784
- "data-[enter]:backdrop-blur-sm"
1785
- ],
1786
- "internalComponents": [
1787
- "IconButton",
1788
- "Dialog",
1789
- "HStack",
1790
- "Text",
1791
- "VStack"
1792
- ],
1793
- "internalComponentProps": {
1794
- "IconButton": {
1795
- "aria-label": ["Close"],
1796
- "size": ["sm"],
1797
- "variant": ["tertiary"]
1798
- },
1799
- "HStack": {
1800
- "alignItems": ["center"],
1801
- "justifyContent": ["space-between"]
1802
- },
1803
- "Text": {
1804
- "variant": ["headline1"],
1805
- "color": ["primary"]
1806
- },
1807
- "VStack": {
1808
- "borderRadius": ["md"],
1809
- "position": ["fixed"],
1810
- "backgroundColor": ["primary"],
1811
- "dropShadow": ["md"],
1812
- "spacing": ["8"],
1813
- "overflow": ["hidden"]
1814
- }
1815
- },
1816
- "propToVariantKeys": { "handleClose": ["onClick"] },
1817
- "motionVarPrefixes": []
1818
- };
1819
- var SegmentedControl = {
1820
- "name": "SegmentedControl",
1821
- "defaultProps": {},
1822
- "getStylesLiterals": {
1823
- "display": "flex",
1824
- "alignItems": "center",
1825
- "backgroundColor": "primary",
1826
- "spacingVertical": "1",
1827
- "spacingHorizontal": "3",
1828
- "columnGap": "1.5",
1829
- "borderWidth": "thin",
1830
- "borderRadius": "full",
1831
- "borderColor": "muted",
1832
- "borderColor:1": "transparent",
1833
- "color": "primary",
1834
- "color:1": "tertiary",
1835
- "color:2": "muted"
1836
- },
1837
- "cxLiterals": [
1838
- "uds-ring",
1839
- "cursor-not-allowed",
1840
- "opacity-50",
1841
- "pointer-events-none",
1842
- "hover:bg-primary"
1843
- ],
1844
- "internalComponents": [
1845
- "Radio",
1846
- "Icon",
1847
- "RadioProvider",
1848
- "HStack",
1849
- "RadioGroup",
1850
- "Pressable",
1851
- "Text"
1852
- ],
1853
- "internalComponentProps": {
1854
- "Icon": {
1855
- "size": ["sm"],
1856
- "color": ["current"],
1857
- "aria-hidden": ["true"]
1858
- },
1859
- "HStack": {
1860
- "spacing": ["1"],
1861
- "gap": ["1"],
1862
- "backgroundColor": ["secondary"],
1863
- "borderRadius": ["full"],
1864
- "display": ["inline-flex"]
1865
- },
1866
- "Text": {
1867
- "variant": ["label2"],
1868
- "color": ["current"]
1869
- }
1870
- },
1871
- "propToVariantKeys": {
1872
- "value": ["key"],
1873
- "label": ["aria-label"]
1874
- },
1875
- "motionVarPrefixes": []
1876
- };
1877
- var SwitchV2 = {
1878
- "name": "SwitchV2",
1879
- "defaultProps": {
1880
- "labelPosition": "start",
1881
- "size": "md"
1882
- },
1883
- "getStylesLiterals": {
1884
- "switchVariantRoot": "default",
1885
- "switchVariantActiveRoot": "on",
1886
- "switchVariantActiveRoot:1": "off",
1887
- "switchVariantSwitch": "default",
1888
- "switchVariantActiveSwitch": "on",
1889
- "switchVariantActiveSwitch:1": "off",
1890
- "switchVariantActiveHandle": "on",
1891
- "switchVariantActiveHandle:1": "off",
1892
- "switchVariantHandle": "default",
1893
- "switchVariantHandleIcon": "default",
1894
- "switchVariantActiveHandleIcon": "on",
1895
- "switchVariantActiveHandleIcon:1": "off"
1896
- },
1897
- "cxLiterals": [
1898
- "group",
1899
- "flex",
1900
- "items-center",
1901
- "flex-row",
1902
- "flex-row-reverse",
1903
- "uds-ring",
1904
- "uds-ring-within",
1905
- "relative",
1906
- "uds-border-radius-full",
1907
- "transition-[background-color,box-shadow]",
1908
- "pointer-events-none",
1909
- "w-full",
1910
- "h-full",
1911
- "absolute",
1912
- "top-0",
1913
- "bottom-0",
1914
- "right-0",
1915
- "left-0",
1916
- "overflow-hidden",
1917
- "group-hover:scale-105",
1918
- "opacity-95",
1919
- "group-hover:opacity-100",
1920
- "transition-[transform,opacity]",
1921
- "opacity-0",
1922
- "top-1/2",
1923
- "left-1/2",
1924
- "transform",
1925
- "translate-x-[-50%]",
1926
- "translate-y-[-50%]",
1927
- "transition-opacity",
1928
- "cursor-[inherit]",
1929
- "w-[calc(100%+2px)]",
1930
- "h-[calc(100%+2px)]",
1931
- "text-start",
1932
- "text-end",
1933
- "opacity-100"
1934
- ],
1935
- "internalComponents": [
1936
- "IconSlot",
1937
- "Box",
1938
- "FormLabel",
1939
- "SpringMotionConfig",
1940
- "RootElement",
1941
- "MotionBox"
1942
- ],
1943
- "internalComponentProps": {
1944
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1945
- "FormLabel": {
1946
- "as": ["div"],
1947
- "variant": ["inherit"],
1948
- "color": ["inherit"]
1949
- },
1950
- "SpringMotionConfig": {
1951
- "layoutVariant": ["bouncy"],
1952
- "layoutSpeed": ["4"]
1953
- },
1954
- "RootElement": { "data-testid": ["switch-root"] },
1955
- "MotionBox": { "layout": ["position"] }
1956
- },
1957
- "propToVariantKeys": {
1958
- "size": [
1959
- "switchSizeRoot",
1960
- "switchSizeSwitch",
1961
- "switchSizeHandle",
1962
- "switchSizeHandleIcon"
1963
- ],
1964
- "onIcon": ["icon"],
1965
- "offIcon": ["icon"],
1966
- "reduceMotion": ["reducedMotion"],
1967
- "isOn": ["layoutDependency"]
1968
- },
1969
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1970
- };
1971
- var Tabs = {
1972
- "name": "Tabs",
1973
- "defaultProps": {},
1974
- "getStylesLiterals": {
1975
- "display": "flex",
1976
- "flexDirection": "row",
1977
- "columnGap": "6"
1978
- },
1979
- "cxLiterals": [
1980
- "text-tertiary",
1981
- "border-b-transparent",
1982
- "aria-selected:border-b-brand",
1983
- "aria-selected:text-secondary"
1984
- ],
1985
- "internalComponents": [
1986
- "TabProvider",
1987
- "OriginalTabList",
1988
- "OriginalTab",
1989
- "Icon",
1990
- "OriginalTabPanel",
1991
- "Pressable",
1992
- "Comp",
1993
- "Text"
1994
- ],
1995
- "internalComponentProps": {
1996
- "Icon": {
1997
- "className": ["text-current"],
1998
- "size": ["md"]
1999
- },
2000
- "Pressable": {
2001
- "borderBottomWidth": ["medium"],
2002
- "spacingBottom": ["1"],
2003
- "spacingTop": ["4"]
2004
- },
2005
- "Text": {
2006
- "className": ["text-current"],
2007
- "variant": ["headline1"],
2008
- "as": ["span"]
2009
- }
2010
- },
2011
- "propToVariantKeys": {},
2012
- "motionVarPrefixes": []
2013
- };
2014
2013
  var componentData_default = {
2015
2014
  Box,
2016
2015
  FormLabel,
@@ -2026,6 +2025,9 @@ var componentData_default = {
2026
2025
  Divider,
2027
2026
  DividerCore,
2028
2027
  DividerInternal,
2028
+ Spinner,
2029
+ "Table.mocks": Table_mocks,
2030
+ Table,
2029
2031
  AnimateHeightChange,
2030
2032
  Badge,
2031
2033
  Button,
@@ -2034,9 +2036,13 @@ var componentData_default = {
2034
2036
  Pressable,
2035
2037
  SpringMotionConfig,
2036
2038
  Switch,
2037
- Spinner,
2038
- "Table.mocks": Table_mocks,
2039
- Table,
2039
+ Accordion,
2040
+ AvoidMotionLibraryProvider,
2041
+ ExperimentalPopover,
2042
+ Modal,
2043
+ SegmentedControl,
2044
+ SwitchV2,
2045
+ Tabs,
2040
2046
  Avatar,
2041
2047
  AvatarIcon,
2042
2048
  AvatarImage,
@@ -2056,6 +2062,9 @@ var componentData_default = {
2056
2062
  ChipDismissible,
2057
2063
  ChipLink,
2058
2064
  ChipToggle,
2065
+ Input,
2066
+ InputHelpText,
2067
+ InputHelpTextInternal,
2059
2068
  "Menu.Content": Menu_Content,
2060
2069
  "Menu.Divider": Menu_Divider,
2061
2070
  "Menu.Item": Menu_Item,
@@ -2065,9 +2074,6 @@ var componentData_default = {
2065
2074
  "Menu.Trigger": Menu_Trigger,
2066
2075
  "Menu.index": Menu_index,
2067
2076
  Menu,
2068
- Input,
2069
- InputHelpText,
2070
- InputHelpTextInternal,
2071
2077
  Popover,
2072
2078
  PopoverContent,
2073
2079
  PopoverContext,
@@ -2085,14 +2091,7 @@ var componentData_default = {
2085
2091
  TooltipTrigger,
2086
2092
  UDSTooltipConfigProvider,
2087
2093
  UDSBreakpointsConfigProvider,
2088
- UDSConfigProvider,
2089
- Accordion,
2090
- AvoidMotionLibraryProvider,
2091
- ExperimentalPopover,
2092
- Modal,
2093
- SegmentedControl,
2094
- SwitchV2,
2095
- Tabs
2094
+ UDSConfigProvider
2096
2095
  };
2097
2096
 
2098
2097
  //#endregion