@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.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 maxWidth = _ref.maxWidth;
6514
- return maxWidth;
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 gutters = _ref2.gutters;
6517
- return gutters;
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 intrinsic = _ref4.intrinsic;
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 isUnderlined = _ref7.isUnderlined;
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 (_ref9) {
22283
- var activeColor = _ref9.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 (_ref10) {
22286
- var extrastyles = _ref10.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 isUnderlined = _ref8.isUnderlined;
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 (_ref10) {
22401
- var activeColor = _ref10.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 (_ref11) {
22404
- var extrastyles = _ref11.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:2rem;"], function (_ref) {
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 (_ref2) {
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;width:", ";padding-left:", ";> *{width:inherit;}"], function (_ref4) {
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 ? "0" : "2rem";
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.MD : FONT_SIZE.LG,
49819
+ fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.LG,
49805
49820
  color: themeValues.secondaryColor
49806
- }, "Save payment methods and billing information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
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, null, test(URL_TEST, link.link) ? /*#__PURE__*/React.createElement(ExternalLink, {
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 pageBackground = "#FBFCFD";
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$11));
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$11));
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$11));
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$11));
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$11));
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