@coreui/react 4.0.0-rc.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 creativeLabs Łukasz Holeczek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,144 @@
+<p align="center">
+  <a href="https://coreui.io/">
+    <img
+      src="https://coreui.io/images/brand/coreui-signet.svg"
+      alt="CoreUI logo"
+      width="200"
+    />
+  </a>
+</p>
+
+<h3 align="center">CoreUI</h3>
+
+<p align="center">
+  React.js Components Library built on top of Bootstrap 5 and TypeScript.
+  <br>
+  <a href="https://coreui.io/react/docs/4.0/getting-started/introduction"><strong>Explore CoreUI docs »</strong></a>
+  <br>
+  <br>
+  <a href="https://github.com/coreui/coreui-react/issues/new?template=bug_report.md">Report bug</a>
+  ·
+  <a href="https://github.com/coreui/coreui-react/issues/new?template=feature_request.md">Request feature</a>
+  ·
+  <a href="https://community.coreui.io/">Community</a>
+  ·
+  <a href="https://blog.coreui.io/">Blog</a>
+</p>
+
+
+## Table of contents
+
+- [Quick start](#quick-start)
+- [Status](#status)
+- [What's included](#whats-included)
+- [Bugs and feature requests](#bugs-and-feature-requests)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [Community](#community)
+- [Versioning](#versioning)
+- [Creators](#creators)
+- [Copyright and license](#copyright-and-license)
+
+## Quick start
+
+### Instalation
+
+Several quick start options are available:
+
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.0.0-alpha.0.zip)
+- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
+- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react@next`
+- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react@next`
+
+Read the [Getting started page](https://coreui.io/react/docs/4.0/getting-started/introduction/) for information on the framework contents, templates and examples, and more.
+
+### Stylesheets
+
+React components are styled using `@coreui/coreui` CSS library, but you can use them also with bootstrap CSS library. That is possible because `@coreui/coreui` library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem.
+
+#### CoreUI CSS files
+
+##### Installation
+
+```bash
+npm install @coreui/coreui@next
+```
+
+##### Basic usage
+
+```js
+import "@coreui/dist/css/coreui.min.css";
+```
+
+#### Bootstrap CSS files
+
+##### Installation
+
+```bash
+npm install bootstrap@next
+```
+
+##### Basic usage
+
+```js
+import "bootstrap/dist/css/bootstrap.min.css";
+```
+
+## Status
+
+[![Build Status](https://github.com/coreui/coreui-react/workflows/JS%20Tests/badge.svg?branch=main)](https://github.com/coreui/coreui-react/actions?query=workflow%3AJS+Tests+branch%3Amain)
+[![npm version](https://img.shields.io/npm/v/@coreui/react)](https://www.npmjs.com/package/@coreui/react)
+[![peerDependencies Status](https://img.shields.io/david/peer/coreui/coreui)](https://david-dm.org/coreui/coreui?type=peer)
+[![devDependency Status](https://img.shields.io/david/dev/coreui/coreui)](https://david-dm.org/coreui/coreui?type=dev)
+[![Coverage Status](https://img.shields.io/coveralls/github/coreui/coreui-react/v4-dev)](https://coveralls.io/github/coreui/coreui-react?branch=v4-dev)
+
+## Bugs and feature requests
+
+Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/coreui/coreui-react/blob/v4-dev/.github/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/coreui/coreui-react/issues/new).
+
+## Documentation
+
+The documentation for the CoreUI & CoreUI PRO is hosted at our website [CoreUI for React](https://coreui.io/react/docs/4.0/getting-started/introduction)
+
+### Running documentation locally
+
+1. Run `yarn install` to install the Node.js dependencies, including Hugo (the site builder).
+2. Run `yarn docz:build` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
+3. From the root directory, run `yarn docz:serve` in the command line.
+4. Open `http://localhost:3000/` in your browser, and voilà.
+
+## Contributing
+
+Please read through our [contributing guidelines](https://github.com/coreui/coreui-react/blob/v4-dev/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
+
+Editor preferences are available in the [editor config](https://github.com/coreui/coreui-react/blob/v4-dev/.editorconfig) for easy use in common text editors. Read more and download plugins at <https://editorconfig.org/>.
+
+## Community
+
+Stay up to date on the development of CoreUI and reach out to the community with these helpful resources.
+
+- Read and subscribe to [The Official CoreUI Blog](https://coreui.io/blog/).
+- Join [the official Community](https://community.coreui.io/).
+
+You can also follow [@core_ui on Twitter](https://twitter.com/core_ui).
+
+## Versioning
+
+For transparency into our release cycle and in striving to maintain backward compatibility, CoreUI is maintained under [the Semantic Versioning guidelines](http://semver.org/).
+
+See [the Releases section of our project](https://github.com/coreui/coreui-react/releases) for changelogs for each release version.
+
+## Creators
+
+**Łukasz Holeczek**
+
+- <https://twitter.com/lukaszholeczek>
+- <https://github.com/mrholek>
+
+**Andrzej Kopański**
+
+- <https://github.com/xidedix>
+
+## Copyright and license
+
+Copyright 2021 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-react/blob/v4-dev/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

package/dist/components/Types.d.ts

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export declare type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export declare type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string;
+export declare const colorPropType: PropTypes.Requireable<string>;
+export declare type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
+export declare const placementPropType: PropTypes.Requireable<Placements>;
+export declare type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
+export declare const shapePropType: PropTypes.Requireable<string>;
+export declare type TextColors = Colors | 'white' | 'muted' | string;
+export declare const textColorsPropType: PropTypes.Requireable<string>;
+export declare type Triggers = 'hover' | 'focus' | 'click';
+export declare const triggerPropType: PropTypes.Requireable<Triggers>;

package/dist/components/accordion/CAccordion.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CAccordionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. [docs]
+     */
+    flush?: boolean;
+}
+export declare const CAccordion: React.ForwardRefExoticComponent<CAccordionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/CAccordionBody.d.ts

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

package/dist/components/accordion/CAccordionButton.d.ts

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

package/dist/components/accordion/CAccordionCollapse.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CCollapseProps } from '../collapse/CCollapse';
+export declare const CAccordionCollapse: React.ForwardRefExoticComponent<CCollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/CAccordionHeader.d.ts

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

package/dist/components/accordion/CAccordionItem.d.ts

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

package/dist/components/alert/CAlert.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CAlertProps 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 }
+     * @default 'primary'
+     */
+    color: Colors;
+    /**
+     * Optionally add a close button to alert and allow it to self dismiss. [docs]
+     */
+    dismissible?: boolean;
+    /**
+     * Method called before the dissmiss animation has started. [docs]
+     */
+    onDismiss?: () => void;
+    /**
+     * Method called after the dissmiss animation has completed and the component is removed from the dom. [docs]
+     */
+    onDismissed?: () => void;
+    /**
+     * Set the alert variant to a solid. [docs]
+     */
+    variant?: 'solid' | string;
+    /**
+     * Toggle the visibility of component. [docs]
+     *
+     * @default true
+     */
+    visible?: boolean;
+}
+export declare const CAlert: React.ForwardRefExoticComponent<CAlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/alert/CAlertHeading.d.ts

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

package/dist/components/alert/CAlertLink.d.ts

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

package/dist/components/avatar/CAvatar.d.ts

@@ -0,0 +1,41 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors, Shapes, TextColors } from '../Types';
+export interface CAvatarProps 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;
+    /**
+     * Select the shape of the component. [docs]
+     *
+     * @type {'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string}
+     */
+    shape?: Shapes;
+    /**
+     * Size the component small, large, or extra large. [docs]
+     */
+    size?: string;
+    /**
+     * The src attribute for the img element. [docs]
+     */
+    src?: string;
+    /**
+     * Sets the color context of the status indicator to one of CoreUI’s themed colors. [docs]
+     *
+     * @type {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}
+     */
+    status?: Colors;
+    /**
+     * Sets the text color of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
+     */
+    textColor?: TextColors;
+}
+export declare const CAvatar: React.ForwardRefExoticComponent<CAvatarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/backdrop/CBackdrop.d.ts

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

package/dist/components/badge/CBadge.d.ts

@@ -0,0 +1,39 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import { Colors, Shapes, TextColors } from '../Types';
+export interface CBadgeProps 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 'span'
+     */
+    component?: string | ElementType;
+    /**
+     * Select the shape of the component. [docs]
+     *
+     * @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
+     */
+    shape?: Shapes;
+    /**
+     * Size the component small. [docs]
+     *
+     * @type 'sm'
+     */
+    size?: 'sm';
+    /**
+     * Sets the text color of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
+     */
+    textColor?: TextColors;
+}
+export declare const CBadge: React.ForwardRefExoticComponent<CBadgeProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/components/breadcrumb/CBreadcrumb.d.ts

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

package/dist/components/breadcrumb/CBreadcrumbItem.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export interface CBreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * The `href` attribute for the inner `<CLink>` component. [docs]
+     */
+    href?: string;
+}
+export declare const CBreadcrumbItem: React.ForwardRefExoticComponent<CBreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/button/CButton.d.ts

@@ -0,0 +1,58 @@
+import React, { ButtonHTMLAttributes, ElementType } from 'react';
+import { Colors, Shapes } from '../Types';
+export interface CButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: 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;
+    /**
+     * 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;
+    /**
+     * The href attribute specifies the URL of the page the link goes to. [docs]
+     */
+    href?: string;
+    /**
+     * The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers. [docs]
+     */
+    role?: string;
+    /**
+     * Select the shape of the component. [docs]
+     *
+     * @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
+     */
+    shape?: Shapes;
+    /**
+     * Size the component small or large. [docs]
+     *
+     * @type 'sm' | 'lg'
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+     * Different browsers may use different default types for the `<button>` element. [docs]
+     *
+     * @type 'button' | 'submit' | 'reset'
+     */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Set the button variant to an outlined button or a ghost button. [docs]
+     */
+    variant?: 'outline' | 'ghost';
+}
+export declare const CButton: React.ForwardRefExoticComponent<CButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/button-group/CButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+export interface CButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Size the component small or large. [docs]
+     *
+     * @type {'sm' | 'lg'}
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. [docs]
+     */
+    vertical?: boolean;
+}
+export declare const CButtonGroup: React.ForwardRefExoticComponent<CButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/button-group/CButtonToolbar.d.ts

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

package/dist/components/callout/CCallout.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CCalloutProps 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;
+}
+export declare const CCallout: React.ForwardRefExoticComponent<CCalloutProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/CCard.d.ts

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CCardProps 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 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;
+}
+export declare const CCard: React.ForwardRefExoticComponent<CCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/CCardBody.d.ts

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

package/dist/components/card/CCardFooter.d.ts

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

package/dist/components/card/CCardGroup.d.ts

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

package/dist/components/card/CCardHeader.d.ts

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

package/dist/components/card/CCardImage.d.ts

@@ -0,0 +1,18 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CCardImageProps extends HTMLAttributes<HTMLImageElement | HTMLOrSVGElement | HTMLOrSVGImageElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'img'
+     */
+    component?: string | ElementType;
+    /**
+     * Optionally orientate the image to the top, bottom, or make it overlaid across the card. [docs]
+     */
+    orientation?: 'top' | 'bottom';
+}
+export declare const CCardImage: React.ForwardRefExoticComponent<CCardImageProps & React.RefAttributes<HTMLOrSVGElement | HTMLOrSVGImageElement>>;

package/dist/components/card/CCardImageOverlay.d.ts

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

package/dist/components/card/CCardLink.d.ts

@@ -0,0 +1,12 @@
+import React, { AnchorHTMLAttributes } from 'react';
+export interface CCardLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * The href attribute specifies the URL of the page the link goes to. [docs]
+     */
+    href?: string;
+}
+export declare const CCardLink: React.ForwardRefExoticComponent<CCardLinkProps & React.RefAttributes<HTMLAnchorElement>>;