@thecb/components 8.4.4 → 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,29 +42943,33 @@ 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 background$3 = {
42947
- "default": MOON_RAKER
42948
- };
42949
- var color$b = {
42950
- "default": ROYAL_BLUE_VIVID
42951
- };
42952
- var fallbackValues$I = {
42953
- background: background$3,
42954
- color: color$b
42955
- };
42956
-
42957
42946
  var Container = styled(Box).withConfig({
42958
42947
  displayName: "LinkCardstyled__Container",
42959
42948
  componentId: "sc-l5q1h2-0"
42960
- })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;&: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){border:1px solid ", ";background-color:", ";}&:active{border:1px solid ", ";}"], MOON_RAKER, LINK_WATER, ROYAL_BLUE_VIVID);
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) {
42950
+ var themeValues = _ref.themeValues;
42951
+ return "\n background-color: ".concat(themeValues.cardBackgroundColor, ";\n border: 1px solid ").concat(themeValues.cardBorderColor, ";\n ");
42952
+ }, function (_ref2) {
42953
+ var themeValues = _ref2.themeValues;
42954
+ return "border: 1px solid ".concat(themeValues.cardBorderColor, ";");
42955
+ }, function (_ref3) {
42956
+ var themeValues = _ref3.themeValues;
42957
+ return "\n background-color: ".concat(themeValues.cardActiveBackgroundColor, ";\n border: 1px solid ").concat(themeValues.cardColor, ";\n ;");
42958
+ });
42961
42959
  var Title$2 = styled(Heading$1).withConfig({
42962
42960
  displayName: "LinkCardstyled__Title",
42963
42961
  componentId: "sc-l5q1h2-1"
42964
- })(["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;"]);
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) {
42963
+ var themeValues = _ref4.themeValues;
42964
+ return "color: ".concat(themeValues.cardColor, ";");
42965
+ });
42965
42966
  var Subtitle = styled(Paragraph$1).withConfig({
42966
42967
  displayName: "LinkCardstyled__Subtitle",
42967
42968
  componentId: "sc-l5q1h2-2"
42968
- })(["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;"]);
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) {
42970
+ var themeValues = _ref5.themeValues;
42971
+ return "color: ".concat(themeValues.cardColor, ";");
42972
+ });
42969
42973
  var Footer = styled(Stack).withConfig({
42970
42974
  displayName: "LinkCardstyled__Footer",
42971
42975
  componentId: "sc-l5q1h2-3"
@@ -42976,7 +42980,7 @@ var LinkCard = function LinkCard(_ref) {
42976
42980
  title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
42977
42981
  _ref$subtitle = _ref.subtitle,
42978
42982
  subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
42979
- themeValues = _ref.themeValues,
42983
+ parentThemeValues = _ref.parentThemeValues,
42980
42984
  showLeft = _ref.showLeft,
42981
42985
  leftContent = _ref.leftContent,
42982
42986
  showRight = _ref.showRight,
@@ -42990,6 +42994,7 @@ var LinkCard = function LinkCard(_ref) {
42990
42994
  extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
42991
42995
  _ref$titleVariant = _ref.titleVariant,
42992
42996
  titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant;
42997
+ console.log("LinkCard themeValues", themeValues);
42993
42998
 
42994
42999
  var _useContext = useContext(ThemeContext),
42995
43000
  isMobile = _useContext.isMobile;
@@ -42997,7 +43002,6 @@ var LinkCard = function LinkCard(_ref) {
42997
43002
  var regex = /\W/g;
42998
43003
  var locatorSlug = title.toLowerCase().replaceAll(regex, "-");
42999
43004
  return /*#__PURE__*/React.createElement(Container, {
43000
- border: "1px solid ".concat(themeValues.background, ";"),
43001
43005
  borderRadius: "8px",
43002
43006
  dataQa: "link-card-".concat(locatorSlug),
43003
43007
  width: "100%",
@@ -43005,6 +43009,7 @@ var LinkCard = function LinkCard(_ref) {
43005
43009
  minWidth: isMobile ? "240px" : "288px",
43006
43010
  minHeight: "141px",
43007
43011
  padding: "24px",
43012
+ themeValues: parentThemeValues,
43008
43013
  extraStyles: extraStyles,
43009
43014
  hoverStyles: extraHoverStyles,
43010
43015
  activeStyles: extraActiveStyles,
@@ -43022,28 +43027,26 @@ var LinkCard = function LinkCard(_ref) {
43022
43027
  width: "100%"
43023
43028
  }, /*#__PURE__*/React.createElement(Title$2, {
43024
43029
  variant: titleVariant,
43025
- weight: FONT_WEIGHT_SEMIBOLD,
43026
- color: themeValues.color,
43030
+ themeValues: parentThemeValues,
43027
43031
  margin: 0
43028
43032
  }, title)), /*#__PURE__*/React.createElement(Box, {
43029
43033
  padding: "0 0 40px",
43030
43034
  width: "100%"
43031
43035
  }, /*#__PURE__*/React.createElement(Subtitle, {
43032
43036
  variant: "pS",
43033
- color: themeValues.color
43037
+ themeValues: parentThemeValues
43034
43038
  }, subtitle)), /*#__PURE__*/React.createElement(Box, {
43035
43039
  background: "transparent",
43036
43040
  borderWidthOverride: "0 0 0 0",
43037
43041
  padding: "0",
43038
43042
  width: "100%"
43039
43043
  }, /*#__PURE__*/React.createElement(Footer, {
43044
+ themeValues: parentThemeValues,
43040
43045
  direction: "row",
43041
43046
  childGap: "6px",
43042
43047
  justify: "space-between"
43043
43048
  }, showLeft && !leftContent && /*#__PURE__*/React.createElement(Box, null), showLeft && leftContent, showRight && rightContent))));
43044
- };
43045
-
43046
- var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I, "default");
43049
+ }; // export default themeComponent(LinkCard, "LinkCard", fallbackValues, "default");
43047
43050
 
43048
43051
  var LoginForm = function LoginForm(_ref) {
43049
43052
  var _emailErrorMessages;
@@ -46744,7 +46747,7 @@ var backgroundColor$9 = {
46744
46747
  largeTitle: WHITE,
46745
46748
  small: WHITE
46746
46749
  };
46747
- var fallbackValues$J = {
46750
+ var fallbackValues$I = {
46748
46751
  fontSize: fontSize$9,
46749
46752
  fontWeight: fontWeight$5,
46750
46753
  fontColor: fontColor,
@@ -46812,7 +46815,7 @@ var Module = function Module(_ref) {
46812
46815
  }, children)));
46813
46816
  };
46814
46817
 
46815
- var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$J, "default"));
46818
+ var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$I, "default"));
46816
46819
 
46817
46820
  var backgroundColor$a = {
46818
46821
  profile: "#3b414d",
@@ -46822,7 +46825,7 @@ var shadowColor = {
46822
46825
  profile: "#292A33",
46823
46826
  cms: "#292A33"
46824
46827
  };
46825
- var fallbackValues$K = {
46828
+ var fallbackValues$J = {
46826
46829
  backgroundColor: backgroundColor$a,
46827
46830
  shadowColor: shadowColor
46828
46831
  };
@@ -46863,7 +46866,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
46863
46866
  }, menuContent));
46864
46867
  };
46865
46868
 
46866
- var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$K, "profile");
46869
+ var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$J, "profile");
46867
46870
 
46868
46871
  var menu = posed.div({
46869
46872
  invisible: {
@@ -46925,7 +46928,7 @@ var NavMenuMobile = function NavMenuMobile(_ref2) {
46925
46928
  }, menuContent));
46926
46929
  };
46927
46930
 
46928
- var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$K, "profile");
46931
+ var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$J, "profile");
46929
46932
 
46930
46933
  var ACH_METHOD = "BANK_ACCOUNT";
46931
46934
  var CC_METHOD = "CREDIT_CARD";
@@ -46980,14 +46983,14 @@ var TitleModule = function TitleModule(_ref) {
46980
46983
  }, subtitle)));
46981
46984
  };
46982
46985
 
46983
- var color$c = "#15749D";
46986
+ var color$b = "#15749D";
46984
46987
  var hoverColor$5 = "#116285";
46985
46988
  var activeColor$8 = "#0E506D";
46986
46989
  var linkColor$4 = "#3176AA";
46987
46990
  var fontWeight$6 = FONT_WEIGHT_REGULAR;
46988
46991
  var modalLinkHoverFocus = "outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;";
46989
- var fallbackValues$L = {
46990
- color: color$c,
46992
+ var fallbackValues$K = {
46993
+ color: color$b,
46991
46994
  hoverColor: hoverColor$5,
46992
46995
  activeColor: activeColor$8,
46993
46996
  linkColor: linkColor$4,
@@ -47112,7 +47115,7 @@ var AutopayModal = function AutopayModal(_ref) {
47112
47115
  }, modalExtraProps), renderAutoPayControl());
47113
47116
  };
47114
47117
 
47115
- var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$L);
47118
+ var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$K);
47116
47119
 
47117
47120
  var AmountModule = function AmountModule(_ref) {
47118
47121
  var totalAmountDue = _ref.totalAmountDue,
@@ -47787,7 +47790,7 @@ var numberColor = MATISSE_BLUE;
47787
47790
  var hoverBackgroundColor$2 = ALABASTER_WHITE;
47788
47791
  var activeBackgroundColor$1 = WHITE;
47789
47792
  var activeColor$9 = MATISSE_BLUE;
47790
- var fallbackValues$M = {
47793
+ var fallbackValues$L = {
47791
47794
  activeColor: activeColor$9,
47792
47795
  activeBackgroundColor: activeBackgroundColor$1,
47793
47796
  arrowColor: arrowColor,
@@ -47995,7 +47998,7 @@ var Pagination = function Pagination(_ref3) {
47995
47998
  }));
47996
47999
  };
47997
48000
 
47998
- var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$M);
48001
+ var Pagination$1 = themeComponent(Pagination, "Pagination", fallbackValues$L);
47999
48002
 
48000
48003
  var PaymentButtonBar = function PaymentButtonBar(_ref) {
48001
48004
  var _ref$isForwardButtonD = _ref.isForwardButtonDisabled,
@@ -48079,7 +48082,7 @@ var labeledAmountTotal = {
48079
48082
  "default": "h6",
48080
48083
  small: "p"
48081
48084
  };
48082
- var fallbackValues$N = {
48085
+ var fallbackValues$M = {
48083
48086
  backgroundColor: backgroundColor$b,
48084
48087
  lineItem: lineItem,
48085
48088
  labeledAmountSubtotal: labeledAmountSubtotal,
@@ -48399,7 +48402,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
48399
48402
  });
48400
48403
  };
48401
48404
 
48402
- var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$N, "default");
48405
+ var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$M, "default");
48403
48406
 
48404
48407
  var linkColor$5 = {
48405
48408
  "default": "#3176AA"
@@ -48416,7 +48419,7 @@ var fontWeight$7 = {
48416
48419
  var modalLinkHoverFocus$1 = {
48417
48420
  "default": "outline: none; text-decoration: underline;"
48418
48421
  };
48419
- var fallbackValues$O = {
48422
+ var fallbackValues$N = {
48420
48423
  linkColor: linkColor$5,
48421
48424
  fontSize: fontSize$a,
48422
48425
  lineHeight: lineHeight$4,
@@ -48475,7 +48478,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
48475
48478
  }, link));
48476
48479
  };
48477
48480
 
48478
- var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$O, "default");
48481
+ var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$N, "default");
48479
48482
 
48480
48483
  var backgroundColor$c = {
48481
48484
  "default": "#ffffff",
@@ -48506,7 +48509,7 @@ var modalLinkHoverFocus$2 = {
48506
48509
  "default": standardInteractionStyles,
48507
48510
  footer: standardInteractionStyles
48508
48511
  };
48509
- var fallbackValues$P = {
48512
+ var fallbackValues$O = {
48510
48513
  backgroundColor: backgroundColor$c,
48511
48514
  linkColor: linkColor$6,
48512
48515
  border: border$3,
@@ -48571,7 +48574,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
48571
48574
  }, link));
48572
48575
  };
48573
48576
 
48574
- var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$P, "default");
48577
+ var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$O, "default");
48575
48578
 
48576
48579
  var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
48577
48580
  var onCheck = _ref.onCheck,
@@ -49370,7 +49373,7 @@ var headingDisabledColor = "".concat(ATHENS_GREY);
49370
49373
  var bodyBackgroundColor$1 = "#eeeeee";
49371
49374
  var borderColor$5 = "".concat(GREY_CHATEAU);
49372
49375
  var focusStyles = "outline: none;";
49373
- var fallbackValues$Q = {
49376
+ var fallbackValues$P = {
49374
49377
  headingBackgroundColor: headingBackgroundColor$1,
49375
49378
  headingDisabledColor: headingDisabledColor,
49376
49379
  bodyBackgroundColor: bodyBackgroundColor$1,
@@ -49560,7 +49563,7 @@ var RadioSection = function RadioSection(_ref) {
49560
49563
  })));
49561
49564
  };
49562
49565
 
49563
- var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$Q);
49566
+ var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$P);
49564
49567
 
49565
49568
  var RegistrationForm = function RegistrationForm(_ref) {
49566
49569
  var _emailErrorMessages, _passwordErrorMessage;
@@ -49857,7 +49860,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
49857
49860
  var activeTabBackground = "#FFFFFF";
49858
49861
  var activeTabAccent = "#15749D";
49859
49862
  var activeTabHover = "#B8D5E1";
49860
- var fallbackValues$R = {
49863
+ var fallbackValues$Q = {
49861
49864
  activeTabBackground: activeTabBackground,
49862
49865
  activeTabAccent: activeTabAccent,
49863
49866
  activeTabHover: activeTabHover
@@ -49936,12 +49939,12 @@ var Tabs = function Tabs(_ref) {
49936
49939
  }))));
49937
49940
  };
49938
49941
 
49939
- var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$R);
49942
+ var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$Q);
49940
49943
 
49941
49944
  var activeTabBackground$1 = "#FFFFFF";
49942
49945
  var activeTabAccent$1 = "#15749D";
49943
49946
  var activeTabHover$1 = "#B8D5E1";
49944
- var fallbackValues$S = {
49947
+ var fallbackValues$R = {
49945
49948
  activeTabBackground: activeTabBackground$1,
49946
49949
  activeTabAccent: activeTabAccent$1,
49947
49950
  activeTabHover: activeTabHover$1
@@ -49997,7 +50000,7 @@ var TabSidebar = function TabSidebar(_ref) {
49997
50000
  })));
49998
50001
  };
49999
50002
 
50000
- var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$S);
50003
+ var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$R);
50001
50004
 
50002
50005
  var Timeout = function Timeout(_ref) {
50003
50006
  var onLogout = _ref.onLogout;
@@ -50041,7 +50044,7 @@ var fontColor$1 = WHITE;
50041
50044
  var textAlign$1 = "left";
50042
50045
  var headerBackgroundColor$1 = BRIGHT_GREY;
50043
50046
  var imageBackgroundColor$1 = MATISSE_BLUE;
50044
- var fallbackValues$T = {
50047
+ var fallbackValues$S = {
50045
50048
  fontWeight: fontWeight$9,
50046
50049
  fontColor: fontColor$1,
50047
50050
  textAlign: textAlign$1,
@@ -50088,7 +50091,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
50088
50091
  })))));
50089
50092
  };
50090
50093
 
50091
- var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$T));
50094
+ var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$S));
50092
50095
 
50093
50096
  var WorkflowTile = function WorkflowTile(_ref) {
50094
50097
  var _ref$workflowName = _ref.workflowName,
@@ -50143,7 +50146,7 @@ var WorkflowTile = function WorkflowTile(_ref) {
50143
50146
  };
50144
50147
 
50145
50148
  var pageBackground = "#FBFCFD";
50146
- var fallbackValues$U = {
50149
+ var fallbackValues$T = {
50147
50150
  pageBackground: pageBackground
50148
50151
  };
50149
50152
 
@@ -50192,7 +50195,7 @@ var CenterSingle = function CenterSingle(_ref) {
50192
50195
  })));
50193
50196
  };
50194
50197
 
50195
- var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$U));
50198
+ var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$T));
50196
50199
 
50197
50200
  var CenterStack = function CenterStack(_ref) {
50198
50201
  var header = _ref.header,
@@ -50234,7 +50237,7 @@ var CenterStack = function CenterStack(_ref) {
50234
50237
  })));
50235
50238
  };
50236
50239
 
50237
- var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$U));
50240
+ var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$T));
50238
50241
 
50239
50242
  var CenterSingle$2 = function CenterSingle(_ref) {
50240
50243
  var header = _ref.header,
@@ -50279,7 +50282,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
50279
50282
  })));
50280
50283
  };
50281
50284
 
50282
- var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$U));
50285
+ var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$T));
50283
50286
 
50284
50287
  var SidebarSingleContent = function SidebarSingleContent(_ref) {
50285
50288
  var header = _ref.header,
@@ -50333,7 +50336,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
50333
50336
  })));
50334
50337
  };
50335
50338
 
50336
- var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$U));
50339
+ var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$T));
50337
50340
 
50338
50341
  var SidebarStackContent = function SidebarStackContent(_ref) {
50339
50342
  var header = _ref.header,
@@ -50404,7 +50407,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
50404
50407
  })));
50405
50408
  };
50406
50409
 
50407
- var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$U));
50410
+ var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$T));
50408
50411
 
50409
- 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 };
50410
50413
  //# sourceMappingURL=index.esm.js.map