@coreui/react-pro 5.0.0-rc.2 → 5.0.0

package/README.md

@@ -42,7 +42,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v5.0.0-rc.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v5.0.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`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

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

@@ -30,6 +30,13 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
      * Size the component small.
      */
     size?: 'sm';
+    /**
+     * 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.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @since 5.0.0
+     */
+    textBgColor?: Colors;
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *

package/dist/cjs/components/badge/CBadge.js

@@ -8,9 +8,9 @@ var props = require('../../props.js');
 
 var CBadge = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textColor = _a.textColor, rest = tslib_es6.__rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textColor"]);
+    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = tslib_es6.__rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textBgColor", "textColor"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('badge', (_b = {},
-            _b["text-bg-".concat(color)] = color,
+            _b["bg-".concat(color)] = color,
             _b['position-absolute translate-middle'] = position,
             _b['top-0'] = position === null || position === void 0 ? void 0 : position.includes('top'),
             _b['top-100'] = position === null || position === void 0 ? void 0 : position.includes('bottom'),
@@ -18,6 +18,7 @@ var CBadge = React.forwardRef(function (_a, ref) {
             _b['start-0'] = position === null || position === void 0 ? void 0 : position.includes('start'),
             _b["badge-".concat(size)] = size,
             _b["text-".concat(textColor)] = textColor,
+            _b["text-bg-".concat(textBgColor)] = textBgColor,
             _b), shape, className) }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
@@ -28,6 +29,7 @@ CBadge.propTypes = {
     position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: props.shapePropType,
     size: PropTypes.oneOf(['sm']),
+    textBgColor: props.colorPropType,
     textColor: props.textColorsPropType,
 };
 CBadge.displayName = 'CBadge';

package/dist/cjs/components/badge/CBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames","colorPropType","gradientsPropType","shapePropType","textColorsPropType"],"mappings":";;;;;;;;IA4Ca,MAAM,GAA2DA,gBAAU,CAItF,UACE,EAUC,EACD,GAAG,EAAA;;AAVD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAAC,gBAAA,CAAA,EAAA,EATT,kFAUC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AAC3B,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAElC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAACC,mBAAa,EAAEC,uBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAEC,mBAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,SAAS,EAAEC,wBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames","colorPropType","gradientsPropType","shapePropType","textColorsPropType"],"mappings":";;;;;;;;IAmDa,MAAM,GAA2DA,gBAAU,CAItF,UACE,EAWC,EACD,GAAG,EAAA;;AAXD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAVT,iGAWC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;AAEzC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAACC,mBAAa,EAAEC,uBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAEC,mBAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,WAAW,EAAEF,mBAAa;AAC1B,IAAA,SAAS,EAAEG,wBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/components/calendar/CCalendar.d.ts

@@ -99,7 +99,7 @@ export interface CCalendarProps {
     /**
      * Set whether to display week numbers in the calendar.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     showWeekNumber?: boolean;
     /**
@@ -109,7 +109,7 @@ export interface CCalendarProps {
     /**
      * Specify the type of date selection as day, week, month, or year.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     selectionType?: 'day' | 'week' | 'month' | 'year';
     /**
@@ -125,7 +125,7 @@ export interface CCalendarProps {
     /**
      * Label displayed over week numbers in the calendar.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     weekNumbersLabel?: string;
     /**

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

@@ -17,5 +17,12 @@ export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
      * @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;
+    /**
+     * 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.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @since 5.0.0
+     */
+    textBgColor?: Colors;
 }
 export declare const CCard: React.ForwardRefExoticComponent<CCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/card/CCard.js

@@ -8,16 +8,18 @@ var props = require('../../props.js');
 
 var CCard = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, color = _a.color, textColor = _a.textColor, rest = tslib_es6.__rest(_a, ["children", "className", "color", "textColor"]);
+    var children = _a.children, className = _a.className, color = _a.color, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = tslib_es6.__rest(_a, ["children", "className", "color", "textBgColor", "textColor"]);
     return (React.createElement("div", tslib_es6.__assign({ className: index.default('card', (_b = {},
             _b["bg-".concat(color)] = color,
             _b["text-".concat(textColor)] = textColor,
+            _b["text-bg-".concat(textBgColor)] = textBgColor,
             _b), className) }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     color: PropTypes.oneOfType([props.colorPropType, props.gradientsPropType]),
+    textBgColor: props.colorPropType,
     textColor: PropTypes.string,
 };
 CCard.displayName = 'CCard';

package/dist/cjs/components/card/CCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames","colorPropType","gradientsPropType"],"mappings":";;;;;;;;IA0Ba,KAAK,GAAGA,gBAAU,CAC7B,UAAC,EAAkD,EAAE,GAAG,EAAA;;AAArD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAhD,+CAAkD,CAAF,CAAA;AAC/C,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;iBAElC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAACC,mBAAa,EAAEC,uBAAiB,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames","colorPropType","gradientsPropType"],"mappings":";;;;;;;;IAiCa,KAAK,GAAGA,gBAAU,CAC7B,UAAC,EAA+D,EAAE,GAAG,EAAA;;AAAlE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA7D,8DAA+D,CAAF,CAAA;AAC5D,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;iBAEzC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAACC,mBAAa,EAAEC,uBAAiB,CAAC,CAAC;AAC9D,IAAA,WAAW,EAAED,mBAAa;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/components/date-range-picker/CDateRangePicker.d.ts

@@ -85,19 +85,19 @@ export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'f
     /**
      * Custom function to format the selected date into a string according to a custom format.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputDateFormat?: (date: Date) => string;
     /**
      * Custom function to parse the input value into a valid Date object.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputDateParse?: (date: string | Date) => Date;
     /**
      * Defines the delay (in milliseconds) for the input field's onChange event.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputOnChangeDelay?: number;
     /**

package/dist/cjs/components/dropdown/CDropdownToggle.d.ts

@@ -13,7 +13,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 5.0.0
      */
     navLink?: boolean;
     /**

package/dist/cjs/components/nav/CNavGroup.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/cjs/components/nav/CNavGroupItems.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/cjs/components/nav/CNavItem.d.ts

@@ -5,7 +5,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
      */
     as?: ElementType;
 }

package/dist/cjs/components/sidebar/CSidebarBrand.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/cjs/components/sidebar/CSidebarNav.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/cjs/components/time-picker/CTimePicker.d.ts

@@ -59,7 +59,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Specify a list of available hours using an array, or customize the filtering of hours through a function.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     hours?: number[] | ((hour: number) => number[]);
     /**
@@ -69,7 +69,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Defines the delay (in milliseconds) for the input field's onChange event.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputOnChangeDelay?: number;
     /**
@@ -83,7 +83,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Toggle the display of minutes, specify a list of available minutes using an array, or customize the filtering of minutes through a function.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     minutes?: boolean | number[] | ((minute: number) => number[]);
     /**

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

@@ -30,6 +30,13 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
      * Size the component small.
      */
     size?: 'sm';
+    /**
+     * 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.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @since 5.0.0
+     */
+    textBgColor?: Colors;
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
      *

package/dist/esm/components/badge/CBadge.js

@@ -6,9 +6,9 @@ import { colorPropType, gradientsPropType, shapePropType, textColorsPropType } f
 
 var CBadge = forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textColor = _a.textColor, rest = __rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textColor"]);
+    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = __rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textBgColor", "textColor"]);
     return (React.createElement(Component, __assign({ className: classNames('badge', (_b = {},
-            _b["text-bg-".concat(color)] = color,
+            _b["bg-".concat(color)] = color,
             _b['position-absolute translate-middle'] = position,
             _b['top-0'] = position === null || position === void 0 ? void 0 : position.includes('top'),
             _b['top-100'] = position === null || position === void 0 ? void 0 : position.includes('bottom'),
@@ -16,6 +16,7 @@ var CBadge = forwardRef(function (_a, ref) {
             _b['start-0'] = position === null || position === void 0 ? void 0 : position.includes('start'),
             _b["badge-".concat(size)] = size,
             _b["text-".concat(textColor)] = textColor,
+            _b["text-bg-".concat(textBgColor)] = textBgColor,
             _b), shape, className) }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
@@ -26,6 +27,7 @@ CBadge.propTypes = {
     position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: shapePropType,
     size: PropTypes.oneOf(['sm']),
+    textBgColor: colorPropType,
     textColor: textColorsPropType,
 };
 CBadge.displayName = 'CBadge';

package/dist/esm/components/badge/CBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IA4Ca,MAAM,GAA2D,UAAU,CAItF,UACE,EAUC,EACD,GAAG,EAAA;;AAVD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAA,MAAA,CAAA,EAAA,EATT,kFAUC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AAC3B,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAElC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAmDa,MAAM,GAA2D,UAAU,CAItF,UACE,EAWC,EACD,GAAG,EAAA;;AAXD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAA,MAAA,CAAA,EAAA,EAVT,iGAWC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;AAEzC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/esm/components/calendar/CCalendar.d.ts

@@ -99,7 +99,7 @@ export interface CCalendarProps {
     /**
      * Set whether to display week numbers in the calendar.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     showWeekNumber?: boolean;
     /**
@@ -109,7 +109,7 @@ export interface CCalendarProps {
     /**
      * Specify the type of date selection as day, week, month, or year.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     selectionType?: 'day' | 'week' | 'month' | 'year';
     /**
@@ -125,7 +125,7 @@ export interface CCalendarProps {
     /**
      * Label displayed over week numbers in the calendar.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     weekNumbersLabel?: string;
     /**

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

@@ -17,5 +17,12 @@ export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
      * @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;
+    /**
+     * 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.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @since 5.0.0
+     */
+    textBgColor?: Colors;
 }
 export declare const CCard: React.ForwardRefExoticComponent<CCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/card/CCard.js

@@ -6,16 +6,18 @@ import { colorPropType, gradientsPropType } from '../../props.js';
 
 var CCard = forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, color = _a.color, textColor = _a.textColor, rest = __rest(_a, ["children", "className", "color", "textColor"]);
+    var children = _a.children, className = _a.className, color = _a.color, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = __rest(_a, ["children", "className", "color", "textBgColor", "textColor"]);
     return (React.createElement("div", __assign({ className: classNames('card', (_b = {},
             _b["bg-".concat(color)] = color,
             _b["text-".concat(textColor)] = textColor,
+            _b["text-bg-".concat(textBgColor)] = textBgColor,
             _b), className) }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
+    textBgColor: colorPropType,
     textColor: PropTypes.string,
 };
 CCard.displayName = 'CCard';

package/dist/esm/components/card/CCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IA0Ba,KAAK,GAAG,UAAU,CAC7B,UAAC,EAAkD,EAAE,GAAG,EAAA;;AAArD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhD,+CAAkD,CAAF,CAAA;AAC/C,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;iBAElC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiCa,KAAK,GAAG,UAAU,CAC7B,UAAC,EAA+D,EAAE,GAAG,EAAA;;AAAlE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7D,8DAA+D,CAAF,CAAA;AAC5D,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;iBAEzC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/components/date-range-picker/CDateRangePicker.d.ts

@@ -85,19 +85,19 @@ export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'f
     /**
      * Custom function to format the selected date into a string according to a custom format.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputDateFormat?: (date: Date) => string;
     /**
      * Custom function to parse the input value into a valid Date object.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputDateParse?: (date: string | Date) => Date;
     /**
      * Defines the delay (in milliseconds) for the input field's onChange event.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputOnChangeDelay?: number;
     /**

package/dist/esm/components/dropdown/CDropdownToggle.d.ts

@@ -13,7 +13,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 5.0.0
      */
     navLink?: boolean;
     /**

package/dist/esm/components/nav/CNavGroup.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/esm/components/nav/CNavGroupItems.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/esm/components/nav/CNavItem.d.ts

@@ -5,7 +5,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
      */
     as?: ElementType;
 }

package/dist/esm/components/sidebar/CSidebarBrand.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/esm/components/sidebar/CSidebarNav.d.ts

@@ -4,7 +4,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
      */
     as?: ElementType;
     /**

package/dist/esm/components/time-picker/CTimePicker.d.ts

@@ -59,7 +59,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Specify a list of available hours using an array, or customize the filtering of hours through a function.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     hours?: number[] | ((hour: number) => number[]);
     /**
@@ -69,7 +69,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Defines the delay (in milliseconds) for the input field's onChange event.
      *
-     * @since v5.0.0-rc.2
+     * @since 5.0.0
      */
     inputOnChangeDelay?: number;
     /**
@@ -83,7 +83,7 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
     /**
      * Toggle the display of minutes, specify a list of available minutes using an array, or customize the filtering of minutes through a function.
      *
-     * @since 5.0.0-rc.2
+     * @since 5.0.0
      */
     minutes?: boolean | number[] | ((minute: number) => number[]);
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui-pro": "^5.0.0-rc.2",
+    "@coreui/coreui-pro": "^5.0.0",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -50,10 +50,10 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^14.2.2",
     "@types/jest": "^29.5.12",
-    "@types/react": "18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/react": "18.2.73",
+    "@types/react-dom": "^18.2.22",
     "@types/react-transition-group": "^4.4.10",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
@@ -63,10 +63,10 @@
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.12.1",
+    "rollup": "^4.13.1",
     "ts-jest": "^29.1.2",
     "tslib": "^2.6.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.4.3"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/components/badge/CBadge.tsx

@@ -35,6 +35,13 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
    * Size the component small.
    */
   size?: 'sm'
+  /**
+   * 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.
+   *
+   * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+   * @since 5.0.0
+   */
+  textBgColor?: Colors
   /**
    * Sets the text color of the component to one of CoreUI’s themed colors.
    *
@@ -55,6 +62,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
       position,
       shape,
       size,
+      textBgColor,
       textColor,
       ...rest
     },
@@ -65,7 +73,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
         className={classNames(
           'badge',
           {
-            [`text-bg-${color}`]: color,
+            [`bg-${color}`]: color,
             'position-absolute translate-middle': position,
             'top-0': position?.includes('top'),
             'top-100': position?.includes('bottom'),
@@ -73,6 +81,7 @@ export const CBadge: PolymorphicRefForwardingComponent<'span', CBadgeProps> = fo
             'start-0': position?.includes('start'),
             [`badge-${size}`]: size,
             [`text-${textColor}`]: textColor,
+            [`text-bg-${textBgColor}`]: textBgColor,
           },
           shape,
           className,
@@ -94,6 +103,7 @@ CBadge.propTypes = {
   position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
   shape: shapePropType,
   size: PropTypes.oneOf(['sm']),
+  textBgColor: colorPropType,
   textColor: textColorsPropType,
 }
 

package/src/components/calendar/CCalendar.tsx

@@ -122,7 +122,7 @@ export interface CCalendarProps {
   /**
    * Set whether to display week numbers in the calendar.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0
    */
   showWeekNumber?: boolean
   /**
@@ -132,7 +132,7 @@ export interface CCalendarProps {
   /**
    * Specify the type of date selection as day, week, month, or year.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0
    */
   selectionType?: 'day' | 'week' | 'month' | 'year'
   /**
@@ -148,7 +148,7 @@ export interface CCalendarProps {
   /**
    * Label displayed over week numbers in the calendar.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0
    */
   weekNumbersLabel?: string
   /**

package/src/components/card/CCard.tsx

@@ -22,10 +22,17 @@ export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
    * @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
+  /**
+   * 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.
+   *
+   * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+   * @since 5.0.0
+   */
+  textBgColor?: Colors
 }
 
 export const CCard = forwardRef<HTMLDivElement, CCardProps>(
-  ({ children, className, color, textColor, ...rest }, ref) => {
+  ({ children, className, color, textBgColor, textColor, ...rest }, ref) => {
     return (
       <div
         className={classNames(
@@ -33,6 +40,7 @@ export const CCard = forwardRef<HTMLDivElement, CCardProps>(
           {
             [`bg-${color}`]: color,
             [`text-${textColor}`]: textColor,
+            [`text-bg-${textBgColor}`]: textBgColor,
           },
           className,
         )}
@@ -49,6 +57,7 @@ CCard.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
+  textBgColor: colorPropType,
   textColor: PropTypes.string,
 }
 

package/src/components/date-range-picker/CDateRangePicker.tsx

@@ -99,19 +99,19 @@ export interface CDateRangePickerProps
   /**
    * Custom function to format the selected date into a string according to a custom format.
    *
-   * @since v5.0.0-rc.2
+   * @since 5.0.0
    */
   inputDateFormat?: (date: Date) => string
   /**
    * Custom function to parse the input value into a valid Date object.
    *
-   * @since v5.0.0-rc.2
+   * @since 5.0.0
    */
   inputDateParse?: (date: string | Date) => Date
   /**
    * Defines the delay (in milliseconds) for the input field's onChange event.
    *
-   * @since v5.0.0-rc.2
+   * @since 5.0.0
    */
   inputOnChangeDelay?: number
   /**

package/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 5.0.0
    */
   navLink?: boolean
   /**

package/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
    */
   as?: ElementType
   /**

package/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
    */
   as?: ElementType
   /**

package/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
    */
   as?: ElementType
 }

package/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
    */
   as?: ElementType
   /**

package/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
    */
   as?: ElementType
   /**

package/src/components/time-picker/CTimePicker.tsx

@@ -81,7 +81,7 @@ export interface CTimePickerProps
   /**
    * Specify a list of available hours using an array, or customize the filtering of hours through a function.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0
    */
   hours?: number[] | ((hour: number) => number[])
   /**
@@ -91,7 +91,7 @@ export interface CTimePickerProps
   /**
    * Defines the delay (in milliseconds) for the input field's onChange event.
    *
-   * @since v5.0.0-rc.2
+   * @since 5.0.0
    */
   inputOnChangeDelay?: number
   /**
@@ -105,7 +105,7 @@ export interface CTimePickerProps
   /**
    * Toggle the display of minutes, specify a list of available minutes using an array, or customize the filtering of minutes through a function.
    *
-   * @since 5.0.0-rc.2
+   * @since 5.0.0
    */
   minutes?: boolean | number[] | ((minute: number) => number[])
   /**