@coreui/react 5.0.0-alpha.0 → 5.0.0-alpha.2

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-alpha.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-alpha.2.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/avatar/CAvatar.d.ts

@@ -34,7 +34,7 @@ export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *
-     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string
      */
     textColor?: TextColors;
 }

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

@@ -32,7 +32,7 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *
-     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string
      */
     textColor?: TextColors;
 }

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

@@ -14,7 +14,7 @@ export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Sets the text color context of the component to one of CoreUI’s themed colors.
      *
-     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse' | string
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string
      */
     textColor?: string;
 }

package/dist/components/close-button/CCloseButton.d.ts

@@ -4,12 +4,18 @@ export interface CCloseButtonProps extends HTMLAttributes<HTMLButtonElement> {
      * A string of all className you want applied to the base component.
      */
     className?: string;
+    /**
+     * Invert the default color.
+     */
+    dark?: boolean;
     /**
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
     /**
      * Change the default color to white.
+     *
+     * @deprecated 5.0.0
      */
     white?: boolean;
 }

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

@@ -91,6 +91,7 @@ interface ContextProps extends CDropdownProps {
     setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
     portal: boolean;
 }
+export declare const getNextActiveElement: (list: HTMLElement[], activeElement: HTMLElement, shouldGetNext: boolean, isCycleAllowed: boolean) => HTMLElement;
 export declare const CDropdownContext: React.Context<ContextProps>;
 export declare const CDropdown: React.ForwardRefExoticComponent<CDropdownProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
 export {};

package/dist/components/modal/CModal.d.ts

@@ -16,6 +16,12 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
      * @ignore
      */
     duration?: number;
+    /**
+     * Puts the focus on the modal when shown.
+     *
+     * @since v4.10.0
+     */
+    focus?: boolean;
     /**
      * Set modal to covers the entire user viewport.
      */

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

@@ -15,6 +15,6 @@ export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElem
     /**
      * Set the nav variant to tabs or pills.
      */
-    variant?: 'tabs' | 'pills';
+    variant?: 'pills' | 'tabs' | 'underline';
 }
 export declare const CNav: React.ForwardRefExoticComponent<CNavProps & React.RefAttributes<HTMLDivElement | HTMLOListElement | HTMLUListElement>>;

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

@@ -12,7 +12,7 @@ export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
      */
     color?: Colors;
     /**
-     * Sets if the color of text should be colored for a light or dark dark background.
+     * Sets if the color of text should be colored for a light or dark background.
      */
     colorScheme?: 'dark' | 'light';
     /**

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

@@ -8,6 +8,10 @@ export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
      * A string of all className you want applied to the base component.
      */
     className?: string;
+    /**
+     * Sets a darker color scheme.
+     */
+    dark?: boolean;
     /**
      * Closes the offcanvas when escape key is pressed.
      */