@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.cjs.js +59 -56
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +59 -56
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/link-card/LinkCard.js +15 -10
- package/src/components/molecules/link-card/LinkCard.stories.js +4 -5
- package/src/components/molecules/link-card/LinkCard.styled.js +15 -8
- package/src/components/molecules/link-card/LinkCard.theme.js +12 -3
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){
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
46990
|
-
color: color$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
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
|