@thecb/components 5.8.2-beta.5 → 5.8.2-beta.8

package/dist/index.esm.js

@@ -4818,25 +4818,34 @@ var AQUA_HAZE_WHITE = "#F7F9FA";
 var BLEACH_WHITE = "#FEF4d7";
 var CATSKILL_WHITE = "#EAF2F6"; // GREY
 
-var ATHENS_GREY = "#F6F6F9";
+var ATHENS_GREY = "#F6F6F9"; // CBS-100
+
 var ALTO_GREY = "#d1d1d1";
 var SILVER_GREY = "#cdcdcd";
 var PEWTER_GREY = "#DFE1E4";
 var ASH_GREY = "#979797";
 var IRON_GREY = "#d5d8dc";
-var GHOST_GREY = "#CACED8";
+var GHOST_GREY = "#CACED8"; // CBS-300
+
 var DUSTY_GREY = "#9B9B9B";
 var REGENT_GREY = "#959EA7";
-var STORM_GREY = "#6D717E";
+var STORM_GREY = "#6D717E"; // CBS-700
+
 var TROUT_GREY = "#515660";
 var MINESHAFT_GREY = "#333333";
 var SOOT_GREY = "#999999";
 var FIREFLY_GREY = "#091325";
-var BRIGHT_GREY = "#3B414D";
-var CHARADE_GREY = "#292A33";
-var GRECIAN_GREY = "#E5E7EC";
+var BRIGHT_GREY = "#3B414D"; // CBS-800
+
+var CHARADE_GREY = "#292A33"; // CBS-900
+
+var GRECIAN_GREY = "#E5E7EC"; // CBS-200
+
 var BLACK_SQUEEZE = "#EAF2F7";
-var GREY_CHATEAU = "#959CA8"; // BLUE
+var GREY_CHATEAU = "#959CA8"; // CBS-500
+
+var COOL_GREY_05 = "#fbfcfd"; // CBS-050
+// BLUE
 
 var CLOUDBURST_BLUE = "#26395c";
 var ZODIAC_BLUE = "#14284b";
@@ -4940,6 +4949,7 @@ var colors = /*#__PURE__*/Object.freeze({
   BRIGHT_GREY: BRIGHT_GREY,
   CHARADE_GREY: CHARADE_GREY,
   GRECIAN_GREY: GRECIAN_GREY,
+  COOL_GREY_05: COOL_GREY_05,
   BLACK_SQUEEZE: BLACK_SQUEEZE,
   GREY_CHATEAU: GREY_CHATEAU,
   CLOUDBURST_BLUE: CLOUDBURST_BLUE,
@@ -6211,13 +6221,12 @@ var BoxWrapper = styled(function (_ref) {
 }).withConfig({
   displayName: "Boxstyled__BoxWrapper",
   componentId: "sc-1f9ij0d-0"
-})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";border:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
+})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";width:", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
   var padding = _ref2.padding;
   return padding;
 }, function (_ref3) {
-  var borderSize = _ref3.borderSize,
-      borderColor = _ref3.borderColor;
-  return "".concat(borderSize, " solid ").concat(borderColor);
+  var border = _ref3.border;
+  return border;
 }, function (_ref4) {
   var boxShadow = _ref4.boxShadow;
   return boxShadow;
@@ -6229,7 +6238,7 @@ var BoxWrapper = styled(function (_ref) {
   return minHeight ? minHeight : "auto";
 }, function (_ref7) {
   var width = _ref7.width;
-  return width && "width: ".concat(width, ";");
+  return width;
 }, function (_ref8) {
   var minWidth = _ref8.minWidth;
   return minWidth ? minWidth : "auto";
@@ -6243,38 +6252,34 @@ var BoxWrapper = styled(function (_ref) {
   var borderRadius = _ref11.borderRadius;
   return borderRadius;
 }, function (_ref12) {
-  var borderWidthOverride = _ref12.borderWidthOverride,
-      borderSize = _ref12.borderSize;
-  return borderWidthOverride ? borderWidthOverride : borderSize;
+  var borderWidthOverride = _ref12.borderWidthOverride;
+  return borderWidthOverride;
 }, function (_ref13) {
-  var border = _ref13.border;
-  return border;
-}, function (_ref14) {
-  var textAlign = _ref14.textAlign;
+  var textAlign = _ref13.textAlign;
   return textAlign;
-}, function (_ref15) {
-  var hoverStyles = _ref15.hoverStyles,
-      as = _ref15.as;
+}, function (_ref14) {
+  var hoverStyles = _ref14.hoverStyles,
+      as = _ref14.as;
   return css(["", " ", ""], hoverStyles, as === "button" ? "> * > span {\n          ".concat(hoverStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
-}, function (_ref16) {
-  var as = _ref16.as;
+}, function (_ref15) {
+  var as = _ref15.as;
   return css(["outline:3px solid ", ";outline-offset:2px;", ""], ROYAL_BLUE, as === "button" && "\n          > * > span {\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }");
+}, function (_ref16) {
+  var activeStyles = _ref16.activeStyles,
+      as = _ref16.as;
+  return css(["", " ", ""], activeStyles, as === "button" ? "        > * > span {\n          ".concat(activeStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
 }, function (_ref17) {
-  var activeStyles = _ref17.activeStyles,
+  var disabledStyles = _ref17.disabledStyles,
       as = _ref17.as;
-  return css(["", " ", ""], activeStyles, as === "button" ? "        > * > span {\n          ".concat(activeStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
-}, function (_ref18) {
-  var disabledStyles = _ref18.disabledStyles,
-      as = _ref18.as;
   return css(["", " ", ""], disabledStyles, as === "button" ? "        > * > span {\n          ".concat(disabledStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
-}, function (_ref19) {
-  var color = _ref19.color;
+}, function (_ref18) {
+  var color = _ref18.color;
   return color;
-}, function (_ref20) {
-  var hiddenStyles = _ref20.hiddenStyles;
+}, function (_ref19) {
+  var hiddenStyles = _ref19.hiddenStyles;
   return hiddenStyles && css(["display:none;"]);
-}, function (_ref21) {
-  var extraStyles = _ref21.extraStyles;
+}, function (_ref20) {
+  var extraStyles = _ref20.extraStyles;
   return css(["", ""], extraStyles);
 });
 /* eslint-enable no-unused-vars */
@@ -13781,8 +13786,7 @@ var TimeoutImage = function TimeoutImage() {
   })))));
 };
 
-var AutopayOnIcon = function AutopayOnIcon(_ref) {
-  var themeValues = _ref.themeValues;
+var AutopayOnIcon = function AutopayOnIcon() {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "12",
@@ -13795,14 +13799,12 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
     strokeWidth: "1"
   }, /*#__PURE__*/React.createElement("path", {
     className: "autopayIcon",
-    fill: themeValues.primaryColor,
+    fill: SEA_GREEN,
     fillRule: "nonzero",
     d: "M1.898 5.75c.079 0 .141-.02.188-.059a.281.281 0 00.094-.152 3.825 3.825 0 011.394-2.144A3.838 3.838 0 016 2.563c.5 0 .98.09 1.441.27.461.179.88.44 1.254.784l-.984.985A.542.542 0 007.547 5c0 .156.055.29.164.398.11.11.242.165.398.165h3.141c.156 0 .289-.055.398-.165A.542.542 0 0011.812 5V1.86a.542.542 0 00-.164-.399.542.542 0 00-.398-.164.542.542 0 00-.398.164l-.844.844A5.699 5.699 0 006 .688c-.938 0-1.809.207-2.613.62-.805.415-1.48.981-2.028 1.7A5.726 5.726 0 00.281 5.422a.265.265 0 00.059.223c.055.07.129.105.222.105h1.336zM6 12.312c.937 0 1.809-.207 2.613-.62a5.919 5.919 0 002.028-1.7 5.726 5.726 0 001.078-2.414.265.265 0 00-.059-.223.267.267 0 00-.223-.105h-1.335c-.079 0-.141.02-.188.059a.281.281 0 00-.094.152 3.825 3.825 0 01-1.394 2.144c-.711.555-1.52.833-2.426.833-.5 0-.98-.09-1.441-.27a3.985 3.985 0 01-1.254-.785l.984-.985A.542.542 0 004.453 8a.542.542 0 00-.164-.398.542.542 0 00-.398-.164H.75a.542.542 0 00-.398.164A.542.542 0 00.187 8v3.14c0 .157.055.29.165.4.109.108.242.163.398.163.156 0 .29-.055.398-.164l.844-.844A5.699 5.699 0 006 12.312z"
   })));
 };
 
-var AutopayOnIcon$1 = themeComponent(AutopayOnIcon, "Icons", fallbackValues$2, "primary");
-
 var NotFoundIcon = function NotFoundIcon() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "548px",
@@ -40397,7 +40399,7 @@ var AutopayModal = function AutopayModal(_ref) {
           }, /*#__PURE__*/React.createElement(Cluster, {
             justify: isMobile ? "flex-start" : "flex-end",
             align: "center"
-          }, /*#__PURE__*/React.createElement(AutopayOnIcon$1, null), /*#__PURE__*/React.createElement(Text$1, {
+          }, /*#__PURE__*/React.createElement(AutopayOnIcon, null), /*#__PURE__*/React.createElement(Text$1, {
             variant: "pS",
             onClick: function onClick() {
               return toggleModal(true);
@@ -40582,8 +40584,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     isPaymentPlan: isPaymentPlan,
     nextAutopayDate: nextAutopayDate
   })), !isMobile && /*#__PURE__*/React.createElement(Box, {
-    padding: isMobile ? "0 0 0 8px" : "0",
-    extraStyles: isMobile && "flex-grow: 1;"
+    padding: "0"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     isLoading: isLoading,
     action: function action() {
@@ -40591,8 +40592,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     },
     text: "Pay Now",
     variant: isMobile ? "smallSecondary" : "secondary",
-    dataQa: "Pay Now",
-    extraStyles: isMobile && "flex-grow: 1; width: 100%;"
+    dataQa: "Pay Now"
   }))), isMobile && /*#__PURE__*/React.createElement(Box, {
     padding: "8px 0 0",
     width: "100%"
@@ -40604,7 +40604,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     text: "Pay Now",
     variant: isMobile ? "smallSecondary" : "secondary",
     dataQa: "Pay Now",
-    extraStyles: isMobile && "flex-grow: 1; width: 100%;"
+    extraStyles: isMobile && "flex-grow: 1; width: 100%; margin: 0;"
   }))));
 };
 
@@ -40636,7 +40636,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
     borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
   }, /*#__PURE__*/React.createElement(Cluster, {
-    childGap: "8px",
+    childGap: autoPayEnabled ? "8px" : "0",
     nowrap: true
   }, autoPayEnabled && /*#__PURE__*/React.createElement(Box, {
     padding: "0",
@@ -40662,7 +40662,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     text: "Remove",
     action: handleRemoveAccount,
     dataQa: "Remove Account",
-    extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "flex-grow: 1;"
+    extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;"
   }))));
 };
 
@@ -40731,13 +40731,15 @@ var Obligation = function Obligation(_ref) {
   */
   var firstObligation = obligations[0];
   var customAttributes = (_firstObligation$cust = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.customAttributes) !== null && _firstObligation$cust !== void 0 ? _firstObligation$cust : {};
-  var boxShadowValue = "0px 4px 4px rgba(41, 42, 51, 0.1), 0px 1px 1px 2px rgba(41, 42, 51, 0.1);";
+  var boxShadowValue = "0px 2px 4px rgba(41, 42, 51, 0.1), 0px 1px 1px 2px rgba(41, 42, 51, 0.1);";
   var activeObligation = /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
     boxShadow: boxShadowValue,
     as: "section",
-    "aria-label": "".concat((_firstObligation$desc = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description) !== null && _firstObligation$desc !== void 0 ? _firstObligation$desc : "account", " ").concat((_firstObligation$subD = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription) !== null && _firstObligation$subD !== void 0 ? _firstObligation$subD : obligationAssocID)
+    "aria-label": "".concat((_firstObligation$desc = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description) !== null && _firstObligation$desc !== void 0 ? _firstObligation$desc : "account", " ").concat((_firstObligation$subD = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription) !== null && _firstObligation$subD !== void 0 ? _firstObligation$subD : obligationAssocID),
+    border: "1px solid ".concat(GRECIAN_GREY),
+    borderWidthOverride: "1px 0 0 0"
   }, /*#__PURE__*/React.createElement(Box, {
     background: WHITE,
     padding: "24px 16px"
@@ -42885,7 +42887,7 @@ var PeriscopeDashboardIframe = function PeriscopeDashboardIframe(_ref) {
   }, "Your organization may not have a dashboard configured."))), !periscopeDataFailure && url && Dashboard(height)(url)));
 };
 
-var pageBackground = "#F6F6F9";
+var pageBackground = "#FBFCFD";
 var fallbackValues$H = {
   pageBackground: pageBackground
 };
@@ -42909,7 +42911,7 @@ var CenterSingle = function CenterSingle(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
-    background: themeValues.pageBackground,
+    background: COOL_GREY_05,
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(Cover, {
     centerOverride: isMobile && !centeredMobileContent
@@ -42954,7 +42956,7 @@ var CenterStack = function CenterStack(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
-    background: themeValues.pageBackground,
+    background: COOL_GREY_05,
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(Cover, null, header ? header : /*#__PURE__*/React.createElement(Box, {
     padding: "0"
@@ -42994,7 +42996,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
-    background: themeValues.pageBackground,
+    background: COOL_GREY_05,
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(Cover, {
     childGap: "0",
@@ -43045,7 +43047,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
-    background: themeValues.pageBackground,
+    background: COOL_GREY_05,
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(Cover, {
     centerOverride: !sidebarVerticalCenter
@@ -43101,7 +43103,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
-    background: themeValues.pageBackground,
+    background: COOL_GREY_05,
     key: "page-bg",
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(Cover, {
@@ -43159,5 +43161,5 @@ var index$5 = /*#__PURE__*/Object.freeze({
   theme: themeUtils
 });
 
-export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon$1 as AutopayOnIcon, BankIcon, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackReversalIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, FailedIcon, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GoToEmailIcon$1 as GoToEmailIcon, Grid, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, IconAdd, IconQuitLarge, Imposter, InternalLink, InternalUserInfoForm, Jumbo$1 as Jumbo, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, Loading, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentIcon, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioSection$1 as RadioSection, Reel, RefundIcon, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, Switcher, TabSidebar$1 as TabSidebar, TableListItem, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletIcon$1 as WalletIcon, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, cardRegistry, index$4 as constants, createPartialAmountFormState, index$5 as util, withWindowSize };
+export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon, BankIcon, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackReversalIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, FailedIcon, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GoToEmailIcon$1 as GoToEmailIcon, Grid, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, IconAdd, IconQuitLarge, Imposter, InternalLink, InternalUserInfoForm, Jumbo$1 as Jumbo, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, Loading, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentIcon, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioSection$1 as RadioSection, Reel, RefundIcon, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, Switcher, TabSidebar$1 as TabSidebar, TableListItem, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletIcon$1 as WalletIcon, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, cardRegistry, index$4 as constants, createPartialAmountFormState, index$5 as util, withWindowSize };
 //# sourceMappingURL=index.esm.js.map