@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.
Files changed (57) hide show
  1. package/README.md +2 -2
  2. package/dist/index.cjs.js +588 -273
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +64 -1
  5. package/dist/index.esm.js +584 -272
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/atoms/badge/Badge.stories.js +1 -2
  9. package/src/components/atoms/badge/Badge.theme.js +4 -8
  10. package/src/components/atoms/breadcrumb/Breadcrumb.js +4 -3
  11. package/src/components/atoms/breadcrumb/Breadcrumb.theme.js +5 -2
  12. package/src/components/atoms/button-with-action/ButtonWithAction.js +6 -14
  13. package/src/components/atoms/button-with-action/ButtonWithAction.stories.js +0 -1
  14. package/src/components/atoms/button-with-action/ButtonWithAction.theme.js +37 -33
  15. package/src/components/atoms/button-with-link/ButtonWithLink.js +2 -2
  16. package/src/components/atoms/form-layouts/FormInput.js +1 -1
  17. package/src/components/atoms/icons/CloseIcon.d.ts +1 -0
  18. package/src/components/atoms/icons/CloseIcon.js +48 -0
  19. package/src/components/atoms/icons/TrashIconV2.d.ts +1 -0
  20. package/src/components/atoms/icons/TrashIconV2.js +41 -0
  21. package/src/components/atoms/icons/icons.stories.js +5 -1
  22. package/src/components/atoms/icons/index.d.ts +2 -0
  23. package/src/components/atoms/icons/index.js +5 -1
  24. package/src/components/atoms/layouts/Box.js +0 -1
  25. package/src/components/atoms/layouts/examples/box-example/BoxExample.stories.js +1 -2
  26. package/src/components/atoms/link/ExternalLink.styled.js +6 -3
  27. package/src/components/atoms/link/InternalLink.styled.js +6 -3
  28. package/src/components/atoms/placeholder/Placeholder.js +74 -87
  29. package/src/components/atoms/placeholder/Placeholder.stories.js +9 -22
  30. package/src/components/atoms/text/Text.styled.js +1 -0
  31. package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.js +1 -0
  32. package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.stories.js +41 -0
  33. package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.theme.js +10 -2
  34. package/src/components/molecules/index.d.ts +1 -0
  35. package/src/components/molecules/index.js +1 -0
  36. package/src/components/molecules/link-card/LinkCard.js +2 -5
  37. package/src/components/molecules/link-card/LinkCard.stories.js +34 -62
  38. package/src/components/molecules/link-card/LinkCard.theme.js +5 -19
  39. package/src/components/molecules/obligation/Obligation.js +1 -4
  40. package/src/components/molecules/obligation/modules/AutopayModalModule.js +1 -4
  41. package/src/components/molecules/obligation/modules/PaymentDetailsActions.js +1 -5
  42. package/src/components/molecules/pagination/Pagination.js +1 -7
  43. package/src/components/molecules/pagination/Pagination.stories.js +32 -0
  44. package/src/components/molecules/pagination/Pagination.theme.js +1 -2
  45. package/src/components/molecules/tab-sidebar/TabSidebar.js +2 -2
  46. package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.js +1 -0
  47. package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.theme.js +10 -2
  48. package/src/components/templates/default-page-template/DefaultPageTemplate.js +3 -2
  49. package/src/constants/index.d.ts +2 -1
  50. package/src/constants/index.js +12 -3
  51. package/src/constants/style_constants.d.ts +11 -0
  52. package/src/constants/style_constants.js +3 -1
  53. package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +0 -49322
  54. package/src/.DS_Store +0 -0
  55. package/src/components/.DS_Store +0 -0
  56. package/src/components/atoms/.DS_Store +0 -0
  57. 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