@coreui/react-pro 4.0.0-rc.1

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

@@ -0,0 +1,23 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CTableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * 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 CTableRow: React.ForwardRefExoticComponent<CTableRowProps & React.RefAttributes<HTMLTableRowElement>>;

package/dist/components/tabs/CTabContent.d.ts

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

package/dist/components/tabs/CTabPane.d.ts

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

package/dist/components/toast/CToast.d.ts

@@ -0,0 +1,53 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Apply a CSS fade transition to the toast. [docs]
+     *
+     * @default true
+     */
+    animation?: boolean;
+    /**
+     * Auto hide the toast. [docs]
+     *
+     * @default true
+     */
+    autohide?: boolean;
+    /**
+     * A string of all className you want applied to the base 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;
+    /**
+     * Delay hiding the toast (ms). [docs]
+     */
+    delay?: number;
+    /**
+     * @ignore
+     */
+    index?: number;
+    /**
+     * @ignore
+     */
+    key?: number;
+    /**
+     * Toggle the visibility of component. [docs]
+     */
+    visible?: boolean;
+    /**
+     * Method called before the dissmiss animation has started. [docs]
+     */
+    onDismiss?: (index: number | null) => void;
+}
+interface ContextProps extends CToastProps {
+    visible?: boolean;
+    setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+}
+export declare const CToastContext: React.Context<ContextProps>;
+export declare const CToast: React.ForwardRefExoticComponent<CToastProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/toast/CToastBody.d.ts

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

package/dist/components/toast/CToastClose.d.ts

@@ -0,0 +1,9 @@
+import React, { ElementType } from 'react';
+import { CCloseButtonProps } from '../close-button/CCloseButton';
+export interface CToastCloseProps extends CCloseButtonProps {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     */
+    component?: string | ElementType;
+}
+export declare const CToastClose: React.ForwardRefExoticComponent<CToastCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/toast/CToastHeader.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CToastHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Automatically add a close button to the header.
+     */
+    close?: boolean;
+}
+export declare const CToastHeader: React.ForwardRefExoticComponent<CToastHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/toast/CToaster.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes, ReactElement } from 'react';
+export interface CToasterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Describes the placement of your component. [docs]
+     *
+     * @type 'top-start' | 'top' | 'top-end' | 'middle-start' | 'middle' | 'middle-end' | 'bottom-start' | 'bottom' | 'bottom-end' | string
+     */
+    placement?: 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | string;
+    /**
+     * Adds new `CToast` to `CToaster`. [docs]
+     */
+    push?: ReactElement;
+}
+export declare const CToaster: React.ForwardRefExoticComponent<CToasterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tooltip/CTooltip.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { Triggers } from '../Types';
+export interface CTooltipProps {
+    children: ReactElement;
+    /**
+     * Content node for your component. [docs]
+     */
+    content: 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 CTooltip: FC<CTooltipProps>;

package/dist/components/tooltip/CTooltipContent.d.ts

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

package/dist/components/widgets/CWidgetBrand.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+declare type Values = number[] | string[];
+export interface CWidgetBrandProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base 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;
+    headerChildren?: string | ReactNode;
+    values?: Values | Values[];
+}
+export declare const CWidgetBrand: React.ForwardRefExoticComponent<CWidgetBrandProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/widgets/CWidgetDropdown.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetDropdownProps extends HTMLAttributes<HTMLDivElement> {
+    action?: string | ReactNode;
+    change?: string | ReactNode;
+    chart?: string | ReactNode;
+    /**
+     * A string of all className you want applied to the base 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;
+    title?: string;
+    value?: string | number;
+}
+export declare const CWidgetDropdown: React.ForwardRefExoticComponent<CWidgetDropdownProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetIcon.d.ts

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetIconProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base 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;
+    footer?: string | ReactNode;
+    icon?: string | ReactNode;
+    iconPadding?: number;
+    padding?: number;
+    title?: string;
+    value?: string | number;
+}
+export declare const CWidgetIcon: React.ForwardRefExoticComponent<CWidgetIconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetProgress.d.ts

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base 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 the color context of the progress bar to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    progressColor?: Colors;
+    progressValue?: number;
+    progressWhite?: boolean;
+    title?: string;
+    text?: string;
+    /**
+     * Sets the text color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
+     */
+    textColor?: string;
+    value?: string | number;
+}
+export declare const CWidgetProgress: React.ForwardRefExoticComponent<CWidgetProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetProgressIcon.d.ts

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetProgressIconProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base 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;
+    icon?: string | ReactNode;
+    /**
+     * Sets the color context of the progress bar to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    progressColor?: Colors;
+    progressValue?: number;
+    progressWhite?: boolean;
+    title?: string;
+    /**
+     * Sets the text color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
+     */
+    textColor?: string;
+    value?: string | number;
+}
+export declare const CWidgetProgressIcon: React.ForwardRefExoticComponent<CWidgetProgressIconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetSimple.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+export interface CWidgetSimpleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base 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
+     */
+    title?: string;
+    value?: string | number;
+}
+export declare const CWidgetSimple: React.ForwardRefExoticComponent<CWidgetSimpleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetStatsA.d.ts

@@ -0,0 +1,31 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetStatsAProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Action node for your component. [docs]
+     */
+    action?: ReactNode;
+    /**
+     * Chart node for your component. [docs]
+     */
+    chart?: string | ReactNode;
+    /**
+     * A string of all className you want applied to the base 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;
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: string | ReactNode;
+    /**
+     * Value node for your component. [docs]
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsA: React.ForwardRefExoticComponent<CWidgetStatsAProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetStatsB.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+import { CProgressProps } from '../progress/CProgress';
+export interface CWidgetStatsBProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base 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;
+    /**
+     * Colors have been inverted from their default dark shade. [docs]
+     */
+    inverse?: boolean;
+    /**
+     * Sets the color context of the progress bar to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    progress?: CProgressProps;
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: string | ReactNode;
+    /**
+     * Helper text for your component. [docs]
+     */
+    text?: string;
+    /**
+     * Value node for your component. [docs]
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsB: React.ForwardRefExoticComponent<CWidgetStatsBProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetStatsC.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+import { CProgressProps } from '../progress/CProgress';
+export interface CWidgetStatsCProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base 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;
+    /**
+     * Icon node for your component. [docs]
+     */
+    icon?: string | ReactNode;
+    /**
+     * Colors have been inverted from their default dark shade. [docs]
+     */
+    inverse?: boolean;
+    /**
+     * Sets the color context of the progress bar to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    progress?: CProgressProps;
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: string | ReactNode;
+    /**
+     * Value node for your component. [docs]
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsC: React.ForwardRefExoticComponent<CWidgetStatsCProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetStatsD.d.ts

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+declare type Value = {
+    title?: string | ReactNode;
+    value?: number | string | ReactNode;
+};
+export interface CWidgetStatsDProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Chart node for your component. [docs]
+     */
+    chart?: string | ReactNode;
+    /**
+     * 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;
+    /**
+     * Icon node for your component. [docs]
+     */
+    icon?: string | ReactNode;
+    /**
+     * Values and titles for your component. [docs]
+     */
+    values?: Value[];
+}
+export declare const CWidgetStatsD: React.ForwardRefExoticComponent<CWidgetStatsDProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/widgets/CWidgetStatsE.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface CWidgetStatsEProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Chart node for your component. [docs]
+     */
+    chart?: string | ReactNode;
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: string | ReactNode;
+    /**
+     * Value node for your component. [docs]
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsE: React.ForwardRefExoticComponent<CWidgetStatsEProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/CWidgetStatsF.d.ts

@@ -0,0 +1,35 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Colors } from '../Types';
+export interface CWidgetStatsFProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * A string of all className you want applied to the base 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;
+    /**
+     * Footer node for your component. [docs]
+     */
+    footer?: string | ReactNode;
+    /**
+     * Icon node for your component. [docs]
+     */
+    icon?: string | ReactNode;
+    /**
+     * Set padding of your component. [docs]
+     */
+    padding?: boolean;
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: string | ReactNode;
+    /**
+     * Value node for your component. [docs]
+     */
+    value?: string | number | ReactNode;
+}
+export declare const CWidgetStatsF: React.ForwardRefExoticComponent<CWidgetStatsFProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/widgets/index.d.ts

@@ -0,0 +1,7 @@
+import { CWidgetStatsA } from './CWidgetStatsA';
+import { CWidgetStatsB } from './CWidgetStatsB';
+import { CWidgetStatsC } from './CWidgetStatsC';
+import { CWidgetStatsD } from './CWidgetStatsD';
+import { CWidgetStatsE } from './CWidgetStatsE';
+import { CWidgetStatsF } from './CWidgetStatsF';
+export { CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };