@thecb/components 6.4.0 → 7.0.0-beta.1

package/dist/index.d.ts

@@ -0,0 +1,308 @@
+import React from 'react';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+
+interface CardProps {
+  text?: string;
+  titleText?: string;
+  titleVariant?: string;
+  extraStyles?: string;
+  imgSrc?: string;
+  imgHeight?: string;
+  imgAltText?: string;
+  imgObjectFit?:
+    | "contain"
+    | "cover"
+    | "fill"
+    | "none"
+    | "scale-down"
+    | "inherit"
+    | "initial"
+    | "revert"
+    | "revert-layer"
+    | "unset";
+  headerAs?: string;
+  headerText?: string;
+  headerVariant?: string;
+  borderRadius?: string;
+  width?: string;
+  padding?: string;
+}
+
+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>>;
+
+interface BoxProps {
+  padding?: string;
+  borderSize?: string;
+  borderColor?: string;
+  borderRadius?: string;
+  boxShadow?: string;
+  background?: string;
+  color?: string;
+  minHeight?: string;
+  width?: string;
+  minWidth?: string;
+  maxWidth?: string;
+  borderWidthOverride?: string;
+  border?: string;
+  textAlign?: string;
+  hoverStyles?: string;
+  activeStyles?: string;
+  disabledStyles?: string;
+  variant?: string;
+  as?: string;
+  theme?: string;
+  hiddenStyles?: string;
+  extraStyles?: string;
+  srOnly?: boolean;
+  dataQa?: string;
+}
+
+declare const Box: React.FC<Expand<BoxProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface CenterProps {
+  maxWidth?: string;
+  gutters?: string;
+  intrinsic?: boolean;
+}
+
+declare const Center: React.FC<Expand<CenterProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ClusterProps {
+  childGap?: string;
+  extraStyles?: string;
+  align?: string;
+  justify?: string;
+  minHeight?: string;
+  minWidth?: string;
+  nowrap?: boolean;
+  overflow?: boolean;
+  justifySelf?: string;
+  alignSelf?: string;
+  flexGrow?: string;
+}
+
+declare const Cluster: React.FC<Expand<ClusterProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface CoverProps {
+  minHeight?: string;
+  childGap?: string;
+  padding?: string;
+  fillCenter?: boolean;
+  singleChild?: boolean;
+  centerOverride?: boolean;
+}
+
+declare const Cover: React.FC<Expand<CoverProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface StackProps {
+  childGap?: string;
+  bottomItem?: number;
+  fullHeight?: boolean;
+  direction?:
+    | "row"
+    | "row-reverse"
+    | "column"
+    | "column-reverse"
+    | "initial"
+    | "inherit";
+  justify?:
+    | "flex-start"
+    | "flex-end"
+    | "center"
+    | "space-between"
+    | "space-around"
+    | "space-evenly"
+    | "initial"
+    | "inherit";
+}
+
+declare const Stack: React.FC<Expand<StackProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface SwitcherProps {
+  breakpoint?: string;
+  childGap?: string;
+  largeChild?: string;
+  largeChildSize?: string;
+  maxChildren?: string;
+  maxChildrenOnly?: boolean;
+  padding?: string;
+  extraStyles?: string;
+  constrainMobile?: boolean;
+}
+
+declare const Switcher: React.FC<Expand<SwitcherProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ExternalLinkProps {
+  href: string;
+  newTab?: boolean;
+  size?: string;
+  lineHeight?: string;
+  weight?: string;
+  extraStyles?: string;
+  variant?: string;
+  tabIndex?: string;
+  dataQa?: string;
+  ariaLabel?: string;
+}
+
+declare const ExternalLink: React.FC<Expand<ExternalLinkProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface InternalLinkProps {
+  to: string;
+  color?: string;
+  active?: boolean;
+  fontSize?: string;
+  lineheight?: string;
+  fontWeight?: string;
+  variant?: string;
+  margin?: string;
+  tabIndex?: string;
+  dataQa?: string;
+  extraStyles?: string;
+}
+
+declare const InternalLink: React.FC<Expand<InternalLinkProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface NavFooterProps {
+  leftContent?: JSX.Element;
+  rightContent?: JSX.Element;
+  footerMinHeight?: string;
+  backgroundColor?: string;
+  largeSide?: "left" | "right";
+  largeSideSize?: string;
+  footerPadding?: string;
+  isMobile?: boolean;
+  footerWidth?: string;
+}
+
+declare const NavFooter: React.FC<Expand<NavFooterProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface NavHeaderProps {
+  headerHeight?: string;
+  headerWith?: string;
+  backgroundColor?: string;
+  leftContent?: JSX.Element;
+  rightContent?: JSX.Element;
+  margin?: string;
+  extraStyles?: string;
+  isMobile?: boolean;
+}
+
+declare const NavHeader: React.FC<Expand<NavHeaderProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface NavTabsProps {
+  tabsConfig: Array<{ path: string; label: string }>;
+  tabGap?: string;
+}
+
+declare const NavTabs: React.FC<Expand<NavTabsProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface ParagraphProps {
+  color?: string;
+  themeValues?: string;
+  weight?: string;
+  margin?: string;
+  extraStyles?: string;
+  dataQa?: string;
+  as?: string;
+}
+
+declare const Paragraph: React.FC<Expand<ParagraphProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface TextProps {
+  weight?: string;
+  color?: string;
+  textWrap?: boolean;
+  extraStyles?: string;
+  hoverStyles?: string;
+  as?: string;
+  dataQa?: string;
+  variant?: string;
+}
+
+declare const Text: React.FC<Expand<TextProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface TitleProps {
+  variant?: string;
+  color?: string;
+  margin?: string;
+  extraStyles?: string;
+  weight?: string;
+  textAlign?: string;
+  className?: string;
+  as?: string;
+  dataQa?: string;
+}
+
+declare const Title: React.FC<Expand<TitleProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface FooterWithSubfooterProps {
+  footerLargeSide?: "left" | "right";
+  footerLargeSideSize?: string;
+  leftFooterContent?: JSX.Element;
+  rightFooterContent?: JSX.Element;
+  leftSubfooterContent?: JSX.Element;
+  rightSubfooterContent?: JSX.Element;
+}
+
+declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface DefaultPageTemplateProps {
+  content: JSX.Element;
+  header?: JSX.Element;
+  subHeader?: JSX.Element;
+  footer?: JSX.Element;
+  hideMobileSubHeader?: boolean;
+  maxWidth?: string;
+  gutters?: string;
+  fillPageVertical?: Boolean;
+}
+
+declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Switcher, SwitcherProps, Text, TextProps, Title, TitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}