@thecb/components 11.2.5 → 11.2.6-beta.1
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 +155 -55
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +155 -56
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/layouts/Center.styled.js +2 -0
- package/src/components/atoms/link/ExternalLink.js +4 -2
- package/src/components/atoms/link/ExternalLink.styled.js +1 -2
- package/src/components/atoms/link/InternalLink.js +4 -2
- package/src/components/atoms/link/InternalLink.styled.js +1 -2
- package/src/components/atoms/title/Title.theme.js +3 -0
- package/src/components/molecules/contact-card/ContactCard.js +2 -4
- package/src/components/molecules/hero-image/HeroImage.js +99 -0
- package/src/components/molecules/hero-image/HeroImage.mdx +15 -0
- package/src/components/molecules/hero-image/HeroImage.stories.js +97 -0
- package/src/components/molecules/hero-image/HeroImage.styled.js +29 -0
- package/src/components/molecules/hero-image/HeroImage.theme.js +15 -0
- package/src/components/molecules/hero-image/index.js +3 -0
- package/src/components/molecules/index.js +1 -0
- package/src/components/molecules/registration-banner/RegistrationBanner.js +5 -10
- package/src/components/molecules/registration-banner/RegistrationBanner.styled.js +4 -6
- package/src/util/general.js +12 -0
- package/src/components/atoms/.DS_Store +0 -0
package/dist/index.esm.js
CHANGED
|
@@ -6248,6 +6248,18 @@ var adjustHexColor = function adjustHexColor(hex, percent, action) {
|
|
|
6248
6248
|
return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).padStart(6, "0"));
|
|
6249
6249
|
};
|
|
6250
6250
|
|
|
6251
|
+
/**
|
|
6252
|
+
* Gets the next heading level in the sequence.
|
|
6253
|
+
*
|
|
6254
|
+
* @param {string} heading - The current heading level (e.g., "h1").
|
|
6255
|
+
* @returns {string} - The next heading level in the sequence.
|
|
6256
|
+
*/
|
|
6257
|
+
var headingOrder = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
6258
|
+
var getNextHeading = function getNextHeading(heading) {
|
|
6259
|
+
var index = headingOrder.indexOf(heading);
|
|
6260
|
+
return index >= 0 && index < 5 ? headingOrder[index + 1] : headingOrder[5];
|
|
6261
|
+
};
|
|
6262
|
+
|
|
6251
6263
|
var general = /*#__PURE__*/Object.freeze({
|
|
6252
6264
|
__proto__: null,
|
|
6253
6265
|
noop: noop$1,
|
|
@@ -6269,7 +6281,8 @@ var general = /*#__PURE__*/Object.freeze({
|
|
|
6269
6281
|
titleCaseString: titleCaseString,
|
|
6270
6282
|
kebabCaseString: kebabCaseString,
|
|
6271
6283
|
wrapIndex: wrapIndex,
|
|
6272
|
-
adjustHexColor: adjustHexColor
|
|
6284
|
+
adjustHexColor: adjustHexColor,
|
|
6285
|
+
getNextHeading: getNextHeading
|
|
6273
6286
|
});
|
|
6274
6287
|
|
|
6275
6288
|
var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
|
|
@@ -6509,18 +6522,24 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6509
6522
|
var CenterWrapper = styled.div.withConfig({
|
|
6510
6523
|
displayName: "Centerstyled__CenterWrapper",
|
|
6511
6524
|
componentId: "sc-vawqfc-0"
|
|
6512
|
-
})(["box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:", ";padding-left:", ";padding-right:", ";", ";"], function (_ref) {
|
|
6513
|
-
var
|
|
6514
|
-
return
|
|
6525
|
+
})(["box-sizing:content-box;margin-left:auto;margin-right:auto;width:", ";max-width:", ";padding-left:", ";padding-right:", ";", ";", ""], function (_ref) {
|
|
6526
|
+
var width = _ref.width;
|
|
6527
|
+
return width || "auto";
|
|
6515
6528
|
}, function (_ref2) {
|
|
6516
|
-
var
|
|
6517
|
-
return
|
|
6529
|
+
var maxWidth = _ref2.maxWidth;
|
|
6530
|
+
return maxWidth;
|
|
6518
6531
|
}, function (_ref3) {
|
|
6519
6532
|
var gutters = _ref3.gutters;
|
|
6520
6533
|
return gutters;
|
|
6521
6534
|
}, function (_ref4) {
|
|
6522
|
-
var
|
|
6535
|
+
var gutters = _ref4.gutters;
|
|
6536
|
+
return gutters;
|
|
6537
|
+
}, function (_ref5) {
|
|
6538
|
+
var intrinsic = _ref5.intrinsic;
|
|
6523
6539
|
return intrinsic ? "\n display: flex;\n flex-direction: column;\n align-items: center;\n " : "";
|
|
6540
|
+
}, function (_ref6) {
|
|
6541
|
+
var extraStyles = _ref6.extraStyles;
|
|
6542
|
+
return extraStyles;
|
|
6524
6543
|
});
|
|
6525
6544
|
|
|
6526
6545
|
var _excluded$4 = ["maxWidth", "gutters", "intrinsic", "children"];
|
|
@@ -20696,15 +20715,20 @@ var TitleText = styled.h1.withConfig({
|
|
|
20696
20715
|
// Comments assume desktop base font size of 16px, mobile base font size of 14px
|
|
20697
20716
|
|
|
20698
20717
|
var fontSize$1 = {
|
|
20718
|
+
hero: "3rem",
|
|
20719
|
+
// 48px
|
|
20699
20720
|
large: "1.5rem",
|
|
20700
20721
|
// 24px (at base font size of 16px)
|
|
20701
20722
|
small: "1.25rem" // 20px
|
|
20702
20723
|
};
|
|
20703
20724
|
var fontFamily$1 = {
|
|
20725
|
+
hero: "Public Sans",
|
|
20704
20726
|
large: "Public Sans",
|
|
20705
20727
|
small: "Public Sans"
|
|
20706
20728
|
};
|
|
20707
20729
|
var mobileFontSize = {
|
|
20730
|
+
hero: "2.5rem",
|
|
20731
|
+
// 40px
|
|
20708
20732
|
large: "1.5rem",
|
|
20709
20733
|
// 21px (at base font size of 14px)
|
|
20710
20734
|
small: "1.2142rem" // 17px
|
|
@@ -22273,17 +22297,14 @@ var StyledExternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22273
22297
|
}, function (_ref6) {
|
|
22274
22298
|
var lineheight = _ref6.lineheight;
|
|
22275
22299
|
return lineheight;
|
|
22276
|
-
}, function (_ref7) {
|
|
22277
|
-
var
|
|
22278
|
-
return isUnderlined ? LINK_TEXT_DECORATION$3 : "none";
|
|
22279
|
-
}, function (_ref8) {
|
|
22280
|
-
var hoverColor = _ref8.hoverColor;
|
|
22300
|
+
}, LINK_TEXT_DECORATION$3, function (_ref7) {
|
|
22301
|
+
var hoverColor = _ref7.hoverColor;
|
|
22281
22302
|
return hoverColor;
|
|
22282
|
-
}, LINK_TEXT_DECORATION$3, ROYAL_BLUE$1, LINK_TEXT_DECORATION$3, function (
|
|
22283
|
-
var activeColor =
|
|
22303
|
+
}, LINK_TEXT_DECORATION$3, ROYAL_BLUE$1, LINK_TEXT_DECORATION$3, function (_ref8) {
|
|
22304
|
+
var activeColor = _ref8.activeColor;
|
|
22284
22305
|
return activeColor;
|
|
22285
|
-
}, function (
|
|
22286
|
-
var extrastyles =
|
|
22306
|
+
}, function (_ref9) {
|
|
22307
|
+
var extrastyles = _ref9.extrastyles;
|
|
22287
22308
|
return extrastyles;
|
|
22288
22309
|
});
|
|
22289
22310
|
/* eslint-enable no-unused-vars */
|
|
@@ -22339,11 +22360,10 @@ var ExternalLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22339
22360
|
activeColor: themeValues.activeColor,
|
|
22340
22361
|
fontFamily: themeValues.fontFamily,
|
|
22341
22362
|
tabIndex: tabIndex,
|
|
22342
|
-
extrastyles: extraStyles,
|
|
22363
|
+
extrastyles: "".concat(isUnderlined ? LINK_TEXT_DECORATION : "none", " ").concat(extraStyles),
|
|
22343
22364
|
rel: newTab ? "noopener" : "",
|
|
22344
22365
|
"data-qa": dataQa,
|
|
22345
22366
|
"aria-label": ariaLabel,
|
|
22346
|
-
isUnderlined: isUnderlined,
|
|
22347
22367
|
ref: ref
|
|
22348
22368
|
}, safeChildren(children, /*#__PURE__*/React.createElement("span", null))));
|
|
22349
22369
|
});
|
|
@@ -22391,17 +22411,14 @@ var StyledInternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22391
22411
|
}, function (_ref7) {
|
|
22392
22412
|
var margin = _ref7.margin;
|
|
22393
22413
|
return margin;
|
|
22394
|
-
}, function (_ref8) {
|
|
22395
|
-
var
|
|
22396
|
-
return isUnderlined ? LINK_TEXT_DECORATION$4 : "none";
|
|
22397
|
-
}, function (_ref9) {
|
|
22398
|
-
var hoverColor = _ref9.hoverColor;
|
|
22414
|
+
}, LINK_TEXT_DECORATION$4, function (_ref8) {
|
|
22415
|
+
var hoverColor = _ref8.hoverColor;
|
|
22399
22416
|
return hoverColor;
|
|
22400
|
-
}, LINK_TEXT_DECORATION$4, ROYAL_BLUE$2, LINK_TEXT_DECORATION$4, function (
|
|
22401
|
-
var activeColor =
|
|
22417
|
+
}, LINK_TEXT_DECORATION$4, ROYAL_BLUE$2, LINK_TEXT_DECORATION$4, function (_ref9) {
|
|
22418
|
+
var activeColor = _ref9.activeColor;
|
|
22402
22419
|
return activeColor;
|
|
22403
|
-
}, function (
|
|
22404
|
-
var extrastyles =
|
|
22420
|
+
}, function (_ref10) {
|
|
22421
|
+
var extrastyles = _ref10.extrastyles;
|
|
22405
22422
|
return extrastyles;
|
|
22406
22423
|
});
|
|
22407
22424
|
/* eslint-enable no-unused-vars */
|
|
@@ -22439,9 +22456,8 @@ var InternalLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22439
22456
|
hoverColor: themeValues.hoverColor,
|
|
22440
22457
|
activeColor: themeValues.activeColor,
|
|
22441
22458
|
tabIndex: tabIndex,
|
|
22442
|
-
extrastyles: extraStyles,
|
|
22459
|
+
extrastyles: "".concat(isUnderlined ? LINK_TEXT_DECORATION : "none", " ").concat(extraStyles),
|
|
22443
22460
|
"data-qa": dataQa,
|
|
22444
|
-
isUnderlined: isUnderlined,
|
|
22445
22461
|
ref: ref
|
|
22446
22462
|
}, safeChildren(children, /*#__PURE__*/React.createElement("span", null)));
|
|
22447
22463
|
});
|
|
@@ -49733,29 +49749,29 @@ var fallbackValues$U = {
|
|
|
49733
49749
|
var BannerContainer = styled(Cluster).withConfig({
|
|
49734
49750
|
displayName: "RegistrationBannerstyled__BannerContainer",
|
|
49735
49751
|
componentId: "sc-1m1lm4y-0"
|
|
49736
|
-
})(["background:", ";padding:
|
|
49752
|
+
})(["background:", ";padding:", ";"], function (_ref) {
|
|
49737
49753
|
var themeValues = _ref.themeValues;
|
|
49738
49754
|
return adjustHexColor(themeValues.background, 10, "lighten");
|
|
49755
|
+
}, function (_ref2) {
|
|
49756
|
+
var isMobile = _ref2.isMobile;
|
|
49757
|
+
return isMobile ? "1rem 2rem" : " 2rem 8.25rem";
|
|
49739
49758
|
});
|
|
49740
49759
|
var ContentContainer = styled(Cluster).withConfig({
|
|
49741
49760
|
displayName: "RegistrationBannerstyled__ContentContainer",
|
|
49742
49761
|
componentId: "sc-1m1lm4y-1"
|
|
49743
|
-
})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (
|
|
49744
|
-
var isMobile = _ref2.isMobile;
|
|
49745
|
-
return isMobile ? "100%" : " 1224px";
|
|
49746
|
-
}, function (_ref3) {
|
|
49762
|
+
})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref3) {
|
|
49747
49763
|
var isMobile = _ref3.isMobile;
|
|
49764
|
+
return isMobile ? "296px" : " 1176px";
|
|
49765
|
+
}, function (_ref4) {
|
|
49766
|
+
var isMobile = _ref4.isMobile;
|
|
49748
49767
|
return isMobile ? "column" : "row";
|
|
49749
49768
|
});
|
|
49750
49769
|
var ButtonContainer = styled(Stack).withConfig({
|
|
49751
49770
|
displayName: "RegistrationBannerstyled__ButtonContainer",
|
|
49752
49771
|
componentId: "sc-1m1lm4y-2"
|
|
49753
|
-
})(["align-items:center
|
|
49754
|
-
var isMobile = _ref4.isMobile;
|
|
49755
|
-
return isMobile ? "100%" : "222px";
|
|
49756
|
-
}, function (_ref5) {
|
|
49772
|
+
})(["align-items:center;> a{width:", ";}"], function (_ref5) {
|
|
49757
49773
|
var isMobile = _ref5.isMobile;
|
|
49758
|
-
return isMobile ? "
|
|
49774
|
+
return isMobile ? "296px" : "222px";
|
|
49759
49775
|
});
|
|
49760
49776
|
var RegisterLink = styled(ButtonWithLink).withConfig({
|
|
49761
49777
|
displayName: "RegistrationBannerstyled__RegisterLink",
|
|
@@ -49788,8 +49804,7 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
|
|
|
49788
49804
|
align: "center",
|
|
49789
49805
|
justify: "space-between",
|
|
49790
49806
|
overflow: "visible",
|
|
49791
|
-
isMobile: isMobile
|
|
49792
|
-
nowrap: true
|
|
49807
|
+
isMobile: isMobile
|
|
49793
49808
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
49794
49809
|
padding: "0",
|
|
49795
49810
|
textAlign: "left"
|
|
@@ -49799,11 +49814,11 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
|
|
|
49799
49814
|
fontSize: isMobile ? FONT_SIZE.XL : "1.5rem",
|
|
49800
49815
|
variant: titleVariant,
|
|
49801
49816
|
weight: FONT_WEIGHT_SEMIBOLD
|
|
49802
|
-
}, "Register for a ", clientName, " Wallet"), /*#__PURE__*/React.createElement(Text$1, {
|
|
49817
|
+
}, "Register for a ", clientName, " Wallet Account"), /*#__PURE__*/React.createElement(Text$1, {
|
|
49803
49818
|
extraStyles: "\n display: block;\n padding: ".concat(isMobile ? ".125rem 0 1rem" : "0", "\n "),
|
|
49804
|
-
fontSize: isMobile ? FONT_SIZE.
|
|
49819
|
+
fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.LG,
|
|
49805
49820
|
color: themeValues.secondaryColor
|
|
49806
|
-
}, "Save payment methods and
|
|
49821
|
+
}, "Save payment methods and information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
|
|
49807
49822
|
justify: "space-between",
|
|
49808
49823
|
fullHeight: true,
|
|
49809
49824
|
childGap: "0.5rem",
|
|
@@ -49816,8 +49831,7 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
|
|
|
49816
49831
|
url: registrationLink
|
|
49817
49832
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
49818
49833
|
justify: "center",
|
|
49819
|
-
align: "center"
|
|
49820
|
-
extraStyles: "min-width: 100%"
|
|
49834
|
+
align: "center"
|
|
49821
49835
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
49822
49836
|
extraStyles: "margin-right: 0.5rem",
|
|
49823
49837
|
fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG,
|
|
@@ -51497,8 +51511,9 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
51497
51511
|
fullHeight: true
|
|
51498
51512
|
}, links.map(function (link) {
|
|
51499
51513
|
var linkID = createIdFromString(link.text, "contact-card-link");
|
|
51500
|
-
return /*#__PURE__*/React.createElement(React.Fragment,
|
|
51501
|
-
key: linkID
|
|
51514
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
51515
|
+
key: linkID
|
|
51516
|
+
}, test(URL_TEST, link.link) ? /*#__PURE__*/React.createElement(ExternalLink, {
|
|
51502
51517
|
dataQa: linkID,
|
|
51503
51518
|
href: link.link,
|
|
51504
51519
|
newTab: true,
|
|
@@ -51511,7 +51526,6 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
51511
51526
|
text: link.text,
|
|
51512
51527
|
ariaLabel: "(Opens in a new tab)"
|
|
51513
51528
|
})) : /*#__PURE__*/React.createElement(InternalLink, {
|
|
51514
|
-
key: linkID,
|
|
51515
51529
|
to: link.link,
|
|
51516
51530
|
dataQa: linkID,
|
|
51517
51531
|
fontSize: FONT_SIZE.SM,
|
|
@@ -51524,8 +51538,93 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
51524
51538
|
})))));
|
|
51525
51539
|
};
|
|
51526
51540
|
|
|
51527
|
-
var
|
|
51541
|
+
var gradientColorPrimary = ROYAL_BLUE_VIVID;
|
|
51542
|
+
var gradientColorSecondary = MATISSE_BLUE;
|
|
51543
|
+
var textColor$5 = WHITE;
|
|
51528
51544
|
var fallbackValues$11 = {
|
|
51545
|
+
gradientColorPrimary: gradientColorPrimary,
|
|
51546
|
+
gradientColorSecondary: gradientColorSecondary,
|
|
51547
|
+
textColor: textColor$5
|
|
51548
|
+
};
|
|
51549
|
+
|
|
51550
|
+
var getHeroImageVariantStyles = function getHeroImageVariantStyles(_ref) {
|
|
51551
|
+
var imageUrl = _ref.imageUrl,
|
|
51552
|
+
isMobile = _ref.isMobile,
|
|
51553
|
+
variant = _ref.variant,
|
|
51554
|
+
gradientColorPrimary = _ref.gradientColorPrimary,
|
|
51555
|
+
gradientColorSecondary = _ref.gradientColorSecondary;
|
|
51556
|
+
return css(["background:", ",url(", ") center / cover no-repeat;"], !isMobile ? "linear-gradient(\n 90deg,\n ".concat(gradientColorPrimary, " 33%,\n transparent 100%\n )") : "linear-gradient(\n ".concat(rgba$1(gradientColorPrimary, 0.8), ",\n ").concat(rgba$1(gradientColorPrimary, 0.8), "\n )"), imageUrl);
|
|
51557
|
+
};
|
|
51558
|
+
var HeroImageContainer = styled(Box).withConfig({
|
|
51559
|
+
displayName: "HeroImagestyled__HeroImageContainer",
|
|
51560
|
+
componentId: "sc-oqear-0"
|
|
51561
|
+
})(["display:flex;"]);
|
|
51562
|
+
|
|
51563
|
+
var HeroImage = function HeroImage(_ref) {
|
|
51564
|
+
var themeValues = _ref.themeValues,
|
|
51565
|
+
heading = _ref.heading,
|
|
51566
|
+
_ref$headingVariant = _ref.headingVariant,
|
|
51567
|
+
headingVariant = _ref$headingVariant === void 0 ? "h2" : _ref$headingVariant,
|
|
51568
|
+
subheading = _ref.subheading,
|
|
51569
|
+
description = _ref.description,
|
|
51570
|
+
imageUrl = _ref.imageUrl,
|
|
51571
|
+
_ref$variant = _ref.variant,
|
|
51572
|
+
variant = _ref$variant === void 0 ? "v1" : _ref$variant,
|
|
51573
|
+
_ref$minWidth = _ref.minWidth,
|
|
51574
|
+
minWidth = _ref$minWidth === void 0 ? "100%" : _ref$minWidth,
|
|
51575
|
+
_ref$minHeight = _ref.minHeight,
|
|
51576
|
+
minHeight = _ref$minHeight === void 0 ? "auto" : _ref$minHeight,
|
|
51577
|
+
_ref$contentSpacing = _ref.contentSpacing,
|
|
51578
|
+
contentSpacing = _ref$contentSpacing === void 0 ? "0.5rem" : _ref$contentSpacing,
|
|
51579
|
+
paddingOverride = _ref.paddingOverride;
|
|
51580
|
+
var _useContext = useContext(ThemeContext),
|
|
51581
|
+
isMobile = _useContext.isMobile;
|
|
51582
|
+
var secondaryHeadingVariant = getNextHeading(headingVariant);
|
|
51583
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, imageUrl && /*#__PURE__*/React.createElement(HeroImageContainer, {
|
|
51584
|
+
minWidth: minWidth,
|
|
51585
|
+
minHeight: minHeight,
|
|
51586
|
+
padding: paddingOverride !== null && paddingOverride !== void 0 ? paddingOverride : isMobile ? "2rem" : "3rem 5.75rem",
|
|
51587
|
+
extraStyles: getHeroImageVariantStyles({
|
|
51588
|
+
imageUrl: imageUrl,
|
|
51589
|
+
isMobile: isMobile,
|
|
51590
|
+
variant: variant,
|
|
51591
|
+
gradientColorPrimary: themeValues.gradientColorPrimary,
|
|
51592
|
+
gradientColorSecondary: themeValues.gradientColorSecondary
|
|
51593
|
+
})
|
|
51594
|
+
}, /*#__PURE__*/React.createElement(Center, {
|
|
51595
|
+
maxWidth: "78.5rem",
|
|
51596
|
+
width: "100%",
|
|
51597
|
+
intrinsic: true,
|
|
51598
|
+
extraStyles: "\n flex-flow: unset;\n justify-content: flex-start;\n flex-wrap: nowrap;\"\n "
|
|
51599
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
51600
|
+
childGap: contentSpacing,
|
|
51601
|
+
extraStyles: "max-width: ".concat(isMobile ? "100%" : "50%", ";")
|
|
51602
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
51603
|
+
childGap: "0"
|
|
51604
|
+
}, /*#__PURE__*/React.createElement(Title$1, {
|
|
51605
|
+
variant: "hero",
|
|
51606
|
+
as: headingVariant,
|
|
51607
|
+
weight: FONT_WEIGHT_BOLD,
|
|
51608
|
+
color: themeValues.textColor,
|
|
51609
|
+
extraStyles: "line-height: ".concat(isMobile ? "125%" : "115%", ";")
|
|
51610
|
+
}, heading), /*#__PURE__*/React.createElement(Title$1, {
|
|
51611
|
+
variant: "large",
|
|
51612
|
+
as: secondaryHeadingVariant,
|
|
51613
|
+
weight: FONT_WEIGHT_SEMIBOLD,
|
|
51614
|
+
fontSize: isMobile ? "1.5rem" : "2rem",
|
|
51615
|
+
color: themeValues.textColor,
|
|
51616
|
+
extraStyles: "line-height: ".concat(isMobile ? "150%" : "115%", ";")
|
|
51617
|
+
}, subheading)), /*#__PURE__*/React.createElement(Box, {
|
|
51618
|
+
padding: "0"
|
|
51619
|
+
}, /*#__PURE__*/React.createElement(Paragraph$1, {
|
|
51620
|
+
color: themeValues.textColor,
|
|
51621
|
+
extraStyles: "line-height: ".concat(isMobile ? "150%" : "115%", "; ").concat(!isMobile && "font-size: 1.125rem;")
|
|
51622
|
+
}, description))))));
|
|
51623
|
+
};
|
|
51624
|
+
var HeroImage$1 = themeComponent(HeroImage, "HeroImage", fallbackValues$11);
|
|
51625
|
+
|
|
51626
|
+
var pageBackground = "#FBFCFD";
|
|
51627
|
+
var fallbackValues$12 = {
|
|
51529
51628
|
pageBackground: pageBackground
|
|
51530
51629
|
};
|
|
51531
51630
|
|
|
@@ -51573,7 +51672,7 @@ var CenterSingle = function CenterSingle(_ref) {
|
|
|
51573
51672
|
padding: "0"
|
|
51574
51673
|
})));
|
|
51575
51674
|
};
|
|
51576
|
-
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$
|
|
51675
|
+
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$12));
|
|
51577
51676
|
|
|
51578
51677
|
var CenterStack = function CenterStack(_ref) {
|
|
51579
51678
|
var header = _ref.header,
|
|
@@ -51616,7 +51715,7 @@ var CenterStack = function CenterStack(_ref) {
|
|
|
51616
51715
|
padding: "0"
|
|
51617
51716
|
})));
|
|
51618
51717
|
};
|
|
51619
|
-
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$
|
|
51718
|
+
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$12));
|
|
51620
51719
|
|
|
51621
51720
|
var CenterSingle$2 = function CenterSingle(_ref) {
|
|
51622
51721
|
var header = _ref.header,
|
|
@@ -51662,7 +51761,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
|
|
|
51662
51761
|
padding: "0"
|
|
51663
51762
|
})));
|
|
51664
51763
|
};
|
|
51665
|
-
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$
|
|
51764
|
+
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$12));
|
|
51666
51765
|
|
|
51667
51766
|
var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
51668
51767
|
var header = _ref.header,
|
|
@@ -51715,7 +51814,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
|
51715
51814
|
padding: "0"
|
|
51716
51815
|
})));
|
|
51717
51816
|
};
|
|
51718
|
-
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$
|
|
51817
|
+
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$12));
|
|
51719
51818
|
|
|
51720
51819
|
var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
51721
51820
|
var header = _ref.header,
|
|
@@ -51785,7 +51884,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
|
51785
51884
|
key: "footer-box"
|
|
51786
51885
|
})));
|
|
51787
51886
|
};
|
|
51788
|
-
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$
|
|
51887
|
+
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$12));
|
|
51789
51888
|
|
|
51790
51889
|
var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
|
|
51791
51890
|
var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
|
@@ -51856,5 +51955,5 @@ var index$6 = /*#__PURE__*/Object.freeze({
|
|
|
51856
51955
|
useLogoutTimers: useLogoutTimers
|
|
51857
51956
|
});
|
|
51858
51957
|
|
|
51859
|
-
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, AgencyIcon, 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, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, 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, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, ContactCard, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, EmptyCartIconV2$1 as EmptyCartIconV2, 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, IdleModal, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$3 as Modal, Module$1 as Module, Motion, MultiCartIcon, MultipleSelectFilter$1 as MultipleSelectFilter, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoResultsIcon, NotFoundIcon, Obligation$1 as Obligation, iconsMap as ObligationIcons, OverageIcon, 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, PaymentStatusIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PersonIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, PopupMenu$1 as PopupMenu, 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, RegistrationBanner$1 as RegistrationBanner, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess$1 as ResetPasswordSuccess, RevenueManagementImage, ReversalNeededIcon, RoutingNumberImage, Search$1 as Search, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, ShortageIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, SortableTableHeading$1 as SortableTableHeading, 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, 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, ToastNotification, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WalletName, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
|
|
51958
|
+
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, AgencyIcon, 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, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, 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, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, ContactCard, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, EmptyCartIconV2$1 as EmptyCartIconV2, 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, HeroImage$1 as HeroImage, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, IdleModal, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$3 as Modal, Module$1 as Module, Motion, MultiCartIcon, MultipleSelectFilter$1 as MultipleSelectFilter, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoResultsIcon, NotFoundIcon, Obligation$1 as Obligation, iconsMap as ObligationIcons, OverageIcon, 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, PaymentStatusIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PersonIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, PopupMenu$1 as PopupMenu, 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, RegistrationBanner$1 as RegistrationBanner, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess$1 as ResetPasswordSuccess, RevenueManagementImage, ReversalNeededIcon, RoutingNumberImage, Search$1 as Search, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, ShortageIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, SortableTableHeading$1 as SortableTableHeading, 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, 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, ToastNotification, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WalletName, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
|
|
51860
51959
|
//# sourceMappingURL=index.esm.js.map
|