@cleartrip/ct-design-nav-tabs 4.0.0-TEST.3 → 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,CA0GnC,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,9 +1,30 @@
 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: ReactNode | string;
+    label: string;
     showIcon?: boolean;
     iconPosition?: `${IconPosition}`;
     Icon?: ReactNode;
@@ -11,10 +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,SAAS,GAAG,MAAM,CAAC;IAC1B,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,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,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,u=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 b,g,m=u.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}},C=function(t){var e=t.isSelected,o=t.theme;return e?o.color.tab.selectedPrimaryLabel:o.color.tab.nonSelectedPrimaryLabel},y=u.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(b||(b=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: -1px;\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: -1px;\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,u=void 0===h?i.IconPosition.LEFT:h,b=r.Icon,g=void 0===b?void 0:b,m=r.showCounter,x=void 0!==m&&m,v=r.count,T=void 0===v?-1:v,w=r.isSelected,_=void 0!==w&&w,B=r.onClick,S=r.tabWidth,L=r.counterBgColor,j=r.nonSelectedCounterBgColor,I=r.styleConfig,W=void 0===I?{}:I,z=r.id,P=o.useTheme(),A=W.containerWrapper,k=W.selectedRoot,q=W.countContainer,R=W.countSubContainer,V=W.countTypography,M=W.iconContainer,E=W.labelTypography,F=W.root,G=W.tabContainer,H=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:P,tabWidth:S}),U=x&&T>0;return e.jsx(n.Container,t.__assign({onClick:B,position:"relative",id:z},F,_?k:{},{children:e.jsx(y,t.__assign({},H,A,{children:e.jsxs(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center"},G,{children:[p&&u===i.IconPosition.LEFT&&e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:P.spacing[2]},M,{children:g})),"string"==typeof a?e.jsx(d.Typography,t.__assign({variant:f({size:c}),colorCode:C({isSelected:_,theme:P}),styleConfig:E},{children:a})):a,p&&u===i.IconPosition.RIGHT&&e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:P.spacing[2]},M,{children:g})),U&&e.jsx(n.Container,t.__assign({display:"flex",justifyContent:"center",marginLeft:P.spacing[1],marginRight:P.spacing[1],alignItems:"center",height:"16px",width:"16px"},q,{children:e.jsx(n.Container,t.__assign({backgroundColor:_?L:j,borderRadius:"50%",paddingRight:"2px",paddingLeft:"2px",paddingTop:"2px",paddingBottom:"2px",alignItems:"center",justifyContent:"center",width:"100%",textAlign:"center"},R,{children:e.jsx(d.Typography,t.__assign({variant:"TAG",color:d.TypographyColor.NEUTRAL,styleConfig:V},{children:T}))}))}))]}))}))}))};exports.NavTabs=function(a){var d=a.tabType,l=void 0===d?exports.TabVariants.FLAT:d,p=a.tabList,h=a.selectedTab,u=a.showIcon,b=void 0!==u&&u,g=a.tabGap,f=a.onClick,C=a.iconPosition,y=void 0===C?i.IconPosition.LEFT:C,v=a.tabSize,T=void 0===v?exports.TabSize.SMALL:v,w=a.showCounter,_=void 0!==w&&w,B=a.counterBgColor,S=void 0===B?s.colors.link2:B,L=a.nonSelectedCounterBgColor,j=void 0===L?s.colors.neutral700:L,I=a.containerSpace,W=a.tabWidth,z=a.showBottomBorder,P=void 0===z||z,A=a.styleConfig,k=void 0===A?{}:A,q=a.navTabsIdPrefix,R=void 0===q?"":q,V=a.rootProps,M=o.useTheme(),E=k.chip,F=k.container,G=k.flatTab,H=k.root,U=k.tabContainer,D=k.tabTypeContainer,N=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:P&&l===exports.TabVariants.FLAT,theme:M}),O=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:S,nonSelectedCounterBgColor:j,showIcon:b,iconPosition:y,Icon:a,tabWidth:W,styleConfig:G,id:R+r},r)}))};return e.jsx(c.StyledHorizontalScroll,t.__assign({},V,H,{children:e.jsx(n.Container,t.__assign({display:"inline-block",width:"100%"},F,{children:e.jsx(m,t.__assign({theme:M},N,U,{children:e.jsx(n.Container,t.__assign({display:"flex",alignItems:"center",columnGap:g||M.spacing[4],paddingLeft:I||M.spacing[4],paddingRight:I||M.spacing[4]},D,{children:function(){switch(l){case exports.TabVariants.FLAT:return O();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:b,iconPosition:y,Icon:d,onClick:function(){return f(i)},showCounter:_,count:s,styleConfig:E,id:R+i},i)}));default:return O()}}()}))}))}))}))};
+"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","nonSelectedCounterBgColor","_j","styleConfig","id","useTheme","containerWrapper","selectedRoot","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","neutral700","containerSpace","showBottomBorder","_k","_l","navTabsIdPrefix","rootProps","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 u}from"@cleartrip/ct-design-horizontal-scroll";var b,g;!function(t){t.FLAT="flat",t.CHIP="chip"}(b||(b={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(g||(g={}));var f,C,v=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},B=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(C||(C=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: -1px;\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: -1px;\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)})),L=function(o){var d=o.label,a=o.size,l=void 0===a?g.SMALL:a,s=o.showIcon,m=void 0!==s&&s,u=o.iconPosition,b=void 0===u?c.LEFT:u,f=o.Icon,C=void 0===f?void 0:f,v=o.showCounter,L=void 0!==v&&v,I=o.count,x=void 0===I?-1:I,S=o.isSelected,T=void 0!==S&&S,W=o.onClick,A=o.tabWidth,P=o.counterBgColor,R=o.nonSelectedCounterBgColor,k=o.styleConfig,j=void 0===k?{}:k,E=o.id,M=r(),F=j.containerWrapper,z=j.selectedRoot,G=j.countContainer,H=j.countSubContainer,U=j.countTypography,D=j.iconContainer,N=j.labelTypography,q=j.root,J=j.tabContainer,K=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:T,theme:M,tabWidth:A}),O=L&&x>0;return e(i,t({onClick:W,position:"relative",id:E},q,T?z:{},{children:e(B,t({},K,F,{children:n(i,t({display:"flex",alignItems:"center",justifyContent:"center"},J,{children:[m&&b===c.LEFT&&e(i,t({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:M.spacing[2]},D,{children:C})),"string"==typeof d?e(p,t({variant:y({size:l}),colorCode:w({isSelected:T,theme:M}),styleConfig:N},{children:d})):d,m&&b===c.RIGHT&&e(i,t({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:M.spacing[2]},D,{children:C})),O&&e(i,t({display:"flex",justifyContent:"center",marginLeft:M.spacing[1],marginRight:M.spacing[1],alignItems:"center",height:"16px",width:"16px"},G,{children:e(i,t({backgroundColor:T?P:R,borderRadius:"50%",paddingRight:"2px",paddingLeft:"2px",paddingTop:"2px",paddingBottom:"2px",alignItems:"center",justifyContent:"center",width:"100%",textAlign:"center"},H,{children:e(p,t({variant:"TAG",color:h.NEUTRAL,styleConfig:U},{children:x}))}))}))]}))}))}))},I=function(o){var n=o.tabType,a=void 0===n?b.FLAT:n,l=o.tabList,s=o.selectedTab,p=o.showIcon,h=void 0!==p&&p,f=o.tabGap,C=o.onClick,y=o.iconPosition,w=void 0===y?c.LEFT:y,B=o.tabSize,I=void 0===B?g.SMALL:B,x=o.showCounter,S=void 0!==x&&x,T=o.counterBgColor,W=void 0===T?m.link2:T,A=o.nonSelectedCounterBgColor,P=void 0===A?m.neutral700:A,R=o.containerSpace,k=o.tabWidth,j=o.showBottomBorder,E=void 0===j||j,M=o.styleConfig,F=void 0===M?{}:M,z=o.navTabsIdPrefix,G=void 0===z?"":z,H=o.rootProps,U=r(),D=F.chip,N=F.container,q=F.flatTab,J=F.root,K=F.tabContainer,O=F.tabTypeContainer,Q=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:E&&a===b.FLAT,theme:U}),V=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(L,{label:n,onClick:function(){return C(r)},size:I,isSelected:s===r,showCounter:S,count:c,counterBgColor:W,nonSelectedCounterBgColor:P,showIcon:h,iconPosition:w,Icon:d,tabWidth:k,styleConfig:q,id:G+r},r)}))};return e(u,t({},H,J,{children:e(i,t({display:"inline-block",width:"100%"},N,{children:e(v,t({theme:U},Q,K,{children:e(i,t({display:"flex",alignItems:"center",columnGap:f||U.spacing[4],paddingLeft:R||U.spacing[4],paddingRight:R||U.spacing[4]},O,{children:function(){switch(a){case b.FLAT:return V();case b.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 C(r)},showCounter:S,count:a,styleConfig:D,id:G+r},r)}));default:return V()}}()}))}))}))}))};export{I as NavTabs,g as TabSize,b 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","nonSelectedCounterBgColor","_j","styleConfig","id","useTheme","containerWrapper","selectedRoot","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","neutral700","containerSpace","showBottomBorder","_k","_l","navTabsIdPrefix","rootProps","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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"}