@thecb/components 10.2.4-beta.8 → 10.3.0
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/README.md +2 -2
- package/dist/index.cjs.js +588 -273
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +64 -1
- package/dist/index.esm.js +584 -272
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/badge/Badge.stories.js +1 -2
- package/src/components/atoms/badge/Badge.theme.js +4 -8
- package/src/components/atoms/breadcrumb/Breadcrumb.js +4 -3
- package/src/components/atoms/breadcrumb/Breadcrumb.theme.js +5 -2
- package/src/components/atoms/button-with-action/ButtonWithAction.js +6 -14
- package/src/components/atoms/button-with-action/ButtonWithAction.stories.js +0 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.theme.js +37 -33
- package/src/components/atoms/button-with-link/ButtonWithLink.js +2 -2
- package/src/components/atoms/form-layouts/FormInput.js +1 -1
- package/src/components/atoms/icons/CloseIcon.d.ts +1 -0
- package/src/components/atoms/icons/CloseIcon.js +48 -0
- package/src/components/atoms/icons/TrashIconV2.d.ts +1 -0
- package/src/components/atoms/icons/TrashIconV2.js +41 -0
- package/src/components/atoms/icons/icons.stories.js +5 -1
- package/src/components/atoms/icons/index.d.ts +2 -0
- package/src/components/atoms/icons/index.js +5 -1
- package/src/components/atoms/layouts/Box.js +0 -1
- package/src/components/atoms/layouts/examples/box-example/BoxExample.stories.js +1 -2
- package/src/components/atoms/link/ExternalLink.styled.js +6 -3
- package/src/components/atoms/link/InternalLink.styled.js +6 -3
- package/src/components/atoms/placeholder/Placeholder.js +74 -87
- package/src/components/atoms/placeholder/Placeholder.stories.js +9 -22
- package/src/components/atoms/text/Text.styled.js +1 -0
- package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.js +1 -0
- package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.stories.js +41 -0
- package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.theme.js +10 -2
- package/src/components/molecules/index.d.ts +1 -0
- package/src/components/molecules/index.js +1 -0
- package/src/components/molecules/link-card/LinkCard.js +2 -5
- package/src/components/molecules/link-card/LinkCard.stories.js +34 -62
- package/src/components/molecules/link-card/LinkCard.theme.js +5 -19
- package/src/components/molecules/obligation/Obligation.js +1 -4
- package/src/components/molecules/obligation/modules/AutopayModalModule.js +1 -4
- package/src/components/molecules/obligation/modules/PaymentDetailsActions.js +1 -5
- package/src/components/molecules/pagination/Pagination.js +1 -7
- package/src/components/molecules/pagination/Pagination.stories.js +32 -0
- package/src/components/molecules/pagination/Pagination.theme.js +1 -2
- package/src/components/molecules/tab-sidebar/TabSidebar.js +2 -2
- package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.js +1 -0
- package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.theme.js +10 -2
- package/src/components/templates/default-page-template/DefaultPageTemplate.js +3 -2
- package/src/constants/index.d.ts +2 -1
- package/src/constants/index.js +12 -3
- package/src/constants/style_constants.d.ts +11 -0
- package/src/constants/style_constants.js +3 -1
- package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +0 -49322
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/.DS_Store +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -290,11 +290,47 @@ declare namespace colors_d {
|
|
|
290
290
|
};
|
|
291
291
|
}
|
|
292
292
|
|
|
293
|
+
type StyleDeclaration = string;
|
|
294
|
+
|
|
295
|
+
declare const HEADER_HEIGHT: StyleDeclaration;
|
|
296
|
+
declare const FOOTER_HEIGHT: StyleDeclaration;
|
|
297
|
+
declare const SPACER_HEIGHT: StyleDeclaration;
|
|
298
|
+
declare const JUMBO_HEIGHT: StyleDeclaration;
|
|
299
|
+
declare const COMPACT_JUMBO_HEIGHT: StyleDeclaration;
|
|
300
|
+
declare const FONT_WEIGHT_REGULAR: StyleDeclaration;
|
|
301
|
+
declare const FONT_WEIGHT_BOLD: StyleDeclaration;
|
|
302
|
+
declare const FONT_WEIGHT_SEMIBOLD: StyleDeclaration;
|
|
303
|
+
declare const LINK_TEXT_DECORATION: StyleDeclaration;
|
|
304
|
+
|
|
305
|
+
declare const style_constants_d_HEADER_HEIGHT: typeof HEADER_HEIGHT;
|
|
306
|
+
declare const style_constants_d_FOOTER_HEIGHT: typeof FOOTER_HEIGHT;
|
|
307
|
+
declare const style_constants_d_SPACER_HEIGHT: typeof SPACER_HEIGHT;
|
|
308
|
+
declare const style_constants_d_JUMBO_HEIGHT: typeof JUMBO_HEIGHT;
|
|
309
|
+
declare const style_constants_d_COMPACT_JUMBO_HEIGHT: typeof COMPACT_JUMBO_HEIGHT;
|
|
310
|
+
declare const style_constants_d_FONT_WEIGHT_REGULAR: typeof FONT_WEIGHT_REGULAR;
|
|
311
|
+
declare const style_constants_d_FONT_WEIGHT_BOLD: typeof FONT_WEIGHT_BOLD;
|
|
312
|
+
declare const style_constants_d_FONT_WEIGHT_SEMIBOLD: typeof FONT_WEIGHT_SEMIBOLD;
|
|
313
|
+
declare const style_constants_d_LINK_TEXT_DECORATION: typeof LINK_TEXT_DECORATION;
|
|
314
|
+
declare namespace style_constants_d {
|
|
315
|
+
export {
|
|
316
|
+
style_constants_d_HEADER_HEIGHT as HEADER_HEIGHT,
|
|
317
|
+
style_constants_d_FOOTER_HEIGHT as FOOTER_HEIGHT,
|
|
318
|
+
style_constants_d_SPACER_HEIGHT as SPACER_HEIGHT,
|
|
319
|
+
style_constants_d_JUMBO_HEIGHT as JUMBO_HEIGHT,
|
|
320
|
+
style_constants_d_COMPACT_JUMBO_HEIGHT as COMPACT_JUMBO_HEIGHT,
|
|
321
|
+
style_constants_d_FONT_WEIGHT_REGULAR as FONT_WEIGHT_REGULAR,
|
|
322
|
+
style_constants_d_FONT_WEIGHT_BOLD as FONT_WEIGHT_BOLD,
|
|
323
|
+
style_constants_d_FONT_WEIGHT_SEMIBOLD as FONT_WEIGHT_SEMIBOLD,
|
|
324
|
+
style_constants_d_LINK_TEXT_DECORATION as LINK_TEXT_DECORATION,
|
|
325
|
+
};
|
|
326
|
+
}
|
|
327
|
+
|
|
293
328
|
|
|
294
329
|
|
|
295
330
|
declare namespace index_d {
|
|
296
331
|
export {
|
|
297
332
|
colors_d as colors,
|
|
333
|
+
style_constants_d as styleConstants,
|
|
298
334
|
};
|
|
299
335
|
}
|
|
300
336
|
|
|
@@ -735,6 +771,10 @@ declare const KebabMenuIcon: JSX.Element;
|
|
|
735
771
|
|
|
736
772
|
declare const MultiCartIcon: JSX.Element;
|
|
737
773
|
|
|
774
|
+
declare const CloseIcon: JSX.Element;
|
|
775
|
+
|
|
776
|
+
declare const TrashIconV2: JSX.Element;
|
|
777
|
+
|
|
738
778
|
interface BoxProps {
|
|
739
779
|
autocompleteValue?: string;
|
|
740
780
|
padding?: string;
|
|
@@ -1175,6 +1215,29 @@ interface ToastNotificationProps {
|
|
|
1175
1215
|
declare const ToastNotification: React.FC<Expand<ToastNotificationProps> &
|
|
1176
1216
|
React.HTMLAttributes<HTMLElement>>;
|
|
1177
1217
|
|
|
1218
|
+
interface PopupMenuProps {
|
|
1219
|
+
menuId?: string;
|
|
1220
|
+
children?: ReactNode;
|
|
1221
|
+
triggerText?: string | JSX.Element;
|
|
1222
|
+
hasIcon?: boolean;
|
|
1223
|
+
iconHelpText?: string; // for screen-readers, required if using an icon for trigger
|
|
1224
|
+
menuFocus?: boolean;
|
|
1225
|
+
containerExtraStyles?: string;
|
|
1226
|
+
textExtraStyles?: string;
|
|
1227
|
+
minWidth?: string;
|
|
1228
|
+
maxWidth?: string;
|
|
1229
|
+
height?: string;
|
|
1230
|
+
position?: { top: string; right: string; bottom: string; left: string };
|
|
1231
|
+
transform?: string;
|
|
1232
|
+
disclosedExtraStyles?: string;
|
|
1233
|
+
borderColor?: string;
|
|
1234
|
+
backgroundColor?: string;
|
|
1235
|
+
popupExtraStyles?: string;
|
|
1236
|
+
}
|
|
1237
|
+
|
|
1238
|
+
declare const PopupMenu: React.FC<Expand<PopupMenuProps> &
|
|
1239
|
+
React.HTMLAttributes<HTMLElement>>;
|
|
1240
|
+
|
|
1178
1241
|
interface DefaultPageTemplateProps {
|
|
1179
1242
|
content: JSX.Element;
|
|
1180
1243
|
header?: JSX.Element;
|
|
@@ -1189,5 +1252,5 @@ interface DefaultPageTemplateProps {
|
|
|
1189
1252
|
declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
|
|
1190
1253
|
React.HTMLAttributes<HTMLElement>>;
|
|
1191
1254
|
|
|
1192
|
-
export { AddValidatorAction, Alert, AlertProps, ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KebabMenuIcon, KioskImage, Loading, LoadingProps, MultiCartIcon, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RadioGroup, RadioGroupProps, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SearchableSelect, SearchableSelectOption, SearchableSelectProps, SetAction, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, ToastNotification, ToastNotificationProps, ToastVariants, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants, index as hooks };
|
|
1255
|
+
export { AddValidatorAction, Alert, AlertProps, ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, ClearAction, CloseIcon, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KebabMenuIcon, KioskImage, Loading, LoadingProps, MultiCartIcon, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, PopupMenu, PopupMenuProps, ProfileImage, RadioGroup, RadioGroupProps, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SearchableSelect, SearchableSelectOption, SearchableSelectProps, SetAction, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, ToastNotification, ToastNotificationProps, ToastVariants, TrashIconV2, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps, index_d as constants, index as hooks };
|
|
1193
1256
|
//# sourceMappingURL=index.d.ts.map
|