@cleartrip/ct-design-tabs 1.1.1 → 1.1.2

package/dist/StyledCounter/StyledCounter.d.ts

@@ -1,9 +1,4 @@
 import { StyledCounterProps } from './type';
-declare const StyledCounter: import('styled-components').StyledComponent<
-	'div',
-	import('styled-components').DefaultTheme,
-	StyledCounterProps,
-	never
->;
+declare const StyledCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCounterProps, never>;
 export default StyledCounter;
-//# sourceMappingURL=StyledCounter.d.ts.map
+//# sourceMappingURL=StyledCounter.d.ts.map

package/dist/StyledCounter/index.d.ts

@@ -1,2 +1,2 @@
 export { default as StyledCounter } from './StyledCounter';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/StyledCounter/style.d.ts

@@ -1,10 +1,7 @@
 import { CSSObject } from 'styled-components';
-import { Theme } from '../../../token/theme';
+import { Theme } from '@cleartrip/ct-design-tokens';
 import { StyledCounterProps } from './type';
-export declare const getStyledCounterStyles: ({
-	backgroundColor,
-	theme,
-}: StyledCounterProps & {
-	theme: Theme;
+export declare const getStyledCounterStyles: ({ backgroundColor, theme, }: StyledCounterProps & {
+    theme: Theme;
 }) => CSSObject;
-//# sourceMappingURL=style.d.ts.map
+//# sourceMappingURL=style.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;;MAGQ,SAU1C,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;WAGF,KAAK;MAAK,SAU1C,CAAC"}

package/dist/StyledCounter/type.d.ts

@@ -1,4 +1,4 @@
 export interface StyledCounterProps {
-	backgroundColor?: string;
+    backgroundColor?: string;
 }
-//# sourceMappingURL=type.d.ts.map
+//# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/TabItem/TabItem.d.ts

@@ -5,22 +5,15 @@ import { TabProps } from '../type';
 import { Theme } from '@cleartrip/ct-design-tokens';
 import { TypographyVariant } from '@cleartrip/ct-design-typography';
 type PolymorphicTabItem = ForwardRefComponentWithStyle<'button', TabItemProps>;
-export declare const getLabelVariant: ({
-	size,
-}: {
-	size: TabProps['tabSize'];
+export declare const getLabelVariant: ({ size }: {
+    size: TabProps['tabSize'];
 }) => TypographyVariant.B1 | TypographyVariant.B2;
-export declare const getTabLabelColor: ({
-	selected,
-	theme,
-	focusColor,
-	color,
-}: {
-	selected: boolean;
-	theme: Theme;
-	focusColor: CSSProperties['color'];
-	color: CSSProperties['color'];
+export declare const getTabLabelColor: ({ selected, theme, focusColor, color, }: {
+    selected: boolean;
+    theme: Theme;
+    focusColor: CSSProperties['color'];
+    color: CSSProperties['color'];
 }) => string;
 declare const TabItem: PolymorphicTabItem;
 export default TabItem;
-//# sourceMappingURL=TabItem.d.ts.map
+//# sourceMappingURL=TabItem.d.ts.map

package/dist/TabItem/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAc,MAAM,iCAAiC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,4BAA4B,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAS/E,eAAO,MAAM,eAAe;UAAsB,QAAQ,CAAC,SAAS,CAAC;iDAepE,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAMlB,OAAO;WACV,KAAK;gBACA,aAAa,CAAC,OAAO,CAAC;WAC3B,aAAa,CAAC,OAAO,CAAC;YAO7B,CAAC;AAEF,QAAA,MAAM,OAAO,oBAyCW,CAAC;AAEzB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAc,MAAM,iCAAiC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,4BAA4B,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAS/E,eAAO,MAAM,eAAe;UAAsB,QAAQ,CAAC,SAAS,CAAC;iDAepE,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAMjB,OAAO;WACV,KAAK;gBACA,aAAa,CAAC,OAAO,CAAC;WAC3B,aAAa,CAAC,OAAO,CAAC;YAO9B,CAAC;AAEF,QAAA,MAAM,OAAO,oBAyCW,CAAC;AAEzB,eAAe,OAAO,CAAC"}

package/dist/TabItem/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './TabItem';
 export * from './TabItem';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/TabItem/type.d.ts

@@ -1,23 +1,24 @@
 import { CSSProperties, ReactNode } from 'react';
-import { HtmlCompositeAttributes, MakeAllPartialExcluding, containerCSS } from '../../../@types';
+import { HtmlCompositeAttributes, MakeAllPartialExcluding, containerCSS } from '@cleartrip/ct-design-types';
 import { TabProps } from '../type';
 interface TabItemCSS extends containerCSS {
-	label: CSSProperties;
+    label: CSSProperties;
 }
 export type TabItemType = MakeAllPartialExcluding<OwnTabItemProps, 'tabKey'>;
 export interface OwnTabItemProps {
-	tabKey: string | number;
-	tabIndex?: number;
-	selected?: boolean;
-	onClick: (e: MouseEvent, tabItem: TabItemType) => void;
-	label?: ReactNode;
-	icon?: ReactNode;
-	showLabelOnly?: boolean;
-	disabled?: boolean;
-	size?: TabProps['tabSize'];
-	focusColor?: CSSProperties['color'];
-	tabItemCSS?: TabItemCSS;
+    tabKey: string | number;
+    tabIndex?: number;
+    selected?: boolean;
+    onClick: (e: MouseEvent, tabItem: TabItemType) => void;
+    label?: ReactNode;
+    icon?: ReactNode;
+    showLabelOnly?: boolean;
+    disabled?: boolean;
+    size?: TabProps['tabSize'];
+    focusColor?: CSSProperties['color'];
+    tabItemCSS?: TabItemCSS;
+}
+export interface TabItemProps extends HtmlCompositeAttributes<OwnTabItemProps, 'Div'>, OwnTabItemProps {
 }
-export interface TabItemProps extends HtmlCompositeAttributes<OwnTabItemProps, 'Div'>, OwnTabItemProps {}
 export {};
-//# sourceMappingURL=type.d.ts.map
+//# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,UAAW,SAAQ,YAAY;IAIxC,KAAK,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAC7E,MAAM,WAAW,eAAe;IAI/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAI3B,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAIpC,UAAU,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,uBAAuB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,eAAe;CAAG"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC5G,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,UAAW,SAAQ,YAAY;IAIvC,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAC7E,MAAM,WAAW,eAAe;IAI9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAI3B,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAIpC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,uBAAuB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,eAAe;CAAG"}

package/dist/Tabs.d.ts

@@ -3,4 +3,4 @@ import { TabProps } from './type';
 type PolymorphicTab = ForwardRefComponentWithStyle<'div', TabProps>;
 declare const Tab: PolymorphicTab;
 export default Tab;
-//# sourceMappingURL=Tabs.d.ts.map
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../packages/components/Tabs/src/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBlC,KAAK,cAAc,GAAG,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAqBpE,QAAA,MAAM,GAAG,gBAwFU,CAAC;AAEpB,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../packages/components/Tabs/src/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBlC,KAAK,cAAc,GAAG,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAqBpE,QAAA,MAAM,GAAG,gBAkFU,CAAC;AAEpB,eAAe,GAAG,CAAC"}

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

@@ -1,232 +1,2 @@
-'use strict';
-var e = require('tslib'),
-	t = require('react/jsx-runtime'),
-	r = require('styled-components'),
-	i = require('react'),
-	o = require('@cleartrip/ct-design-button'),
-	n = require('@cleartrip/ct-design-use-theme'),
-	l = require('@cleartrip/ct-design-typography'),
-	s = require('@cleartrip/ct-design-use-merge-refs'),
-	a = require('@cleartrip/ct-design-use-props-state');
-function c(e) {
-	return e && e.__esModule ? e : { default: e };
-}
-var d = c(r),
-	u = c(n),
-	f = c(s),
-	h = c(a),
-	b = function (e) {
-		switch (e.size) {
-			case 'small':
-			default:
-				return l.TypographyVariant.B2;
-			case 'medium':
-			case 'large':
-				return l.TypographyVariant.B1;
-		}
-	},
-	g = function (e) {
-		var t = e.selected,
-			r = e.theme,
-			i = e.focusColor,
-			o = e.color;
-		return t ? i || o || r.color.tab.selectedPrimaryLabel : o || r.color.tab.nonSelectedPrimaryLabel;
-	},
-	_ = i.forwardRef(function (r) {
-		var n = r.tabKey,
-			s = r.onClick,
-			a = r.tabIndex,
-			c = r.selected,
-			d = void 0 !== c && c,
-			f = r.label,
-			h = r.disabled,
-			_ = r.size,
-			m = r.tabItemCSS,
-			v = void 0 === m ? { label: {}, Root: {} } : m,
-			p = r.css,
-			C = r.focusColor,
-			w = r.children,
-			x = u.default(),
-			y = (function (t) {
-				t.theme;
-				var r = e.__rest(t, ['theme']);
-				return e.__assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, r);
-			})(e.__assign(e.__assign({ theme: x }, p), null == v ? void 0 : v.Root)),
-			S = i.useCallback(
-				function (e) {
-					h || s(e, r);
-				},
-				[n, s]
-			),
-			I = v.label,
-			z = I.color;
-		return (
-			e.__rest(I, ['color']),
-			t.jsx(
-				o.Button,
-				e.__assign(
-					{ disabled: h, css: y, onClick: S, tabIndex: a },
-					{
-						children: f
-							? t.jsx(
-									l.Typography,
-									e.__assign(
-										{
-											variant: b({ size: _ }),
-											colorCode: g({ selected: d, theme: x, focusColor: C, color: z }),
-										},
-										{ children: f }
-									)
-							  )
-							: w,
-					}
-				)
-			)
-		);
-	}),
-	m = d.default.div(function (t) {
-		var r = t.css,
-			i = t.theme,
-			o = t.isHorizontal,
-			n = void 0 === o || o,
-			l = t.width,
-			s = t.height;
-		return (function (t) {
-			var r = t.theme,
-				i = t.isHorizontal,
-				o = t.width,
-				n = t.height,
-				l = e.__rest(t, ['theme', 'isHorizontal', 'width', 'height']);
-			return e.__assign(
-				{
-					display: 'flex',
-					flexDirection: i ? 'row' : 'column',
-					width: o || i ? '100%' : '',
-					height: n || !i ? '100%' : '',
-					justifyContent: 'space-between',
-					borderBottomWidth: r.border.width.sm,
-					borderColor: r.color.border.default,
-					borderBottomStyle: r.border.style.solid,
-					cursor: 'pointer',
-					position: 'relative',
-				},
-				l
-			);
-		})(e.__assign({ theme: i, isHorizontal: n, width: l, height: s }, r));
-	}),
-	v = d.default.div(function (e) {
-		return e.theme, { display: 'flex', flexDirection: 'row' };
-	}),
-	p = d.default.div(function (e) {
-		var t = e.theme,
-			r = e.width,
-			i = e.left;
-		return {
-			position: 'absolute',
-			height: '2px',
-			bottom: 0,
-			transition: 'all ease-in 0.3s',
-			backgroundColor: e.color || t.color.background.primary,
-			width: r,
-			left: i,
-		};
-	}),
-	C = i.forwardRef(function (o, n) {
-		o.children;
-		var l = o.tabList,
-			s = o.selectedTabIndex,
-			a = void 0 === s ? 0 : s,
-			c = o.onClick,
-			d = o.isHorizontal,
-			u = void 0 === d || d,
-			b = o.css,
-			g = o.tabCSS,
-			C = o.focusColor,
-			w = e.__rest(o, [
-				'children',
-				'tabList',
-				'selectedTabIndex',
-				'onClick',
-				'isHorizontal',
-				'css',
-				'tabCSS',
-				'focusColor',
-			]),
-			x = r.useTheme(),
-			y = (function () {
-				var e = i.useState(!1),
-					t = e[0],
-					r = e[1];
-				return (
-					i.useEffect(function () {
-						r(!0);
-					}, []),
-					t
-				);
-			})(),
-			S = h.default(a),
-			I = S[0],
-			z = S[1],
-			R = i.useState({ width: 0, left: 0 }),
-			k = R[0],
-			q = R[1],
-			T = i.useRef(null),
-			j = i.useRef(null),
-			B = f.default(i.forwardRef, j);
-		i.useEffect(
-			function () {
-				!(function () {
-					var e, t;
-					if (T.current && void 0 !== I) {
-						var r = T.current.children[I],
-							i = r ? r.getBoundingClientRect() : { left: 0, width: 0 },
-							o = null === (e = j.current) || void 0 === e ? void 0 : e.getBoundingClientRect(),
-							n = {
-								scrollLeft: (null === (t = j.current) || void 0 === t ? void 0 : t.scrollLeft) || 0,
-								left: (null == o ? void 0 : o.left) || 0,
-							},
-							l = n.scrollLeft,
-							s = { left: i.left - n.left + l, width: i.width },
-							a = Math.abs(k.left - s.left),
-							c = Math.abs(k.width - s.width);
-						(a >= 1 || c >= 1) && q(s);
-					}
-				})();
-			},
-			[I]
-		);
-		var H = function (e, t) {
-				z(t.tabIndex || 0), c && c(e, t);
-			},
-			L = l.map(function (e, r) {
-				return t.jsx(
-					_,
-					{
-						selected: r === I,
-						tabIndex: r,
-						tabKey: r,
-						onClick: H,
-						label: e.label,
-						tabItemCSS: null == g ? void 0 : g.TabItemCSS,
-						focusColor: C,
-					},
-					r
-				);
-			}),
-			M = e.__assign(e.__assign({}, k), null == g ? void 0 : g.IndicatorCSS);
-		return t.jsxs(
-			m,
-			e.__assign(
-				{ ref: B, theme: x, isHorizontal: u, css: e.__assign(e.__assign({}, b), null == g ? void 0 : g.Root) },
-				w,
-				{
-					children: [
-						t.jsx(v, e.__assign({ ref: T }, { children: L })),
-						y && t.jsx(p, e.__assign({ color: C }, M)),
-					],
-				}
-			)
-		);
-	});
-(exports.TabItem = _), (exports.Tabs = C);
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("styled-components"),i=require("react"),o=require("@cleartrip/ct-design-button"),n=require("@cleartrip/ct-design-use-theme"),l=require("@cleartrip/ct-design-typography"),s=require("@cleartrip/ct-design-use-merge-refs"),a=require("@cleartrip/ct-design-use-prop-state");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(r),u=c(n),f=c(s),h=c(a),b=function(e){switch(e.size){case"small":default:return l.TypographyVariant.B2;case"medium":case"large":return l.TypographyVariant.B1}},g=function(e){var t=e.selected,r=e.theme,i=e.focusColor,o=e.color;return t?i||o||r.color.tab.selectedPrimaryLabel:o||r.color.tab.nonSelectedPrimaryLabel},_=i.forwardRef((function(r){var n=r.tabKey,s=r.onClick,a=r.tabIndex,c=r.selected,d=void 0!==c&&c,f=r.label,h=r.disabled,_=r.size,m=r.tabItemCSS,v=void 0===m?{label:{},Root:{}}:m,p=r.css,C=r.focusColor,w=r.children,x=u.default(),y=function(t){t.theme;var r=e.__rest(t,["theme"]);return e.__assign({backgroundColor:"transparent",outline:0,border:0},r)}(e.__assign(e.__assign({theme:x},p),null==v?void 0:v.Root)),S=i.useCallback((function(e){h||s(e,r)}),[n,s]),I=v.label,z=I.color;return e.__rest(I,["color"]),t.jsx(o.Button,e.__assign({disabled:h,css:y,onClick:S,tabIndex:a},{children:f?t.jsx(l.Typography,e.__assign({variant:b({size:_}),colorCode:g({selected:d,theme:x,focusColor:C,color:z})},{children:f})):w}))})),m=d.default.div((function(t){var r=t.css,i=t.theme,o=t.isHorizontal,n=void 0===o||o,l=t.width,s=t.height;return function(t){var r=t.theme,i=t.isHorizontal,o=t.width,n=t.height,l=e.__rest(t,["theme","isHorizontal","width","height"]);return e.__assign({display:"flex",flexDirection:i?"row":"column",width:o||i?"100%":"",height:n||!i?"100%":"",justifyContent:"space-between",borderBottomWidth:r.border.width.sm,borderColor:r.color.border.default,borderBottomStyle:r.border.style.solid,cursor:"pointer",position:"relative"},l)}(e.__assign({theme:i,isHorizontal:n,width:l,height:s},r))})),v=d.default.div((function(e){return e.theme,{display:"flex",flexDirection:"row"}})),p=d.default.div((function(e){var t=e.theme,r=e.width,i=e.left;return{position:"absolute",height:"2px",bottom:0,transition:"all ease-in 0.3s",backgroundColor:e.color||t.color.background.primary,width:r,left:i}})),C=i.forwardRef((function(o,n){o.children;var l=o.tabList,s=o.selectedTabIndex,a=void 0===s?0:s,c=o.onClick,d=o.isHorizontal,u=void 0===d||d,b=o.css,g=o.tabCSS,C=o.focusColor,w=e.__rest(o,["children","tabList","selectedTabIndex","onClick","isHorizontal","css","tabCSS","focusColor"]),x=r.useTheme(),y=function(){var e=i.useState(!1),t=e[0],r=e[1];return i.useEffect((function(){r(!0)}),[]),t}(),S=h.default(a),I=S[0],z=S[1],R=i.useState({width:0,left:0}),k=R[0],q=R[1],T=i.useRef(null),j=i.useRef(null),B=f.default(i.forwardRef,j);i.useEffect((function(){!function(){var e,t;if(T.current&&void 0!==I){var r=T.current.children[I],i=r?r.getBoundingClientRect():{left:0,width:0},o=null===(e=j.current)||void 0===e?void 0:e.getBoundingClientRect(),n={scrollLeft:(null===(t=j.current)||void 0===t?void 0:t.scrollLeft)||0,left:(null==o?void 0:o.left)||0},l=n.scrollLeft,s={left:i.left-n.left+l,width:i.width},a=Math.abs(k.left-s.left),c=Math.abs(k.width-s.width);(a>=1||c>=1)&&q(s)}}()}),[I]);var H=function(e,t){z(t.tabIndex||0),c&&c(e,t)},L=l.map((function(e,r){return t.jsx(_,{selected:r===I,tabIndex:r,tabKey:r,onClick:H,label:e.label,tabItemCSS:null==g?void 0:g.TabItemCSS,focusColor:C},r)})),M=e.__assign(e.__assign({},k),null==g?void 0:g.IndicatorCSS);return t.jsxs(m,e.__assign({ref:B,theme:x,isHorizontal:u,css:e.__assign(e.__assign({},b),null==g?void 0:g.Root)},w,{children:[t.jsx(v,e.__assign({ref:T},{children:L})),y&&t.jsx(p,e.__assign({color:C},M))]}))}));exports.TabItem=_,exports.Tabs=C;
 //# sourceMappingURL=ct-design-tabs.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-tabs.browser.cjs.js","sources":["../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx","../packages/components/Tabs/src/style.ts"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","useTheme","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","_c","_jsx","jsx","Button","Typography","variant","colorCode","StyledTab","styled","default","div","isHorizontal","width","height","display","flexDirection","justifyContent","borderBottomWidth","sm","borderColor","borderBottomStyle","style","solid","cursor","position","getTabStyles","StyledFlexContainer","Indicator","left","bottom","transition","background","primary","Tab","forwardedRef","tabList","selectedTabIndex","tabCSS","isMounted","useState","setIsMounted","useEffect","useMounted","_d","usePropState","selectedIndex","setSelectedIndex","_e","indicatorStyle","setIndicatorStyle","listRef","useRef","tabsRef","handleRef","useMergeRefs","current","undefined","tabMeta","getBoundingClientRect","rect","tabsMeta","scrollLeft","correction","newIndicatorStyle","dStart","Math","abs","dSize","updateIndicatorState","e","tabItem","tabItemList","map","item","index","TabItemCSS","indicatorStyles","IndicatorCSS","_jsxs","ref"],"mappings":"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"}
+{"version":3,"file":"ct-design-tabs.browser.cjs.js","sources":["../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx","../packages/components/Tabs/src/style.ts"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","useTheme","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","_c","_jsx","jsx","Button","Typography","variant","colorCode","StyledTab","styled","default","div","isHorizontal","width","height","display","flexDirection","justifyContent","borderBottomWidth","sm","borderColor","borderBottomStyle","style","solid","cursor","position","getTabStyles","StyledFlexContainer","Indicator","left","bottom","transition","background","primary","Tab","forwardedRef","tabList","selectedTabIndex","tabCSS","isMounted","useState","setIsMounted","useEffect","useMounted","_d","usePropState","selectedIndex","setSelectedIndex","_e","indicatorStyle","setIndicatorStyle","listRef","useRef","tabsRef","handleRef","useMergeRefs","current","undefined","tabMeta","getBoundingClientRect","rect","tabsMeta","scrollLeft","correction","newIndicatorStyle","dStart","Math","abs","dSize","updateIndicatorState","e","tabItem","tabItemList","map","item","index","TabItemCSS","indicatorStyles","IndicatorCSS","_jsxs","ref"],"mappings":"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"}

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

@@ -1,217 +1,2 @@
-import { __rest as e, __assign as t } from 'tslib';
-import { jsx as o, jsxs as r } from 'react/jsx-runtime';
-import i, { useTheme as l } from 'styled-components';
-import { forwardRef as n, useCallback as c, useState as a, useRef as d, useEffect as s } from 'react';
-import { Button as u } from '@cleartrip/ct-design-button';
-import f from '@cleartrip/ct-design-use-theme';
-import { Typography as h, TypographyVariant as m } from '@cleartrip/ct-design-typography';
-import b from '@cleartrip/ct-design-use-merge-refs';
-import v from '@cleartrip/ct-design-use-props-state';
-var p = function (e) {
-		switch (e.size) {
-			case 'small':
-			default:
-				return m.B2;
-			case 'medium':
-			case 'large':
-				return m.B1;
-		}
-	},
-	C = function (e) {
-		var t = e.selected,
-			o = e.theme,
-			r = e.focusColor,
-			i = e.color;
-		return t ? r || i || o.color.tab.selectedPrimaryLabel : i || o.color.tab.nonSelectedPrimaryLabel;
-	},
-	g = n(function (r) {
-		var i = r.tabKey,
-			l = r.onClick,
-			n = r.tabIndex,
-			a = r.selected,
-			d = void 0 !== a && a,
-			s = r.label,
-			m = r.disabled,
-			b = r.size,
-			v = r.tabItemCSS,
-			g = void 0 === v ? { label: {}, Root: {} } : v,
-			w = r.css,
-			S = r.focusColor,
-			x = r.children,
-			y = f(),
-			z = (function (o) {
-				o.theme;
-				var r = e(o, ['theme']);
-				return t({ backgroundColor: 'transparent', outline: 0, border: 0 }, r);
-			})(t(t({ theme: y }, w), null == g ? void 0 : g.Root)),
-			I = c(
-				function (e) {
-					m || l(e, r);
-				},
-				[i, l]
-			),
-			k = g.label,
-			H = k.color;
-		return (
-			e(k, ['color']),
-			o(
-				u,
-				t(
-					{ disabled: m, css: z, onClick: I, tabIndex: n },
-					{
-						children: s
-							? o(
-									h,
-									t(
-										{
-											variant: p({ size: b }),
-											colorCode: C({ selected: d, theme: y, focusColor: S, color: H }),
-										},
-										{ children: s }
-									)
-							  )
-							: x,
-					}
-				)
-			)
-		);
-	}),
-	w = i.div(function (o) {
-		var r = o.css,
-			i = o.theme,
-			l = o.isHorizontal,
-			n = void 0 === l || l,
-			c = o.width,
-			a = o.height;
-		return (function (o) {
-			var r = o.theme,
-				i = o.isHorizontal,
-				l = o.width,
-				n = o.height,
-				c = e(o, ['theme', 'isHorizontal', 'width', 'height']);
-			return t(
-				{
-					display: 'flex',
-					flexDirection: i ? 'row' : 'column',
-					width: l || i ? '100%' : '',
-					height: n || !i ? '100%' : '',
-					justifyContent: 'space-between',
-					borderBottomWidth: r.border.width.sm,
-					borderColor: r.color.border.default,
-					borderBottomStyle: r.border.style.solid,
-					cursor: 'pointer',
-					position: 'relative',
-				},
-				c
-			);
-		})(t({ theme: i, isHorizontal: n, width: c, height: a }, r));
-	}),
-	S = i.div(function (e) {
-		return e.theme, { display: 'flex', flexDirection: 'row' };
-	}),
-	x = i.div(function (e) {
-		var t = e.theme,
-			o = e.width,
-			r = e.left;
-		return {
-			position: 'absolute',
-			height: '2px',
-			bottom: 0,
-			transition: 'all ease-in 0.3s',
-			backgroundColor: e.color || t.color.background.primary,
-			width: o,
-			left: r,
-		};
-	}),
-	y = n(function (i, c) {
-		i.children;
-		var u = i.tabList,
-			f = i.selectedTabIndex,
-			h = void 0 === f ? 0 : f,
-			m = i.onClick,
-			p = i.isHorizontal,
-			C = void 0 === p || p,
-			y = i.css,
-			z = i.tabCSS,
-			I = i.focusColor,
-			k = e(i, [
-				'children',
-				'tabList',
-				'selectedTabIndex',
-				'onClick',
-				'isHorizontal',
-				'css',
-				'tabCSS',
-				'focusColor',
-			]),
-			H = l(),
-			L = (function () {
-				var e = a(!1),
-					t = e[0],
-					o = e[1];
-				return (
-					s(function () {
-						o(!0);
-					}, []),
-					t
-				);
-			})(),
-			B = v(h),
-			R = B[0],
-			T = B[1],
-			j = a({ width: 0, left: 0 }),
-			D = j[0],
-			K = j[1],
-			M = d(null),
-			P = d(null),
-			W = b(n, P);
-		s(
-			function () {
-				!(function () {
-					var e, t;
-					if (M.current && void 0 !== R) {
-						var o = M.current.children[R],
-							r = o ? o.getBoundingClientRect() : { left: 0, width: 0 },
-							i = null === (e = P.current) || void 0 === e ? void 0 : e.getBoundingClientRect(),
-							l = {
-								scrollLeft: (null === (t = P.current) || void 0 === t ? void 0 : t.scrollLeft) || 0,
-								left: (null == i ? void 0 : i.left) || 0,
-							},
-							n = l.scrollLeft,
-							c = { left: r.left - l.left + n, width: r.width },
-							a = Math.abs(D.left - c.left),
-							d = Math.abs(D.width - c.width);
-						(a >= 1 || d >= 1) && K(c);
-					}
-				})();
-			},
-			[R]
-		);
-		var q = function (e, t) {
-				T(t.tabIndex || 0), m && m(e, t);
-			},
-			A = u.map(function (e, t) {
-				return o(
-					g,
-					{
-						selected: t === R,
-						tabIndex: t,
-						tabKey: t,
-						onClick: q,
-						label: e.label,
-						tabItemCSS: null == z ? void 0 : z.TabItemCSS,
-						focusColor: I,
-					},
-					t
-				);
-			}),
-			E = t(t({}, D), null == z ? void 0 : z.IndicatorCSS);
-		return r(
-			w,
-			t({ ref: W, theme: H, isHorizontal: C, css: t(t({}, y), null == z ? void 0 : z.Root) }, k, {
-				children: [o(S, t({ ref: M }, { children: A })), L && o(x, t({ color: I }, E))],
-			})
-		);
-	});
-export { g as TabItem, y as Tabs };
+import{__rest as e,__assign as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import i,{useTheme as l}from"styled-components";import{forwardRef as n,useCallback as c,useState as a,useRef as d,useEffect as s}from"react";import{Button as u}from"@cleartrip/ct-design-button";import f from"@cleartrip/ct-design-use-theme";import{Typography as h,TypographyVariant as m}from"@cleartrip/ct-design-typography";import b from"@cleartrip/ct-design-use-merge-refs";import v from"@cleartrip/ct-design-use-prop-state";var p=function(e){switch(e.size){case"small":default:return m.B2;case"medium":case"large":return m.B1}},C=function(e){var t=e.selected,o=e.theme,r=e.focusColor,i=e.color;return t?r||i||o.color.tab.selectedPrimaryLabel:i||o.color.tab.nonSelectedPrimaryLabel},g=n((function(r){var i=r.tabKey,l=r.onClick,n=r.tabIndex,a=r.selected,d=void 0!==a&&a,s=r.label,m=r.disabled,b=r.size,v=r.tabItemCSS,g=void 0===v?{label:{},Root:{}}:v,w=r.css,S=r.focusColor,x=r.children,y=f(),z=function(o){o.theme;var r=e(o,["theme"]);return t({backgroundColor:"transparent",outline:0,border:0},r)}(t(t({theme:y},w),null==g?void 0:g.Root)),I=c((function(e){m||l(e,r)}),[i,l]),k=g.label,H=k.color;return e(k,["color"]),o(u,t({disabled:m,css:z,onClick:I,tabIndex:n},{children:s?o(h,t({variant:p({size:b}),colorCode:C({selected:d,theme:y,focusColor:S,color:H})},{children:s})):x}))})),w=i.div((function(o){var r=o.css,i=o.theme,l=o.isHorizontal,n=void 0===l||l,c=o.width,a=o.height;return function(o){var r=o.theme,i=o.isHorizontal,l=o.width,n=o.height,c=e(o,["theme","isHorizontal","width","height"]);return t({display:"flex",flexDirection:i?"row":"column",width:l||i?"100%":"",height:n||!i?"100%":"",justifyContent:"space-between",borderBottomWidth:r.border.width.sm,borderColor:r.color.border.default,borderBottomStyle:r.border.style.solid,cursor:"pointer",position:"relative"},c)}(t({theme:i,isHorizontal:n,width:c,height:a},r))})),S=i.div((function(e){return e.theme,{display:"flex",flexDirection:"row"}})),x=i.div((function(e){var t=e.theme,o=e.width,r=e.left;return{position:"absolute",height:"2px",bottom:0,transition:"all ease-in 0.3s",backgroundColor:e.color||t.color.background.primary,width:o,left:r}})),y=n((function(i,c){i.children;var u=i.tabList,f=i.selectedTabIndex,h=void 0===f?0:f,m=i.onClick,p=i.isHorizontal,C=void 0===p||p,y=i.css,z=i.tabCSS,I=i.focusColor,k=e(i,["children","tabList","selectedTabIndex","onClick","isHorizontal","css","tabCSS","focusColor"]),H=l(),L=function(){var e=a(!1),t=e[0],o=e[1];return s((function(){o(!0)}),[]),t}(),B=v(h),R=B[0],T=B[1],j=a({width:0,left:0}),D=j[0],K=j[1],M=d(null),P=d(null),W=b(n,P);s((function(){!function(){var e,t;if(M.current&&void 0!==R){var o=M.current.children[R],r=o?o.getBoundingClientRect():{left:0,width:0},i=null===(e=P.current)||void 0===e?void 0:e.getBoundingClientRect(),l={scrollLeft:(null===(t=P.current)||void 0===t?void 0:t.scrollLeft)||0,left:(null==i?void 0:i.left)||0},n=l.scrollLeft,c={left:r.left-l.left+n,width:r.width},a=Math.abs(D.left-c.left),d=Math.abs(D.width-c.width);(a>=1||d>=1)&&K(c)}}()}),[R]);var q=function(e,t){T(t.tabIndex||0),m&&m(e,t)},A=u.map((function(e,t){return o(g,{selected:t===R,tabIndex:t,tabKey:t,onClick:q,label:e.label,tabItemCSS:null==z?void 0:z.TabItemCSS,focusColor:I},t)})),E=t(t({},D),null==z?void 0:z.IndicatorCSS);return r(w,t({ref:W,theme:H,isHorizontal:C,css:t(t({},y),null==z?void 0:z.Root)},k,{children:[o(S,t({ref:M},{children:A})),L&&o(x,t({color:I},E))]}))}));export{g as TabItem,y as Tabs};
 //# sourceMappingURL=ct-design-tabs.browser.esm.js.map