@cleartrip/ct-design-nav-tabs 4.0.0 → 5.0.0

package/dist/ct-design-nav-tabs.umd.js

@@ -1,104 +1,52 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-theme'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-chip'), require('@cleartrip/ct-design-types'), require('styled-components'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-tokens'), require('@cleartrip/ct-design-horizontal-scroll')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-theme', '@cleartrip/ct-design-container', '@cleartrip/ct-design-chip', '@cleartrip/ct-design-types', 'styled-components', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-tokens', '@cleartrip/ct-design-horizontal-scroll'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemNavTabs = {}, global.jsxRuntime, global.ctDesignTheme, global.ctDesignContainer, global.ctDesignChip, global.ctDesignTypes, global.styled, global.ctDesignTypography, global.ctDesignTokens, global.ctDesignHorizontalScroll));
-})(this, (function (exports, jsxRuntime, ctDesignTheme, ctDesignContainer, ctDesignChip, ctDesignTypes, styled, ctDesignTypography, ctDesignTokens, ctDesignHorizontalScroll) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-types'), require('@cleartrip/ct-design-theme'), require('@cleartrip/ct-design-style-manager'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-horizontal-scroll'), require('@cleartrip/ct-design-chip'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-id-container')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-types', '@cleartrip/ct-design-theme', '@cleartrip/ct-design-style-manager', '@cleartrip/ct-design-container', '@cleartrip/ct-design-horizontal-scroll', '@cleartrip/ct-design-chip', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-id-container'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemNavTabs = {}, global.jsxRuntime, global.React, global.ctDesignTypes, global.ctDesignTheme, global.ctDesignStyleManager, global.ctDesignContainer, global.ctDesignHorizontalScroll, global.ctDesignChip, global.ctDesignTypography, global.ctDesignIdContainer));
+})(this, (function (exports, jsxRuntime, react, ctDesignTypes, ctDesignTheme, ctDesignStyleManager, ctDesignContainer, ctDesignHorizontalScroll, ctDesignChip, ctDesignTypography, ctDesignIdContainer) { 'use strict';
 
-    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-    var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol */
-
-    var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-      };
-      return __assign.apply(this, arguments);
+    const getTabContainerStyles = ({ showBottomLine, theme }) => {
+        return {
+            borderBottomWidth: showBottomLine ? theme.border.width.sm : theme.border.width.none,
+            borderColor: theme.color.border.default,
+        };
     };
-    function __makeTemplateObject(cooked, raw) {
-      if (Object.defineProperty) {
-        Object.defineProperty(cooked, "raw", {
-          value: raw
-        });
-      } else {
-        cooked.raw = raw;
-      }
-      return cooked;
-    }
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-      var e = new Error(message);
-      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+
+    const TabContainer = ({ borderBottomWidth, borderColor, children, rootStyles: customRootStyles = [], }) => {
+        const dynamicStyles = ctDesignStyleManager.useStyles((_) => {
+            return {
+                root: {
+                    borderBottomWidth,
+                    borderColor,
+                    minWidth: '100%',
+                    width: 'auto',
+                },
+            };
+        }, [borderBottomWidth, borderColor]);
+        return jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [dynamicStyles.root, ...customRootStyles] }, children: children });
     };
 
-    exports.TabVariants = void 0;
-    (function (TabVariants) {
-        TabVariants["FLAT"] = "flat";
-        TabVariants["CHIP"] = "chip";
-    })(exports.TabVariants || (exports.TabVariants = {}));
-    exports.TabSize = void 0;
+    var IconPosition;
+    (function (IconPosition) {
+        IconPosition["LEFT"] = "left";
+        IconPosition["RIGHT"] = "right";
+        IconPosition["TOP"] = "top";
+    })(IconPosition || (IconPosition = {}));
+    var TabSize;
     (function (TabSize) {
         TabSize["SMALL"] = "small";
         TabSize["MEDIUM"] = "medium";
         TabSize["LARGE"] = "large";
-    })(exports.TabSize || (exports.TabSize = {}));
-
-    var getTabContainerStyles$1 = function (_a) {
-        var borderBottomWidth = _a.borderBottomWidth, borderColor = _a.borderColor, theme = _a.theme;
-        return {
-            borderBottomWidth: borderBottomWidth,
-            borderColor: borderColor,
-            borderBottomStyle: theme.border.style.solid,
-            minWidth: '100%',
-            width: 'fit-content',
-        };
-    };
+    })(TabSize || (TabSize = {}));
 
-    var TabContainer = styled__default.default.div(function (_a) {
-        var borderBottomWidth = _a.borderBottomWidth, borderColor = _a.borderColor, theme = _a.theme, _b = _a.css, css = _b === void 0 ? {} : _b;
-        return (__assign(__assign({}, getTabContainerStyles$1({
-            borderBottomWidth: borderBottomWidth,
-            borderColor: borderColor,
-            theme: theme,
-        })), css));
-    });
-
-    var getTabContainerStyles = function (_a) {
-        var showBottomLine = _a.showBottomLine, theme = _a.theme;
-        return {
-            borderBottomWidth: showBottomLine ? theme.border.width.sm : theme.border.width.none,
-            borderColor: theme.color.border.default,
-        };
-    };
-
-    var getLabelVariant = function (_a) {
-        var size = _a.size;
+    const getLabelVariant = ({ size }) => {
         switch (size) {
-            case exports.TabSize.SMALL: {
+            case TabSize.SMALL: {
                 return ctDesignTypography.TypographyVariant.B2;
             }
-            case exports.TabSize.MEDIUM: {
+            case TabSize.MEDIUM: {
                 return ctDesignTypography.TypographyVariant.B1;
             }
-            case exports.TabSize.LARGE: {
+            case TabSize.LARGE: {
                 return ctDesignTypography.TypographyVariant.B1;
             }
             default: {
@@ -106,8 +54,7 @@
             }
         }
     };
-    var getTabLabelColor = function (_a) {
-        var isSelected = _a.isSelected, theme = _a.theme;
+    const getTabLabelColor = ({ isSelected, theme }) => {
         if (isSelected) {
             return theme.color.tab.selectedPrimaryLabel;
         }
@@ -115,8 +62,7 @@
             return theme.color.tab.nonSelectedPrimaryLabel;
         }
     };
-    var getTabStyles = function (_a) {
-        var isSelected = _a.isSelected, theme = _a.theme, tabWidth = _a.tabWidth;
+    const getTabStyles = ({ isSelected, theme, tabWidth, }) => {
         if (isSelected) {
             return {
                 borderBottomColor: theme.color.border.primary,
@@ -126,52 +72,138 @@
         }
         else {
             return {
-                borderBottomWidth: theme.border.width.none,
+                borderBottomWidth: theme.border.width.lg,
                 width: tabWidth || 'auto',
+                borderBottomColor: theme.color.border.neutral100,
             };
         }
     };
 
-    var getStyledFlatTabStyles = function (_a) {
-        var theme = _a.theme, borderBottomColor = _a.borderBottomColor, borderBottomWidth = _a.borderBottomWidth, width = _a.width;
-        return styled.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n\t\tpadding-top: ", ";\n\t\tpadding-bottom: ", ";\n\t\tpadding-left: ", ";\n\t\tpadding-right ", ";\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twhite-space: nowrap;\n\t\twidth: ", ";\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\twidth: 100%;\n\t\t\tposition: absolute;\n\t\t\tbottom: 0px;\n\t\t\tborder-bottom-width: ", ";\n\t\t\tborder-bottom-color: ", ";\n\t\t\tborder-top-left-radius: ", ";\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-style: ", ";\n\t"], ["\n\t\tpadding-top: ", ";\n\t\tpadding-bottom: ", ";\n\t\tpadding-left: ", ";\n\t\tpadding-right ", ";\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twhite-space: nowrap;\n\t\twidth: ", ";\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\twidth: 100%;\n\t\t\tposition: absolute;\n\t\t\tbottom: 0px;\n\t\t\tborder-bottom-width: ", ";\n\t\t\tborder-bottom-color: ", ";\n\t\t\tborder-top-left-radius: ", ";\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-style: ", ";\n\t"])), theme.spacing[2], theme.spacing[2], theme.spacing[2], theme.spacing[2], width, borderBottomWidth, borderBottomColor, theme.border.radius[16], theme.border.radius[16], theme.border.style.solid);
+    const styles$1 = ctDesignStyleManager.makeStyles((theme) => {
+        return {
+            root: {
+                padding: theme.spacing[2],
+                flexDirection: 'row',
+                alignTtems: 'center',
+                justifyContent: 'center',
+                whiteSpace: 'nowrap',
+            },
+        };
+    });
+    const FlatTabContainer = ({ width, borderBottomColor, borderBottomWidth, children, rootStyles: customRootStyles = [], }) => {
+        const dynamicStyles = ctDesignStyleManager.useStyles((_) => {
+            return {
+                root: {
+                    width: width,
+                    borderBottomWidth: borderBottomWidth,
+                    borderBottomColor: borderBottomColor,
+                },
+            };
+        }, [borderBottomColor, borderBottomWidth, width]);
+        return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [styles$1.root, dynamicStyles.root, ...customRootStyles] }, children: children }));
     };
-    var templateObject_1$1;
 
-    var StyledFlatTab = styled__default.default.div(function (_a) {
-        var theme = _a.theme, borderBottomColor = _a.borderBottomColor, borderBottomWidth = _a.borderBottomWidth, width = _a.width, _b = _a.css, css = _b === void 0 ? {} : _b;
-        return styled.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t", "\n\t\t", ";\n\t  "], ["\n\t\t", "\n\t\t", ";\n\t  "])), getStyledFlatTabStyles({ theme: theme, borderBottomColor: borderBottomColor, borderBottomWidth: borderBottomWidth, width: width }), css);
+    const styles = ctDesignStyleManager.makeStyles((theme) => {
+        return {
+            root: {
+                position: 'relative',
+            },
+            tabContainer: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+            iconContainer: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+            countContainer: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+                marginLeft: theme.spacing[1],
+                marginRight: theme.spacing[1],
+                height: theme.size[4],
+                width: theme.size[4],
+            },
+            countSubContainer: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+                padding: theme.spacing['0.5'],
+                width: '100%',
+                borderRadius: theme.border.radius[32],
+            },
+            pr2: {
+                paddingRight: theme.spacing[2],
+            },
+            pl2: {
+                paddingLeft: theme.spacing[2],
+            },
+        };
     });
-    var templateObject_1;
-
-    var FlatTab = function (_a) {
-        var label = _a.label, _b = _a.size, size = _b === void 0 ? exports.TabSize.SMALL : _b, _c = _a.showIcon, showIcon = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? ctDesignTypes.IconPosition.LEFT : _d, _e = _a.Icon, Icon = _e === void 0 ? undefined : _e, _f = _a.showCounter, showCounter = _f === void 0 ? false : _f, _g = _a.count, count = _g === void 0 ? -1 : _g, _h = _a.isSelected, isSelected = _h === void 0 ? false : _h, onClick = _a.onClick, tabWidth = _a.tabWidth, counterBgColor = _a.counterBgColor, _j = _a.styleConfig, styleConfig = _j === void 0 ? {} : _j, id = _a.id;
-        var theme = ctDesignTheme.useTheme();
-        var containerWrapper = styleConfig.containerWrapper, countContainer = styleConfig.countContainer, countSubContainer = styleConfig.countSubContainer, countTypography = styleConfig.countTypography, iconContainer = styleConfig.iconContainer, labelTypography = styleConfig.labelTypography, root = styleConfig.root, tabContainer = styleConfig.tabContainer;
-        var tabStyles = getTabStyles({ isSelected: isSelected, theme: theme, tabWidth: tabWidth });
-        var showCountPill = showCounter && count > 0;
-        return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ onClick: onClick, position: 'relative', id: id }, root, { children: jsxRuntime.jsx(StyledFlatTab, __assign({}, tabStyles, containerWrapper, { children: jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center' }, tabContainer, { children: [showIcon && iconPosition === ctDesignTypes.IconPosition.LEFT && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingRight: theme.spacing[2] }, iconContainer, { children: Icon }))), jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: getLabelVariant({ size: size }), colorCode: getTabLabelColor({ isSelected: isSelected, theme: theme }), styleConfig: labelTypography }, { children: label })), showIcon && iconPosition === ctDesignTypes.IconPosition.RIGHT && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingLeft: theme.spacing[2] }, iconContainer, { children: Icon }))), showCountPill && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', justifyContent: 'center', marginLeft: theme.spacing[1], marginRight: theme.spacing[1], alignItems: 'center', height: '16px', width: '16px' }, countContainer, { children: jsxRuntime.jsx(ctDesignContainer.Container, __assign({ backgroundColor: counterBgColor, borderRadius: '50%', paddingRight: '2px', paddingLeft: '2px', paddingTop: '2px', paddingBottom: '2px', alignItems: 'center', justifyContent: 'center', width: '100%', textAlign: 'center' }, countSubContainer, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'TAG', color: ctDesignTypography.TypographyColor.NEUTRAL, styleConfig: countTypography }, { children: count })) })) })))] })) })) })));
+    const FlatTab = ({ label, size = TabSize.SMALL, showIcon = false, iconPosition = IconPosition.LEFT, Icon = undefined, showCounter = false, count = -1, isSelected = false, onClick, tabWidth, counterBgColor, nonSelectedCounterBgColor, styleConfig = {}, id, onLayout, hideBottomBorder = false, }) => {
+        const theme = ctDesignTheme.useTheme();
+        const { containerWrapper: customContainerWrapper = [], countContainer: customCountContainer = [], countSubContainer: customCountSubContainer = [], countTypography: customCountTypographyStyles = [], iconContainer: customIconContainerStyles = [], labelTypography: customLabelStyles = [], root: customRootStyles = [], tabContainer: customTabContainer = [], selectedRoot: customSelectedTab = [], } = styleConfig;
+        const tabStyles = getTabStyles({ isSelected, theme, tabWidth });
+        const showCountPill = showCounter && count > 0;
+        const dynmaicStyles = ctDesignStyleManager.useStyles(() => {
+            return {
+                countSubContainer: {
+                    backgroundColor: isSelected ? counterBgColor : nonSelectedCounterBgColor,
+                },
+            };
+        }, [isSelected]);
+        const renderLabelComponent = () => {
+            if (typeof label === 'string') {
+                return (jsxRuntime.jsx(ctDesignTypography.Typography, { variant: getLabelVariant({ size }), colorCode: getTabLabelColor({ isSelected, theme }), styleConfig: { root: customLabelStyles }, children: label }));
+            }
+            return label;
+        };
+        return (jsxRuntime.jsx(ctDesignIdContainer.IDContainer, { id: id, onLayout: onLayout, children: jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClick, id: id, styleConfig: { root: [styles.root, ...customRootStyles, ...(isSelected ? customSelectedTab : [])] }, children: jsxRuntime.jsx(FlatTabContainer, { width: tabStyles === null || tabStyles === void 0 ? void 0 : tabStyles.width, borderBottomWidth: hideBottomBorder ? 0 : tabStyles === null || tabStyles === void 0 ? void 0 : tabStyles.borderBottomWidth, borderBottomColor: hideBottomBorder ? 'transparent' : tabStyles === null || tabStyles === void 0 ? void 0 : tabStyles.borderBottomColor, rootStyles: customContainerWrapper, children: jsxRuntime.jsxs(ctDesignContainer.Container, { styleConfig: {
+                            root: [styles.tabContainer, ...customTabContainer],
+                        }, children: [Icon && showIcon && iconPosition === IconPosition.LEFT && (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [styles.iconContainer, styles.pr2, ...customIconContainerStyles] }, children: Icon })), renderLabelComponent(), Icon && showIcon && iconPosition === IconPosition.RIGHT && (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [styles.iconContainer, styles.pl2, ...customIconContainerStyles] }, children: Icon })), showCountPill && (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [styles.countContainer, ...customCountContainer] }, children: jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: {
+                                        root: [styles.countSubContainer, dynmaicStyles.countSubContainer, ...customCountSubContainer],
+                                    }, children: jsxRuntime.jsx(ctDesignTypography.Typography, { variant: 'TAG', color: ctDesignTypography.TypographyColor.NEUTRAL, styleConfig: { root: customCountTypographyStyles }, children: count }) }) }))] }) }) }) }));
     };
 
-    var NavTabs = function (_a) {
-        var _b = _a.tabType, tabType = _b === void 0 ? exports.TabVariants.FLAT : _b, tabList = _a.tabList, selectedTab = _a.selectedTab, _c = _a.showIcon, showIcon = _c === void 0 ? false : _c, tabGap = _a.tabGap, onClick = _a.onClick, _d = _a.iconPosition, iconPosition = _d === void 0 ? ctDesignTypes.IconPosition.LEFT : _d, _e = _a.tabSize, tabSize = _e === void 0 ? exports.TabSize.SMALL : _e, _f = _a.showCounter, showCounter = _f === void 0 ? false : _f, _g = _a.counterBgColor, counterBgColor = _g === void 0 ? ctDesignTokens.colors.link2 : _g, containerSpace = _a.containerSpace, tabWidth = _a.tabWidth, _h = _a.showBottomBorder, showBottomBorder = _h === void 0 ? true : _h, _j = _a.styleConfig, styleConfig = _j === void 0 ? {} : _j, _k = _a.navTabsIdPrefix, navTabsIdPrefix = _k === void 0 ? '' : _k;
-        var theme = ctDesignTheme.useTheme();
-        var chip = styleConfig.chip, container = styleConfig.container, flatTab = styleConfig.flatTab, root = styleConfig.root, tabContainer = styleConfig.tabContainer, tabTypeContainer = styleConfig.tabTypeContainer;
-        var showBottomLine = showBottomBorder && tabType === exports.TabVariants.FLAT;
-        var tabContainerStyles = getTabContainerStyles({ showBottomLine: showBottomLine, theme: theme });
-        var renderFlatTab = function () {
-            return tabList.map(function (tab) {
-                var _a = tab || {}, label = _a.label, id = _a.id, _b = _a.Icon, Icon = _b === void 0 ? undefined : _b, count = _a.count;
-                return (jsxRuntime.jsx(FlatTab, { label: label, onClick: function () { return onClick(id); }, size: tabSize, isSelected: selectedTab === id, showCounter: showCounter, count: count, counterBgColor: counterBgColor, showIcon: showIcon, iconPosition: iconPosition, Icon: Icon, tabWidth: tabWidth, styleConfig: flatTab, id: navTabsIdPrefix + id }, id));
+    exports.TabVariants = void 0;
+    (function (TabVariants) {
+        TabVariants["FLAT"] = "flat";
+        TabVariants["CHIP"] = "chip";
+    })(exports.TabVariants || (exports.TabVariants = {}));
+
+    const staticStyles = ctDesignStyleManager.makeStyles(() => ({
+        scrollContainer: {
+            backgroundColor: 'white',
+        },
+        root: {
+            width: '100%',
+        },
+    }));
+    const NavTabs = react.forwardRef(({ tabType = exports.TabVariants.FLAT, tabList, selectedTab, showIcon = false, tabGap, onClick, iconPosition = ctDesignTypes.IconPosition.LEFT, tabSize = TabSize.SMALL, showCounter = false, counterBgColor, nonSelectedCounterBgColor, containerSpace, tabWidth, showBottomBorder = true, styleConfig = {}, navTabsIdPrefix = '', rootProps, }, forwardedRef) => {
+        const theme = ctDesignTheme.useTheme();
+        const { chip, container = [], flatTab, root, tabContainer = [], tabTypeContainer = [] } = styleConfig;
+        const showBottomLine = showBottomBorder && tabType === exports.TabVariants.FLAT;
+        const tabContainerStyles = getTabContainerStyles({ showBottomLine, theme: theme });
+        const _counterBgColor = counterBgColor || theme.color.background.link2;
+        const _nonSelectedCounterBgColor = nonSelectedCounterBgColor || theme.color.background.defaultDark;
+        const renderChipTab = () => {
+            return tabList.map((tab) => {
+                const { label, id, Icon = undefined, count } = tab || {};
+                return (jsxRuntime.jsx(ctDesignChip.Chip, { label: label, isSelected: selectedTab === id, prefixIcon: iconPosition === ctDesignTypes.IconPosition.LEFT ? Icon : null,
+                    topIcon: iconPosition === ctDesignTypes.IconPosition.TOP ? Icon : null,
+                    suffixIcon: iconPosition === ctDesignTypes.IconPosition.RIGHT ? Icon : null, onClick: () => onClick(id), showCounter: showCounter, count: count, styleConfig: chip, id: navTabsIdPrefix + id }, id));
             });
         };
-        var renderChipTab = function () {
-            return tabList.map(function (tab) {
-                var _a = tab || {}, label = _a.label, id = _a.id, _b = _a.Icon, Icon = _b === void 0 ? undefined : _b, count = _a.count;
-                return (jsxRuntime.jsx(ctDesignChip.Chip, { label: label, isSelected: selectedTab === id, showIcon: showIcon, iconPosition: iconPosition, Icon: Icon, onClick: function () { return onClick(id); }, showCounter: showCounter, count: count, styleConfig: chip, id: navTabsIdPrefix + id }, id));
+        const renderFlatTab = () => {
+            return tabList.map((tab) => {
+                const { label, id, Icon = undefined, count } = tab || {};
+                return (jsxRuntime.jsx(FlatTab, { label: label, onClick: () => onClick(id), size: tabSize, isSelected: selectedTab === id, showCounter: showCounter, count: count, counterBgColor: _counterBgColor, nonSelectedCounterBgColor: _nonSelectedCounterBgColor, showIcon: showIcon, iconPosition: iconPosition, Icon: Icon, tabWidth: tabWidth, styleConfig: flatTab, id: navTabsIdPrefix + id }, id));
             });
         };
-        var renderTabType = function () {
+        const renderTabType = () => {
             switch (tabType) {
                 case exports.TabVariants.FLAT: {
                     return renderFlatTab();
@@ -184,8 +216,20 @@
                 }
             }
         };
-        return (jsxRuntime.jsx(ctDesignHorizontalScroll.StyledHorizontalScroll, __assign({}, root, { children: jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'inline-block', width: '100%' }, container, { children: jsxRuntime.jsx(TabContainer, __assign({ theme: theme }, tabContainerStyles, tabContainer, { children: jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', columnGap: tabGap || theme.spacing[4], paddingLeft: containerSpace || theme.spacing[4], paddingRight: containerSpace || theme.spacing[4] }, tabTypeContainer, { children: renderTabType() })) })) })) })));
-    };
+        const dynamicStyles = ctDesignStyleManager.useStyles((theme) => {
+            return {
+                tabTypeContainer: {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    columnGap: tabGap || (theme === null || theme === void 0 ? void 0 : theme.spacing[4]),
+                    paddingLeft: containerSpace || (theme === null || theme === void 0 ? void 0 : theme.spacing[4]),
+                    paddingRight: containerSpace || (theme === null || theme === void 0 ? void 0 : theme.spacing[4]),
+                },
+            };
+        }, [tabGap, containerSpace]);
+        return (jsxRuntime.jsx(ctDesignHorizontalScroll.HorizontalScroll, Object.assign({}, rootProps, { styleConfig: { childContainer: [...(root || []), staticStyles.scrollContainer] }, ref: forwardedRef, children: jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticStyles.root, ...container] }, children: jsxRuntime.jsx(TabContainer, Object.assign({}, tabContainerStyles, { rootStyles: tabContainer, children: jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [dynamicStyles.tabTypeContainer, ...tabTypeContainer] }, children: renderTabType() }) })) }) })));
+    });
+    NavTabs.displayName = 'NavTabs';
 
     exports.NavTabs = NavTabs;
 

package/dist/ct-design-nav-tabs.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-nav-tabs.umd.js","sources":["../../../../node_modules/.pnpm/@rollup+plugin-typescript@9.0.2_rollup@3.29.4_tslib@2.6.3_typescript@4.9.5/node_modules/tslib/tslib.es6.js","../packages/components/NavTabs/src/type.ts","../packages/components/NavTabs/src/TabContainer/style.ts","../packages/components/NavTabs/src/TabContainer/TabContainer.tsx","../packages/components/NavTabs/src/style.ts","../packages/components/NavTabs/src/FlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/StyledFlatTab.tsx","../packages/components/NavTabs/src/FlatTab/FlatTab.tsx","../packages/components/NavTabs/src/NavTabs.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    function next() {\r\n        while (env.stack.length) {\r\n            var rec = env.stack.pop();\r\n            try {\r\n                var result = rec.dispose && rec.dispose.call(rec.value);\r\n                if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n};\r\n",null,null,null,null,null,null,null,null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__makeTemplateObject","cooked","raw","defineProperty","value","SuppressedError","error","suppressed","message","e","Error","name","TabVariants","TabSize","getTabContainerStyles","styled","TypographyVariant","css","templateObject_1","CSS","IconPosition","useTheme","_jsx","Container","_jsxs","Typography","TypographyColor","Color","Chip","StyledHorizontalScroll"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ct-design-nav-tabs.umd.js","sources":["../packages/components/NavTabs/src/style.ts","../packages/components/NavTabs/src/TabContainer/TabContainer.tsx","../packages/components/NavTabs/src/FlatTab/type.ts","../packages/components/NavTabs/src/FlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/FlatTabContainer/index.tsx","../packages/components/NavTabs/src/FlatTab/FlatTab.tsx","../packages/components/NavTabs/src/constants.ts","../packages/components/NavTabs/src/Tab.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["useStyles","_jsx","Container","TypographyVariant","styles","makeStyles","useTheme","Typography","IDContainer","_jsxs","TypographyColor","TabVariants","forwardRef","IconPosition","Chip","HorizontalScroll"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-export { default as NavTabs } from './NavTabs';
-export * from './type';
+export { default as NavTabs } from './Tab';
+export type * from './type';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/style.d.ts

@@ -3,7 +3,7 @@ export declare const getTabContainerStyles: ({ showBottomLine, theme }: {
     showBottomLine: boolean;
     theme: Theme;
 }) => {
-    borderBottomWidth: "1px" | "0px";
+    borderBottomWidth: 0 | 1;
     borderColor: string;
 };
 //# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,eAAO,MAAM,qBAAqB;oBAAiD,OAAO;WAAS,KAAK;;;;CAKvG,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,eAAO,MAAM,qBAAqB,GAAI,2BAA2B;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE;;;CAKzG,CAAC"}

package/dist/type.d.ts

@@ -1,43 +1,40 @@
 import { ReactNode } from 'react';
-import type { BaseStyleConfigProps, ChipStyleConfigProps, FlatTabStyleConfigProps, IconPosition } from '@cleartrip/ct-design-types';
-export declare enum TabVariants {
-    FLAT = "flat",
-    CHIP = "chip"
-}
+import { Styles } from '@cleartrip/ct-design-types';
+import { IChipStyleConfig } from '@cleartrip/ct-design-chip';
+import { ContainerRef, IContainer } from '@cleartrip/ct-design-container';
+import { FlatTabStyleConfigProps, TabSizeType, IconPosition } from './FlatTab/type';
+import { TabVariants } from './constants';
 export type TabListType = {
     id: string;
     label: string;
     Icon?: ReactNode;
     count?: number;
 };
-export declare enum TabSize {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
+export interface INavTabsStyleConfig {
+    root?: Styles[];
+    container?: Styles[];
+    tabContainer?: Styles[];
+    tabTypeContainer?: Styles[];
+    flatTab?: FlatTabStyleConfigProps;
+    chip?: IChipStyleConfig;
 }
-export type TabSizeType = `${TabSize}`;
 export interface NavTabsProps {
     tabType?: `${TabVariants}`;
     showIcon?: boolean;
     onClick: (value: string) => void;
     tabList: TabListType[];
     selectedTab?: string;
-    tabGap?: string;
+    tabGap?: number;
     iconPosition?: `${IconPosition}`;
     tabSize?: TabSizeType;
     showCounter?: boolean;
-    containerSpace?: string;
-    tabWidth?: string;
+    containerSpace?: number;
+    tabWidth?: number | 'auto';
     counterBgColor?: string;
+    nonSelectedCounterBgColor?: string;
     showBottomBorder?: boolean;
-    styleConfig?: {
-        root?: BaseStyleConfigProps;
-        container?: BaseStyleConfigProps;
-        tabContainer?: BaseStyleConfigProps;
-        tabTypeContainer?: BaseStyleConfigProps;
-        flatTab?: FlatTabStyleConfigProps;
-        chip?: ChipStyleConfigProps;
-    };
+    styleConfig?: INavTabsStyleConfig;
+    rootProps?: React.ForwardRefExoticComponent<IContainer & React.RefAttributes<ContainerRef>>;
     navTabsIdPrefix?: string;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,OAAO;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,OAAO,EAAE,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,oBAAoB,CAAC;QAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;QACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;QACpC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;QACxC,OAAO,CAAC,EAAE,uBAAuB,CAAC;QAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;KAC7B,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,MAAM,WAAW,GAAG;IAExB,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,MAAM,WAAW,mBAAmB;IAElC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAElC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAGD,MAAM,WAAW,YAAY;IAE3B,OAAO,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,OAAO,EAAE,WAAW,EAAE,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,YAAY,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,SAAS,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAE5F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}