@thecb/components 8.4.5-beta.2 → 8.4.5-beta.3

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.
package/dist/index.esm.js CHANGED
@@ -38099,7 +38099,7 @@ var background$2 = "".concat(ATHENS_GREY);
38099
38099
  var white$1 = "".concat(WHITE);
38100
38100
  var black = "#000";
38101
38101
  var focusBorder = "".concat(MATISSE_BLUE);
38102
- var themeValues = {
38102
+ var themeValues$1 = {
38103
38103
  background: background$2,
38104
38104
  white: white$1,
38105
38105
  black: black,
@@ -38109,7 +38109,7 @@ var themeValues = {
38109
38109
  var TypeaheadInputWrapper = styled.div.withConfig({
38110
38110
  displayName: "TypeaheadInput__TypeaheadInputWrapper",
38111
38111
  componentId: "sc-cumjdb-0"
38112
- })(["display:flex;align-content:center;align-items:center;background:", ";input{border:0;height:72px;width:100%;padding:1.5rem;padding-left:1rem;min-width:100px;margin:0;box-sizing:border-box;position:relative;font-size:1.1rem;line-height:2rem;font-weight:400;background-color:", ";color:", ";box-shadow:none;border:1px solid transparent;&:focus{border:1px solid ", ";}}"], themeValues.background, themeValues.background, themeValues.black, themeValues.focusBorder);
38112
+ })(["display:flex;align-content:center;align-items:center;background:", ";input{border:0;height:72px;width:100%;padding:1.5rem;padding-left:1rem;min-width:100px;margin:0;box-sizing:border-box;position:relative;font-size:1.1rem;line-height:2rem;font-weight:400;background-color:", ";color:", ";box-shadow:none;border:1px solid transparent;&:focus{border:1px solid ", ";}}"], themeValues$1.background, themeValues$1.background, themeValues$1.black, themeValues$1.focusBorder);
38113
38113
 
38114
38114
  var TypeaheadInput = function TypeaheadInput(_ref) {
38115
38115
  var handleChange = _ref.handleChange,
@@ -42943,51 +42943,32 @@ var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
42943
42943
  var MISC_BILL_ICON = "MISC_SINGLE_BILL";
42944
42944
  var iconsMap = (_iconsMap = {}, _defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), _defineProperty(_iconsMap, ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), _defineProperty(_iconsMap, ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), _defineProperty(_iconsMap, ACCOUNTS_DENTAL_ICON, AccountDentalIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), _defineProperty(_iconsMap, ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), _defineProperty(_iconsMap, PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), _defineProperty(_iconsMap, PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), _defineProperty(_iconsMap, PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), _defineProperty(_iconsMap, PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), _defineProperty(_iconsMap, PROPERTIES_LAND_ICON, PropertyLandIcon), _defineProperty(_iconsMap, PROPERTIES_CAR_ICON, PropertyCarIcon), _defineProperty(_iconsMap, PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), _defineProperty(_iconsMap, PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), _defineProperty(_iconsMap, MISC_BILL_ICON, AccountBillIcon), _iconsMap);
42945
42945
 
42946
- var activeBackgroundColor$1 = {
42947
- "default": CORNFLOWER_BLUE
42948
- };
42949
- var backgroundColor$9 = {
42950
- "default": LINK_WATER
42951
- };
42952
- var borderColor$5 = {
42953
- "default": MOON_RAKER
42954
- };
42955
- var color$b = {
42956
- "default": ROYAL_BLUE_VIVID
42957
- };
42958
- var fallbackValues$I = {
42959
- activeBackgroundColor: activeBackgroundColor$1,
42960
- backgroundColor: backgroundColor$9,
42961
- borderColor: borderColor$5,
42962
- color: color$b
42963
- };
42964
-
42965
42946
  var Container = styled(Box).withConfig({
42966
42947
  displayName: "LinkCardstyled__Container",
42967
42948
  componentId: "sc-l5q1h2-0"
42968
42949
  })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;&:hover,&:active{cursor:pointer;box-shadow:0px 0px 0px 0px rgba(41,42,51,0.1),0px 5px 11px 0px rgba(41,42,51,0.1),0px 4px 19px 0px rgba(41,42,51,0.09),0px 27px 26px 0px rgba(41,42,51,0.05),0px 56px 31px 0px rgba(41,42,51,0.01),0px 80px 33px 0px rgba(41,42,51,0);}&:hover:not(:active){", "}&:active{", "}"], function (_ref) {
42969
42950
  var themeValues = _ref.themeValues;
42970
- return "\n background-color: ".concat(themeValues.backgroundColor, ";\n border: 1px solid ").concat(themeValues.borderColor, ";\n ");
42951
+ return "\n background-color: ".concat(themeValues.cardBackgroundColor, ";\n border: 1px solid ").concat(themeValues.cardBorderColor, ";\n ");
42971
42952
  }, function (_ref2) {
42972
42953
  var themeValues = _ref2.themeValues;
42973
- return "border: 1px solid ".concat(themeValues.borderColor, ";");
42954
+ return "border: 1px solid ".concat(themeValues.cardBorderColor, ";");
42974
42955
  }, function (_ref3) {
42975
42956
  var themeValues = _ref3.themeValues;
42976
- return "\n background-color: ".concat(themeValues.activeBackgroundColor, ";\n border: 1px solid ").concat(themeValues.color, ";\n ;");
42957
+ return "\n background-color: ".concat(themeValues.cardActiveBackgroundColor, ";\n border: 1px solid ").concat(themeValues.cardColor, ";\n ;");
42977
42958
  });
42978
42959
  var Title$2 = styled(Heading$1).withConfig({
42979
42960
  displayName: "LinkCardstyled__Title",
42980
42961
  componentId: "sc-l5q1h2-1"
42981
42962
  })(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
42982
42963
  var themeValues = _ref4.themeValues;
42983
- return "color: ".concat(themeValues.color, ";");
42964
+ return "color: ".concat(themeValues.cardColor, ";");
42984
42965
  });
42985
42966
  var Subtitle = styled(Paragraph$1).withConfig({
42986
42967
  displayName: "LinkCardstyled__Subtitle",
42987
42968
  componentId: "sc-l5q1h2-2"
42988
42969
  })(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150 %;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref5) {
42989
42970
  var themeValues = _ref5.themeValues;
42990
- return "color: ".concat(themeValues.color, ";");
42971
+ return "color: ".concat(themeValues.cardColor, ";");
42991
42972
  });
42992
42973
  var Footer = styled(Stack).withConfig({
42993
42974
  displayName: "LinkCardstyled__Footer",
@@ -42999,7 +42980,7 @@ var LinkCard = function LinkCard(_ref) {
42999
42980
  title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
43000
42981
  _ref$subtitle = _ref.subtitle,
43001
42982
  subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
43002
- themeValues = _ref.themeValues,
42983
+ parentThemeValues = _ref.parentThemeValues,
43003
42984
  showLeft = _ref.showLeft,
43004
42985
  leftContent = _ref.leftContent,
43005
42986
  showRight = _ref.showRight,
@@ -43028,7 +43009,7 @@ var LinkCard = function LinkCard(_ref) {
43028
43009
  minWidth: isMobile ? "240px" : "288px",
43029
43010
  minHeight: "141px",
43030
43011
  padding: "24px",
43031
- themeValues: themeValues,
43012
+ themeValues: parentThemeValues,
43032
43013
  extraStyles: extraStyles,
43033
43014
  hoverStyles: extraHoverStyles,
43034
43015
  activeStyles: extraActiveStyles,
@@ -43046,28 +43027,26 @@ var LinkCard = function LinkCard(_ref) {
43046
43027
  width: "100%"
43047
43028
  }, /*#__PURE__*/React.createElement(Title$2, {
43048
43029
  variant: titleVariant,
43049
- themeValues: themeValues,
43030
+ themeValues: parentThemeValues,
43050
43031
  margin: 0
43051
43032
  }, title)), /*#__PURE__*/React.createElement(Box, {
43052
43033
  padding: "0 0 40px",
43053
43034
  width: "100%"
43054
43035
  }, /*#__PURE__*/React.createElement(Subtitle, {
43055
43036
  variant: "pS",
43056
- themeValues: themeValues
43037
+ themeValues: parentThemeValues
43057
43038
  }, subtitle)), /*#__PURE__*/React.createElement(Box, {
43058
43039
  background: "transparent",
43059
43040
  borderWidthOverride: "0 0 0 0",
43060
43041
  padding: "0",
43061
43042
  width: "100%"
43062
43043
  }, /*#__PURE__*/React.createElement(Footer, {
43063
- themeValues: themeValues,
43044
+ themeValues: parentThemeValues,
43064
43045
  direction: "row",
43065
43046
  childGap: "6px",
43066
43047
  justify: "space-between"
43067
43048
  }, showLeft && !leftContent && /*#__PURE__*/React.createElement(Box, null), showLeft && leftContent, showRight && rightContent))));
43068
- };
43069
-
43070
- var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I, "default");
43049
+ }; // export default themeComponent(LinkCard, "LinkCard", fallbackValues, "default");
43071
43050
 
43072
43051
  var LoginForm = function LoginForm(_ref) {
43073
43052
  var _emailErrorMessages;
@@ -46763,12 +46742,12 @@ var borderRadius = {
46763
46742
  largeTitle: "0.25rem",
46764
46743
  small: "0.25rem"
46765
46744
  };
46766
- var backgroundColor$a = {
46745
+ var backgroundColor$9 = {
46767
46746
  "default": WHITE,
46768
46747
  largeTitle: WHITE,
46769
46748
  small: WHITE
46770
46749
  };
46771
- var fallbackValues$J = {
46750
+ var fallbackValues$I = {
46772
46751
  fontSize: fontSize$9,
46773
46752
  fontWeight: fontWeight$5,
46774
46753
  fontColor: fontColor,
@@ -46778,7 +46757,7 @@ var fallbackValues$J = {
46778
46757
  titleSpacing: titleSpacing,
46779
46758
  boxShadow: boxShadow$1,
46780
46759
  borderRadius: borderRadius,
46781
- backgroundColor: backgroundColor$a
46760
+ backgroundColor: backgroundColor$9
46782
46761
  };
46783
46762
 
46784
46763
  /*
@@ -46836,9 +46815,9 @@ var Module = function Module(_ref) {
46836
46815
  }, children)));
46837
46816
  };
46838
46817
 
46839
- var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$J, "default"));
46818
+ var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$I, "default"));
46840
46819
 
46841
- var backgroundColor$b = {
46820
+ var backgroundColor$a = {
46842
46821
  profile: "#3b414d",
46843
46822
  cms: "#3b414d"
46844
46823
  };
@@ -46846,8 +46825,8 @@ var shadowColor = {
46846
46825
  profile: "#292A33",
46847
46826
  cms: "#292A33"
46848
46827
  };
46849
- var fallbackValues$K = {
46850
- backgroundColor: backgroundColor$b,
46828
+ var fallbackValues$J = {
46829
+ backgroundColor: backgroundColor$a,
46851
46830
  shadowColor: shadowColor
46852
46831
  };
46853
46832
 
@@ -46887,7 +46866,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
46887
46866
  }, menuContent));
46888
46867
  };
46889
46868
 
46890
- var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$K, "profile");
46869
+ var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$J, "profile");
46891
46870
 
46892
46871
  var menu = posed.div({
46893
46872
  invisible: {
@@ -46949,7 +46928,7 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
46949
46928
  }, menuContent));
46950
46929
  };
46951
46930
 
46952
- var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$K, "profile");
46931
+ var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$J, "profile");
46953
46932
 
46954
46933
  var ACH_METHOD = "BANK_ACCOUNT";
46955
46934
  var CC_METHOD = "CREDIT_CARD";
@@ -47004,14 +46983,14 @@ var TitleModule = function TitleModule(_ref) {
47004
46983
  }, subtitle)));
47005
46984
  };
47006
46985
 
47007
- var color$c = "#15749D";
46986
+ var color$b = "#15749D";
47008
46987
  var hoverColor$5 = "#116285";
47009
46988
  var activeColor$8 = "#0E506D";
47010
46989
  var linkColor$4 = "#3176AA";
47011
46990
  var fontWeight$6 = FONT_WEIGHT_REGULAR;
47012
46991
  var modalLinkHoverFocus = "outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;";
47013
- var fallbackValues$L = {
47014
- color: color$c,
46992
+ var fallbackValues$K = {
46993
+ color: color$b,
47015
46994
  hoverColor: hoverColor$5,
47016
46995
  activeColor: activeColor$8,
47017
46996
  linkColor: linkColor$4,
@@ -47136,7 +47115,7 @@ var AutopayModal = function AutopayModal(_ref) {
47136
47115
  }, modalExtraProps), renderAutoPayControl());
47137
47116
  };
47138
47117
 
47139
- var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$L);
47118
+ var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$K);
47140
47119
 
47141
47120
  var AmountModule = function AmountModule(_ref) {
47142
47121
  var totalAmountDue = _ref.totalAmountDue,
@@ -47809,11 +47788,11 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
47809
47788
  var arrowColor = WHITE;
47810
47789
  var numberColor = MATISSE_BLUE;
47811
47790
  var hoverBackgroundColor$2 = ALABASTER_WHITE;
47812
- var activeBackgroundColor$2 = WHITE;
47791
+ var activeBackgroundColor$1 = WHITE;
47813
47792
  var activeColor$9 = MATISSE_BLUE;
47814
- var fallbackValues$M = {
47793
+ var fallbackValues$L = {
47815
47794
  activeColor: activeColor$9,
47816
- activeBackgroundColor: activeBackgroundColor$2,
47795
+ activeBackgroundColor: activeBackgroundColor$1,
47817
47796
  arrowColor: arrowColor,
47818
47797
  hoverBackgroundColor: hoverBackgroundColor$2,
47819
47798
  numberColor: numberColor
@@ -48019,7 +47998,7 @@ var Pagination = function Pagination(_ref3) {
48019
47998
  }));
48020
47999
  };
48021
48000
 
48022
- var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$M);
48001
+ var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$L);
48023
48002
 
48024
48003
  var PaymentButtonBar = function PaymentButtonBar(_ref) {
48025
48004
  var _ref$isForwardButtonD = _ref.isForwardButtonDisabled,
@@ -48087,7 +48066,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
48087
48066
  }, !hideBackButton && /*#__PURE__*/React.createElement(Fragment$1, null, backButton), !hideForwardButton && /*#__PURE__*/React.createElement(Fragment$1, null, forwardButton))));
48088
48067
  };
48089
48068
 
48090
- var backgroundColor$c = {
48069
+ var backgroundColor$b = {
48091
48070
  "default": "transparent",
48092
48071
  small: "transparent"
48093
48072
  };
@@ -48103,8 +48082,8 @@ var labeledAmountTotal = {
48103
48082
  "default": "h6",
48104
48083
  small: "p"
48105
48084
  };
48106
- var fallbackValues$N = {
48107
- backgroundColor: backgroundColor$c,
48085
+ var fallbackValues$M = {
48086
+ backgroundColor: backgroundColor$b,
48108
48087
  lineItem: lineItem,
48109
48088
  labeledAmountSubtotal: labeledAmountSubtotal,
48110
48089
  labeledAmountTotal: labeledAmountTotal
@@ -48423,7 +48402,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48423
48402
  });
48424
48403
  };
48425
48404
 
48426
- var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$N, "default");
48405
+ var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$M, "default");
48427
48406
 
48428
48407
  var linkColor$5 = {
48429
48408
  "default": "#3176AA"
@@ -48440,7 +48419,7 @@ var fontWeight$7 = {
48440
48419
  var modalLinkHoverFocus$1 = {
48441
48420
  "default": "outline: none; text-decoration: underline;"
48442
48421
  };
48443
- var fallbackValues$O = {
48422
+ var fallbackValues$N = {
48444
48423
  linkColor: linkColor$5,
48445
48424
  fontSize: fontSize$a,
48446
48425
  lineHeight: lineHeight$4,
@@ -48499,9 +48478,9 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
48499
48478
  }, link));
48500
48479
  };
48501
48480
 
48502
- var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$O, "default");
48481
+ var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$N, "default");
48503
48482
 
48504
- var backgroundColor$d = {
48483
+ var backgroundColor$c = {
48505
48484
  "default": "#ffffff",
48506
48485
  footer: "#ffffff"
48507
48486
  };
@@ -48530,8 +48509,8 @@ var modalLinkHoverFocus$2 = {
48530
48509
  "default": standardInteractionStyles,
48531
48510
  footer: standardInteractionStyles
48532
48511
  };
48533
- var fallbackValues$P = {
48534
- backgroundColor: backgroundColor$d,
48512
+ var fallbackValues$O = {
48513
+ backgroundColor: backgroundColor$c,
48535
48514
  linkColor: linkColor$6,
48536
48515
  border: border$3,
48537
48516
  fontSize: fontSize$b,
@@ -48595,7 +48574,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
48595
48574
  }, link));
48596
48575
  };
48597
48576
 
48598
- var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$P, "default");
48577
+ var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$O, "default");
48599
48578
 
48600
48579
  var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
48601
48580
  var onCheck = _ref.onCheck,
@@ -49392,13 +49371,13 @@ var RadioGroup = function RadioGroup(_ref) {
49392
49371
  var headingBackgroundColor$1 = "".concat(WHITE);
49393
49372
  var headingDisabledColor = "".concat(ATHENS_GREY);
49394
49373
  var bodyBackgroundColor$1 = "#eeeeee";
49395
- var borderColor$6 = "".concat(GREY_CHATEAU);
49374
+ var borderColor$5 = "".concat(GREY_CHATEAU);
49396
49375
  var focusStyles = "outline: none;";
49397
- var fallbackValues$Q = {
49376
+ var fallbackValues$P = {
49398
49377
  headingBackgroundColor: headingBackgroundColor$1,
49399
49378
  headingDisabledColor: headingDisabledColor,
49400
49379
  bodyBackgroundColor: bodyBackgroundColor$1,
49401
- borderColor: borderColor$6,
49380
+ borderColor: borderColor$5,
49402
49381
  focusStyles: focusStyles
49403
49382
  };
49404
49383
 
@@ -49584,7 +49563,7 @@ var RadioSection = function RadioSection(_ref) {
49584
49563
  })));
49585
49564
  };
49586
49565
 
49587
- var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$Q);
49566
+ var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$P);
49588
49567
 
49589
49568
  var RegistrationForm = function RegistrationForm(_ref) {
49590
49569
  var _emailErrorMessages, _passwordErrorMessage;
@@ -49881,7 +49860,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
49881
49860
  var activeTabBackground = "#FFFFFF";
49882
49861
  var activeTabAccent = "#15749D";
49883
49862
  var activeTabHover = "#B8D5E1";
49884
- var fallbackValues$R = {
49863
+ var fallbackValues$Q = {
49885
49864
  activeTabBackground: activeTabBackground,
49886
49865
  activeTabAccent: activeTabAccent,
49887
49866
  activeTabHover: activeTabHover
@@ -49960,12 +49939,12 @@ var Tabs = function Tabs(_ref) {
49960
49939
  }))));
49961
49940
  };
49962
49941
 
49963
- var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$R);
49942
+ var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$Q);
49964
49943
 
49965
49944
  var activeTabBackground$1 = "#FFFFFF";
49966
49945
  var activeTabAccent$1 = "#15749D";
49967
49946
  var activeTabHover$1 = "#B8D5E1";
49968
- var fallbackValues$S = {
49947
+ var fallbackValues$R = {
49969
49948
  activeTabBackground: activeTabBackground$1,
49970
49949
  activeTabAccent: activeTabAccent$1,
49971
49950
  activeTabHover: activeTabHover$1
@@ -50021,7 +50000,7 @@ var TabSidebar = function TabSidebar(_ref) {
50021
50000
  })));
50022
50001
  };
50023
50002
 
50024
- var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$S);
50003
+ var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$R);
50025
50004
 
50026
50005
  var Timeout = function Timeout(_ref) {
50027
50006
  var onLogout = _ref.onLogout;
@@ -50065,7 +50044,7 @@ var fontColor$1 = WHITE;
50065
50044
  var textAlign$1 = "left";
50066
50045
  var headerBackgroundColor$1 = BRIGHT_GREY;
50067
50046
  var imageBackgroundColor$1 = MATISSE_BLUE;
50068
- var fallbackValues$T = {
50047
+ var fallbackValues$S = {
50069
50048
  fontWeight: fontWeight$9,
50070
50049
  fontColor: fontColor$1,
50071
50050
  textAlign: textAlign$1,
@@ -50112,7 +50091,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
50112
50091
  })))));
50113
50092
  };
50114
50093
 
50115
- var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$T));
50094
+ var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$S));
50116
50095
 
50117
50096
  var WorkflowTile = function WorkflowTile(_ref) {
50118
50097
  var _ref$workflowName = _ref.workflowName,
@@ -50167,7 +50146,7 @@ var WorkflowTile = function WorkflowTile(_ref) {
50167
50146
  };
50168
50147
 
50169
50148
  var pageBackground = "#FBFCFD";
50170
- var fallbackValues$U = {
50149
+ var fallbackValues$T = {
50171
50150
  pageBackground: pageBackground
50172
50151
  };
50173
50152
 
@@ -50216,7 +50195,7 @@ var CenterSingle = function CenterSingle(_ref) {
50216
50195
  })));
50217
50196
  };
50218
50197
 
50219
- var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$U));
50198
+ var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$T));
50220
50199
 
50221
50200
  var CenterStack = function CenterStack(_ref) {
50222
50201
  var header = _ref.header,
@@ -50258,7 +50237,7 @@ var CenterStack = function CenterStack(_ref) {
50258
50237
  })));
50259
50238
  };
50260
50239
 
50261
- var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$U));
50240
+ var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$T));
50262
50241
 
50263
50242
  var CenterSingle$2 = function CenterSingle(_ref) {
50264
50243
  var header = _ref.header,
@@ -50303,7 +50282,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
50303
50282
  })));
50304
50283
  };
50305
50284
 
50306
- var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$U));
50285
+ var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$T));
50307
50286
 
50308
50287
  var SidebarSingleContent = function SidebarSingleContent(_ref) {
50309
50288
  var header = _ref.header,
@@ -50357,7 +50336,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
50357
50336
  })));
50358
50337
  };
50359
50338
 
50360
- var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$U));
50339
+ var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$T));
50361
50340
 
50362
50341
  var SidebarStackContent = function SidebarStackContent(_ref) {
50363
50342
  var header = _ref.header,
@@ -50428,7 +50407,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
50428
50407
  })));
50429
50408
  };
50430
50409
 
50431
- var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$U));
50410
+ var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$T));
50432
50411
 
50433
- 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, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, 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, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, 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, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, 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, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, 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, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
50412
+ 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, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, 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, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, 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, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, 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, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, 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, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
50434
50413
  //# sourceMappingURL=index.esm.js.map