release: v5.0.0-rc.3

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-rc.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-rc.3.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`

lerna.json

@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }

packages/coreui-react/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-rc.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-rc.3.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`

packages/coreui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",

packages/coreui-react/src/components/dropdown/CDropdownToggle.tsx

@@ -21,7 +21,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
   /**
    * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
    *
-   * @since v5.0.0-rc.2
+   * @since v5.0.0-rc.3
    */
   navLink?: boolean
   /**

packages/coreui-react/src/components/nav/CNavGroup.tsx

@@ -22,7 +22,7 @@ export interface CNavGroupProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0-rc.3
    */
   as?: ElementType
   /**

packages/coreui-react/src/components/nav/CNavGroupItems.tsx

@@ -8,7 +8,7 @@ export interface CNavGroupItemsProps extends HTMLAttributes<HTMLDivElement | HTM
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0-rc.3
    */
   as?: ElementType
   /**

packages/coreui-react/src/components/nav/CNavItem.tsx

@@ -10,7 +10,7 @@ export interface CNavItemProps extends Omit<CNavLinkProps, 'component'> {
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0-rc.3
    */
   as?: ElementType
 }

packages/coreui-react/src/components/sidebar/CSidebarBrand.tsx

@@ -8,7 +8,7 @@ export interface CSidebarBrandProps extends HTMLAttributes<HTMLAnchorElement | H
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0-rc.3
    */
   as?: ElementType
   /**

packages/coreui-react/src/components/sidebar/CSidebarNav.tsx

@@ -16,7 +16,7 @@ export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
   /**
    * Component used for the root node. Either a string to use a HTML element or a component.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0-rc.3
    */
   as?: ElementType
   /**

packages/docs/content/api/CBadge.api.mdx

@@ -13,4 +13,5 @@ import CBadge from '@coreui/react/src/components/badge/CBadge'
 | **position** | Position badge in one of the corners of a link or button. | `'top-start'` \| `'top-end'` \| `'bottom-end'` \| `'bottom-start'` | - |
 | **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
 | **size** | Size the component small. | `'sm'` | - |
+| **textBgColor** **_5.0.0-rc.3+_** | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
 | **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'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` | - |

packages/docs/content/api/CCard.api.mdx

@@ -9,4 +9,5 @@ import CCard from '@coreui/react/src/components/card/CCard'
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the base component. | `string` | - |
 | **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
+| **textBgColor** **_5.0.0-rc.3+_** | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
 | **textColor** | Sets the text color context of the component to one of CoreUI’s themed colors. | `'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` | - |

packages/docs/content/api/CDropdownToggle.api.mdx

@@ -15,7 +15,7 @@ import CDropdownToggle from '@coreui/react/src/components/dropdown/CDropdownTogg
 | **custom** | Create a custom toggler which accepts any content. | `boolean` | - |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
 | **href** | The href attribute specifies the URL of the page the link goes to. | `string` | - |
-| **navLink** **_v5.0.0-rc.2+_** | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button. | `boolean` | true |
+| **navLink** **_v5.0.0-rc.3+_** | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button. | `boolean` | true |
 | **role** | The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers. | `string` | - |
 | **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
 | **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |

packages/docs/content/api/CNavGroup.api.mdx

@@ -7,7 +7,7 @@ import CNavGroup from '@coreui/react/src/components/nav/CNavGroup'
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **as** **_5.0.0-rc.2+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'li')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
+| **as** **_5.0.0-rc.3+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'li')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **compact** | Make nav group more compact by cutting all `padding` in half. | `boolean` | - |
 | **toggler** | Set group toggler label. | `ReactNode` | - |

packages/docs/content/api/CNavGroupItems.api.mdx

@@ -7,5 +7,5 @@ import CNavGroupItems from '@coreui/react/src/components/nav/CNavGroupItems'
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **as** **_5.0.0-rc.2+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'ul')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
+| **as** **_5.0.0-rc.3+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'ul')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |

packages/docs/content/api/CNavItem.api.mdx

@@ -8,7 +8,7 @@ import CNavItem from '@coreui/react/src/components/nav/CNavItem'
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | **active** | Toggle the active state for the component. | `boolean` | - |
-| **as** **_5.0.0-rc.2+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'li')` \| `(ElementType & 'cite')` \| `(ElementType & 'data')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
+| **as** **_5.0.0-rc.3+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'li')` \| `(ElementType & 'cite')` \| `(ElementType & 'data')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
 | **href** | The href attribute specifies the URL of the page the link goes to. | `string` | - |

packages/docs/content/api/CSidebarBrand.api.mdx

@@ -7,5 +7,5 @@ import CSidebarBrand from '@coreui/react/src/components/sidebar/CSidebarBrand'
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **as** **_5.0.0-rc.2+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'a')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
+| **as** **_5.0.0-rc.3+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'a')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |

packages/docs/content/api/CSidebarNav.api.mdx

@@ -7,5 +7,5 @@ import CSidebarNav from '@coreui/react/src/components/sidebar/CSidebarNav'
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
-| **as** **_5.0.0-rc.2+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'ul')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
+| **as** **_5.0.0-rc.3+_** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'ul')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
 | **className** | A string of all className you want applied to the component. | `string` | - |

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-docs",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "private": true,
   "description": "",
   "homepage": "https://coreui.io/react/",