@thecb/components 8.3.1-beta.1 → 8.3.1-beta.10

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
@@ -12725,7 +12725,7 @@ var hoverColor = {
12725
12725
  whiteSecondary: WHITE,
12726
12726
  whitePrimary: WHITE
12727
12727
  };
12728
- var activeBackgroundColor$1 = {
12728
+ var activeBackgroundColor = {
12729
12729
  primary: PEACOCK_BLUE,
12730
12730
  secondary: "#B8D5E1",
12731
12731
  back: TRANSPARENT,
@@ -12779,7 +12779,7 @@ var fallbackValues$1 = {
12779
12779
  hoverBackgroundColor: hoverBackgroundColor,
12780
12780
  hoverBorderColor: hoverBorderColor,
12781
12781
  hoverColor: hoverColor,
12782
- activeBackgroundColor: activeBackgroundColor$1,
12782
+ activeBackgroundColor: activeBackgroundColor,
12783
12783
  activeBorderColor: activeBorderColor,
12784
12784
  activeColor: activeColor
12785
12785
  };
@@ -19700,27 +19700,17 @@ var fallbackValues$9 = {
19700
19700
  hover: hover
19701
19701
  };
19702
19702
 
19703
-
19704
-
19705
- var index$4 = /*#__PURE__*/Object.freeze({
19706
- __proto__: null,
19707
- colors: colors,
19708
- fontWeights: style_constants
19709
- });
19710
-
19711
19703
  var fontFamily$2 = {
19712
19704
  primary: "Public Sans",
19713
19705
  secondary: "Open Sans"
19714
19706
  };
19715
- var hoverColor$2 = "#116285";
19716
- var activeColor$3 = "#0E506D";
19717
- var activeBackgroundColor$2 = INFO_BLUE;
19718
- var externalLinkColor = "#15749D";
19707
+ var hoverColor$2 = SAPPHIRE_BLUE;
19708
+ var activeColor$3 = PEACOCK_BLUE;
19709
+ var externalLinkColor = MATISSE_BLUE;
19719
19710
  var fallbackValues$a = {
19720
19711
  fontFamily: fontFamily$2,
19721
19712
  hoverColor: hoverColor$2,
19722
19713
  activeColor: activeColor$3,
19723
- activeBackgroundColor: activeBackgroundColor$2,
19724
19714
  externalLinkColor: externalLinkColor
19725
19715
  };
19726
19716
 
@@ -19834,7 +19824,7 @@ var StyledInternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
19834
19824
  })).withConfig({
19835
19825
  displayName: "InternalLinkstyled__StyledInternalLink",
19836
19826
  componentId: "sc-cuqxud-0"
19837
- })(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";background-color:", ";}", ""], function (_ref2) {
19827
+ })(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";}", ""], function (_ref2) {
19838
19828
  var color = _ref2.color,
19839
19829
  active = _ref2.active,
19840
19830
  activeColor = _ref2.activeColor;
@@ -19861,10 +19851,7 @@ var StyledInternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
19861
19851
  var activeColor = _ref9.activeColor;
19862
19852
  return activeColor;
19863
19853
  }, function (_ref10) {
19864
- var activeBackgroundColor = _ref10.activeBackgroundColor;
19865
- return activeBackgroundColor;
19866
- }, function (_ref11) {
19867
- var extrastyles = _ref11.extrastyles;
19854
+ var extrastyles = _ref10.extrastyles;
19868
19855
  return extrastyles;
19869
19856
  });
19870
19857
  /* eslint-enable no-unused-vars */
@@ -21515,13 +21502,11 @@ _curry2(function test(pattern, str) {
21515
21502
 
21516
21503
  var URL_TEST = /(([a-z]{3,6}:\/\/)|(^|\s))([a-zA-Z0-9\-]+\.)+[a-z]{2,13}[\.\?\=\&\%\/\w\-]*\b([^@]|$)/;
21517
21504
 
21518
- var _excluded$m = ["url", "active", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
21505
+ var _excluded$m = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
21519
21506
 
21520
21507
  var ButtonWithLink = function ButtonWithLink(_ref) {
21521
21508
  var _ref$url = _ref.url,
21522
21509
  url = _ref$url === void 0 ? "/" : _ref$url,
21523
- _ref$active = _ref.active,
21524
- active = _ref$active === void 0 ? false : _ref$active,
21525
21510
  _ref$disabled = _ref.disabled,
21526
21511
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
21527
21512
  _ref$fileLink = _ref.fileLink,
@@ -21536,7 +21521,6 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
21536
21521
  var ButtonWithLinkWrapper = function ButtonWithLinkWrapper(_ref2) {
21537
21522
  var children = _ref2.children,
21538
21523
  url = _ref2.url,
21539
- active = _ref2.active,
21540
21524
  disabled = _ref2.disabled,
21541
21525
  newTab = _ref2.newTab,
21542
21526
  dataQa = _ref2.dataQa,
@@ -21554,8 +21538,6 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
21554
21538
  dataQa: dataQa
21555
21539
  }, safeChildren(children, /*#__PURE__*/React.createElement("span", null))) : /*#__PURE__*/React.createElement(InternalLink, {
21556
21540
  to: url,
21557
- active: active,
21558
- activeBackgroundColor: activeBackgroundColor,
21559
21541
  tabIndex: "-1",
21560
21542
  dataQa: dataQa,
21561
21543
  extraStyles: extraStyles
@@ -21564,8 +21546,6 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
21564
21546
 
21565
21547
  return /*#__PURE__*/React.createElement(ButtonWithLinkWrapper, {
21566
21548
  url: url,
21567
- active: active,
21568
- activeBackgroundColor: activeBackgroundColor,
21569
21549
  disabled: disabled,
21570
21550
  newTab: newTab,
21571
21551
  extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n text-decoration: none; }"),
@@ -25379,7 +25359,7 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
25379
25359
 
25380
25360
 
25381
25361
 
25382
- var index$5 = /*#__PURE__*/Object.freeze({
25362
+ var index$4 = /*#__PURE__*/Object.freeze({
25383
25363
  __proto__: null,
25384
25364
  formats: formats,
25385
25365
  general: general,
@@ -38203,6 +38183,14 @@ var NavTabs = function NavTabs(_ref) {
38203
38183
  }, tabs)));
38204
38184
  };
38205
38185
 
38186
+
38187
+
38188
+ var index$5 = /*#__PURE__*/Object.freeze({
38189
+ __proto__: null,
38190
+ colors: colors,
38191
+ fontWeights: style_constants
38192
+ });
38193
+
38206
38194
  var shineFrames = keyframes$3(["{0{background-position:0 0;}20%{background-position:100% 100%;}100%{background-position:100% 100%;}}"]);
38207
38195
  var LoadingPill = styled.div.withConfig({
38208
38196
  displayName: "LoadingPillstyled__LoadingPill",
@@ -47523,11 +47511,11 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
47523
47511
  var arrowColor = WHITE;
47524
47512
  var numberColor = MATISSE_BLUE;
47525
47513
  var hoverBackgroundColor$2 = ALABASTER_WHITE;
47526
- var activeBackgroundColor$3 = WHITE;
47514
+ var activeBackgroundColor$1 = WHITE;
47527
47515
  var activeColor$9 = MATISSE_BLUE;
47528
47516
  var fallbackValues$L = {
47529
47517
  activeColor: activeColor$9,
47530
- activeBackgroundColor: activeBackgroundColor$3,
47518
+ activeBackgroundColor: activeBackgroundColor$1,
47531
47519
  arrowColor: arrowColor,
47532
47520
  hoverBackgroundColor: hoverBackgroundColor$2,
47533
47521
  numberColor: numberColor
@@ -50144,5 +50132,5 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
50144
50132
 
50145
50133
  var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$T));
50146
50134
 
50147
- 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, 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, 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, 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, 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$4 as constants, createPartialAmountFormState, index$5 as util, withWindowSize };
50135
+ 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, 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, 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, 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, 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 };
50148
50136
  //# sourceMappingURL=index.esm.js.map