@thecb/components 7.7.1-beta.2 → 7.7.1-beta.4

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.cjs.js CHANGED
@@ -16465,33 +16465,6 @@ var FindIconSmall = function FindIconSmall(_ref) {
16465
16465
 
16466
16466
  var FindIconSmall$1 = themeComponent(FindIconSmall, "Icons", fallbackValues$2, "primary");
16467
16467
 
16468
- var HistoryIconSmall = function HistoryIconSmall(_ref) {
16469
- var themeValues = _ref.themeValues,
16470
- _ref$iconIndex = _ref.iconIndex;
16471
- return /*#__PURE__*/React__default.createElement("svg", {
16472
- width: "20",
16473
- height: "20",
16474
- viewBox: "0 0 20 20",
16475
- fill: "none",
16476
- xmlns: "http://www.w3.org/2000/svg"
16477
- }, /*#__PURE__*/React__default.createElement("path", {
16478
- d: "M3.33337 8.33333C3.33337 7.8731 3.70647 7.5 4.16671 7.5H15.8334C16.2936 7.5 16.6667 7.8731 16.6667 8.33333V16.6667C16.6667 17.1269 16.2936 17.5 15.8334 17.5H4.16671C3.70647 17.5 3.33337 17.1269 3.33337 16.6667V8.33333Z",
16479
- fill: themeValues.singleIconColor
16480
- }), /*#__PURE__*/React__default.createElement("path", {
16481
- fillRule: "evenodd",
16482
- clipRule: "evenodd",
16483
- d: "M5.08337 4.75C4.66916 4.75 4.33337 5.08579 4.33337 5.5C4.33337 5.91421 4.66916 6.25 5.08337 6.25H14.9134C15.3276 6.25 15.6634 5.91421 15.6634 5.5C15.6634 5.08579 15.3276 4.75 14.9134 4.75H5.08337Z",
16484
- fill: themeValues.singleIconColor
16485
- }), /*#__PURE__*/React__default.createElement("path", {
16486
- fillRule: "evenodd",
16487
- clipRule: "evenodd",
16488
- d: "M6.03337 2.25C5.64677 2.25 5.33337 2.5634 5.33337 2.95C5.33337 3.3366 5.64678 3.65 6.03337 3.65H13.9634C14.35 3.65 14.6634 3.3366 14.6634 2.95C14.6634 2.5634 14.35 2.25 13.9634 2.25H6.03337Z",
16489
- fill: themeValues.singleIconColor
16490
- }));
16491
- };
16492
-
16493
- var HistoryIconSmall$1 = themeComponent(HistoryIconSmall, "Icons", fallbackValues$2, "primary");
16494
-
16495
16468
  var color$2 = "#15749D";
16496
16469
  var hoverColor$1 = "#116285";
16497
16470
  var activeColor$1 = "#0E506D";
@@ -36425,6 +36398,122 @@ var LoadingLine = function LoadingLine(_ref) {
36425
36398
  });
36426
36399
  };
36427
36400
 
36401
+ var Table_styled = styled__default.table.withConfig({
36402
+ displayName: "Tablestyled",
36403
+ componentId: "sc-mveye7-0"
36404
+ })(["width:100%;table-layout:auto;", ""], function (_ref) {
36405
+ var extraStyles = _ref.extraStyles;
36406
+ return extraStyles;
36407
+ });
36408
+
36409
+ var TableBody_styled = styled__default.tbody.withConfig({
36410
+ displayName: "TableBodystyled",
36411
+ componentId: "sc-wk5osr-0"
36412
+ })(["", ""], function (_ref) {
36413
+ var extraStyles = _ref.extraStyles;
36414
+ return extraStyles;
36415
+ });
36416
+
36417
+ var TableCell_styled = styled__default.td.withConfig({
36418
+ displayName: "TableCellstyled",
36419
+ componentId: "sc-iqndn8-0"
36420
+ })(["padding:", ";font-size:0.875rem;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;&:last-child{text-align:right;}", ";"], function (_ref) {
36421
+ var padding = _ref.padding;
36422
+ return padding ? padding : "24px";
36423
+ }, function (_ref2) {
36424
+ var extraStyles = _ref2.extraStyles;
36425
+ return extraStyles;
36426
+ });
36427
+
36428
+ var backgroundColor$6 = ALABASTER_WHITE;
36429
+ var borderColor$3 = GREY_CHATEAU;
36430
+ var fallbackValues$A = {
36431
+ backgroundColor: backgroundColor$6,
36432
+ borderColor: borderColor$3
36433
+ };
36434
+
36435
+ var StyledTableHead = styled__default.thead.withConfig({
36436
+ displayName: "TableHeadstyled",
36437
+ componentId: "sc-j8e6c1-0"
36438
+ })(["background-color:", ";border-bottom:", ";font-size:0.875rem;"], function (_ref) {
36439
+ var backgroundColor = _ref.backgroundColor;
36440
+ return backgroundColor;
36441
+ }, function (_ref2) {
36442
+ var borderColor = _ref2.borderColor;
36443
+ return "1px solid ".concat(borderColor);
36444
+ });
36445
+
36446
+ var borderColor$4 = GREY_CHATEAU;
36447
+ var hoverBackgroundColor$1 = HOVER_LIGHT_BLUE;
36448
+ var fallbackValues$B = {
36449
+ borderColor: borderColor$4,
36450
+ hoverBackgroundColor: hoverBackgroundColor$1
36451
+ };
36452
+
36453
+ var TableRowWrapper = styled__default.tr.withConfig({
36454
+ displayName: "TableRowstyled",
36455
+ componentId: "sc-1tc0sav-0"
36456
+ })(["&:not(:last-child){border-bottom:", ";}", " ", ""], function (_ref) {
36457
+ var borderColor = _ref.borderColor;
36458
+ return "1px solid ".concat(borderColor);
36459
+ }, function (_ref2) {
36460
+ var hoverEffect = _ref2.hoverEffect,
36461
+ hoverBackgroundColor = _ref2.hoverBackgroundColor;
36462
+ return hoverEffect && "&:hover {\n cursor: pointer;\n background-color: ".concat(hoverBackgroundColor, ";\n }");
36463
+ }, function (_ref3) {
36464
+ var extraStyles = _ref3.extraStyles;
36465
+ return extraStyles;
36466
+ });
36467
+
36468
+ var _excluded$w = ["children", "extraStyles", "hoverEffect", "onClick", "themeValues"];
36469
+
36470
+ var TableRow = function TableRow(_ref) {
36471
+ var children = _ref.children,
36472
+ extraStyles = _ref.extraStyles,
36473
+ _ref$hoverEffect = _ref.hoverEffect,
36474
+ hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
36475
+ onClick = _ref.onClick,
36476
+ themeValues = _ref.themeValues,
36477
+ props = _objectWithoutProperties(_ref, _excluded$w);
36478
+
36479
+ return /*#__PURE__*/React__default.createElement(TableRowWrapper, _extends({
36480
+ onClick: onClick,
36481
+ hoverEffect: hoverEffect,
36482
+ extraStyles: extraStyles,
36483
+ borderColor: themeValues.borderColor,
36484
+ hoverBackgroundColor: themeValues.hoverBackgroundColor
36485
+ }, props), children);
36486
+ };
36487
+
36488
+ var TableRow$1 = themeComponent(TableRow, "TableRow", fallbackValues$B);
36489
+
36490
+ var TableHead = function TableHead(_ref) {
36491
+ var children = _ref.children,
36492
+ _ref$extraStyles = _ref.extraStyles,
36493
+ extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
36494
+ themeValues = _ref.themeValues;
36495
+ return /*#__PURE__*/React__default.createElement(StyledTableHead, {
36496
+ backgroundColor: themeValues.backgroundColor,
36497
+ borderColor: themeValues.borderColor
36498
+ }, /*#__PURE__*/React__default.createElement(TableRow$1, {
36499
+ extraStyles: extraStyles,
36500
+ hoverEffect: false
36501
+ }, children));
36502
+ };
36503
+
36504
+ var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$A);
36505
+
36506
+ var TableHeading_styled = styled__default.th.withConfig({
36507
+ displayName: "TableHeadingstyled",
36508
+ componentId: "sc-1ggk38d-0"
36509
+ })(["padding:24px;min-width:", ";text-align:left;&:last-child{text-align:right;}", ""], function (_ref) {
36510
+ var minWidth = _ref.minWidth;
36511
+ return minWidth ? minWidth : "initial";
36512
+ }, function (_ref2) {
36513
+ var extraStyles = _ref2.extraStyles;
36514
+ return extraStyles;
36515
+ });
36516
+
36428
36517
  const validatorToPredicate = (validatorFn, emptyCase) => (
36429
36518
  value,
36430
36519
  ...rest
@@ -38327,9 +38416,9 @@ AddressForm.reducer = reducer;
38327
38416
  AddressForm.mapStateToProps = mapStateToProps$1;
38328
38417
  AddressForm.mapDispatchToProps = mapDispatchToProps;
38329
38418
 
38330
- var backgroundColor$6 = "#ebeffb";
38331
- var fallbackValues$A = {
38332
- backgroundColor: backgroundColor$6
38419
+ var backgroundColor$7 = "#ebeffb";
38420
+ var fallbackValues$C = {
38421
+ backgroundColor: backgroundColor$7
38333
38422
  };
38334
38423
 
38335
38424
  var Banner = function Banner(_ref) {
@@ -38380,7 +38469,7 @@ var Banner = function Banner(_ref) {
38380
38469
  }, /*#__PURE__*/React__default.createElement(Image, null))));
38381
38470
  };
38382
38471
 
38383
- var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$A);
38472
+ var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$C);
38384
38473
 
38385
38474
  var ChangePasswordForm = function ChangePasswordForm(_ref) {
38386
38475
  var _newPasswordErrorMess;
@@ -38522,7 +38611,7 @@ ChangePasswordForm.mapDispatchToProps = mapDispatchToProps$1;
38522
38611
  var titleColor$1 = "#292A33";
38523
38612
  var headingBackgroundColor = "transparent";
38524
38613
  var bodyBackgroundColor = "transparent";
38525
- var fallbackValues$B = {
38614
+ var fallbackValues$D = {
38526
38615
  titleColor: titleColor$1,
38527
38616
  headingBackgroundColor: headingBackgroundColor,
38528
38617
  bodyBackgroundColor: bodyBackgroundColor
@@ -38649,7 +38738,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
38649
38738
  }, children))));
38650
38739
  };
38651
38740
 
38652
- var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$B);
38741
+ var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$D);
38653
38742
 
38654
38743
  var ClipboardIcon = function ClipboardIcon(_ref) {
38655
38744
  var themeValues = _ref.themeValues;
@@ -39235,7 +39324,7 @@ EmailForm.mapDispatchToProps = mapDispatchToProps$3;
39235
39324
 
39236
39325
  var footerBackgroundColor = BRIGHT_GREY;
39237
39326
  var subfooterBackgroundColor = STORM_GREY;
39238
- var fallbackValues$C = {
39327
+ var fallbackValues$E = {
39239
39328
  footerBackgroundColor: footerBackgroundColor,
39240
39329
  subfooterBackgroundColor: subfooterBackgroundColor
39241
39330
  };
@@ -39267,7 +39356,7 @@ var FooterWithSubfooter = function FooterWithSubfooter(_ref) {
39267
39356
  }));
39268
39357
  };
39269
39358
 
39270
- var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$C);
39359
+ var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$E);
39271
39360
 
39272
39361
  var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
39273
39362
  var _EmailErrorMessages;
@@ -39318,10 +39407,10 @@ ForgotPasswordForm.mapStateToProps = mapStateToProps$5;
39318
39407
  ForgotPasswordForm.mapDispatchToProps = mapDispatchToProps$4;
39319
39408
 
39320
39409
  var textColor$4 = "#ffffff";
39321
- var backgroundColor$7 = "#182848";
39322
- var fallbackValues$D = {
39410
+ var backgroundColor$8 = "#182848";
39411
+ var fallbackValues$F = {
39323
39412
  textColor: textColor$4,
39324
- backgroundColor: backgroundColor$7
39413
+ backgroundColor: backgroundColor$8
39325
39414
  };
39326
39415
 
39327
39416
  var HighlightTabRow = function HighlightTabRow(_ref) {
@@ -39376,7 +39465,7 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
39376
39465
  }), repeat( /*#__PURE__*/React__default.createElement(Box, null), boxesAfter))));
39377
39466
  };
39378
39467
 
39379
- var HighlightTabRow$1 = /*#__PURE__*/React.memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$D));
39468
+ var HighlightTabRow$1 = /*#__PURE__*/React.memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$F));
39380
39469
 
39381
39470
  var AccountBillIcon = function AccountBillIcon() {
39382
39471
  return /*#__PURE__*/React__default.createElement("svg", {
@@ -44523,12 +44612,12 @@ var borderRadius = {
44523
44612
  largeTitle: "0.25rem",
44524
44613
  small: "0.25rem"
44525
44614
  };
44526
- var backgroundColor$8 = {
44615
+ var backgroundColor$9 = {
44527
44616
  "default": WHITE,
44528
44617
  largeTitle: WHITE,
44529
44618
  small: WHITE
44530
44619
  };
44531
- var fallbackValues$E = {
44620
+ var fallbackValues$G = {
44532
44621
  fontSize: fontSize$9,
44533
44622
  fontWeight: fontWeight$5,
44534
44623
  fontColor: fontColor,
@@ -44538,7 +44627,7 @@ var fallbackValues$E = {
44538
44627
  titleSpacing: titleSpacing,
44539
44628
  boxShadow: boxShadow$1,
44540
44629
  borderRadius: borderRadius,
44541
- backgroundColor: backgroundColor$8
44630
+ backgroundColor: backgroundColor$9
44542
44631
  };
44543
44632
 
44544
44633
  /*
@@ -44587,9 +44676,9 @@ var Module = function Module(_ref) {
44587
44676
  }, children)));
44588
44677
  };
44589
44678
 
44590
- var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$E, "default"));
44679
+ var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$G, "default"));
44591
44680
 
44592
- var backgroundColor$9 = {
44681
+ var backgroundColor$a = {
44593
44682
  profile: "#3b414d",
44594
44683
  cms: "#3b414d"
44595
44684
  };
@@ -44597,8 +44686,8 @@ var shadowColor = {
44597
44686
  profile: "#292A33",
44598
44687
  cms: "#292A33"
44599
44688
  };
44600
- var fallbackValues$F = {
44601
- backgroundColor: backgroundColor$9,
44689
+ var fallbackValues$H = {
44690
+ backgroundColor: backgroundColor$a,
44602
44691
  shadowColor: shadowColor
44603
44692
  };
44604
44693
 
@@ -44638,7 +44727,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
44638
44727
  }, menuContent));
44639
44728
  };
44640
44729
 
44641
- var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$F, "profile");
44730
+ var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$H, "profile");
44642
44731
 
44643
44732
  var menu = posed.div({
44644
44733
  invisible: {
@@ -44694,7 +44783,7 @@ var NavMenuMobile = function NavMenuMobile(_ref) {
44694
44783
  }, menuContent));
44695
44784
  };
44696
44785
 
44697
- var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$F, "profile");
44786
+ var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$H, "profile");
44698
44787
 
44699
44788
  var ACH_METHOD = "BANK_ACCOUNT";
44700
44789
  var CC_METHOD = "CREDIT_CARD";
@@ -44755,7 +44844,7 @@ var activeColor$7 = "#0E506D";
44755
44844
  var linkColor$4 = "#3176AA";
44756
44845
  var fontWeight$6 = FONT_WEIGHT_REGULAR;
44757
44846
  var modalLinkHoverFocus = "outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;";
44758
- var fallbackValues$G = {
44847
+ var fallbackValues$I = {
44759
44848
  color: color$a,
44760
44849
  hoverColor: hoverColor$5,
44761
44850
  activeColor: activeColor$7,
@@ -44881,7 +44970,7 @@ var AutopayModal = function AutopayModal(_ref) {
44881
44970
  }, modalExtraProps), renderAutoPayControl());
44882
44971
  };
44883
44972
 
44884
- var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$G);
44973
+ var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$I);
44885
44974
 
44886
44975
  var AmountModule = function AmountModule(_ref) {
44887
44976
  var totalAmountDue = _ref.totalAmountDue,
@@ -45719,7 +45808,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
45719
45808
  }, backButton, !hideForwardButton && /*#__PURE__*/React__default.createElement(React.Fragment, null, forwardButton))));
45720
45809
  };
45721
45810
 
45722
- var backgroundColor$a = {
45811
+ var backgroundColor$b = {
45723
45812
  "default": "transparent",
45724
45813
  small: "transparent"
45725
45814
  };
@@ -45735,14 +45824,14 @@ var labeledAmountTotal = {
45735
45824
  "default": "h6",
45736
45825
  small: "p"
45737
45826
  };
45738
- var fallbackValues$H = {
45739
- backgroundColor: backgroundColor$a,
45827
+ var fallbackValues$J = {
45828
+ backgroundColor: backgroundColor$b,
45740
45829
  lineItem: lineItem,
45741
45830
  labeledAmountSubtotal: labeledAmountSubtotal,
45742
45831
  labeledAmountTotal: labeledAmountTotal
45743
45832
  };
45744
45833
 
45745
- var _excluded$w = ["amount"],
45834
+ var _excluded$x = ["amount"],
45746
45835
  _excluded2$1 = ["amount"];
45747
45836
 
45748
45837
  var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
@@ -45887,7 +45976,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
45887
45976
  return fee.amount > 0;
45888
45977
  }).map(function (_ref5) {
45889
45978
  var amount = _ref5.amount,
45890
- rest = _objectWithoutProperties(_ref5, _excluded$w);
45979
+ rest = _objectWithoutProperties(_ref5, _excluded$x);
45891
45980
 
45892
45981
  return _objectSpread2(_objectSpread2({}, rest), {}, {
45893
45982
  amount: displayCurrency(amount)
@@ -45986,7 +46075,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
45986
46075
  });
45987
46076
  };
45988
46077
 
45989
- var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$H, "default");
46078
+ var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$J, "default");
45990
46079
 
45991
46080
  var linkColor$5 = {
45992
46081
  "default": "#3176AA"
@@ -46003,7 +46092,7 @@ var fontWeight$7 = {
46003
46092
  var modalLinkHoverFocus$1 = {
46004
46093
  "default": "outline: none; text-decoration: underline;"
46005
46094
  };
46006
- var fallbackValues$I = {
46095
+ var fallbackValues$K = {
46007
46096
  linkColor: linkColor$5,
46008
46097
  fontSize: fontSize$a,
46009
46098
  lineHeight: lineHeight$4,
@@ -46062,7 +46151,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
46062
46151
  }, link));
46063
46152
  };
46064
46153
 
46065
- var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$I, "default");
46154
+ var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$K, "default");
46066
46155
 
46067
46156
  var PaymentFormACH = function PaymentFormACH(_ref) {
46068
46157
  var _routingNumberErrors, _accountNumberErrors;
@@ -46666,13 +46755,13 @@ var RadioGroup = function RadioGroup(_ref) {
46666
46755
  var headingBackgroundColor$1 = "".concat(WHITE);
46667
46756
  var headingDisabledColor = "".concat(ATHENS_GREY);
46668
46757
  var bodyBackgroundColor$1 = "#eeeeee";
46669
- var borderColor$3 = "".concat(GREY_CHATEAU);
46758
+ var borderColor$5 = "".concat(GREY_CHATEAU);
46670
46759
  var focusStyles = "outline: none;";
46671
- var fallbackValues$J = {
46760
+ var fallbackValues$L = {
46672
46761
  headingBackgroundColor: headingBackgroundColor$1,
46673
46762
  headingDisabledColor: headingDisabledColor,
46674
46763
  bodyBackgroundColor: bodyBackgroundColor$1,
46675
- borderColor: borderColor$3,
46764
+ borderColor: borderColor$5,
46676
46765
  focusStyles: focusStyles
46677
46766
  };
46678
46767
 
@@ -46856,7 +46945,7 @@ var RadioSection = function RadioSection(_ref) {
46856
46945
  })));
46857
46946
  };
46858
46947
 
46859
- var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$J);
46948
+ var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$L);
46860
46949
 
46861
46950
  var RegistrationForm = function RegistrationForm(_ref) {
46862
46951
  var _emailErrorMessages, _passwordErrorMessage;
@@ -47153,7 +47242,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
47153
47242
  var activeTabBackground = "#FFFFFF";
47154
47243
  var activeTabAccent = "#15749D";
47155
47244
  var activeTabHover = "#B8D5E1";
47156
- var fallbackValues$K = {
47245
+ var fallbackValues$M = {
47157
47246
  activeTabBackground: activeTabBackground,
47158
47247
  activeTabAccent: activeTabAccent,
47159
47248
  activeTabHover: activeTabHover
@@ -47232,12 +47321,12 @@ var Tabs = function Tabs(_ref) {
47232
47321
  }))));
47233
47322
  };
47234
47323
 
47235
- var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$K);
47324
+ var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$M);
47236
47325
 
47237
47326
  var activeTabBackground$1 = "#FFFFFF";
47238
47327
  var activeTabAccent$1 = "#15749D";
47239
47328
  var activeTabHover$1 = "#B8D5E1";
47240
- var fallbackValues$L = {
47329
+ var fallbackValues$N = {
47241
47330
  activeTabBackground: activeTabBackground$1,
47242
47331
  activeTabAccent: activeTabAccent$1,
47243
47332
  activeTabHover: activeTabHover$1
@@ -47293,9 +47382,9 @@ var TabSidebar = function TabSidebar(_ref) {
47293
47382
  })));
47294
47383
  };
47295
47384
 
47296
- var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$L);
47385
+ var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$N);
47297
47386
 
47298
- var backgroundColor$b = {
47387
+ var backgroundColor$c = {
47299
47388
  "default": "#ffffff",
47300
47389
  footer: "#ffffff"
47301
47390
  };
@@ -47324,8 +47413,8 @@ var modalLinkHoverFocus$2 = {
47324
47413
  "default": standardInteractionStyles,
47325
47414
  footer: standardInteractionStyles
47326
47415
  };
47327
- var fallbackValues$M = {
47328
- backgroundColor: backgroundColor$b,
47416
+ var fallbackValues$O = {
47417
+ backgroundColor: backgroundColor$c,
47329
47418
  linkColor: linkColor$6,
47330
47419
  border: border$3,
47331
47420
  fontSize: fontSize$b,
@@ -47386,7 +47475,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
47386
47475
  }, link));
47387
47476
  };
47388
47477
 
47389
- var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$M, "default");
47478
+ var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$O, "default");
47390
47479
 
47391
47480
  var TermsAndConditions = function TermsAndConditions(_ref) {
47392
47481
  var onCheck = _ref.onCheck,
@@ -47461,7 +47550,7 @@ var fontColor$1 = WHITE;
47461
47550
  var textAlign$1 = "left";
47462
47551
  var headerBackgroundColor$1 = BRIGHT_GREY;
47463
47552
  var imageBackgroundColor$1 = MATISSE_BLUE;
47464
- var fallbackValues$N = {
47553
+ var fallbackValues$P = {
47465
47554
  fontWeight: fontWeight$9,
47466
47555
  fontColor: fontColor$1,
47467
47556
  textAlign: textAlign$1,
@@ -47508,7 +47597,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
47508
47597
  })))));
47509
47598
  };
47510
47599
 
47511
- var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$N));
47600
+ var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$P));
47512
47601
 
47513
47602
  var WorkflowTile = function WorkflowTile(_ref) {
47514
47603
  var _ref$workflowName = _ref.workflowName,
@@ -47563,7 +47652,7 @@ var WorkflowTile = function WorkflowTile(_ref) {
47563
47652
  };
47564
47653
 
47565
47654
  var pageBackground = "#FBFCFD";
47566
- var fallbackValues$O = {
47655
+ var fallbackValues$Q = {
47567
47656
  pageBackground: pageBackground
47568
47657
  };
47569
47658
 
@@ -47610,7 +47699,7 @@ var CenterSingle = function CenterSingle(_ref) {
47610
47699
  })));
47611
47700
  };
47612
47701
 
47613
- var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$O));
47702
+ var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$Q));
47614
47703
 
47615
47704
  var CenterStack = function CenterStack(_ref) {
47616
47705
  var header = _ref.header,
@@ -47652,7 +47741,7 @@ var CenterStack = function CenterStack(_ref) {
47652
47741
  })));
47653
47742
  };
47654
47743
 
47655
- var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$O));
47744
+ var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$Q));
47656
47745
 
47657
47746
  var CenterSingle$2 = function CenterSingle(_ref) {
47658
47747
  var header = _ref.header,
@@ -47697,7 +47786,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
47697
47786
  })));
47698
47787
  };
47699
47788
 
47700
- var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$O));
47789
+ var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$Q));
47701
47790
 
47702
47791
  var SidebarSingleContent = function SidebarSingleContent(_ref) {
47703
47792
  var header = _ref.header,
@@ -47751,7 +47840,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
47751
47840
  })));
47752
47841
  };
47753
47842
 
47754
- var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$O));
47843
+ var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$Q));
47755
47844
 
47756
47845
  var SidebarStackContent = function SidebarStackContent(_ref) {
47757
47846
  var header = _ref.header,
@@ -47822,7 +47911,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
47822
47911
  })));
47823
47912
  };
47824
47913
 
47825
- var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$O));
47914
+ var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$Q));
47826
47915
 
47827
47916
  exports.AccountNumberImage = AccountNumberImage;
47828
47917
  exports.AccountsAddIcon = AccountsAddIcon$1;
@@ -47900,7 +47989,6 @@ exports.GuidedCheckoutImage = GuidedCheckoutImage;
47900
47989
  exports.HamburgerButton = HamburgerButton;
47901
47990
  exports.Heading = Heading$1;
47902
47991
  exports.HighlightTabRow = HighlightTabRow$1;
47903
- exports.HistoryIconSmall = HistoryIconSmall$1;
47904
47992
  exports.IconAdd = IconAdd;
47905
47993
  exports.IconQuitLarge = IconQuitLarge;
47906
47994
  exports.Imposter = Imposter;
@@ -47979,7 +48067,13 @@ exports.StatusUnknownIcon = StatusUnknownIcon;
47979
48067
  exports.SuccessfulIcon = SuccessfulIcon;
47980
48068
  exports.Switcher = Switcher;
47981
48069
  exports.TabSidebar = TabSidebar$1;
48070
+ exports.Table = Table_styled;
48071
+ exports.TableBody = TableBody_styled;
48072
+ exports.TableCell = TableCell_styled;
48073
+ exports.TableHead = TableHead$1;
48074
+ exports.TableHeading = TableHeading_styled;
47982
48075
  exports.TableListItem = TableListItem;
48076
+ exports.TableRow = TableRowWrapper;
47983
48077
  exports.Tabs = Tabs$1;
47984
48078
  exports.TermsAndConditions = TermsAndConditions;
47985
48079
  exports.TermsAndConditionsModal = TermsAndConditionsModal$1;