@coreui/react 4.4.0 → 4.4.1

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.4.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/Types.d.ts

@@ -1,12 +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 type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export 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 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 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' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string;
+export type TextColors = Colors | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string;
 export declare const textColorsPropType: PropTypes.Requireable<string>;
-export declare type Triggers = 'hover' | 'focus' | 'click';
+export type Triggers = 'hover' | 'focus' | 'click';
 export declare const triggerPropType: PropTypes.Requireable<Triggers>;

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

@@ -1,6 +1,7 @@
-import React, { ButtonHTMLAttributes, ElementType } from 'react';
+import React, { ElementType } from 'react';
 import { Colors, Shapes } from '../Types';
-export interface CButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { CLinkProps } from '../link/CLink';
+export interface CButtonProps extends Omit<CLinkProps, 'size'> {
     /**
      * Toggle the active state for the component.
      */
@@ -51,4 +52,4 @@ export interface CButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     variant?: 'outline' | 'ghost';
 }
-export declare const CButton: React.ForwardRefExoticComponent<CButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const CButton: React.ForwardRefExoticComponent<CButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/dropdown/CDropdown.d.ts

@@ -1,7 +1,7 @@
 import React, { ElementType, HTMLAttributes, RefObject } from 'react';
 import { Placements } from '../Types';
-export declare type Directions = 'start' | 'end';
-export declare type Breakpoints = {
+export type Directions = 'start' | 'end';
+export type Breakpoints = {
     xs: Directions;
 } | {
     sm: Directions;
@@ -14,7 +14,7 @@ export declare type Breakpoints = {
 } | {
     xxl: Directions;
 };
-export declare type Alignments = Directions | Breakpoints;
+export type Alignments = Directions | Breakpoints;
 export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIElement> {
     /**
      * Set aligment of dropdown menu.

package/dist/components/dropdown/CDropdownItem.d.ts

@@ -10,4 +10,4 @@ export interface CDropdownItemProps extends CLinkProps {
      */
     component?: string | ElementType;
 }
-export declare const CDropdownItem: React.ForwardRefExoticComponent<CDropdownItemProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const CDropdownItem: React.ForwardRefExoticComponent<CDropdownItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/form/CFormCheck.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes, ReactNode } from 'react';
 import { Colors, Shapes } from '../Types';
 import { CFormControlValidationProps } from './CFormControlValidation';
-export declare type ButtonObject = {
+export type ButtonObject = {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *

package/dist/components/form/CFormLabel.d.ts

@@ -1,5 +1,5 @@
-import React, { AllHTMLAttributes } from 'react';
-export interface CFormLabelProps extends AllHTMLAttributes<HTMLLabelElement> {
+import React, { LabelHTMLAttributes } from 'react';
+export interface CFormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     /**
      * A string of all className you want applied to the component.
      */

package/dist/components/form/CFormRange.d.ts

@@ -33,7 +33,7 @@ export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * Specifies the interval between legal numbers in the component.
      */
-    steps: number;
+    step?: number;
     /**
      * The `value` attribute of component.
      *

package/dist/components/form/CFormSelect.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
 import { CFormControlWrapperProps } from './CFormControlWrapper';
-declare type Option = {
+type Option = {
     disabled?: boolean;
     label?: string;
     value?: string;

package/dist/components/form/CInputGroupText.d.ts

@@ -1,5 +1,5 @@
-import React, { ElementType, HTMLAttributes } from 'react';
-export interface CInputGroupTextProps extends HTMLAttributes<HTMLLabelElement | HTMLSpanElement> {
+import React, { ElementType, LabelHTMLAttributes } from 'react';
+export interface CInputGroupTextProps extends LabelHTMLAttributes<HTMLLabelElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.
      */

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

@@ -1,5 +1,7 @@
 import { CForm } from './CForm';
 import { CFormCheck } from './CFormCheck';
+import { CFormControlValidation } from './CFormControlValidation';
+import { CFormControlWrapper } from './CFormControlWrapper';
 import { CFormFeedback } from './CFormFeedback';
 import { CFormFloating } from './CFormFloating';
 import { CFormInput } from './CFormInput';
@@ -11,4 +13,4 @@ import { CFormText } from './CFormText';
 import { CFormTextarea } from './CFormTextarea';
 import { CInputGroup } from './CInputGroup';
 import { CInputGroupText } from './CInputGroupText';
-export { CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };
+export { CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

package/dist/components/grid/CCol.d.ts

@@ -1,11 +1,11 @@
 import React, { HTMLAttributes } from 'react';
-declare type Span = 'auto' | number | string | boolean | null;
-declare type BPObject = {
+type Span = 'auto' | number | string | boolean | null;
+type BPObject = {
     span?: Span;
     offset?: number | string | null;
     order?: 'first' | 'last' | number | string | null;
 };
-declare type Col = Span | BPObject;
+type Col = Span | BPObject;
 export interface CColProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/grid/CRow.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-export declare type BPObject = {
+export type BPObject = {
     cols?: 'auto' | number | string | null;
     gutter?: number | string | null;
     gutterX?: number | string | null;

package/dist/components/header/CHeaderBrand.d.ts

@@ -1,5 +1,5 @@
-import React, { ElementType, HTMLAttributes } from 'react';
-export interface CHeaderBrandProps extends HTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
+import React, { ElementType, AnchorHTMLAttributes } from 'react';
+export interface CHeaderBrandProps extends AnchorHTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.
      */

package/dist/components/link/CLink.d.ts

@@ -1,5 +1,5 @@
 import React, { AllHTMLAttributes, ElementType } from 'react';
-export interface CLinkProps extends AllHTMLAttributes<HTMLElement> {
+export interface CLinkProps extends AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     /**
      * Toggle the active state for the component.
      */
@@ -21,4 +21,4 @@ export interface CLinkProps extends AllHTMLAttributes<HTMLElement> {
      */
     href?: string;
 }
-export declare const CLink: React.ForwardRefExoticComponent<CLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const CLink: React.ForwardRefExoticComponent<CLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/list-group/CListGroupItem.d.ts

@@ -1,6 +1,6 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import React, { ElementType, AnchorHTMLAttributes } from 'react';
 import { Colors } from '../Types';
-export interface CListGroupItemProps extends HTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
+export interface CListGroupItemProps extends AnchorHTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
     /**
      * Toggle the active state for the component.
      */
@@ -24,4 +24,4 @@ export interface CListGroupItemProps extends HTMLAttributes<HTMLLIElement | HTML
      */
     component?: string | ElementType;
 }
-export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLLIElement>>;
+export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

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

@@ -26,4 +26,4 @@ export interface CNavLinkProps extends Omit<CLinkProps, 'idx'> {
      */
     to?: string;
 }
-export declare const CNavLink: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLLIElement>>;
+export declare const CNavLink: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

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

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

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

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
 import { Colors } from '../Types';
-declare type Value = {
+type Value = {
     title?: string | ReactNode;
     value?: number | string | ReactNode;
 };

package/dist/index.es.js

@@ -1338,14 +1338,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -1356,13 +1354,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -2472,7 +2468,6 @@ function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
 
@@ -8767,5 +8762,5 @@ CWidgetStatsF.propTypes = {
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';
 
-export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
 //# sourceMappingURL=index.es.js.map