@thecb/components 7.7.2 → 7.7.3-beta.2
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 +175 -51
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +170 -52
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/index.js +1 -0
- package/src/components/atoms/table/Table.styled.js +7 -0
- package/src/components/atoms/table/TableBody.styled.js +5 -0
- package/src/components/atoms/table/TableCell.styled.js +14 -0
- package/src/components/atoms/table/TableHead.js +18 -0
- package/src/components/atoms/table/TableHead.styled.js +7 -0
- package/src/components/atoms/table/TableHead.theme.js +9 -0
- package/src/components/atoms/table/TableHeading.styled.js +11 -0
- package/src/components/atoms/table/TableRow.js +27 -0
- package/src/components/atoms/table/TableRow.styled.js +16 -0
- package/src/components/atoms/table/TableRow.theme.js +9 -0
- package/src/components/atoms/table/index.js +8 -0
package/dist/index.esm.js
CHANGED
|
@@ -36416,6 +36416,124 @@ var LoadingLine = function LoadingLine(_ref) {
|
|
|
36416
36416
|
});
|
|
36417
36417
|
};
|
|
36418
36418
|
|
|
36419
|
+
var Table_styled = styled.table.withConfig({
|
|
36420
|
+
displayName: "Tablestyled",
|
|
36421
|
+
componentId: "sc-mveye7-0"
|
|
36422
|
+
})(["width:100%;table-layout:auto;", ""], function (_ref) {
|
|
36423
|
+
var extraStyles = _ref.extraStyles;
|
|
36424
|
+
return extraStyles;
|
|
36425
|
+
});
|
|
36426
|
+
|
|
36427
|
+
var TableBody_styled = styled.tbody.withConfig({
|
|
36428
|
+
displayName: "TableBodystyled",
|
|
36429
|
+
componentId: "sc-wk5osr-0"
|
|
36430
|
+
})(["", ""], function (_ref) {
|
|
36431
|
+
var extraStyles = _ref.extraStyles;
|
|
36432
|
+
return extraStyles;
|
|
36433
|
+
});
|
|
36434
|
+
|
|
36435
|
+
var TableCell_styled = styled.td.withConfig({
|
|
36436
|
+
displayName: "TableCellstyled",
|
|
36437
|
+
componentId: "sc-iqndn8-0"
|
|
36438
|
+
})(["padding:", ";font-size:0.875rem;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;&:last-child{text-align:right;}", ";"], function (_ref) {
|
|
36439
|
+
var padding = _ref.padding;
|
|
36440
|
+
return padding ? padding : "24px";
|
|
36441
|
+
}, function (_ref2) {
|
|
36442
|
+
var extraStyles = _ref2.extraStyles;
|
|
36443
|
+
return extraStyles;
|
|
36444
|
+
});
|
|
36445
|
+
|
|
36446
|
+
var backgroundColor$6 = ALABASTER_WHITE;
|
|
36447
|
+
var borderColor$3 = GREY_CHATEAU;
|
|
36448
|
+
var fallbackValues$A = {
|
|
36449
|
+
backgroundColor: backgroundColor$6,
|
|
36450
|
+
borderColor: borderColor$3
|
|
36451
|
+
};
|
|
36452
|
+
|
|
36453
|
+
var StyledTableHead = styled.thead.withConfig({
|
|
36454
|
+
displayName: "TableHeadstyled",
|
|
36455
|
+
componentId: "sc-j8e6c1-0"
|
|
36456
|
+
})(["background-color:", ";border-bottom:", ";font-size:0.875rem;"], function (_ref) {
|
|
36457
|
+
var backgroundColor = _ref.backgroundColor;
|
|
36458
|
+
return backgroundColor;
|
|
36459
|
+
}, function (_ref2) {
|
|
36460
|
+
var borderColor = _ref2.borderColor;
|
|
36461
|
+
return "1px solid ".concat(borderColor);
|
|
36462
|
+
});
|
|
36463
|
+
|
|
36464
|
+
var borderColor$4 = GREY_CHATEAU;
|
|
36465
|
+
var hoverBackgroundColor$1 = HOVER_LIGHT_BLUE;
|
|
36466
|
+
var fallbackValues$B = {
|
|
36467
|
+
borderColor: borderColor$4,
|
|
36468
|
+
hoverBackgroundColor: hoverBackgroundColor$1
|
|
36469
|
+
};
|
|
36470
|
+
|
|
36471
|
+
var TableRowWrapper = styled.tr.withConfig({
|
|
36472
|
+
displayName: "TableRowstyled",
|
|
36473
|
+
componentId: "sc-1tc0sav-0"
|
|
36474
|
+
})(["&:not(:last-child){border-bottom:", ";}", " ", ""], function (_ref) {
|
|
36475
|
+
var borderColor = _ref.borderColor;
|
|
36476
|
+
return "1px solid ".concat(borderColor);
|
|
36477
|
+
}, function (_ref2) {
|
|
36478
|
+
var hoverCursor = _ref2.hoverCursor,
|
|
36479
|
+
hoverEffect = _ref2.hoverEffect,
|
|
36480
|
+
hoverBackgroundColor = _ref2.hoverBackgroundColor;
|
|
36481
|
+
return hoverEffect && "&:hover {\n ".concat(hoverCursor && "cursor: pointer", ";\n background-color: ").concat(hoverBackgroundColor, ";\n }");
|
|
36482
|
+
}, function (_ref3) {
|
|
36483
|
+
var extraStyles = _ref3.extraStyles;
|
|
36484
|
+
return extraStyles;
|
|
36485
|
+
});
|
|
36486
|
+
|
|
36487
|
+
var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
|
|
36488
|
+
|
|
36489
|
+
var TableRow = function TableRow(_ref) {
|
|
36490
|
+
var children = _ref.children,
|
|
36491
|
+
extraStyles = _ref.extraStyles,
|
|
36492
|
+
_ref$hoverCursor = _ref.hoverCursor,
|
|
36493
|
+
_ref$hoverEffect = _ref.hoverEffect,
|
|
36494
|
+
hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
|
|
36495
|
+
onClick = _ref.onClick,
|
|
36496
|
+
themeValues = _ref.themeValues,
|
|
36497
|
+
props = _objectWithoutProperties(_ref, _excluded$w);
|
|
36498
|
+
|
|
36499
|
+
return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
|
|
36500
|
+
onClick: onClick,
|
|
36501
|
+
hoverEffect: hoverEffect,
|
|
36502
|
+
extraStyles: extraStyles,
|
|
36503
|
+
borderColor: themeValues.borderColor,
|
|
36504
|
+
hoverBackgroundColor: themeValues.hoverBackgroundColor
|
|
36505
|
+
}, props), children);
|
|
36506
|
+
};
|
|
36507
|
+
|
|
36508
|
+
var TableRow$1 = themeComponent(TableRow, "TableRow", fallbackValues$B);
|
|
36509
|
+
|
|
36510
|
+
var TableHead = function TableHead(_ref) {
|
|
36511
|
+
var children = _ref.children,
|
|
36512
|
+
_ref$extraStyles = _ref.extraStyles,
|
|
36513
|
+
extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
|
|
36514
|
+
themeValues = _ref.themeValues;
|
|
36515
|
+
return /*#__PURE__*/React.createElement(StyledTableHead, {
|
|
36516
|
+
backgroundColor: themeValues.backgroundColor,
|
|
36517
|
+
borderColor: themeValues.borderColor
|
|
36518
|
+
}, /*#__PURE__*/React.createElement(TableRow$1, {
|
|
36519
|
+
extraStyles: extraStyles,
|
|
36520
|
+
hoverEffect: false
|
|
36521
|
+
}, children));
|
|
36522
|
+
};
|
|
36523
|
+
|
|
36524
|
+
var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$A);
|
|
36525
|
+
|
|
36526
|
+
var TableHeading_styled = styled.th.withConfig({
|
|
36527
|
+
displayName: "TableHeadingstyled",
|
|
36528
|
+
componentId: "sc-1ggk38d-0"
|
|
36529
|
+
})(["padding:24px;min-width:", ";text-align:left;&:last-child{text-align:right;}", ""], function (_ref) {
|
|
36530
|
+
var minWidth = _ref.minWidth;
|
|
36531
|
+
return minWidth ? minWidth : "initial";
|
|
36532
|
+
}, function (_ref2) {
|
|
36533
|
+
var extraStyles = _ref2.extraStyles;
|
|
36534
|
+
return extraStyles;
|
|
36535
|
+
});
|
|
36536
|
+
|
|
36419
36537
|
const validatorToPredicate = (validatorFn, emptyCase) => (
|
|
36420
36538
|
value,
|
|
36421
36539
|
...rest
|
|
@@ -38318,9 +38436,9 @@ AddressForm.reducer = reducer;
|
|
|
38318
38436
|
AddressForm.mapStateToProps = mapStateToProps$1;
|
|
38319
38437
|
AddressForm.mapDispatchToProps = mapDispatchToProps;
|
|
38320
38438
|
|
|
38321
|
-
var backgroundColor$
|
|
38322
|
-
var fallbackValues$
|
|
38323
|
-
backgroundColor: backgroundColor$
|
|
38439
|
+
var backgroundColor$7 = "#ebeffb";
|
|
38440
|
+
var fallbackValues$C = {
|
|
38441
|
+
backgroundColor: backgroundColor$7
|
|
38324
38442
|
};
|
|
38325
38443
|
|
|
38326
38444
|
var Banner = function Banner(_ref) {
|
|
@@ -38371,7 +38489,7 @@ var Banner = function Banner(_ref) {
|
|
|
38371
38489
|
}, /*#__PURE__*/React.createElement(Image, null))));
|
|
38372
38490
|
};
|
|
38373
38491
|
|
|
38374
|
-
var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$
|
|
38492
|
+
var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$C);
|
|
38375
38493
|
|
|
38376
38494
|
var ChangePasswordForm = function ChangePasswordForm(_ref) {
|
|
38377
38495
|
var _newPasswordErrorMess;
|
|
@@ -38513,7 +38631,7 @@ ChangePasswordForm.mapDispatchToProps = mapDispatchToProps$1;
|
|
|
38513
38631
|
var titleColor$1 = "#292A33";
|
|
38514
38632
|
var headingBackgroundColor = "transparent";
|
|
38515
38633
|
var bodyBackgroundColor = "transparent";
|
|
38516
|
-
var fallbackValues$
|
|
38634
|
+
var fallbackValues$D = {
|
|
38517
38635
|
titleColor: titleColor$1,
|
|
38518
38636
|
headingBackgroundColor: headingBackgroundColor,
|
|
38519
38637
|
bodyBackgroundColor: bodyBackgroundColor
|
|
@@ -38640,7 +38758,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
38640
38758
|
}, children))));
|
|
38641
38759
|
};
|
|
38642
38760
|
|
|
38643
|
-
var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$
|
|
38761
|
+
var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$D);
|
|
38644
38762
|
|
|
38645
38763
|
var ClipboardIcon = function ClipboardIcon(_ref) {
|
|
38646
38764
|
var themeValues = _ref.themeValues;
|
|
@@ -39226,7 +39344,7 @@ EmailForm.mapDispatchToProps = mapDispatchToProps$3;
|
|
|
39226
39344
|
|
|
39227
39345
|
var footerBackgroundColor = BRIGHT_GREY;
|
|
39228
39346
|
var subfooterBackgroundColor = STORM_GREY;
|
|
39229
|
-
var fallbackValues$
|
|
39347
|
+
var fallbackValues$E = {
|
|
39230
39348
|
footerBackgroundColor: footerBackgroundColor,
|
|
39231
39349
|
subfooterBackgroundColor: subfooterBackgroundColor
|
|
39232
39350
|
};
|
|
@@ -39258,7 +39376,7 @@ var FooterWithSubfooter = function FooterWithSubfooter(_ref) {
|
|
|
39258
39376
|
}));
|
|
39259
39377
|
};
|
|
39260
39378
|
|
|
39261
|
-
var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$
|
|
39379
|
+
var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$E);
|
|
39262
39380
|
|
|
39263
39381
|
var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
|
|
39264
39382
|
var _EmailErrorMessages;
|
|
@@ -39309,10 +39427,10 @@ ForgotPasswordForm.mapStateToProps = mapStateToProps$5;
|
|
|
39309
39427
|
ForgotPasswordForm.mapDispatchToProps = mapDispatchToProps$4;
|
|
39310
39428
|
|
|
39311
39429
|
var textColor$4 = "#ffffff";
|
|
39312
|
-
var backgroundColor$
|
|
39313
|
-
var fallbackValues$
|
|
39430
|
+
var backgroundColor$8 = "#182848";
|
|
39431
|
+
var fallbackValues$F = {
|
|
39314
39432
|
textColor: textColor$4,
|
|
39315
|
-
backgroundColor: backgroundColor$
|
|
39433
|
+
backgroundColor: backgroundColor$8
|
|
39316
39434
|
};
|
|
39317
39435
|
|
|
39318
39436
|
var HighlightTabRow = function HighlightTabRow(_ref) {
|
|
@@ -39367,7 +39485,7 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
|
|
|
39367
39485
|
}), repeat( /*#__PURE__*/React.createElement(Box, null), boxesAfter))));
|
|
39368
39486
|
};
|
|
39369
39487
|
|
|
39370
|
-
var HighlightTabRow$1 = /*#__PURE__*/memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$
|
|
39488
|
+
var HighlightTabRow$1 = /*#__PURE__*/memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$F));
|
|
39371
39489
|
|
|
39372
39490
|
var AccountBillIcon = function AccountBillIcon() {
|
|
39373
39491
|
return /*#__PURE__*/React.createElement("svg", {
|
|
@@ -44514,12 +44632,12 @@ var borderRadius = {
|
|
|
44514
44632
|
largeTitle: "0.25rem",
|
|
44515
44633
|
small: "0.25rem"
|
|
44516
44634
|
};
|
|
44517
|
-
var backgroundColor$
|
|
44635
|
+
var backgroundColor$9 = {
|
|
44518
44636
|
"default": WHITE,
|
|
44519
44637
|
largeTitle: WHITE,
|
|
44520
44638
|
small: WHITE
|
|
44521
44639
|
};
|
|
44522
|
-
var fallbackValues$
|
|
44640
|
+
var fallbackValues$G = {
|
|
44523
44641
|
fontSize: fontSize$9,
|
|
44524
44642
|
fontWeight: fontWeight$5,
|
|
44525
44643
|
fontColor: fontColor,
|
|
@@ -44529,7 +44647,7 @@ var fallbackValues$E = {
|
|
|
44529
44647
|
titleSpacing: titleSpacing,
|
|
44530
44648
|
boxShadow: boxShadow$1,
|
|
44531
44649
|
borderRadius: borderRadius,
|
|
44532
|
-
backgroundColor: backgroundColor$
|
|
44650
|
+
backgroundColor: backgroundColor$9
|
|
44533
44651
|
};
|
|
44534
44652
|
|
|
44535
44653
|
/*
|
|
@@ -44578,9 +44696,9 @@ var Module = function Module(_ref) {
|
|
|
44578
44696
|
}, children)));
|
|
44579
44697
|
};
|
|
44580
44698
|
|
|
44581
|
-
var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$
|
|
44699
|
+
var Module$1 = /*#__PURE__*/memo(themeComponent(Module, "Module", fallbackValues$G, "default"));
|
|
44582
44700
|
|
|
44583
|
-
var backgroundColor$
|
|
44701
|
+
var backgroundColor$a = {
|
|
44584
44702
|
profile: "#3b414d",
|
|
44585
44703
|
cms: "#3b414d"
|
|
44586
44704
|
};
|
|
@@ -44588,8 +44706,8 @@ var shadowColor = {
|
|
|
44588
44706
|
profile: "#292A33",
|
|
44589
44707
|
cms: "#292A33"
|
|
44590
44708
|
};
|
|
44591
|
-
var fallbackValues$
|
|
44592
|
-
backgroundColor: backgroundColor$
|
|
44709
|
+
var fallbackValues$H = {
|
|
44710
|
+
backgroundColor: backgroundColor$a,
|
|
44593
44711
|
shadowColor: shadowColor
|
|
44594
44712
|
};
|
|
44595
44713
|
|
|
@@ -44629,7 +44747,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
|
|
|
44629
44747
|
}, menuContent));
|
|
44630
44748
|
};
|
|
44631
44749
|
|
|
44632
|
-
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$
|
|
44750
|
+
var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$H, "profile");
|
|
44633
44751
|
|
|
44634
44752
|
var menu = posed.div({
|
|
44635
44753
|
invisible: {
|
|
@@ -44685,7 +44803,7 @@ var NavMenuMobile = function NavMenuMobile(_ref) {
|
|
|
44685
44803
|
}, menuContent));
|
|
44686
44804
|
};
|
|
44687
44805
|
|
|
44688
|
-
var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$
|
|
44806
|
+
var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$H, "profile");
|
|
44689
44807
|
|
|
44690
44808
|
var ACH_METHOD = "BANK_ACCOUNT";
|
|
44691
44809
|
var CC_METHOD = "CREDIT_CARD";
|
|
@@ -44746,7 +44864,7 @@ var activeColor$7 = "#0E506D";
|
|
|
44746
44864
|
var linkColor$4 = "#3176AA";
|
|
44747
44865
|
var fontWeight$6 = FONT_WEIGHT_REGULAR;
|
|
44748
44866
|
var modalLinkHoverFocus = "outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;";
|
|
44749
|
-
var fallbackValues$
|
|
44867
|
+
var fallbackValues$I = {
|
|
44750
44868
|
color: color$a,
|
|
44751
44869
|
hoverColor: hoverColor$5,
|
|
44752
44870
|
activeColor: activeColor$7,
|
|
@@ -44872,7 +44990,7 @@ var AutopayModal = function AutopayModal(_ref) {
|
|
|
44872
44990
|
}, modalExtraProps), renderAutoPayControl());
|
|
44873
44991
|
};
|
|
44874
44992
|
|
|
44875
|
-
var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$
|
|
44993
|
+
var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$I);
|
|
44876
44994
|
|
|
44877
44995
|
var AmountModule = function AmountModule(_ref) {
|
|
44878
44996
|
var totalAmountDue = _ref.totalAmountDue,
|
|
@@ -45710,7 +45828,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
|
|
|
45710
45828
|
}, backButton, !hideForwardButton && /*#__PURE__*/React.createElement(Fragment$1, null, forwardButton))));
|
|
45711
45829
|
};
|
|
45712
45830
|
|
|
45713
|
-
var backgroundColor$
|
|
45831
|
+
var backgroundColor$b = {
|
|
45714
45832
|
"default": "transparent",
|
|
45715
45833
|
small: "transparent"
|
|
45716
45834
|
};
|
|
@@ -45726,14 +45844,14 @@ var labeledAmountTotal = {
|
|
|
45726
45844
|
"default": "h6",
|
|
45727
45845
|
small: "p"
|
|
45728
45846
|
};
|
|
45729
|
-
var fallbackValues$
|
|
45730
|
-
backgroundColor: backgroundColor$
|
|
45847
|
+
var fallbackValues$J = {
|
|
45848
|
+
backgroundColor: backgroundColor$b,
|
|
45731
45849
|
lineItem: lineItem,
|
|
45732
45850
|
labeledAmountSubtotal: labeledAmountSubtotal,
|
|
45733
45851
|
labeledAmountTotal: labeledAmountTotal
|
|
45734
45852
|
};
|
|
45735
45853
|
|
|
45736
|
-
var _excluded$
|
|
45854
|
+
var _excluded$x = ["amount"],
|
|
45737
45855
|
_excluded2$1 = ["amount"];
|
|
45738
45856
|
|
|
45739
45857
|
var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
|
|
@@ -45878,7 +45996,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
45878
45996
|
return fee.amount > 0;
|
|
45879
45997
|
}).map(function (_ref5) {
|
|
45880
45998
|
var amount = _ref5.amount,
|
|
45881
|
-
rest = _objectWithoutProperties(_ref5, _excluded$
|
|
45999
|
+
rest = _objectWithoutProperties(_ref5, _excluded$x);
|
|
45882
46000
|
|
|
45883
46001
|
return _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
45884
46002
|
amount: displayCurrency(amount)
|
|
@@ -45977,7 +46095,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
45977
46095
|
});
|
|
45978
46096
|
};
|
|
45979
46097
|
|
|
45980
|
-
var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$
|
|
46098
|
+
var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$J, "default");
|
|
45981
46099
|
|
|
45982
46100
|
var linkColor$5 = {
|
|
45983
46101
|
"default": "#3176AA"
|
|
@@ -45994,7 +46112,7 @@ var fontWeight$7 = {
|
|
|
45994
46112
|
var modalLinkHoverFocus$1 = {
|
|
45995
46113
|
"default": "outline: none; text-decoration: underline;"
|
|
45996
46114
|
};
|
|
45997
|
-
var fallbackValues$
|
|
46115
|
+
var fallbackValues$K = {
|
|
45998
46116
|
linkColor: linkColor$5,
|
|
45999
46117
|
fontSize: fontSize$a,
|
|
46000
46118
|
lineHeight: lineHeight$4,
|
|
@@ -46053,7 +46171,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
|
|
|
46053
46171
|
}, link));
|
|
46054
46172
|
};
|
|
46055
46173
|
|
|
46056
|
-
var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$
|
|
46174
|
+
var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$K, "default");
|
|
46057
46175
|
|
|
46058
46176
|
var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
46059
46177
|
var _routingNumberErrors, _accountNumberErrors;
|
|
@@ -46657,13 +46775,13 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
46657
46775
|
var headingBackgroundColor$1 = "".concat(WHITE);
|
|
46658
46776
|
var headingDisabledColor = "".concat(ATHENS_GREY);
|
|
46659
46777
|
var bodyBackgroundColor$1 = "#eeeeee";
|
|
46660
|
-
var borderColor$
|
|
46778
|
+
var borderColor$5 = "".concat(GREY_CHATEAU);
|
|
46661
46779
|
var focusStyles = "outline: none;";
|
|
46662
|
-
var fallbackValues$
|
|
46780
|
+
var fallbackValues$L = {
|
|
46663
46781
|
headingBackgroundColor: headingBackgroundColor$1,
|
|
46664
46782
|
headingDisabledColor: headingDisabledColor,
|
|
46665
46783
|
bodyBackgroundColor: bodyBackgroundColor$1,
|
|
46666
|
-
borderColor: borderColor$
|
|
46784
|
+
borderColor: borderColor$5,
|
|
46667
46785
|
focusStyles: focusStyles
|
|
46668
46786
|
};
|
|
46669
46787
|
|
|
@@ -46847,7 +46965,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
46847
46965
|
})));
|
|
46848
46966
|
};
|
|
46849
46967
|
|
|
46850
|
-
var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$
|
|
46968
|
+
var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$L);
|
|
46851
46969
|
|
|
46852
46970
|
var RegistrationForm = function RegistrationForm(_ref) {
|
|
46853
46971
|
var _emailErrorMessages, _passwordErrorMessage;
|
|
@@ -47144,7 +47262,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
|
|
|
47144
47262
|
var activeTabBackground = "#FFFFFF";
|
|
47145
47263
|
var activeTabAccent = "#15749D";
|
|
47146
47264
|
var activeTabHover = "#B8D5E1";
|
|
47147
|
-
var fallbackValues$
|
|
47265
|
+
var fallbackValues$M = {
|
|
47148
47266
|
activeTabBackground: activeTabBackground,
|
|
47149
47267
|
activeTabAccent: activeTabAccent,
|
|
47150
47268
|
activeTabHover: activeTabHover
|
|
@@ -47223,12 +47341,12 @@ var Tabs = function Tabs(_ref) {
|
|
|
47223
47341
|
}))));
|
|
47224
47342
|
};
|
|
47225
47343
|
|
|
47226
|
-
var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$
|
|
47344
|
+
var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$M);
|
|
47227
47345
|
|
|
47228
47346
|
var activeTabBackground$1 = "#FFFFFF";
|
|
47229
47347
|
var activeTabAccent$1 = "#15749D";
|
|
47230
47348
|
var activeTabHover$1 = "#B8D5E1";
|
|
47231
|
-
var fallbackValues$
|
|
47349
|
+
var fallbackValues$N = {
|
|
47232
47350
|
activeTabBackground: activeTabBackground$1,
|
|
47233
47351
|
activeTabAccent: activeTabAccent$1,
|
|
47234
47352
|
activeTabHover: activeTabHover$1
|
|
@@ -47284,9 +47402,9 @@ var TabSidebar = function TabSidebar(_ref) {
|
|
|
47284
47402
|
})));
|
|
47285
47403
|
};
|
|
47286
47404
|
|
|
47287
|
-
var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$
|
|
47405
|
+
var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$N);
|
|
47288
47406
|
|
|
47289
|
-
var backgroundColor$
|
|
47407
|
+
var backgroundColor$c = {
|
|
47290
47408
|
"default": "#ffffff",
|
|
47291
47409
|
footer: "#ffffff"
|
|
47292
47410
|
};
|
|
@@ -47315,8 +47433,8 @@ var modalLinkHoverFocus$2 = {
|
|
|
47315
47433
|
"default": standardInteractionStyles,
|
|
47316
47434
|
footer: standardInteractionStyles
|
|
47317
47435
|
};
|
|
47318
|
-
var fallbackValues$
|
|
47319
|
-
backgroundColor: backgroundColor$
|
|
47436
|
+
var fallbackValues$O = {
|
|
47437
|
+
backgroundColor: backgroundColor$c,
|
|
47320
47438
|
linkColor: linkColor$6,
|
|
47321
47439
|
border: border$3,
|
|
47322
47440
|
fontSize: fontSize$b,
|
|
@@ -47377,7 +47495,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
|
|
|
47377
47495
|
}, link));
|
|
47378
47496
|
};
|
|
47379
47497
|
|
|
47380
|
-
var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$
|
|
47498
|
+
var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$O, "default");
|
|
47381
47499
|
|
|
47382
47500
|
var TermsAndConditions = function TermsAndConditions(_ref) {
|
|
47383
47501
|
var onCheck = _ref.onCheck,
|
|
@@ -47452,7 +47570,7 @@ var fontColor$1 = WHITE;
|
|
|
47452
47570
|
var textAlign$1 = "left";
|
|
47453
47571
|
var headerBackgroundColor$1 = BRIGHT_GREY;
|
|
47454
47572
|
var imageBackgroundColor$1 = MATISSE_BLUE;
|
|
47455
|
-
var fallbackValues$
|
|
47573
|
+
var fallbackValues$P = {
|
|
47456
47574
|
fontWeight: fontWeight$9,
|
|
47457
47575
|
fontColor: fontColor$1,
|
|
47458
47576
|
textAlign: textAlign$1,
|
|
@@ -47499,7 +47617,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
|
|
|
47499
47617
|
})))));
|
|
47500
47618
|
};
|
|
47501
47619
|
|
|
47502
|
-
var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$
|
|
47620
|
+
var WelcomeModule$1 = /*#__PURE__*/memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$P));
|
|
47503
47621
|
|
|
47504
47622
|
var WorkflowTile = function WorkflowTile(_ref) {
|
|
47505
47623
|
var _ref$workflowName = _ref.workflowName,
|
|
@@ -47554,7 +47672,7 @@ var WorkflowTile = function WorkflowTile(_ref) {
|
|
|
47554
47672
|
};
|
|
47555
47673
|
|
|
47556
47674
|
var pageBackground = "#FBFCFD";
|
|
47557
|
-
var fallbackValues$
|
|
47675
|
+
var fallbackValues$Q = {
|
|
47558
47676
|
pageBackground: pageBackground
|
|
47559
47677
|
};
|
|
47560
47678
|
|
|
@@ -47601,7 +47719,7 @@ var CenterSingle = function CenterSingle(_ref) {
|
|
|
47601
47719
|
})));
|
|
47602
47720
|
};
|
|
47603
47721
|
|
|
47604
|
-
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$
|
|
47722
|
+
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$Q));
|
|
47605
47723
|
|
|
47606
47724
|
var CenterStack = function CenterStack(_ref) {
|
|
47607
47725
|
var header = _ref.header,
|
|
@@ -47643,7 +47761,7 @@ var CenterStack = function CenterStack(_ref) {
|
|
|
47643
47761
|
})));
|
|
47644
47762
|
};
|
|
47645
47763
|
|
|
47646
|
-
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$
|
|
47764
|
+
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$Q));
|
|
47647
47765
|
|
|
47648
47766
|
var CenterSingle$2 = function CenterSingle(_ref) {
|
|
47649
47767
|
var header = _ref.header,
|
|
@@ -47688,7 +47806,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
|
|
|
47688
47806
|
})));
|
|
47689
47807
|
};
|
|
47690
47808
|
|
|
47691
|
-
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$
|
|
47809
|
+
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$Q));
|
|
47692
47810
|
|
|
47693
47811
|
var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
47694
47812
|
var header = _ref.header,
|
|
@@ -47742,7 +47860,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
|
47742
47860
|
})));
|
|
47743
47861
|
};
|
|
47744
47862
|
|
|
47745
|
-
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$
|
|
47863
|
+
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$Q));
|
|
47746
47864
|
|
|
47747
47865
|
var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
47748
47866
|
var header = _ref.header,
|
|
@@ -47813,7 +47931,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
|
47813
47931
|
})));
|
|
47814
47932
|
};
|
|
47815
47933
|
|
|
47816
|
-
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$
|
|
47934
|
+
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$Q));
|
|
47817
47935
|
|
|
47818
|
-
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon, BankIcon, 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, ChargebackReversalIcon, 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, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, Imposter, InternalLink, Jumbo$1 as Jumbo, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, 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, 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, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, 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, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, 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, Switcher, TabSidebar$1 as TabSidebar, TableListItem, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
|
|
47936
|
+
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, AutopayOnIcon, BankIcon, 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, ChargebackReversalIcon, 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, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, Imposter, InternalLink, Jumbo$1 as Jumbo, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, 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, 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, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, 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, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, 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, 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, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
|
|
47819
47937
|
//# sourceMappingURL=index.esm.js.map
|