@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.cjs.js +21 -33
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +20 -32
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-link/ButtonWithLink.js +0 -6
- package/src/components/atoms/link/InternalLink.styled.js +0 -1
- package/src/components/atoms/link/Link.theme.js +10 -8
- package/src/constants/colors.d.ts +120 -0
- package/src/constants/index.d.ts +1 -0
- /package/src/components/atoms/icons/{ExternalLinkicon.js → ExternalLinkIcon.js} +0 -0
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
|
|
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
|
|
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 =
|
|
19716
|
-
var activeColor$3 =
|
|
19717
|
-
var
|
|
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:", ";
|
|
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
|
|
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", "
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|