@arc-ui/components 10.6.0 → 10.7.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 (34) hide show
  1. package/dist/Base/index.js +5 -2
  2. package/dist/Breadcrumbs/index.js +17 -10
  3. package/dist/Button/index.d.ts +1 -1
  4. package/dist/Button/index.js +3 -3
  5. package/dist/Card/index.d.ts +4 -0
  6. package/dist/Card/index.js +2 -2
  7. package/dist/Icon/index.d.ts +1 -1
  8. package/dist/Icon/index.js +2 -2
  9. package/dist/Poster/index.d.ts +5 -0
  10. package/dist/SiteFooter/index.js +1 -1
  11. package/dist/SiteHeader/index.js +3 -3
  12. package/dist/VisuallyHidden/index.js +1 -1
  13. package/dist/_shared/{Button-39e56303.d.ts → Button-2fcbd4ed.d.ts} +0 -0
  14. package/dist/_shared/{Button-39e56303.js → Button-2fcbd4ed.js} +1 -1
  15. package/dist/_shared/{Icon-cef09451.d.ts → Icon-b053f03d.d.ts} +0 -0
  16. package/dist/_shared/{Icon-cef09451.js → Icon-b053f03d.js} +1 -1
  17. package/dist/_shared/index.es-ff960629.js +286 -0
  18. package/dist/index.es.js +299 -289
  19. package/dist/index.es.js.map +1 -1
  20. package/dist/index.js +299 -289
  21. package/dist/index.js.map +1 -1
  22. package/dist/styles.css +1 -1
  23. package/dist/types/components/Base/Base.d.ts +2 -1
  24. package/dist/types/components/Card/Card.d.ts +4 -0
  25. package/dist/types/components/Modal/Modal.d.ts +28 -0
  26. package/dist/types/components/Modal/index.d.ts +1 -0
  27. package/dist/types/components/Poster/PosterImage.d.ts +5 -1
  28. package/dist/types/components/Select/Select.d.ts +21 -0
  29. package/dist/types/components/Select/index.d.ts +1 -0
  30. package/dist/types/components/Switch/Switch.d.ts +34 -0
  31. package/dist/types/components/Switch/index.d.ts +1 -0
  32. package/dist/types/styles.d.ts +5 -0
  33. package/package.json +12 -5
  34. package/dist/_shared/index.es-793935a1.js +0 -286
package/dist/index.js CHANGED
@@ -310,12 +310,15 @@ var AlignItem = function (_a) {
310
310
  return React__default["default"].createElement("div", { className: "arc-Align-item" }, children);
311
311
  };
312
312
 
313
+ var ArcRootElementContext = React.createContext(null);
313
314
  /**
314
315
  * Use `Base` as the root component of the arc system.
315
316
  */
316
317
  var Base = function (_a) {
317
318
  var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
318
- return (React__default["default"].createElement("div", __assign({ className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)), children));
319
+ var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
320
+ return (React__default["default"].createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)),
321
+ React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
319
322
  };
320
323
 
321
324
  /**
@@ -861,285 +864,285 @@ var debounce_1 = debounce;
861
864
  * Do not edit directly
862
865
  * Generated file
863
866
  */
864
- const ArcBreakpointM = 768;
865
- const ArcBreakpointL = 1024;
866
- const iconsSelected = [
867
- "bt3GFill",
868
- "bt4GFill",
869
- "bt5GFill",
870
- "btAccessibilityFill",
871
- "btAddFill",
872
- "btAlertFill",
873
- "btAlertTriangleFill",
874
- "btAnswerPointFill",
875
- "btArchitectureFill",
876
- "btArchiveFill",
877
- "btArrowAltDownFill",
878
- "btArrowAltLeftFill",
879
- "btArrowAltLeftRightFill",
880
- "btArrowAltRightFill",
881
- "btArrowAltUpFill",
882
- "btArrowDownFill",
883
- "btArrowLeftFill",
884
- "btArrowLeftRightFill",
885
- "btArrowRightFill",
886
- "btArrowUpFill",
887
- "btAttachmentAltFill",
888
- "btAttachmentFill",
889
- "btBagFill",
890
- "btBasketFill",
891
- "btBinFill",
892
- "btBlockedNumberFill",
893
- "btBoatFill",
894
- "btBroadbandFill",
895
- "btBuildingFill",
896
- "btBurgerMenuFill",
897
- "btCakeFill",
898
- "btCalenderAcceptedFill",
899
- "btCalenderAddEventFill",
900
- "btCalenderFill",
901
- "btCalenderPaymentPlanAltFill",
902
- "btCalenderPaymentPlanFill",
903
- "btCalenderSpecialDateFill",
904
- "btCallRoutingFill",
905
- "btCallerIdFill",
906
- "btChatFill",
907
- "btChatMessageFill",
908
- "btChatTypingFill",
909
- "btClipboardFill",
910
- "btClipboardTickFill",
911
- "btClockFill",
912
- "btCloudAlertFill",
913
- "btCloudDesktopFill",
914
- "btCloudFill",
915
- "btCloudLinkFill",
916
- "btCloudMeetingFill",
917
- "btCloudPhoneFill",
918
- "btCloudSecurityFill",
919
- "btCloudUploadFill",
920
- "btCloudUserFill",
921
- "btCollapseFill",
922
- "btCompareFill",
923
- "btComputerChipFill",
924
- "btConnectedCareFill",
925
- "btContactDetailsFill",
926
- "btContactNoDetailsFill",
927
- "btContactsFill",
928
- "btCreditCardFill",
929
- "btCrossAlt2pxFill",
930
- "btCrossAltFill",
931
- "btCrossFill",
932
- "btDashboardFill",
933
- "btDepositFill",
934
- "btDesignFill",
935
- "btDeskPhoneFill",
936
- "btDetailsFill",
937
- "btDetailsGroupFill",
938
- "btDexterityFill",
939
- "btDialPadFill",
940
- "btDialPadWithHandFill",
941
- "btDialledNumberDestinationFill",
942
- "btDigitalCollaborationFill",
943
- "btDisabilityFill",
944
- "btDiscountFill",
945
- "btDivertOnBusyFill",
946
- "btDocumentAndPencilFill",
947
- "btDocumentArticleFill",
948
- "btDocumentBillsFill",
949
- "btDocumentDownloadFill",
950
- "btDocumentFill",
951
- "btDocumentPdfFill",
952
- "btDocumentWithCopyCrossedOutFill",
953
- "btDocumentWithCopyFill",
954
- "btDynamicCollaborationFill",
955
- "btEducationFill",
956
- "btEmailReadFill",
957
- "btEmailUnreadFill",
958
- "btEngagedFill",
959
- "btEthernetFill",
960
- "btFaceHappyFill",
961
- "btFaceNeutralFill",
962
- "btFaceSadFill",
963
- "btFaceVeryHappyFill",
964
- "btFirstAidFill",
965
- "btFolderFill",
966
- "btGamingFill",
967
- "btGenderFemaleAndMaleFill",
968
- "btGenderFemaleFill",
969
- "btGenderMaleFill",
970
- "btGenderNeutralFill",
971
- "btGiftFill",
972
- "btGlobalConnectivityFill",
973
- "btGlobeFill",
974
- "btGlossaryFill",
975
- "btGondolaFill",
976
- "btGraphBarAndPlotFill",
977
- "btGraphBarChartFill",
978
- "btGraphDownFill",
979
- "btGraphUpAndDownFill",
980
- "btGraphUpFill",
981
- "btHeadsetFill",
982
- "btHeartBrokenFill",
983
- "btHeartCareFill",
984
- "btHeartFill",
985
- "btHoldingHeartFill",
986
- "btHomeFill",
987
- "btHomeTechExpertFill",
988
- "btHometownFill",
989
- "btHubAndMobileFill",
990
- "btHubFill",
991
- "btHubOldFill",
992
- "btIpFill",
993
- "btIPv6Fill",
994
- "btIdeaFill",
995
- "btInfoFill",
996
- "btJsonFill",
997
- "btJigsawFill",
998
- "btJourneyFill",
999
- "btKeyFill",
1000
- "btKnifeAndForkFill",
1001
- "btLanFill",
1002
- "btLaptopAndMobileFill",
1003
- "btLaptopConnectAndShareFill",
1004
- "btLaptopDetectionFill",
1005
- "btLaptopFill",
1006
- "btLaptopSecureFill",
1007
- "btLaptopVideoConferenceFill",
1008
- "btLaptopUsersFill",
1009
- "btLayoutGridLargeFill",
1010
- "btLayoutGridMediumFill",
1011
- "btLayoutGridSmallFill",
1012
- "btLayoutRowsLargeFill",
1013
- "btLayoutRowsMediumFill",
1014
- "btLayoutRowsSmallFill",
1015
- "btLeadershipFill",
1016
- "btLinkFill",
1017
- "btLiteracyNumeracyFill",
1018
- "btLocationFill",
1019
- "btLockedFill",
1020
- "btLogoutFill",
1021
- "btMedalFill",
1022
- "btMedalWithStarFill",
1023
- "btMeetingSpaceFill",
1024
- "btMegaphoneFill",
1025
- "btMicrophoneFill",
1026
- "btMobileFill",
1027
- "btMobileTransferCallFill",
1028
- "btMobileWithHandFill",
1029
- "btMobilityFill",
1030
- "btMoneyFill",
1031
- "btMonitorFill",
1032
- "btMonitorTickFill",
1033
- "btMoonFill",
1034
- "btMouseFill",
1035
- "btNamingFill",
1036
- "btNewWindowFill",
1037
- "btNoHearingFill",
1038
- "btNoHearingOrSpeechFill",
1039
- "btNoSpeechFill",
1040
- "btNoViewFill",
1041
- "btNotificationFill",
1042
- "btPaperTowelFill",
1043
- "btPasswordFIll",
1044
- "btPaymentMethodFill",
1045
- "btPayphoneFill",
1046
- "btPhoneBarredFill",
1047
- "btPhoneFill",
1048
- "btPictureFill",
1049
- "btPinAltFill",
1050
- "btPinFill",
1051
- "btPlaneFill",
1052
- "btPlanningFill",
1053
- "btPlantFill",
1054
- "btPlayFill",
1055
- "btPodcastFill",
1056
- "btPresentationFill",
1057
- "btPriceFill",
1058
- "btPrinterFill",
1059
- "btProcessFill",
1060
- "btProcessMiningFill",
1061
- "btProcessRolesFill",
1062
- "btProportionalCallDistributionFill",
1063
- "btQuestionFill",
1064
- "btRecyclingFill",
1065
- "btRefreshFill",
1066
- "btRefundFill",
1067
- "btReleaseFill",
1068
- "btResolution4KFill",
1069
- "btResolutionHdFill",
1070
- "btResolutionSdFill",
1071
- "btScaleFill",
1072
- "btSearchFill",
1073
- "btServerFill",
1074
- "btSettingsAlt2Fill",
1075
- "btSettingsAltFill",
1076
- "btSettingsFill",
1077
- "btShieldAddFill",
1078
- "btShieldFill",
1079
- "btShieldQuestionMarkFIll",
1080
- "btShieldSecurityFill",
1081
- "btShieldTickFill",
1082
- "btShipFill",
1083
- "btSignalFill",
1084
- "btSignatureFill",
1085
- "btSignpostFill",
1086
- "btSimFill",
1087
- "btSimpleFill",
1088
- "btSkiingFill",
1089
- "btSkisFill",
1090
- "btSnowboardingFill",
1091
- "btSpannerFill",
1092
- "btSpeakerFullVolumeFill",
1093
- "btSpeakerHalfVolumeFill",
1094
- "btSpeakerLowVolumeFill",
1095
- "btSpeakerMuteFill",
1096
- "btSpeedFasterFill",
1097
- "btSpeedFastestFill",
1098
- "btSpeedGuaranteeFill",
1099
- "btSpeedSlowFill",
1100
- "btSportFootballFill",
1101
- "btStarFill",
1102
- "btStopFill",
1103
- "btStopAltFill",
1104
- "btSuitcaseFill",
1105
- "btSunFill",
1106
- "btSwitchFill",
1107
- "btTvArialFill",
1108
- "btTvFill",
1109
- "btTvAndHubFill",
1110
- "btTvAndHubAndPhoneFill",
1111
- "btTabletFill",
1112
- "btTabletWithKeyboardFill",
1113
- "btTagFill",
1114
- "btTaxonomyFill",
1115
- "btTechBarFill",
1116
- "btTelemarkFill",
1117
- "btThumbsDownFill",
1118
- "btThumbsUpFill",
1119
- "btTickAlt2pxFill",
1120
- "btTickFill",
1121
- "btTickVariantFill",
1122
- "btTree1Fill",
1123
- "btTree2Fill",
1124
- "btTrophyFill",
1125
- "btUkFill",
1126
- "btUkHotspotsFill",
1127
- "btUsbFill",
1128
- "btUnlockedFill",
1129
- "btUserAddFill",
1130
- "btUserCloudFill",
1131
- "btUserDuplicateProfileFill",
1132
- "btUserFill",
1133
- "btUserGroupsFill",
1134
- "btUserParentAndChildFill",
1135
- "btUserWithQuestionmarkFill",
1136
- "btVanFill",
1137
- "btViewFill",
1138
- "btVirusFill",
1139
- "btWholeHomeWifiFill",
1140
- "btWiFiFill",
1141
- "btWizardFill",
1142
- "btWorkstationFill"
867
+ var ArcBreakpointM = 768;
868
+ var ArcBreakpointL = 1024;
869
+ var iconsSelected = [
870
+ "bt3GFill",
871
+ "bt4GFill",
872
+ "bt5GFill",
873
+ "btAccessibilityFill",
874
+ "btAddFill",
875
+ "btAlertFill",
876
+ "btAlertTriangleFill",
877
+ "btAnswerPointFill",
878
+ "btArchitectureFill",
879
+ "btArchiveFill",
880
+ "btArrowAltDownFill",
881
+ "btArrowAltLeftFill",
882
+ "btArrowAltLeftRightFill",
883
+ "btArrowAltRightFill",
884
+ "btArrowAltUpFill",
885
+ "btArrowDownFill",
886
+ "btArrowLeftFill",
887
+ "btArrowLeftRightFill",
888
+ "btArrowRightFill",
889
+ "btArrowUpFill",
890
+ "btAttachmentAltFill",
891
+ "btAttachmentFill",
892
+ "btBagFill",
893
+ "btBasketFill",
894
+ "btBinFill",
895
+ "btBlockedNumberFill",
896
+ "btBoatFill",
897
+ "btBroadbandFill",
898
+ "btBuildingFill",
899
+ "btBurgerMenuFill",
900
+ "btCakeFill",
901
+ "btCalenderAcceptedFill",
902
+ "btCalenderAddEventFill",
903
+ "btCalenderFill",
904
+ "btCalenderPaymentPlanAltFill",
905
+ "btCalenderPaymentPlanFill",
906
+ "btCalenderSpecialDateFill",
907
+ "btCallRoutingFill",
908
+ "btCallerIdFill",
909
+ "btChatFill",
910
+ "btChatMessageFill",
911
+ "btChatTypingFill",
912
+ "btClipboardFill",
913
+ "btClipboardTickFill",
914
+ "btClockFill",
915
+ "btCloudAlertFill",
916
+ "btCloudDesktopFill",
917
+ "btCloudFill",
918
+ "btCloudLinkFill",
919
+ "btCloudMeetingFill",
920
+ "btCloudPhoneFill",
921
+ "btCloudSecurityFill",
922
+ "btCloudUploadFill",
923
+ "btCloudUserFill",
924
+ "btCollapseFill",
925
+ "btCompareFill",
926
+ "btComputerChipFill",
927
+ "btConnectedCareFill",
928
+ "btContactDetailsFill",
929
+ "btContactNoDetailsFill",
930
+ "btContactsFill",
931
+ "btCreditCardFill",
932
+ "btCrossAlt2pxFill",
933
+ "btCrossAltFill",
934
+ "btCrossFill",
935
+ "btDashboardFill",
936
+ "btDepositFill",
937
+ "btDesignFill",
938
+ "btDeskPhoneFill",
939
+ "btDetailsFill",
940
+ "btDetailsGroupFill",
941
+ "btDexterityFill",
942
+ "btDialPadFill",
943
+ "btDialPadWithHandFill",
944
+ "btDialledNumberDestinationFill",
945
+ "btDigitalCollaborationFill",
946
+ "btDisabilityFill",
947
+ "btDiscountFill",
948
+ "btDivertOnBusyFill",
949
+ "btDocumentAndPencilFill",
950
+ "btDocumentArticleFill",
951
+ "btDocumentBillsFill",
952
+ "btDocumentDownloadFill",
953
+ "btDocumentFill",
954
+ "btDocumentPdfFill",
955
+ "btDocumentWithCopyCrossedOutFill",
956
+ "btDocumentWithCopyFill",
957
+ "btDynamicCollaborationFill",
958
+ "btEducationFill",
959
+ "btEmailReadFill",
960
+ "btEmailUnreadFill",
961
+ "btEngagedFill",
962
+ "btEthernetFill",
963
+ "btFaceHappyFill",
964
+ "btFaceNeutralFill",
965
+ "btFaceSadFill",
966
+ "btFaceVeryHappyFill",
967
+ "btFirstAidFill",
968
+ "btFolderFill",
969
+ "btGamingFill",
970
+ "btGenderFemaleAndMaleFill",
971
+ "btGenderFemaleFill",
972
+ "btGenderMaleFill",
973
+ "btGenderNeutralFill",
974
+ "btGiftFill",
975
+ "btGlobalConnectivityFill",
976
+ "btGlobeFill",
977
+ "btGlossaryFill",
978
+ "btGondolaFill",
979
+ "btGraphBarAndPlotFill",
980
+ "btGraphBarChartFill",
981
+ "btGraphDownFill",
982
+ "btGraphUpAndDownFill",
983
+ "btGraphUpFill",
984
+ "btHeadsetFill",
985
+ "btHeartBrokenFill",
986
+ "btHeartCareFill",
987
+ "btHeartFill",
988
+ "btHoldingHeartFill",
989
+ "btHomeFill",
990
+ "btHomeTechExpertFill",
991
+ "btHometownFill",
992
+ "btHubAndMobileFill",
993
+ "btHubFill",
994
+ "btHubOldFill",
995
+ "btIpFill",
996
+ "btIPv6Fill",
997
+ "btIdeaFill",
998
+ "btInfoFill",
999
+ "btJsonFill",
1000
+ "btJigsawFill",
1001
+ "btJourneyFill",
1002
+ "btKeyFill",
1003
+ "btKnifeAndForkFill",
1004
+ "btLanFill",
1005
+ "btLaptopAndMobileFill",
1006
+ "btLaptopConnectAndShareFill",
1007
+ "btLaptopDetectionFill",
1008
+ "btLaptopFill",
1009
+ "btLaptopSecureFill",
1010
+ "btLaptopVideoConferenceFill",
1011
+ "btLaptopUsersFill",
1012
+ "btLayoutGridLargeFill",
1013
+ "btLayoutGridMediumFill",
1014
+ "btLayoutGridSmallFill",
1015
+ "btLayoutRowsLargeFill",
1016
+ "btLayoutRowsMediumFill",
1017
+ "btLayoutRowsSmallFill",
1018
+ "btLeadershipFill",
1019
+ "btLinkFill",
1020
+ "btLiteracyNumeracyFill",
1021
+ "btLocationFill",
1022
+ "btLockedFill",
1023
+ "btLogoutFill",
1024
+ "btMedalFill",
1025
+ "btMedalWithStarFill",
1026
+ "btMeetingSpaceFill",
1027
+ "btMegaphoneFill",
1028
+ "btMicrophoneFill",
1029
+ "btMobileFill",
1030
+ "btMobileTransferCallFill",
1031
+ "btMobileWithHandFill",
1032
+ "btMobilityFill",
1033
+ "btMoneyFill",
1034
+ "btMonitorFill",
1035
+ "btMonitorTickFill",
1036
+ "btMoonFill",
1037
+ "btMouseFill",
1038
+ "btNamingFill",
1039
+ "btNewWindowFill",
1040
+ "btNoHearingFill",
1041
+ "btNoHearingOrSpeechFill",
1042
+ "btNoSpeechFill",
1043
+ "btNoViewFill",
1044
+ "btNotificationFill",
1045
+ "btPaperTowelFill",
1046
+ "btPasswordFIll",
1047
+ "btPaymentMethodFill",
1048
+ "btPayphoneFill",
1049
+ "btPhoneBarredFill",
1050
+ "btPhoneFill",
1051
+ "btPictureFill",
1052
+ "btPinAltFill",
1053
+ "btPinFill",
1054
+ "btPlaneFill",
1055
+ "btPlanningFill",
1056
+ "btPlantFill",
1057
+ "btPlayFill",
1058
+ "btPodcastFill",
1059
+ "btPresentationFill",
1060
+ "btPriceFill",
1061
+ "btPrinterFill",
1062
+ "btProcessFill",
1063
+ "btProcessMiningFill",
1064
+ "btProcessRolesFill",
1065
+ "btProportionalCallDistributionFill",
1066
+ "btQuestionFill",
1067
+ "btRecyclingFill",
1068
+ "btRefreshFill",
1069
+ "btRefundFill",
1070
+ "btReleaseFill",
1071
+ "btResolution4KFill",
1072
+ "btResolutionHdFill",
1073
+ "btResolutionSdFill",
1074
+ "btScaleFill",
1075
+ "btSearchFill",
1076
+ "btServerFill",
1077
+ "btSettingsAlt2Fill",
1078
+ "btSettingsAltFill",
1079
+ "btSettingsFill",
1080
+ "btShieldAddFill",
1081
+ "btShieldFill",
1082
+ "btShieldQuestionMarkFIll",
1083
+ "btShieldSecurityFill",
1084
+ "btShieldTickFill",
1085
+ "btShipFill",
1086
+ "btSignalFill",
1087
+ "btSignatureFill",
1088
+ "btSignpostFill",
1089
+ "btSimFill",
1090
+ "btSimpleFill",
1091
+ "btSkiingFill",
1092
+ "btSkisFill",
1093
+ "btSnowboardingFill",
1094
+ "btSpannerFill",
1095
+ "btSpeakerFullVolumeFill",
1096
+ "btSpeakerHalfVolumeFill",
1097
+ "btSpeakerLowVolumeFill",
1098
+ "btSpeakerMuteFill",
1099
+ "btSpeedFasterFill",
1100
+ "btSpeedFastestFill",
1101
+ "btSpeedGuaranteeFill",
1102
+ "btSpeedSlowFill",
1103
+ "btSportFootballFill",
1104
+ "btStarFill",
1105
+ "btStopFill",
1106
+ "btStopAltFill",
1107
+ "btSuitcaseFill",
1108
+ "btSunFill",
1109
+ "btSwitchFill",
1110
+ "btTvArialFill",
1111
+ "btTvFill",
1112
+ "btTvAndHubFill",
1113
+ "btTvAndHubAndPhoneFill",
1114
+ "btTabletFill",
1115
+ "btTabletWithKeyboardFill",
1116
+ "btTagFill",
1117
+ "btTaxonomyFill",
1118
+ "btTechBarFill",
1119
+ "btTelemarkFill",
1120
+ "btThumbsDownFill",
1121
+ "btThumbsUpFill",
1122
+ "btTickAlt2pxFill",
1123
+ "btTickFill",
1124
+ "btTickVariantFill",
1125
+ "btTree1Fill",
1126
+ "btTree2Fill",
1127
+ "btTrophyFill",
1128
+ "btUkFill",
1129
+ "btUkHotspotsFill",
1130
+ "btUsbFill",
1131
+ "btUnlockedFill",
1132
+ "btUserAddFill",
1133
+ "btUserCloudFill",
1134
+ "btUserDuplicateProfileFill",
1135
+ "btUserFill",
1136
+ "btUserGroupsFill",
1137
+ "btUserParentAndChildFill",
1138
+ "btUserWithQuestionmarkFill",
1139
+ "btVanFill",
1140
+ "btViewFill",
1141
+ "btVirusFill",
1142
+ "btWholeHomeWifiFill",
1143
+ "btWiFiFill",
1144
+ "btWizardFill",
1145
+ "btWorkstationFill"
1143
1146
  ];
1144
1147
 
1145
1148
  var defaultContext$3 = { surface: "light" };
@@ -1208,7 +1211,7 @@ var Icon = function (_a) {
1208
1211
  var BreadcrumbsItem = function (_a) {
1209
1212
  var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
1210
1213
  return (React__default["default"].createElement("li", { className: "arc-Breadcrumbs-item" },
1211
- spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
1214
+ spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
1212
1215
  React__default["default"].createElement(Icon, { icon: "btChevronLeft2px" }))),
1213
1216
  children,
1214
1217
  spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
@@ -1258,6 +1261,9 @@ var Breadcrumbs = function (_a) {
1258
1261
  if (window.innerWidth < 426) {
1259
1262
  setShowBackTrail(true);
1260
1263
  }
1264
+ /**
1265
+ * TODO! Revise this if statement
1266
+ */
1261
1267
  if (children != null &&
1262
1268
  React__default["default"].Children.count(children) > 2 &&
1263
1269
  breadcrumbsList.current != null &&
@@ -1282,19 +1288,23 @@ var Breadcrumbs = function (_a) {
1282
1288
  React__default["default"].createElement("ul", { className: "arc-Breadcrumbs-list", ref: breadcrumbsList }, showBackTrail ? (React__default["default"].createElement(React__default["default"].Fragment, null, items.length < 3 ? (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[0].props.children)) : (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[items.length - 2].props.children)))) : (React__default["default"].createElement(React__default["default"].Fragment, null, isCompressed ? (React__default["default"].createElement(React__default["default"].Fragment, null,
1283
1289
  React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true }, items[0].props.children),
1284
1290
  React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true },
1285
- React__default["default"].createElement("button", { className: "arc-Breadcrumbs-expand arc-Breadcrumbs-text", onClick: function () { return setIsCompressed(false); }, "aria-label": "Expand Breadcrumbs", type: "button" }, "...")),
1286
- React__default["default"].createElement(Breadcrumbs.Item, null, React__default["default"].cloneElement(items[items.length - 1].props.children, {
1287
- isActive: true
1288
- })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
1291
+ React__default["default"].createElement("button", { className: "arc-Breadcrumbs-expand arc-Breadcrumbs-text", onClick: function () { return setIsCompressed(false); }, "aria-label": "Expand Breadcrumbs", type: "button", "data-testid": "expand-ellipsis" }, "...")),
1292
+ React__default["default"].createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
1293
+ items[items.length - 1].props.children &&
1294
+ React__default["default"].cloneElement(items[items.length - 1].props.children, {
1295
+ isActive: true
1296
+ })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
1289
1297
  items
1290
1298
  .slice(0, items.length - 1)
1291
1299
  .map(function (item, index) {
1292
1300
  return (React__default["default"].createElement(React__default["default"].Fragment, { key: "listItem-".concat(index) },
1293
1301
  React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true }, item.props.children)));
1294
1302
  }),
1295
- React__default["default"].createElement(Breadcrumbs.Item, null, React__default["default"].cloneElement(items[items.length - 1].props.children, {
1296
- isActive: items.length > 1
1297
- })))))))));
1303
+ React__default["default"].createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
1304
+ items[items.length - 1].props.children &&
1305
+ React__default["default"].cloneElement(items[items.length - 1].props.children, {
1306
+ isActive: items.length > 1
1307
+ })))))))));
1298
1308
  };
1299
1309
  BreadcrumbsItem.displayName = "Breadcrumbs.Item";
1300
1310
  BreadcrumbsLink.displayName = "Breadcrumbs.Link";
@@ -2769,7 +2779,7 @@ var VerticalSpace = function (_a) {
2769
2779
  */
2770
2780
  var VisuallyHidden = function (_a) {
2771
2781
  var children = _a.children;
2772
- return React__default["default"].createElement("div", { className: "arc-VisuallyHidden" }, children);
2782
+ return (React__default["default"].createElement("div", { "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, children));
2773
2783
  };
2774
2784
 
2775
2785
  exports.Align = Align;