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

package/README.md

@@ -0,0 +1,69 @@
+# NavTabs
+
+A navigation tab component for switching between different views.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-nav-tabs
+# or
+pnpm add @cleartrip/ct-design-nav-tabs
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { NavTabs } from '@cleartrip/ct-design-nav-tabs';
+
+function Example() {
+  return (
+    <NavTabs>
+      {/* Basic usage */}
+    </NavTabs>
+  );
+}
+```
+
+---
+
+## TabVariants
+
+- `FLAT` — flat
+- `CHIP` — chip
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { NavTabs } from 'yagami/core/components';
++ import { NavTabs } from '@cleartrip/ct-design-nav-tabs';
+```

package/dist/FlatTab/FlatTab.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FlatTabProps } from './type';
 declare const FlatTab: React.FC<FlatTabProps>;
 export default FlatTab;

package/dist/FlatTab/FlatTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlatTab.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/FlatTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+FnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"FlatTab.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/FlatTab.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AA8CtC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2GnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/FlatTab/FlatTabContainer/index.d.ts

@@ -0,0 +1,7 @@
+import { Styles } from '@cleartrip/ct-design-types';
+import { StyledFlatTabProps } from './type';
+declare const FlatTabContainer: React.FC<StyledFlatTabProps & {
+    rootStyles: Styles[];
+}>;
+export default FlatTabContainer;
+//# sourceMappingURL=index.d.ts.map

package/dist/FlatTab/FlatTabContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/NavTabs/src/FlatTab/FlatTabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAc5C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG;IAAE,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,CAsB7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/FlatTab/FlatTabContainer/type.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface StyledFlatTabProps {
+    borderBottomWidth?: number;
+    borderBottomColor?: string;
+    width?: number | '100%' | 'auto';
+    children?: ReactNode;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/FlatTab/FlatTabContainer/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../packages/components/NavTabs/src/FlatTab/FlatTabContainer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/FlatTab/style.d.ts

@@ -1,6 +1,6 @@
-import { Theme } from '@cleartrip/ct-design-theme';
 import { TypographyVariant } from '@cleartrip/ct-design-typography';
-import { TabSizeType } from '../type';
+import { Theme } from '@cleartrip/ct-design-theme';
+import { TabSizeType } from './type';
 export declare const getLabelVariant: ({ size }: {
     size: TabSizeType;
 }) => TypographyVariant.B1 | TypographyVariant.B2;
@@ -11,14 +11,10 @@ export declare const getTabLabelColor: ({ isSelected, theme }: {
 export declare const getTabStyles: ({ isSelected, theme, tabWidth, }: {
     isSelected: boolean;
     theme: Theme;
-    tabWidth?: string | undefined;
+    tabWidth?: number | "auto";
 }) => {
     borderBottomColor: string;
-    borderBottomWidth: "2px";
-    width: string;
-} | {
-    borderBottomWidth: "0px";
-    width: string;
-    borderBottomColor?: undefined;
+    borderBottomWidth: 2;
+    width: number | "auto";
 };
 //# sourceMappingURL=style.d.ts.map

package/dist/FlatTab/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAW,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe;UAAsB,WAAW;iDAe5D,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAAyC,OAAO;WAAS,KAAK;YAM1F,CAAC;AAEF,eAAO,MAAM,YAAY;gBAKX,OAAO;WACZ,KAAK;;;;;;;;;;CAeb,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAAW,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE9C,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,gDAe9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,uBAAuB;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,WAM5F,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,kCAI1B;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;;;;CAcA,CAAC"}

package/dist/FlatTab/type.d.ts

@@ -1,6 +1,27 @@
 import { ReactNode } from 'react';
-import { FlatTabStyleConfigProps, IconPosition } from '@cleartrip/ct-design-types';
-import { TabSizeType } from '../type';
+import { Styles, TextStyle } from '@cleartrip/ct-design-types';
+export declare const enum IconPosition {
+    LEFT = "left",
+    RIGHT = "right",
+    TOP = "top"
+}
+export declare enum TabSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export type TabSizeType = `${TabSize}`;
+export interface FlatTabStyleConfigProps {
+    root?: Styles[];
+    containerWrapper?: Styles[];
+    tabContainer?: Styles[];
+    iconContainer?: Styles[];
+    labelTypography?: TextStyle[];
+    countContainer?: Styles[];
+    countSubContainer?: Styles[];
+    countTypography?: TextStyle[];
+    selectedRoot?: Styles[];
+}
 export interface FlatTabProps {
     size?: TabSizeType;
     label: string;
@@ -11,9 +32,19 @@ export interface FlatTabProps {
     count?: number;
     isSelected?: boolean;
     onClick: () => void;
-    tabWidth?: string;
+    tabWidth?: number | 'auto';
     counterBgColor?: string;
+    nonSelectedCounterBgColor?: string;
     styleConfig?: FlatTabStyleConfigProps;
     id?: string;
+    onLayout?: (event: {
+        layout: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    }) => void;
+    hideBottomBorder?: boolean;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/FlatTab/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/FlatTab/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE/D,0BAAkB,YAAY;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAGD,oBAAY,OAAO;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAGD,MAAM,MAAM,WAAW,GAAG,GAAG,OAAO,EAAE,CAAC;AAEvC,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;YACd,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,CAAC;KACH,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/dist/Tab.d.ts

@@ -0,0 +1,5 @@
+import { NavTabsProps } from './type';
+import { ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+declare const NavTabs: import("react").ForwardRefExoticComponent<NavTabsProps & import("react").RefAttributes<ScrollContainerRef>>;
+export default NavTabs;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/Tab.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAY3E,QAAA,MAAM,OAAO,6GA4HZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/Tab.native.d.ts

@@ -0,0 +1,5 @@
+import { NavTabsProps } from './type';
+import { ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+declare const NavTabs: import("react").ForwardRefExoticComponent<NavTabsProps & import("react").RefAttributes<ScrollContainerRef>>;
+export default NavTabs;
+//# sourceMappingURL=Tab.native.d.ts.map

package/dist/Tab.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.native.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/Tab.native.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAqB3E,QAAA,MAAM,OAAO,6GAsOZ,CAAC;AAGF,eAAe,OAAO,CAAC"}

package/dist/TabContainer/TabContainer.d.ts

@@ -1,4 +1,7 @@
+import { Styles } from '@cleartrip/ct-design-types';
 import { TabContainerProps } from './type';
-declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
+declare const TabContainer: React.FC<TabContainerProps & {
+    rootStyles: Styles[];
+}>;
 export default TabContainer;
 //# sourceMappingURL=TabContainer.d.ts.map

package/dist/TabContainer/TabContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabContainer.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/TabContainer/TabContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,QAAA,MAAM,YAAY,wHAMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TabContainer.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/TabContainer/TabContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAIpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IAAE,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,CAoBxE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/TabContainer/type.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from "styled-components";
+import { ReactNode } from 'react';
 export interface TabContainerProps {
-    borderBottomWidth?: string;
+    borderBottomWidth?: number;
     borderColor?: string;
-    css?: CSSProperties;
+    children?: ReactNode;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/TabContainer/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/TabContainer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,aAAa,CAAA;CACnB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/NavTabs/src/TabContainer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/constants.d.ts

@@ -0,0 +1,5 @@
+export declare enum TabVariants {
+    FLAT = "flat",
+    CHIP = "chip"
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/NavTabs/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;CACd"}

package/dist/ct-design-nav-tabs.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),o=require("@cleartrip/ct-design-theme"),n=require("@cleartrip/ct-design-container"),r=require("@cleartrip/ct-design-chip"),i=require("@cleartrip/ct-design-types"),a=require("styled-components"),d=require("@cleartrip/ct-design-typography"),s=require("@cleartrip/ct-design-tokens"),c=require("@cleartrip/ct-design-horizontal-scroll");function l(t){return t&&t.__esModule?t:{default:t}}var p,h,b=l(a);exports.TabVariants=void 0,(p=exports.TabVariants||(exports.TabVariants={})).FLAT="flat",p.CHIP="chip",exports.TabSize=void 0,(h=exports.TabSize||(exports.TabSize={})).SMALL="small",h.MEDIUM="medium",h.LARGE="large";var u,g,m=b.default.div((function(e){var o=e.borderBottomWidth,n=e.borderColor,r=e.theme,i=e.css,a=void 0===i?{}:i;return t.__assign(t.__assign({},function(t){return{borderBottomWidth:t.borderBottomWidth,borderColor:t.borderColor,borderBottomStyle:t.theme.border.style.solid,minWidth:"100%",width:"fit-content"}}({borderBottomWidth:o,borderColor:n,theme:r})),a)})),f=function(t){switch(t.size){case exports.TabSize.SMALL:return d.TypographyVariant.B2;case exports.TabSize.MEDIUM:case exports.TabSize.LARGE:return d.TypographyVariant.B1;default:return d.TypographyVariant.B2}},y=function(t){var e=t.isSelected,o=t.theme;return e?o.color.tab.selectedPrimaryLabel:o.color.tab.nonSelectedPrimaryLabel},C=b.default.div((function(e){var o=e.theme,n=e.borderBottomColor,r=e.borderBottomWidth,i=e.width,d=e.css,s=void 0===d?{}:d;return a.css(g||(g=t.__makeTemplateObject(["\n\t\t","\n\t\t",";\n\t  "],["\n\t\t","\n\t\t",";\n\t  "])),function(e){var o=e.theme,n=e.borderBottomColor,r=e.borderBottomWidth,i=e.width;return a.css(u||(u=t.__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"])),o.spacing[2],o.spacing[2],o.spacing[2],o.spacing[2],i,r,n,o.border.radius[16],o.border.radius[16],o.border.style.solid)}({theme:o,borderBottomColor:n,borderBottomWidth:r,width:i}),s)})),x=function(r){var a=r.label,s=r.size,c=void 0===s?exports.TabSize.SMALL:s,l=r.showIcon,p=void 0!==l&&l,h=r.iconPosition,b=void 0===h?i.IconPosition.LEFT:h,u=r.Icon,g=void 0===u?void 0:u,m=r.showCounter,x=void 0!==m&&m,v=r.count,T=void 0===v?-1:v,w=r.isSelected,_=void 0!==w&&w,L=r.onClick,B=r.tabWidth,S=r.counterBgColor,j=r.styleConfig,I=void 0===j?{}:j,W=r.id,z=o.useTheme(),A=I.containerWrapper,P=I.countContainer,k=I.countSubContainer,q=I.countTypography,V=I.iconContainer,M=I.labelTypography,R=I.root,E=I.tabContainer,F=function(t){var e=t.isSelected,o=t.theme,n=t.tabWidth;return e?{borderBottomColor:o.color.border.primary,borderBottomWidth:o.border.width.lg,width:n||"auto"}:{borderBottomWidth:o.border.width.none,width:n||"auto"}}({isSelected:_,theme:z,tabWidth:B}),G=x&&T>0;return e.jsx(n.Container,t.__assign({onClick:L,position:"relative",id:W},R,{children:e.jsx(C,t.__assign({},F,A,{children:e.jsxs(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center"},E,{children:[p&&b===i.IconPosition.LEFT&&e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:z.spacing[2]},V,{children:g})),e.jsx(d.Typography,t.__assign({variant:f({size:c}),colorCode:y({isSelected:_,theme:z}),styleConfig:M},{children:a})),p&&b===i.IconPosition.RIGHT&&e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:z.spacing[2]},V,{children:g})),G&&e.jsx(n.Container,t.__assign({display:"flex",justifyContent:"center",marginLeft:z.spacing[1],marginRight:z.spacing[1],alignItems:"center",height:"16px",width:"16px"},P,{children:e.jsx(n.Container,t.__assign({backgroundColor:S,borderRadius:"50%",paddingRight:"2px",paddingLeft:"2px",paddingTop:"2px",paddingBottom:"2px",alignItems:"center",justifyContent:"center",width:"100%",textAlign:"center"},k,{children:e.jsx(d.Typography,t.__assign({variant:"TAG",color:d.TypographyColor.NEUTRAL,styleConfig:q},{children:T}))}))}))]}))}))}))};exports.NavTabs=function(a){var d=a.tabType,l=void 0===d?exports.TabVariants.FLAT:d,p=a.tabList,h=a.selectedTab,b=a.showIcon,u=void 0!==b&&b,g=a.tabGap,f=a.onClick,y=a.iconPosition,C=void 0===y?i.IconPosition.LEFT:y,v=a.tabSize,T=void 0===v?exports.TabSize.SMALL:v,w=a.showCounter,_=void 0!==w&&w,L=a.counterBgColor,B=void 0===L?s.colors.link2:L,S=a.containerSpace,j=a.tabWidth,I=a.showBottomBorder,W=void 0===I||I,z=a.styleConfig,A=void 0===z?{}:z,P=a.navTabsIdPrefix,k=void 0===P?"":P,q=o.useTheme(),V=A.chip,M=A.container,R=A.flatTab,E=A.root,F=A.tabContainer,G=A.tabTypeContainer,H=function(t){var e=t.showBottomLine,o=t.theme;return{borderBottomWidth:e?o.border.width.sm:o.border.width.none,borderColor:o.color.border.default}}({showBottomLine:W&&l===exports.TabVariants.FLAT,theme:q}),U=function(){return p.map((function(t){var o=t||{},n=o.label,r=o.id,i=o.Icon,a=void 0===i?void 0:i,d=o.count;return e.jsx(x,{label:n,onClick:function(){return f(r)},size:T,isSelected:h===r,showCounter:_,count:d,counterBgColor:B,showIcon:u,iconPosition:C,Icon:a,tabWidth:j,styleConfig:R,id:k+r},r)}))};return e.jsx(c.StyledHorizontalScroll,t.__assign({},E,{children:e.jsx(n.Container,t.__assign({display:"inline-block",width:"100%"},M,{children:e.jsx(m,t.__assign({theme:q},H,F,{children:e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",columnGap:g||q.spacing[4],paddingLeft:S||q.spacing[4],paddingRight:S||q.spacing[4]},G,{children:function(){switch(l){case exports.TabVariants.FLAT:return U();case exports.TabVariants.CHIP:return p.map((function(t){var o=t||{},n=o.label,i=o.id,a=o.Icon,d=void 0===a?void 0:a,s=o.count;return e.jsx(r.Chip,{label:n,isSelected:h===i,showIcon:u,iconPosition:C,Icon:d,onClick:function(){return f(i)},showCounter:_,count:s,styleConfig:V,id:k+i},i)}));default:return U()}}()}))}))}))}))};
+"use strict";var o=require("react/jsx-runtime"),t=require("react"),e=require("@cleartrip/ct-design-types"),r=require("@cleartrip/ct-design-theme"),n=require("@cleartrip/ct-design-style-manager"),i=require("@cleartrip/ct-design-container"),a=require("@cleartrip/ct-design-horizontal-scroll"),l=require("@cleartrip/ct-design-chip"),s=require("@cleartrip/ct-design-typography"),c=require("@cleartrip/ct-design-id-container");const d=({borderBottomWidth:t,borderColor:e,children:r,rootStyles:a=[]})=>{const l=n.useStyles(o=>({root:{borderBottomWidth:t,borderColor:e,minWidth:"100%",width:"auto"}}),[t,e]);return o.jsx(i.Container,{styleConfig:{root:[l.root,...a]},children:r})};var u,h;!function(o){o.LEFT="left",o.RIGHT="right",o.TOP="top"}(u||(u={})),function(o){o.SMALL="small",o.MEDIUM="medium",o.LARGE="large"}(h||(h={}));const C=({size:o})=>{switch(o){case h.SMALL:return s.TypographyVariant.B2;case h.MEDIUM:case h.LARGE:return s.TypographyVariant.B1;default:return s.TypographyVariant.B2}},p=({isSelected:o,theme:t})=>o?t.color.tab.selectedPrimaryLabel:t.color.tab.nonSelectedPrimaryLabel,g=n.makeStyles(o=>({root:{padding:o.spacing[2],flexDirection:"row",alignTtems:"center",justifyContent:"center",whiteSpace:"nowrap"}})),b=({width:t,borderBottomColor:e,borderBottomWidth:r,children:a,rootStyles:l=[]})=>{const s=n.useStyles(o=>({root:{width:t,borderBottomWidth:r,borderBottomColor:e}}),[e,r,t]);return o.jsx(i.Container,{styleConfig:{root:[g.root,s.root,...l]},children:a})},y=n.makeStyles(o=>({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:o.spacing[1],marginRight:o.spacing[1],height:o.size[4],width:o.size[4]},countSubContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",padding:o.spacing[.5],width:"100%",borderRadius:o.border.radius[32]},pr2:{paddingRight:o.spacing[2]},pl2:{paddingLeft:o.spacing[2]}})),m=({label:t,size:e=h.SMALL,showIcon:a=!1,iconPosition:l=u.LEFT,Icon:d,showCounter:g=!1,count:m=-1,isSelected:f=!1,onClick:T,tabWidth:w,counterBgColor:x,nonSelectedCounterBgColor:S,styleConfig:B={},id:L,onLayout:I,hideBottomBorder:j=!1})=>{const v=r.useTheme(),{containerWrapper:W=[],countContainer:P=[],countSubContainer:k=[],countTypography:A=[],iconContainer:R=[],labelTypography:q=[],root:D=[],tabContainer:E=[],selectedRoot:V=[]}=B,z=(({isSelected:o,theme:t,tabWidth:e})=>o?{borderBottomColor:t.color.border.primary,borderBottomWidth:t.border.width.lg,width:e||"auto"}:{borderBottomWidth:t.border.width.lg,width:e||"auto",borderBottomColor:t.color.border.neutral100})({isSelected:f,theme:v,tabWidth:w}),F=g&&m>0,G=n.useStyles(()=>({countSubContainer:{backgroundColor:f?x:S}}),[f]);return o.jsx(c.IDContainer,{id:L,onLayout:I,children:o.jsx(i.Container,{onClick:T,id:L,styleConfig:{root:[y.root,...D,...f?V:[]]},children:o.jsx(b,{width:null==z?void 0:z.width,borderBottomWidth:j?0:null==z?void 0:z.borderBottomWidth,borderBottomColor:j?"transparent":null==z?void 0:z.borderBottomColor,rootStyles:W,children:o.jsxs(i.Container,{styleConfig:{root:[y.tabContainer,...E]},children:[d&&a&&l===u.LEFT&&o.jsx(i.Container,{styleConfig:{root:[y.iconContainer,y.pr2,...R]},children:d}),"string"==typeof t?o.jsx(s.Typography,{variant:C({size:e}),colorCode:p({isSelected:f,theme:v}),styleConfig:{root:q},children:t}):t,d&&a&&l===u.RIGHT&&o.jsx(i.Container,{styleConfig:{root:[y.iconContainer,y.pl2,...R]},children:d}),F&&o.jsx(i.Container,{styleConfig:{root:[y.countContainer,...P]},children:o.jsx(i.Container,{styleConfig:{root:[y.countSubContainer,G.countSubContainer,...k]},children:o.jsx(s.Typography,{variant:"TAG",color:s.TypographyColor.NEUTRAL,styleConfig:{root:A},children:m})})})]})})})})};var f;exports.TabVariants=void 0,(f=exports.TabVariants||(exports.TabVariants={})).FLAT="flat",f.CHIP="chip";const T=n.makeStyles(()=>({scrollContainer:{backgroundColor:"white"},root:{width:"100%"}})),w=t.forwardRef(({tabType:t=exports.TabVariants.FLAT,tabList:s,selectedTab:c,showIcon:u=!1,tabGap:C,onClick:p,iconPosition:g=e.IconPosition.LEFT,tabSize:b=h.SMALL,showCounter:y=!1,counterBgColor:f,nonSelectedCounterBgColor:w,containerSpace:x,tabWidth:S,showBottomBorder:B=!0,styleConfig:L={},navTabsIdPrefix:I="",rootProps:j},v)=>{const W=r.useTheme(),{chip:P,container:k=[],flatTab:A,root:R,tabContainer:q=[],tabTypeContainer:D=[]}=L,E=(({showBottomLine:o,theme:t})=>({borderBottomWidth:o?t.border.width.sm:t.border.width.none,borderColor:t.color.border.default}))({showBottomLine:B&&t===exports.TabVariants.FLAT,theme:W}),V=f||W.color.background.link2,z=w||W.color.background.defaultDark,F=()=>s.map(t=>{const{label:e,id:r,Icon:n,count:i}=t||{};return o.jsx(m,{label:e,onClick:()=>p(r),size:b,isSelected:c===r,showCounter:y,count:i,counterBgColor:V,nonSelectedCounterBgColor:z,showIcon:u,iconPosition:g,Icon:n,tabWidth:S,styleConfig:A,id:I+r},r)}),G=n.useStyles(o=>({tabTypeContainer:{flexDirection:"row",alignItems:"center",columnGap:C||(null==o?void 0:o.spacing[4]),paddingLeft:x||(null==o?void 0:o.spacing[4]),paddingRight:x||(null==o?void 0:o.spacing[4])}}),[C,x]);return o.jsx(a.HorizontalScroll,Object.assign({},j,{styleConfig:{childContainer:[...R||[],T.scrollContainer]},ref:v,children:o.jsx(i.Container,{styleConfig:{root:[T.root,...k]},children:o.jsx(d,Object.assign({},E,{rootStyles:q,children:o.jsx(i.Container,{styleConfig:{root:[G.tabTypeContainer,...D]},children:(()=>{switch(t){case exports.TabVariants.FLAT:return F();case exports.TabVariants.CHIP:return s.map(t=>{const{label:r,id:n,Icon:i,count:a}=t||{};return o.jsx(l.Chip,{label:r,isSelected:c===n,prefixIcon:g===e.IconPosition.LEFT?i:null,topIcon:g===e.IconPosition.TOP?i:null,suffixIcon:g===e.IconPosition.RIGHT?i:null,onClick:()=>p(n),showCounter:y,count:a,styleConfig:P,id:I+n},n)});default:return F()}})()})}))})}))});w.displayName="NavTabs",exports.NavTabs=w;
 //# sourceMappingURL=ct-design-nav-tabs.browser.cjs.js.map

package/dist/ct-design-nav-tabs.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-nav-tabs.browser.cjs.js","sources":["../packages/components/NavTabs/src/type.ts","../packages/components/NavTabs/src/TabContainer/style.ts","../packages/components/NavTabs/src/TabContainer/TabContainer.tsx","../packages/components/NavTabs/src/FlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/StyledFlatTab.tsx","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/FlatTab.tsx","../packages/components/NavTabs/src/NavTabs.tsx","../packages/components/NavTabs/src/style.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["TabVariants","TabSize","TabContainer","styled","default","div","_a","borderBottomWidth","borderColor","theme","_b","css","__assign","borderBottomStyle","border","style","solid","minWidth","width","getTabContainerStyles","getLabelVariant","size","SMALL","TypographyVariant","B2","MEDIUM","LARGE","B1","getTabLabelColor","isSelected","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","StyledFlatTab","borderBottomColor","CSS","templateObject_1","__makeTemplateObject","spacing","radius","getStyledFlatTabStyles","FlatTab","label","_c","showIcon","_d","iconPosition","IconPosition","LEFT","_e","Icon","undefined","_f","showCounter","_g","count","_h","onClick","tabWidth","counterBgColor","_j","styleConfig","id","useTheme","containerWrapper","countContainer","countSubContainer","countTypography","iconContainer","labelTypography","root","tabContainer","tabStyles","primary","lg","none","getTabStyles","showCountPill","_jsx","jsx","Container","position","children","_jsxs","jsxs","display","alignItems","justifyContent","paddingRight","Typography","variant","colorCode","RIGHT","paddingLeft","marginLeft","marginRight","height","backgroundColor","borderRadius","paddingTop","paddingBottom","textAlign","TypographyColor","NEUTRAL","tabType","FLAT","tabList","selectedTab","tabGap","tabSize","Color","link2","containerSpace","showBottomBorder","_k","navTabsIdPrefix","chip","container","flatTab","tabTypeContainer","tabContainerStyles","showBottomLine","sm","renderFlatTab","map","StyledHorizontalScroll","columnGap","CHIP","Chip","renderTabType"],"mappings":"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"}
+{"version":3,"file":"ct-design-nav-tabs.browser.cjs.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":["TabContainer","borderBottomWidth","borderColor","children","rootStyles","customRootStyles","dynamicStyles","useStyles","_","root","minWidth","width","_jsx","jsx","Container","styleConfig","IconPosition","TabSize","getLabelVariant","size","SMALL","TypographyVariant","B2","MEDIUM","LARGE","B1","getTabLabelColor","isSelected","theme","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","styles","makeStyles","padding","spacing","flexDirection","alignTtems","justifyContent","whiteSpace","FlatTabContainer","borderBottomColor","position","tabContainer","alignItems","iconContainer","countContainer","marginLeft","marginRight","height","countSubContainer","borderRadius","border","radius","pr2","paddingRight","pl2","paddingLeft","FlatTab","label","showIcon","iconPosition","LEFT","Icon","showCounter","count","onClick","tabWidth","counterBgColor","nonSelectedCounterBgColor","id","onLayout","hideBottomBorder","useTheme","containerWrapper","customContainerWrapper","customCountContainer","customCountSubContainer","countTypography","customCountTypographyStyles","customIconContainerStyles","labelTypography","customLabelStyles","customTabContainer","selectedRoot","customSelectedTab","tabStyles","primary","lg","neutral100","getTabStyles","showCountPill","dynmaicStyles","backgroundColor","IDContainer","_jsxs","Typography","variant","colorCode","RIGHT","TypographyColor","NEUTRAL","TabVariants","staticStyles","scrollContainer","NavTabs","forwardRef","tabType","FLAT","tabList","selectedTab","tabGap","tabSize","containerSpace","showBottomBorder","navTabsIdPrefix","rootProps","forwardedRef","chip","container","flatTab","tabTypeContainer","tabContainerStyles","showBottomLine","sm","none","default","getTabContainerStyles","_counterBgColor","background","link2","_nonSelectedCounterBgColor","defaultDark","renderFlatTab","map","columnGap","HorizontalScroll","Object","assign","childContainer","ref","CHIP","Chip","prefixIcon","topIcon","TOP","suffixIcon","renderTabType","displayName"],"mappings":"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"}

package/dist/ct-design-nav-tabs.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as t,__makeTemplateObject as o}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useTheme as r}from"@cleartrip/ct-design-theme";import{Container as i}from"@cleartrip/ct-design-container";import{Chip as d}from"@cleartrip/ct-design-chip";import{IconPosition as c}from"@cleartrip/ct-design-types";import a,{css as l}from"styled-components";import{TypographyVariant as s,Typography as p,TypographyColor as h}from"@cleartrip/ct-design-typography";import{colors as m}from"@cleartrip/ct-design-tokens";import{StyledHorizontalScroll as b}from"@cleartrip/ct-design-horizontal-scroll";var u,g;!function(t){t.FLAT="flat",t.CHIP="chip"}(u||(u={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(g||(g={}));var f,v,C=a.div((function(o){var e=o.borderBottomWidth,n=o.borderColor,r=o.theme,i=o.css,d=void 0===i?{}:i;return t(t({},function(t){return{borderBottomWidth:t.borderBottomWidth,borderColor:t.borderColor,borderBottomStyle:t.theme.border.style.solid,minWidth:"100%",width:"fit-content"}}({borderBottomWidth:e,borderColor:n,theme:r})),d)})),y=function(t){switch(t.size){case g.SMALL:return s.B2;case g.MEDIUM:case g.LARGE:return s.B1;default:return s.B2}},w=function(t){var o=t.isSelected,e=t.theme;return o?e.color.tab.selectedPrimaryLabel:e.color.tab.nonSelectedPrimaryLabel},L=a.div((function(t){var e=t.theme,n=t.borderBottomColor,r=t.borderBottomWidth,i=t.width,d=t.css,c=void 0===d?{}:d;return l(v||(v=o(["\n\t\t","\n\t\t",";\n\t  "],["\n\t\t","\n\t\t",";\n\t  "])),function(t){var e=t.theme,n=t.borderBottomColor,r=t.borderBottomWidth,i=t.width;return l(f||(f=o(["\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"])),e.spacing[2],e.spacing[2],e.spacing[2],e.spacing[2],i,r,n,e.border.radius[16],e.border.radius[16],e.border.style.solid)}({theme:e,borderBottomColor:n,borderBottomWidth:r,width:i}),c)})),B=function(o){var d=o.label,a=o.size,l=void 0===a?g.SMALL:a,s=o.showIcon,m=void 0!==s&&s,b=o.iconPosition,u=void 0===b?c.LEFT:b,f=o.Icon,v=void 0===f?void 0:f,C=o.showCounter,B=void 0!==C&&C,I=o.count,x=void 0===I?-1:I,T=o.isSelected,W=void 0!==T&&T,S=o.onClick,A=o.tabWidth,k=o.counterBgColor,P=o.styleConfig,R=void 0===P?{}:P,j=o.id,E=r(),M=R.containerWrapper,F=R.countContainer,z=R.countSubContainer,G=R.countTypography,H=R.iconContainer,U=R.labelTypography,D=R.root,N=R.tabContainer,q=function(t){var o=t.isSelected,e=t.theme,n=t.tabWidth;return o?{borderBottomColor:e.color.border.primary,borderBottomWidth:e.border.width.lg,width:n||"auto"}:{borderBottomWidth:e.border.width.none,width:n||"auto"}}({isSelected:W,theme:E,tabWidth:A}),J=B&&x>0;return e(i,t({onClick:S,position:"relative",id:j},D,{children:e(L,t({},q,M,{children:n(i,t({display:"flex",alignItems:"center",justifyContent:"center"},N,{children:[m&&u===c.LEFT&&e(i,t({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:E.spacing[2]},H,{children:v})),e(p,t({variant:y({size:l}),colorCode:w({isSelected:W,theme:E}),styleConfig:U},{children:d})),m&&u===c.RIGHT&&e(i,t({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:E.spacing[2]},H,{children:v})),J&&e(i,t({display:"flex",justifyContent:"center",marginLeft:E.spacing[1],marginRight:E.spacing[1],alignItems:"center",height:"16px",width:"16px"},F,{children:e(i,t({backgroundColor:k,borderRadius:"50%",paddingRight:"2px",paddingLeft:"2px",paddingTop:"2px",paddingBottom:"2px",alignItems:"center",justifyContent:"center",width:"100%",textAlign:"center"},z,{children:e(p,t({variant:"TAG",color:h.NEUTRAL,styleConfig:G},{children:x}))}))}))]}))}))}))},I=function(o){var n=o.tabType,a=void 0===n?u.FLAT:n,l=o.tabList,s=o.selectedTab,p=o.showIcon,h=void 0!==p&&p,f=o.tabGap,v=o.onClick,y=o.iconPosition,w=void 0===y?c.LEFT:y,L=o.tabSize,I=void 0===L?g.SMALL:L,x=o.showCounter,T=void 0!==x&&x,W=o.counterBgColor,S=void 0===W?m.link2:W,A=o.containerSpace,k=o.tabWidth,P=o.showBottomBorder,R=void 0===P||P,j=o.styleConfig,E=void 0===j?{}:j,M=o.navTabsIdPrefix,F=void 0===M?"":M,z=r(),G=E.chip,H=E.container,U=E.flatTab,D=E.root,N=E.tabContainer,q=E.tabTypeContainer,J=function(t){var o=t.showBottomLine,e=t.theme;return{borderBottomWidth:o?e.border.width.sm:e.border.width.none,borderColor:e.color.border.default}}({showBottomLine:R&&a===u.FLAT,theme:z}),K=function(){return l.map((function(t){var o=t||{},n=o.label,r=o.id,i=o.Icon,d=void 0===i?void 0:i,c=o.count;return e(B,{label:n,onClick:function(){return v(r)},size:I,isSelected:s===r,showCounter:T,count:c,counterBgColor:S,showIcon:h,iconPosition:w,Icon:d,tabWidth:k,styleConfig:U,id:F+r},r)}))};return e(b,t({},D,{children:e(i,t({display:"inline-block",width:"100%"},H,{children:e(C,t({theme:z},J,N,{children:e(i,t({display:"flex",alignItems:"center",columnGap:f||z.spacing[4],paddingLeft:A||z.spacing[4],paddingRight:A||z.spacing[4]},q,{children:function(){switch(a){case u.FLAT:return K();case u.CHIP:return l.map((function(t){var o=t||{},n=o.label,r=o.id,i=o.Icon,c=void 0===i?void 0:i,a=o.count;return e(d,{label:n,isSelected:s===r,showIcon:h,iconPosition:w,Icon:c,onClick:function(){return v(r)},showCounter:T,count:a,styleConfig:G,id:F+r},r)}));default:return K()}}()}))}))}))}))};export{I as NavTabs,g as TabSize,u as TabVariants};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{IconPosition as r}from"@cleartrip/ct-design-types";import{useTheme as n}from"@cleartrip/ct-design-theme";import{useStyles as i,makeStyles as c}from"@cleartrip/ct-design-style-manager";import{Container as l}from"@cleartrip/ct-design-container";import{HorizontalScroll as a}from"@cleartrip/ct-design-horizontal-scroll";import{Chip as d}from"@cleartrip/ct-design-chip";import{TypographyVariant as s,Typography as h,TypographyColor as u}from"@cleartrip/ct-design-typography";import{IDContainer as C}from"@cleartrip/ct-design-id-container";const g=({borderBottomWidth:t,borderColor:e,children:r,rootStyles:n=[]})=>{const c=i(o=>({root:{borderBottomWidth:t,borderColor:e,minWidth:"100%",width:"auto"}}),[t,e]);return o(l,{styleConfig:{root:[c.root,...n]},children:r})};var p,b;!function(o){o.LEFT="left",o.RIGHT="right",o.TOP="top"}(p||(p={})),function(o){o.SMALL="small",o.MEDIUM="medium",o.LARGE="large"}(b||(b={}));const m=({size:o})=>{switch(o){case b.SMALL:return s.B2;case b.MEDIUM:case b.LARGE:return s.B1;default:return s.B2}},f=({isSelected:o,theme:t})=>o?t.color.tab.selectedPrimaryLabel:t.color.tab.nonSelectedPrimaryLabel,y=c(o=>({root:{padding:o.spacing[2],flexDirection:"row",alignTtems:"center",justifyContent:"center",whiteSpace:"nowrap"}})),w=({width:t,borderBottomColor:e,borderBottomWidth:r,children:n,rootStyles:c=[]})=>{const a=i(o=>({root:{width:t,borderBottomWidth:r,borderBottomColor:e}}),[e,r,t]);return o(l,{styleConfig:{root:[y.root,a.root,...c]},children:n})},B=c(o=>({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:o.spacing[1],marginRight:o.spacing[1],height:o.size[4],width:o.size[4]},countSubContainer:{flexDirection:"row",alignItems:"center",justifyContent:"center",padding:o.spacing[.5],width:"100%",borderRadius:o.border.radius[32]},pr2:{paddingRight:o.spacing[2]},pl2:{paddingLeft:o.spacing[2]}})),L=({label:e,size:r=b.SMALL,showIcon:c=!1,iconPosition:a=p.LEFT,Icon:d,showCounter:s=!1,count:g=-1,isSelected:y=!1,onClick:L,tabWidth:S,counterBgColor:T,nonSelectedCounterBgColor:I,styleConfig:W={},id:v,onLayout:A,hideBottomBorder:P=!1})=>{const k=n(),{containerWrapper:x=[],countContainer:R=[],countSubContainer:E=[],countTypography:D=[],iconContainer:F=[],labelTypography:j=[],root:z=[],tabContainer:G=[],selectedRoot:M=[]}=W,H=(({isSelected:o,theme:t,tabWidth:e})=>o?{borderBottomColor:t.color.border.primary,borderBottomWidth:t.border.width.lg,width:e||"auto"}:{borderBottomWidth:t.border.width.lg,width:e||"auto",borderBottomColor:t.color.border.neutral100})({isSelected:y,theme:k,tabWidth:S}),O=s&&g>0,N=i(()=>({countSubContainer:{backgroundColor:y?T:I}}),[y]);return o(C,{id:v,onLayout:A,children:o(l,{onClick:L,id:v,styleConfig:{root:[B.root,...z,...y?M:[]]},children:o(w,{width:null==H?void 0:H.width,borderBottomWidth:P?0:null==H?void 0:H.borderBottomWidth,borderBottomColor:P?"transparent":null==H?void 0:H.borderBottomColor,rootStyles:x,children:t(l,{styleConfig:{root:[B.tabContainer,...G]},children:[d&&c&&a===p.LEFT&&o(l,{styleConfig:{root:[B.iconContainer,B.pr2,...F]},children:d}),"string"==typeof e?o(h,{variant:m({size:r}),colorCode:f({isSelected:y,theme:k}),styleConfig:{root:j},children:e}):e,d&&c&&a===p.RIGHT&&o(l,{styleConfig:{root:[B.iconContainer,B.pl2,...F]},children:d}),O&&o(l,{styleConfig:{root:[B.countContainer,...R]},children:o(l,{styleConfig:{root:[B.countSubContainer,N.countSubContainer,...E]},children:o(h,{variant:"TAG",color:u.NEUTRAL,styleConfig:{root:D},children:g})})})]})})})})};var S;!function(o){o.FLAT="flat",o.CHIP="chip"}(S||(S={}));const T=c(()=>({scrollContainer:{backgroundColor:"white"},root:{width:"100%"}})),I=e(({tabType:t=S.FLAT,tabList:e,selectedTab:c,showIcon:s=!1,tabGap:h,onClick:u,iconPosition:C=r.LEFT,tabSize:p=b.SMALL,showCounter:m=!1,counterBgColor:f,nonSelectedCounterBgColor:y,containerSpace:w,tabWidth:B,showBottomBorder:I=!0,styleConfig:W={},navTabsIdPrefix:v="",rootProps:A},P)=>{const k=n(),{chip:x,container:R=[],flatTab:E,root:D,tabContainer:F=[],tabTypeContainer:j=[]}=W,z=(({showBottomLine:o,theme:t})=>({borderBottomWidth:o?t.border.width.sm:t.border.width.none,borderColor:t.color.border.default}))({showBottomLine:I&&t===S.FLAT,theme:k}),G=f||k.color.background.link2,M=y||k.color.background.defaultDark,H=()=>e.map(t=>{const{label:e,id:r,Icon:n,count:i}=t||{};return o(L,{label:e,onClick:()=>u(r),size:p,isSelected:c===r,showCounter:m,count:i,counterBgColor:G,nonSelectedCounterBgColor:M,showIcon:s,iconPosition:C,Icon:n,tabWidth:B,styleConfig:E,id:v+r},r)}),O=i(o=>({tabTypeContainer:{flexDirection:"row",alignItems:"center",columnGap:h||(null==o?void 0:o.spacing[4]),paddingLeft:w||(null==o?void 0:o.spacing[4]),paddingRight:w||(null==o?void 0:o.spacing[4])}}),[h,w]);return o(a,Object.assign({},A,{styleConfig:{childContainer:[...D||[],T.scrollContainer]},ref:P,children:o(l,{styleConfig:{root:[T.root,...R]},children:o(g,Object.assign({},z,{rootStyles:F,children:o(l,{styleConfig:{root:[O.tabTypeContainer,...j]},children:(()=>{switch(t){case S.FLAT:return H();case S.CHIP:return e.map(t=>{const{label:e,id:n,Icon:i,count:l}=t||{};return o(d,{label:e,isSelected:c===n,prefixIcon:C===r.LEFT?i:null,topIcon:C===r.TOP?i:null,suffixIcon:C===r.RIGHT?i:null,onClick:()=>u(n),showCounter:m,count:l,styleConfig:x,id:v+n},n)});default:return H()}})()})}))})}))});I.displayName="NavTabs";export{I as NavTabs,S as TabVariants};
 //# sourceMappingURL=ct-design-nav-tabs.browser.esm.js.map

package/dist/ct-design-nav-tabs.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-nav-tabs.browser.esm.js","sources":["../packages/components/NavTabs/src/type.ts","../packages/components/NavTabs/src/TabContainer/style.ts","../packages/components/NavTabs/src/TabContainer/TabContainer.tsx","../packages/components/NavTabs/src/FlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/StyledFlatTab.tsx","../packages/components/NavTabs/src/FlatTab/StyledFlatTab/style.ts","../packages/components/NavTabs/src/FlatTab/FlatTab.tsx","../packages/components/NavTabs/src/NavTabs.tsx","../packages/components/NavTabs/src/style.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["TabVariants","TabSize","TabContainer","styled","div","_a","borderBottomWidth","borderColor","theme","_b","css","__assign","borderBottomStyle","border","style","solid","minWidth","width","getTabContainerStyles","getLabelVariant","size","SMALL","TypographyVariant","B2","MEDIUM","LARGE","B1","getTabLabelColor","isSelected","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","StyledFlatTab","borderBottomColor","CSS","templateObject_1","__makeTemplateObject","spacing","radius","getStyledFlatTabStyles","FlatTab","label","_c","showIcon","_d","iconPosition","IconPosition","LEFT","_e","Icon","undefined","_f","showCounter","_g","count","_h","onClick","tabWidth","counterBgColor","_j","styleConfig","id","useTheme","containerWrapper","countContainer","countSubContainer","countTypography","iconContainer","labelTypography","root","tabContainer","tabStyles","primary","lg","none","getTabStyles","showCountPill","_jsx","Container","position","children","_jsxs","display","alignItems","justifyContent","paddingRight","Typography","variant","colorCode","RIGHT","paddingLeft","marginLeft","marginRight","height","backgroundColor","borderRadius","paddingTop","paddingBottom","textAlign","TypographyColor","NEUTRAL","NavTabs","tabType","FLAT","tabList","selectedTab","tabGap","tabSize","Color","link2","containerSpace","showBottomBorder","_k","navTabsIdPrefix","chip","container","flatTab","tabTypeContainer","tabContainerStyles","showBottomLine","sm","default","renderFlatTab","map","StyledHorizontalScroll","columnGap","CHIP","Chip","renderTabType"],"mappings":"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"}
+{"version":3,"file":"ct-design-nav-tabs.browser.esm.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":["TabContainer","borderBottomWidth","borderColor","children","rootStyles","customRootStyles","dynamicStyles","useStyles","_","root","minWidth","width","_jsx","Container","styleConfig","IconPosition","TabSize","getLabelVariant","size","SMALL","TypographyVariant","B2","MEDIUM","LARGE","B1","getTabLabelColor","isSelected","theme","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","styles","makeStyles","padding","spacing","flexDirection","alignTtems","justifyContent","whiteSpace","FlatTabContainer","borderBottomColor","position","tabContainer","alignItems","iconContainer","countContainer","marginLeft","marginRight","height","countSubContainer","borderRadius","border","radius","pr2","paddingRight","pl2","paddingLeft","FlatTab","label","showIcon","iconPosition","LEFT","Icon","showCounter","count","onClick","tabWidth","counterBgColor","nonSelectedCounterBgColor","id","onLayout","hideBottomBorder","useTheme","containerWrapper","customContainerWrapper","customCountContainer","customCountSubContainer","countTypography","customCountTypographyStyles","customIconContainerStyles","labelTypography","customLabelStyles","customTabContainer","selectedRoot","customSelectedTab","tabStyles","primary","lg","neutral100","getTabStyles","showCountPill","dynmaicStyles","backgroundColor","IDContainer","_jsxs","Typography","variant","colorCode","RIGHT","TypographyColor","NEUTRAL","TabVariants","staticStyles","scrollContainer","NavTabs","forwardRef","tabType","FLAT","tabList","selectedTab","tabGap","tabSize","containerSpace","showBottomBorder","navTabsIdPrefix","rootProps","forwardedRef","chip","container","flatTab","tabTypeContainer","tabContainerStyles","showBottomLine","sm","none","default","getTabContainerStyles","_counterBgColor","background","link2","_nonSelectedCounterBgColor","defaultDark","renderFlatTab","map","columnGap","HorizontalScroll","Object","assign","childContainer","ref","CHIP","Chip","prefixIcon","topIcon","TOP","suffixIcon","renderTabType","displayName"],"mappings":"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"}