@thecb/components 7.10.5-beta.2 → 7.10.5-beta.3

package/dist/index.d.ts

@@ -2,6 +2,32 @@ import React from 'react';
 
 type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 
+interface ButtonWithActionProps {
+  action?: React.SyntheticEvent;
+  variant?: string;
+  text?: string;
+  textWrap?: boolean;
+  isLoading?: boolean;
+  textExtraStyles?: string;
+  contentOverride?: boolean;
+  extraStyles?: string;
+  tabIndex?: string;
+}
+
+declare const ButtonWithAction: React.FC<Expand<ButtonWithActionProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ButtonWithLinkProps extends ButtonWithActionProps {
+  linkExtraStyles?: string;
+  url: string;
+  disabled?: boolean;
+  fileLink?: boolean;
+  newTab?: boolean;
+}
+
+declare const ButtonWithLink: React.FC<Expand<ButtonWithLinkProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface CardProps {
   text?: string;
   titleText?: string;
@@ -33,40 +59,155 @@ interface CardProps {
 declare const Card: React.FC<Expand<CardProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-interface ButtonWithActionProps {
-  action?: React.SyntheticEvent;
-  variant?: string;
-  text?: string;
-  textWrap?: boolean;
-  isLoading?: boolean;
-  textExtraStyles?: string;
-  contentOverride?: boolean;
-  extraStyles?: string;
-  tabIndex?: string;
+interface ArrowDownCircleIconSmallProps {
+  color?: string;
+  iconIndex?: number;
 }
 
-declare const ButtonWithAction: React.FC<Expand<ButtonWithActionProps> &
+declare const ArrowDownCircleIconSmall: React.FC<Expand<
+  ArrowDownCircleIconSmallProps
+> &
   React.HTMLAttributes<HTMLElement>>;
 
-interface ButtonWithLinkProps extends ButtonWithActionProps {
-  linkExtraStyles?: string;
-  url: string;
-  disabled?: boolean;
-  fileLink?: boolean;
-  newTab?: boolean;
+interface ArrowLeftCircleIconMediumProps {
+  color?: string;
+  iconIndex?: number;
 }
 
-declare const ButtonWithLink: React.FC<Expand<ButtonWithLinkProps> &
+declare const ArrowLeftCircleIconMedium: React.FC<Expand<
+  ArrowLeftCircleIconMediumProps
+> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ArrowLeftCircleIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ArrowLeftCircleIconSmall: React.FC<Expand<
+  ArrowLeftCircleIconSmallProps
+> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ArrowRightCircleIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ArrowRightCircleIconSmall: React.FC<Expand<
+  ArrowRightCircleIconSmallProps
+> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ArrowUpCircleIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ArrowUpCircleIconSmall: React.FC<Expand<
+  ArrowUpCircleIconSmallProps
+> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface BankIconLargeProps {
+  iconIndex?: number;
+}
+
+declare const BankIconLarge: React.FC<Expand<BankIconLargeProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ChargebackIconMediumProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ChargebackIconMedium: React.FC<Expand<ChargebackIconMediumProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ChargebackIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ChargebackIconSmall: React.FC<Expand<ChargebackIconSmallProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ChargebackReversalIconMediumProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ChargebackReversalIconMedium: React.FC<Expand<
+  ChargebackReversalIconMediumProps
+> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ChargebackReversalIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const ChargebackReversalIconSmall: React.FC<Expand<
+  ChargebackReversalIconSmallProps
+> &
   React.HTMLAttributes<HTMLElement>>;
 
 declare const GuidedCheckoutImage: JSX.Element;
 
+declare const HistoryIconSmall: JSX.Element;
+
 declare const ProfileImage: JSX.Element;
 
+interface RefundIconMediumProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const RefundIconMedium: React.FC<Expand<RefundIconMediumProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface RefundIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const RefundIconSmall: React.FC<Expand<RefundIconSmallProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 declare const RevenueManagementImage: JSX.Element;
 
 declare const StandardCheckoutImage: JSX.Element;
 
+interface SuccessfulIconMediumProps {
+  iconIndex?: number;
+}
+
+declare const SuccessfulIconMedium: React.FC<Expand<SuccessfulIconMediumProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface SuccessfulIconSmallProps {
+  iconIndex?: number;
+}
+
+declare const SuccessfulIconSmall: React.FC<Expand<SuccessfulIconSmallProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface XCircleIconMediumProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const XCircleIconMedium: React.FC<Expand<XCircleIconMediumProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface XCircleIconSmallProps {
+  color?: string;
+  iconIndex?: number;
+}
+
+declare const XCircleIconSmall: React.FC<Expand<XCircleIconSmallProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface BoxProps {
   padding?: string;
   borderSize?: string;
@@ -118,6 +259,7 @@ interface ClusterProps {
   justifySelf?: string;
   alignSelf?: string;
   flexGrow?: string;
+  innerWrapperAs?: string;
 }
 
 declare const Cluster: React.FC<Expand<ClusterProps> &
@@ -258,6 +400,54 @@ interface ParagraphProps {
 declare const Paragraph: React.FC<Expand<ParagraphProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface TableProps {
+  extraStyles?: string;
+}
+
+interface TableBodyProps {
+  extraStyles?: string;
+}
+
+interface TableCellProps {
+  extraStyles?: string;
+  fontSize?: string;
+  maxWidth?: string;
+  padding?: string;
+}
+
+interface TableHeadProps {
+  extraStyles?: string;
+}
+interface TableHeadingProps {
+  extraStyles?: string;
+  minWidth?: string;
+  padding?: string;
+}
+
+interface TableRowProps {
+  extraStyles?: string;
+  hoverCursor?: boolean;
+  hoverEffect?: boolean;
+}
+
+declare const Table: React.FC<Expand<TableProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+declare const TableBody: React.FC<Expand<TableBodyProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+declare const TableCell: React.FC<Expand<TableCellProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+declare const TableHead: React.FC<Expand<TableHeadProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+declare const TableHeading: React.FC<Expand<TableHeadingProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+declare const TableRow: React.FC<Expand<TableRowProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface TextProps {
   weight?: string;
   color?: string;
@@ -381,6 +571,9 @@ interface PopoverProps {
   arrowDirection?: "left" | "right" | "top" | "bottom";
   transform?: string;
   disclosedExtraStyles?: string;
+  borderColor?: string;
+  backgroundColor?: string;
+  popoverExtraStyles?: string;
 }
 
 declare const Popover: React.FC<Expand<PopoverProps> &
@@ -400,5 +593,5 @@ interface DefaultPageTemplateProps {
 declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, GuidedCheckoutImage, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, ProfileImage, RevenueManagementImage, Stack, StackProps, StandardCheckoutImage, Switcher, SwitcherProps, TableListItem, TableListItemProps, Text, TextProps, Title, TitleProps };
+export { 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, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, ProfileImage, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RevenueManagementImage, 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, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
 //# sourceMappingURL=index.d.ts.map