@coreui/react 4.0.0-rc.1

package/dist/components/nav/CNavLink.d.ts

@@ -0,0 +1,31 @@
+import React, { ElementType } from 'react';
+import { CLinkProps } from '../link/CLink';
+export interface CNavLinkProps extends Omit<CLinkProps, 'idx'> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'a'
+     */
+    component?: string | ElementType;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+    /**
+     * @ignore
+     */
+    to?: string;
+}
+export declare const CNavLink: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

package/dist/components/nav/CNavTitle.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavTitleProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavTitle: React.ForwardRefExoticComponent<CNavTitleProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/navbar/CNavbar.d.ts

@@ -0,0 +1,43 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background. [docs]
+     *
+     * @type 'dark' | 'light'
+     */
+    colorScheme?: 'dark' | 'light';
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'nav'
+     */
+    component?: string | ElementType;
+    /**
+     * Defines optional container wrapping children elements.
+     *
+     * @type boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid'
+     */
+    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    /**
+     * Defines the responsive breakpoint to determine when content collapses. [docs]
+     */
+    expand?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Place component in non-static positions. [docs]
+     *
+     * @type 'fixed-top' | 'fixed-bottom' | 'sticky-top'
+     */
+    placement?: 'fixed-top' | 'fixed-bottom' | 'sticky-top';
+}
+export declare const CNavbar: React.ForwardRefExoticComponent<CNavbarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navbar/CNavbarBrand.d.ts

@@ -0,0 +1,17 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarBrandProps extends HTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     */
+    component?: string | ElementType;
+    /**
+     * The href attribute specifies the URL of the page the link goes to. [docs]
+     */
+    href?: string;
+}
+export declare const CNavbarBrand: React.ForwardRefExoticComponent<CNavbarBrandProps & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;

package/dist/components/navbar/CNavbarNav.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'ul'
+     */
+    component?: string | ElementType;
+}
+export declare const CNavbarNav: React.ForwardRefExoticComponent<CNavbarNavProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;

package/dist/components/navbar/CNavbarText.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTextProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavbarText: React.ForwardRefExoticComponent<CNavbarTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/navbar/CNavbarToggler.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavbarToggler: React.ForwardRefExoticComponent<CNavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/offcanvas/COffcanvas.d.ts

@@ -0,0 +1,37 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Apply a backdrop on body while offcanvas is open. [docs]
+     *
+     * @default true
+     */
+    backdrop?: boolean;
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Closes the offcanvas when escape key is pressed [docs]
+     *
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Method called before the dissmiss animation has started. [docs]
+     */
+    onDismiss?: () => void;
+    /**
+     * Components placement, there’s no default placement. [docs]
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     */
+    placement: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Generates modal using createPortal. [docs]
+     */
+    portal?: boolean;
+    /**
+     * Toggle the visibility of offcanvas component. [docs]
+     */
+    visible?: boolean;
+}
+export declare const COffcanvas: React.ForwardRefExoticComponent<COffcanvasProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasBody.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const COffcanvasBody: React.ForwardRefExoticComponent<COffcanvasBodyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasHeader.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const COffcanvasHeader: React.ForwardRefExoticComponent<COffcanvasHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasTitle.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface COffcanvasTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'h5'
+     */
+    component?: string | ElementType;
+}
+export declare const COffcanvasTitle: React.ForwardRefExoticComponent<COffcanvasTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/pagination/CPagination.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export interface CPaginationProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * Set the alignment of pagination components. [docs]
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Size the component small or large. [docs]
+     */
+    size?: 'sm' | 'lg';
+}
+export declare const CPagination: React.ForwardRefExoticComponent<CPaginationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/pagination/CPaginationItem.d.ts

@@ -0,0 +1,16 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CPaginationItemProps extends HTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     */
+    component?: string | ElementType;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+}
+export declare const CPaginationItem: React.ForwardRefExoticComponent<CPaginationItemProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/popover/CPopover.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { Triggers } from '../Types';
+export interface CPopoverProps {
+    children: ReactElement;
+    /**
+     * Content node for your component. [docs]
+     */
+    content: ReactNode;
+    /**
+     * Offset of the popover relative to its target. [docs]
+     * @default '[0, 8]'
+     */
+    offset?: [number, number];
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: ReactNode;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. [docs]
+     */
+    trigger?: Triggers | Triggers[];
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. [docs]
+     *
+     * @type 'top' | 'right' | 'bottom' | 'left'
+     * @default 'top'
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Toggle the visibility of popover component. [docs]
+     *
+     * @default true
+     */
+    visible?: boolean;
+}
+export declare const CPopover: FC<CPopoverProps>;

package/dist/components/popover/CPopoverContent.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+import { CPopoverProps } from './CPopover';
+import { PopperChildrenProps } from 'react-popper';
+interface CPopoverContentProps extends Omit<CPopoverProps, 'placement' | 'children' | 'trigger'>, Omit<PopperChildrenProps, 'placementPostfix' | 'style'> {
+    transitionClass?: string;
+    style?: CSSProperties;
+    placementClassNamePostfix?: string;
+}
+export declare const CPopoverContent: React.ForwardRefExoticComponent<Pick<CPopoverContentProps, "style" | "title" | "visible" | "content" | "placement" | "arrowProps" | "forceUpdate" | "update" | "isReferenceHidden" | "hasPopperEscaped" | "offset" | "placementClassNamePostfix" | "transitionClass"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/progress/CProgress.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from 'react';
+import { CProgressBarProps } from './CProgressBar';
+export interface CProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, CProgressBarProps {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. [docs]
+     */
+    height?: number;
+    /**
+     * Makes progress bar thinner. [docs]
+     */
+    thin?: boolean;
+    /**
+     * The percent to progress the ProgressBar (out of 100). [docs]
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Change the default color to white. [docs]
+     */
+    white?: boolean;
+}
+export declare const CProgress: React.ForwardRefExoticComponent<CProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/progress/CProgressBar.d.ts

@@ -0,0 +1,29 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Use to animate the stripes right to left via CSS3 animations. [docs]
+     */
+    animated?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * The percent to progress the ProgressBar. [docs]
+     *
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Set the progress bar variant to optional striped. [docs]
+     */
+    variant?: 'striped';
+}
+export declare const CProgressBar: React.ForwardRefExoticComponent<CProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/CSidebar.d.ts

@@ -0,0 +1,36 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Make sidebar narrow. [docs]
+     */
+    narrow?: boolean;
+    /**
+     * Event emitted after visibility of component changed. [docs]
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * Set sidebar to narrow variant. [docs]
+     */
+    overlaid?: boolean;
+    /**
+     * Place sidebar in non-static positions. [docs]
+     */
+    position?: 'fixed' | 'sticky';
+    /**
+     * Size the component small, large, or extra large. [docs]
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * Expand narrowed sidebar on hover. [docs]
+     */
+    unfoldable?: boolean;
+    /**
+     * Toggle the visibility of sidebar component. [docs]
+     */
+    visible?: boolean;
+}
+export declare const CSidebar: React.ForwardRefExoticComponent<CSidebarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/CSidebarBrand.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarBrandProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CSidebarBrand: React.ForwardRefExoticComponent<CSidebarBrandProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/CSidebarFooter.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CSidebarFooter: React.ForwardRefExoticComponent<CSidebarFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/CSidebarHeader.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CSidebarHeader: React.ForwardRefExoticComponent<CSidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/sidebar/CSidebarNav.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+interface ContextProps {
+    visibleGroup: string;
+    setVisibleGroup: React.Dispatch<React.SetStateAction<string | undefined>>;
+}
+export declare const CNavContext: React.Context<ContextProps>;
+export declare const CSidebarNav: React.ForwardRefExoticComponent<CSidebarNavProps & React.RefAttributes<HTMLUListElement>>;
+export {};

package/dist/components/sidebar/CSidebarToggler.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CSidebarToggler: React.ForwardRefExoticComponent<CSidebarTogglerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/spinner/CSpinner.d.ts

@@ -0,0 +1,37 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string }
+     */
+    color?: Colors;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'div'
+     */
+    component?: string | ElementType;
+    /**
+     * Size the component small. [docs]
+     */
+    size?: 'sm';
+    /**
+     * Set the button variant to an outlined button or a ghost button. [docs]
+     *
+     * @default 'border'
+     */
+    variant?: 'border' | 'grow';
+    /**
+     * Set visually hidden label for accessibility purposes. [docs]
+     *
+     * @default 'Loading...'
+     */
+    visuallyHiddenLabel?: string;
+}
+export declare const CSpinner: React.ForwardRefExoticComponent<CSpinnerProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/components/table/CTable.d.ts

@@ -0,0 +1,53 @@
+import React, { TableHTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /**
+     * Set the vertical aligment. [docs]
+     */
+    align?: 'bottom' | 'middle' | 'top';
+    /**
+     * Sets the border color of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    borderColor?: Colors;
+    /**
+     * Add borders on all sides of the table and cells. [docs]
+     */
+    bordered?: boolean;
+    /**
+     * Remove borders on all sides of the table and cells. [docs]
+     */
+    borderless?: boolean;
+    /**
+     * Put the `<caption>` on the top of the table. [docs]
+     */
+    caption?: 'top';
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Enable a hover state on table rows within a `<CTableBody>`. [docs]
+     */
+    hover?: boolean;
+    /**
+     * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. [docs]
+     */
+    responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Make table more compact by cutting all cell `padding` in half. [docs]
+     */
+    small?: boolean;
+    /**
+     * Add zebra-striping to any table row within the `<CTableBody>`. [docs]
+     */
+    striped?: boolean;
+}
+export declare const CTable: React.ForwardRefExoticComponent<CTableProps & React.RefAttributes<HTMLTableElement>>;

package/dist/components/table/CTableBody.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export declare const CTableBody: React.ForwardRefExoticComponent<CTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/table/CTableCaption.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CTableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;

package/dist/components/table/CTableDataCell.d.ts

@@ -0,0 +1,23 @@
+import React, { TdHTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableDataCellProps extends Omit<TdHTMLAttributes<HTMLTableDataCellElement>, 'align'> {
+    /**
+     * Highlight a table row or cell. [docs]
+     */
+    active?: boolean;
+    /**
+     * Set the vertical aligment. [docs]
+     */
+    align?: 'bottom' | 'middle' | 'top';
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export declare const CTableDataCell: React.ForwardRefExoticComponent<CTableDataCellProps & React.RefAttributes<HTMLTableDataCellElement>>;

package/dist/components/table/CTableFoot.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export declare const CTableFoot: React.ForwardRefExoticComponent<CTableFootProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/table/CTableHead.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export declare const CTableHead: React.ForwardRefExoticComponent<CTableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/table/CTableHeaderCell.d.ts

@@ -0,0 +1,15 @@
+import React, { ThHTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableHeaderCellProps extends ThHTMLAttributes<HTMLTableHeaderCellElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export declare const CTableHeaderCell: React.ForwardRefExoticComponent<CTableHeaderCellProps & React.RefAttributes<HTMLTableHeaderCellElement>>;