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