@thecb/components 7.7.3-beta.2 → 7.7.3-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,32 +59,6 @@ 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;
-}
-
-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>>;
-
 declare const GuidedCheckoutImage: JSX.Element;
 
 declare const HistoryIconSmall: JSX.Element;
@@ -260,6 +260,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;
@@ -402,5 +450,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, HistoryIconSmall, 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 { 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, HistoryIconSmall, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, ProfileImage, RevenueManagementImage, Stack, StackProps, StandardCheckoutImage, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.esm.js

@@ -36419,7 +36419,7 @@ var LoadingLine = function LoadingLine(_ref) {
 var Table_styled = styled.table.withConfig({
   displayName: "Tablestyled",
   componentId: "sc-mveye7-0"
-})(["width:100%;table-layout:auto;", ""], function (_ref) {
+})(["width:100%;table-layout:auto;border-collapse:collapse;", ""], function (_ref) {
   var extraStyles = _ref.extraStyles;
   return extraStyles;
 });
@@ -36435,11 +36435,20 @@ var TableBody_styled = styled.tbody.withConfig({
 var TableCell_styled = styled.td.withConfig({
   displayName: "TableCellstyled",
   componentId: "sc-iqndn8-0"
-})(["padding:", ";font-size:0.875rem;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;&:last-child{text-align:right;}", ";"], function (_ref) {
-  var padding = _ref.padding;
-  return padding ? padding : "24px";
+})(["padding:", ";font-size:", " white-space:nowrap;max-width:", ";overflow:hidden;text-overflow:ellipsis;&:last-child{text-align:right;}", ";"], function (_ref) {
+  var _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "24px" : _ref$padding;
+  return padding;
 }, function (_ref2) {
-  var extraStyles = _ref2.extraStyles;
+  var _ref2$fontSize = _ref2.fontSize,
+      fontSize = _ref2$fontSize === void 0 ? "0.875rem" : _ref2$fontSize;
+  return fontSize;
+}, function (_ref3) {
+  var _ref3$maxWidth = _ref3.maxWidth,
+      maxWidth = _ref3$maxWidth === void 0 ? "250px" : _ref3$maxWidth;
+  return maxWidth;
+}, function (_ref4) {
+  var extraStyles = _ref4.extraStyles;
   return extraStyles;
 });
 
@@ -36453,12 +36462,16 @@ var fallbackValues$A = {
 var StyledTableHead = styled.thead.withConfig({
   displayName: "TableHeadstyled",
   componentId: "sc-j8e6c1-0"
-})(["background-color:", ";border-bottom:", ";font-size:0.875rem;"], function (_ref) {
+})(["background-color:", ";border-bottom:", ";font-size:", ";"], function (_ref) {
   var backgroundColor = _ref.backgroundColor;
   return backgroundColor;
 }, function (_ref2) {
   var borderColor = _ref2.borderColor;
   return "1px solid ".concat(borderColor);
+}, function (_ref3) {
+  var _ref3$fontSize = _ref3.fontSize,
+      fontSize = _ref3$fontSize === void 0 ? "0.875rem" : _ref3$fontSize;
+  return fontSize;
 });
 
 var borderColor$4 = GREY_CHATEAU;
@@ -36526,11 +36539,16 @@ var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$A);
 var TableHeading_styled = styled.th.withConfig({
   displayName: "TableHeadingstyled",
   componentId: "sc-1ggk38d-0"
-})(["padding:24px;min-width:", ";text-align:left;&:last-child{text-align:right;}", ""], function (_ref) {
-  var minWidth = _ref.minWidth;
-  return minWidth ? minWidth : "initial";
+})(["padding:", ";min-width:", ";text-align:left;&:last-child{text-align:right;}", ""], function (_ref) {
+  var _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "24px" : _ref$padding;
+  return padding;
 }, function (_ref2) {
-  var extraStyles = _ref2.extraStyles;
+  var _ref2$minWidth = _ref2.minWidth,
+      minWidth = _ref2$minWidth === void 0 ? "initial" : _ref2$minWidth;
+  return minWidth;
+}, function (_ref3) {
+  var extraStyles = _ref3.extraStyles;
   return extraStyles;
 });