@coreui/react 5.6.0 → 5.7.0

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.6.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.7.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/button/CButton.js

@@ -10,9 +10,8 @@ var props = require('../../props.js');
 var CButton = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, _c = _a.as, as = _c === void 0 ? 'button' : _c, className = _a.className, color = _a.color, shape = _a.shape, size = _a.size, _d = _a.type, type = _d === void 0 ? 'button' : _d, variant = _a.variant, rest = tslib_es6.__rest(_a, ["children", "as", "className", "color", "shape", "size", "type", "variant"]);
-    return (React.createElement(CLink.CLink, tslib_es6.__assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: index.default('btn', (_b = {},
+    return (React.createElement(CLink.CLink, tslib_es6.__assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: index.default('btn', variant && color ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(variant), (_b = {},
             _b["btn-".concat(color)] = color && !variant,
-            _b["btn-".concat(variant, "-").concat(color)] = color && variant,
             _b["btn-".concat(size)] = size,
             _b), shape, className) }, rest, { ref: ref }), children));
 });

package/dist/cjs/components/button/CButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames","colorPropType"],"mappings":";;;;;;;;;IA8Da,OAAO,GAA8DA,gBAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF;AAG3F,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EACJ,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GACjC,EAAA,SAAS,EAAEC,aAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,cAAO,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;YACnC,EAAC,CAAA,MAAA,CAAA,MAAA,CAAO,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAE,CAAG,GAAA,KAAK,IAAI,OAAO;AAC7C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEvB,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACH;AAEZ,CAAC;AAGH,OAAO,CAAC,SAAS,GAAG;IAClB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames","colorPropType"],"mappings":";;;;;;;;;IA8Da,OAAO,GAA8DA,gBAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF;IAG3F,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EACJC,kBAAA,CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAC,EAClC,SAAS,EAAEC,aAAU,CACnB,KAAK,EACL,OAAO,IAAI,KAAK,GAAG,MAAO,CAAA,MAAA,CAAA,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAE,GAAG,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,GAAA,EAAA,GAAA,EAAA;AAE7D,YAAA,EAAA,CAAC,cAAO,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;AACnC,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEvB,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACH;AAEZ,CAAC;AAGH,OAAO,CAAC,SAAS,GAAG;IAClB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -16,6 +16,6 @@ export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElem
     /**
      * Set the nav variant to tabs or pills.
      */
-    variant?: 'pills' | 'tabs' | 'underline' | 'underline-border';
+    variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border';
 }
 export declare const CNav: PolymorphicRefForwardingComponent<'ul', CNavProps>;

package/dist/cjs/components/nav/CNav.js

@@ -8,7 +8,7 @@ var index = require('../../_virtual/index.js');
 var CNav = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, layout = _a.layout, variant = _a.variant, rest = tslib_es6.__rest(_a, ["children", "as", "className", "layout", "variant"]);
-    return (React.createElement(Component, tslib_es6.__assign({ className: index.default('nav', (_b = {},
+    return (React.createElement(Component, tslib_es6.__assign({ className: index.default('nav', variant === 'enclosed-pills' && 'nav-enclosed', (_b = {},
             _b["nav-".concat(layout)] = layout,
             _b["nav-".concat(variant)] = variant,
             _b), className), role: "navigation" }, rest, { ref: ref }), children));
@@ -18,7 +18,14 @@ CNav.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     layout: PropTypes.oneOf(['fill', 'justified']),
-    variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+    variant: PropTypes.oneOf([
+        'enclosed',
+        'enclosed-pills',
+        'pills',
+        'tabs',
+        'underline',
+        'underline-border',
+    ]),
 };
 CNav.displayName = 'CNav';
 

package/dist/cjs/components/nav/CNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IA0Ba,IAAI,GAAuDA,gBAAU,CAGhF,UAAC,EAAuE,EAAE,GAAG,EAAA;;IAA1E,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAArEC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,CAAuE,CAAF;IACtE,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC;AAEhB,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;CAC7E;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IA0Ba,IAAI,GAAuDA,gBAAU,CAGhF,UAAC,EAAuE,EAAE,GAAG,EAAA;;IAA1E,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAArEC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,CAAuE,CAAF;AACtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,kBAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,KAAK,EACL,OAAO,KAAK,gBAAgB,IAAI,cAAc,GAAA,EAAA,GAAA,EAAA;AAE5C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC;AAEhB,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACvB,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,WAAW;QACX,kBAAkB;KACnB,CAAC;CACH;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/cjs/components/tabs/CTabList.d.ts

@@ -11,6 +11,6 @@ export interface CTabListProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Set the nav variant to tabs or pills.
      */
-    variant?: 'pills' | 'tabs' | 'underline' | 'underline-border';
+    variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border';
 }
 export declare const CTabList: React.ForwardRefExoticComponent<CTabListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/tabs/CTabList.js

@@ -37,7 +37,7 @@ var CTabList = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    return (React.createElement("div", tslib_es6.__assign({ className: index.default('nav', (_b = {},
+    return (React.createElement("div", tslib_es6.__assign({ className: index.default('nav', variant === 'enclosed-pills' && 'nav-enclosed', (_b = {},
             _b["nav-".concat(layout)] = layout,
             _b["nav-".concat(variant)] = variant,
             _b), className), role: "tablist", onKeyDown: handleKeydown, ref: forkedRef }, rest), children));
@@ -46,7 +46,14 @@ CTabList.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     layout: PropTypes.oneOf(['fill', 'justified']),
-    variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+    variant: PropTypes.oneOf([
+        'enclosed',
+        'enclosed-pills',
+        'pills',
+        'tabs',
+        'underline',
+        'underline-border',
+    ]),
 };
 CTabList.displayName = 'CTabList';
 

package/dist/cjs/components/tabs/CTabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","getNextActiveElement","__assign","classNames"],"mappings":";;;;;;;;;;IAsBa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF;AAC9C,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAC/C,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAoC,EAAA;AACzD,QAAA,IACE,UAAU,CAAC,OAAO,KAAK,IAAI;AAC3B,aAAC,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,gBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;YACA,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAE1C,YAAA,IAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC/E;YAED,IAAI,iBAAiB,SAAA;AAErB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;;iBAC5D;gBACL,iBAAiB,GAAGC,4BAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL;;YAGH,IAAI,iBAAiB,EAAE;gBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;;;AAGtD,KAAC;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,SAAS,EACV,EAAA,IAAI,GAEP,QAAQ,CACL;AAEV,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;CAC7E;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","getNextActiveElement","__assign","classNames"],"mappings":";;;;;;;;;;IAsBa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF;AAC9C,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAC/C,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAoC,EAAA;AACzD,QAAA,IACE,UAAU,CAAC,OAAO,KAAK,IAAI;AAC3B,aAAC,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,gBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;YACA,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAE1C,YAAA,IAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC/E;YAED,IAAI,iBAAiB,SAAA;AAErB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;;iBAC5D;gBACL,iBAAiB,GAAGC,4BAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL;;YAGH,IAAI,iBAAiB,EAAE;gBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;;;AAGtD,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EACE,SAAS,EAAEC,aAAU,CACnB,KAAK,EACL,OAAO,KAAK,gBAAgB,IAAI,cAAc,GAAA,EAAA,GAAA,EAAA;AAE5C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,SAAS,EACV,EAAA,IAAI,GAEP,QAAQ,CACL;AAEV,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACvB,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,WAAW;QACX,kBAAkB;KACnB,CAAC;CACH;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/components/button/CButton.js

@@ -8,9 +8,8 @@ import { colorPropType } from '../../props.js';
 var CButton = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, _c = _a.as, as = _c === void 0 ? 'button' : _c, className = _a.className, color = _a.color, shape = _a.shape, size = _a.size, _d = _a.type, type = _d === void 0 ? 'button' : _d, variant = _a.variant, rest = __rest(_a, ["children", "as", "className", "color", "shape", "size", "type", "variant"]);
-    return (React.createElement(CLink, __assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: classNames('btn', (_b = {},
+    return (React.createElement(CLink, __assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: classNames('btn', variant && color ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(variant), (_b = {},
             _b["btn-".concat(color)] = color && !variant,
-            _b["btn-".concat(variant, "-").concat(color)] = color && variant,
             _b["btn-".concat(size)] = size,
             _b), shape, className) }, rest, { ref: ref }), children));
 });

package/dist/esm/components/button/CButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;IA8Da,OAAO,GAA8D,UAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF;AAG3F,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EACJ,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GACjC,EAAA,SAAS,EAAE,UAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,cAAO,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;YACnC,EAAC,CAAA,MAAA,CAAA,MAAA,CAAO,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAE,CAAG,GAAA,KAAK,IAAI,OAAO;AAC7C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEvB,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACH;AAEZ,CAAC;AAGH,OAAO,CAAC,SAAS,GAAG;IAClB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;IA8Da,OAAO,GAA8D,UAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF;IAG3F,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAC,EAClC,SAAS,EAAE,UAAU,CACnB,KAAK,EACL,OAAO,IAAI,KAAK,GAAG,MAAO,CAAA,MAAA,CAAA,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAE,GAAG,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,GAAA,EAAA,GAAA,EAAA;AAE7D,YAAA,EAAA,CAAC,cAAO,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;AACnC,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEvB,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACH;AAEZ,CAAC;AAGH,OAAO,CAAC,SAAS,GAAG;IAClB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -16,6 +16,6 @@ export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElem
     /**
      * Set the nav variant to tabs or pills.
      */
-    variant?: 'pills' | 'tabs' | 'underline' | 'underline-border';
+    variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border';
 }
 export declare const CNav: PolymorphicRefForwardingComponent<'ul', CNavProps>;

package/dist/esm/components/nav/CNav.js

@@ -6,7 +6,7 @@ import classNames from '../../_virtual/index.js';
 var CNav = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, layout = _a.layout, variant = _a.variant, rest = __rest(_a, ["children", "as", "className", "layout", "variant"]);
-    return (React.createElement(Component, __assign({ className: classNames('nav', (_b = {},
+    return (React.createElement(Component, __assign({ className: classNames('nav', variant === 'enclosed-pills' && 'nav-enclosed', (_b = {},
             _b["nav-".concat(layout)] = layout,
             _b["nav-".concat(variant)] = variant,
             _b), className), role: "navigation" }, rest, { ref: ref }), children));
@@ -16,7 +16,14 @@ CNav.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     layout: PropTypes.oneOf(['fill', 'justified']),
-    variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+    variant: PropTypes.oneOf([
+        'enclosed',
+        'enclosed-pills',
+        'pills',
+        'tabs',
+        'underline',
+        'underline-border',
+    ]),
 };
 CNav.displayName = 'CNav';
 

package/dist/esm/components/nav/CNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA0Ba,IAAI,GAAuD,UAAU,CAGhF,UAAC,EAAuE,EAAE,GAAG,EAAA;;IAA1E,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAArE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,CAAuE,CAAF;IACtE,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC;AAEhB,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;CAC7E;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA0Ba,IAAI,GAAuD,UAAU,CAGhF,UAAC,EAAuE,EAAE,GAAG,EAAA;;IAA1E,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAK,IAAI,GAArE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,CAAuE,CAAF;AACtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,KAAK,EACL,OAAO,KAAK,gBAAgB,IAAI,cAAc,GAAA,EAAA,GAAA,EAAA;AAE5C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC;AAEhB,CAAC;AAED,IAAI,CAAC,SAAS,GAAG;IACf,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACvB,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,WAAW;QACX,kBAAkB;KACnB,CAAC;CACH;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/components/tabs/CTabList.d.ts

@@ -11,6 +11,6 @@ export interface CTabListProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Set the nav variant to tabs or pills.
      */
-    variant?: 'pills' | 'tabs' | 'underline' | 'underline-border';
+    variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border';
 }
 export declare const CTabList: React.ForwardRefExoticComponent<CTabListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/tabs/CTabList.js

@@ -35,7 +35,7 @@ var CTabList = forwardRef(function (_a, ref) {
             }
         }
     };
-    return (React.createElement("div", __assign({ className: classNames('nav', (_b = {},
+    return (React.createElement("div", __assign({ className: classNames('nav', variant === 'enclosed-pills' && 'nav-enclosed', (_b = {},
             _b["nav-".concat(layout)] = layout,
             _b["nav-".concat(variant)] = variant,
             _b), className), role: "tablist", onKeyDown: handleKeydown, ref: forkedRef }, rest), children));
@@ -44,7 +44,14 @@ CTabList.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
     layout: PropTypes.oneOf(['fill', 'justified']),
-    variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+    variant: PropTypes.oneOf([
+        'enclosed',
+        'enclosed-pills',
+        'pills',
+        'tabs',
+        'underline',
+        'underline-border',
+    ]),
 };
 CTabList.displayName = 'CTabList';
 

package/dist/esm/components/tabs/CTabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;IAsBa,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF;AAC9C,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAC/C,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAoC,EAAA;AACzD,QAAA,IACE,UAAU,CAAC,OAAO,KAAK,IAAI;AAC3B,aAAC,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,gBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;YACA,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAE1C,YAAA,IAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC/E;YAED,IAAI,iBAAiB,SAAA;AAErB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;;iBAC5D;gBACL,iBAAiB,GAAG,oBAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL;;YAGH,IAAI,iBAAiB,EAAE;gBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;;;AAGtD,KAAC;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,SAAS,EACV,EAAA,IAAI,GAEP,QAAQ,CACL;AAEV,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;CAC7E;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;IAsBa,QAAQ,GAAG,UAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF;AAC9C,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAC/C,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAoC,EAAA;AACzD,QAAA,IACE,UAAU,CAAC,OAAO,KAAK,IAAI;AAC3B,aAAC,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,gBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;YACA,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;;AAE1C,YAAA,IAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC/E;YAED,IAAI,iBAAiB,SAAA;AAErB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;;iBAC5D;gBACL,iBAAiB,GAAG,oBAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL;;YAGH,IAAI,iBAAiB,EAAE;gBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;;;AAGtD,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,UAAU,CACnB,KAAK,EACL,OAAO,KAAK,gBAAgB,IAAI,cAAc,GAAA,EAAA,GAAA,EAAA;AAE5C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,SAAS,EACV,EAAA,IAAI,GAEP,QAAQ,CACL;AAEV,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACvB,UAAU;QACV,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,WAAW;QACX,kBAAkB;KACnB,CAAC;CACH;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.3.2",
+    "@coreui/coreui": "^5.4.0",
     "@popperjs/core": "^2.11.8",
     "prop-types": "^15.8.1"
   },
@@ -54,8 +54,8 @@
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
     "@types/prop-types": "15.7.14",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
     "@types/react-transition-group": "^4.4.12",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
@@ -64,8 +64,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.40.1",
-    "ts-jest": "^29.3.2",
+    "rollup": "^4.41.0",
+    "ts-jest": "^29.3.4",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3"
   },

package/src/components/button/CButton.tsx

@@ -66,7 +66,7 @@ export const CButton: PolymorphicRefForwardingComponent<'button', CButtonProps>
 >(
   (
     { children, as = 'button', className, color, shape, size, type = 'button', variant, ...rest },
-    ref,
+    ref
   ) => {
     return (
       <CLink
@@ -74,13 +74,13 @@ export const CButton: PolymorphicRefForwardingComponent<'button', CButtonProps>
         {...(!rest.href && { type: type })}
         className={classNames(
           'btn',
+          variant && color ? `btn-${variant}-${color}` : `btn-${variant}`,
           {
             [`btn-${color}`]: color && !variant,
-            [`btn-${variant}-${color}`]: color && variant,
             [`btn-${size}`]: size,
           },
           shape,
-          className,
+          className
         )}
         {...rest}
         ref={ref}
@@ -88,7 +88,7 @@ export const CButton: PolymorphicRefForwardingComponent<'button', CButtonProps>
         {children}
       </CLink>
     )
-  },
+  }
 )
 
 CButton.propTypes = {

package/src/components/nav/CNav.tsx

@@ -21,7 +21,7 @@ export interface CNavProps
   /**
    * Set the nav variant to tabs or pills.
    */
-  variant?: 'pills' | 'tabs' | 'underline' | 'underline-border'
+  variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border'
 }
 
 export const CNav: PolymorphicRefForwardingComponent<'ul', CNavProps> = forwardRef<
@@ -32,11 +32,12 @@ export const CNav: PolymorphicRefForwardingComponent<'ul', CNavProps> = forwardR
     <Component
       className={classNames(
         'nav',
+        variant === 'enclosed-pills' && 'nav-enclosed', // Enclosed pills variant required for `.nav-enclosed` class
         {
           [`nav-${layout}`]: layout,
           [`nav-${variant}`]: variant,
         },
-        className,
+        className
       )}
       role="navigation"
       {...rest}
@@ -52,7 +53,14 @@ CNav.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   layout: PropTypes.oneOf(['fill', 'justified']),
-  variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+  variant: PropTypes.oneOf([
+    'enclosed',
+    'enclosed-pills',
+    'pills',
+    'tabs',
+    'underline',
+    'underline-border',
+  ]),
 }
 
 CNav.displayName = 'CNav'

package/src/components/tabs/CTabList.tsx

@@ -17,7 +17,7 @@ export interface CTabListProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Set the nav variant to tabs or pills.
    */
-  variant?: 'pills' | 'tabs' | 'underline' | 'underline-border'
+  variant?: 'enclosed' | 'enclosed-pills' | 'pills' | 'tabs' | 'underline' | 'underline-border'
 }
 
 export const CTabList = forwardRef<HTMLDivElement, CTabListProps>(
@@ -39,7 +39,7 @@ export const CTabList = forwardRef<HTMLDivElement, CTabListProps>(
         const target = event.target as HTMLElement
         // eslint-disable-next-line unicorn/prefer-spread
         const items: HTMLElement[] = Array.from(
-          tabListRef.current.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'),
+          tabListRef.current.querySelectorAll('.nav-link:not(.disabled):not(:disabled)')
         )
 
         let nextActiveElement
@@ -51,7 +51,7 @@ export const CTabList = forwardRef<HTMLDivElement, CTabListProps>(
             items,
             target,
             event.key === 'ArrowDown' || event.key === 'ArrowRight',
-            true,
+            true
           )
         }
 
@@ -65,11 +65,12 @@ export const CTabList = forwardRef<HTMLDivElement, CTabListProps>(
       <div
         className={classNames(
           'nav',
+          variant === 'enclosed-pills' && 'nav-enclosed', // Enclosed pills variant required for `.nav-enclosed` class
           {
             [`nav-${layout}`]: layout,
             [`nav-${variant}`]: variant,
           },
-          className,
+          className
         )}
         role="tablist"
         onKeyDown={handleKeydown}
@@ -79,14 +80,21 @@ export const CTabList = forwardRef<HTMLDivElement, CTabListProps>(
         {children}
       </div>
     )
-  },
+  }
 )
 
 CTabList.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   layout: PropTypes.oneOf(['fill', 'justified']),
-  variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
+  variant: PropTypes.oneOf([
+    'enclosed',
+    'enclosed-pills',
+    'pills',
+    'tabs',
+    'underline',
+    'underline-border',
+  ]),
 }
 
 CTabList.displayName = 'CTabList'