kwant-ui 3.51.0-dev.44 → 3.51.0-dev.45

package/dist/components/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import { ITabs } from './TabsTypes';
-declare const Tabs: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, onLeftIconClick, onRightIconClick, onUnreadCountClick, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, onLeftIconClick, onRightIconClick, onUnreadCountClick, tabClassName, tabBarHeight, tabBarHighlightHeight, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
 export { Tabs };

package/dist/components/Tabs/TabsStyled.d.ts

@@ -7,8 +7,10 @@ export declare const Tab: import("styled-components").StyledComponent<"div", any
 }, never>;
 export declare const TabBar: import("styled-components").StyledComponent<"div", any, {
     showNeutralBorder?: boolean;
+    tabBarHeight?: string;
 }, never>;
 export declare const TabBarHighlight: import("styled-components").StyledComponent<"div", any, {
     width?: string;
     left: string;
+    tabBarHighlightHeight?: string;
 }, never>;

package/dist/components/Tabs/TabsTypes.d.ts

@@ -11,6 +11,9 @@ export declare namespace ITabs {
         onLeftIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
         onRightIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
         onUnreadCountClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        tabClassName?: string;
+        tabBarHeight?: string;
+        tabBarHighlightHeight?: string;
     }
     interface Tab {
         id?: string;

package/dist/index.es.js

@@ -3377,17 +3377,17 @@ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{css as
     }
   }
 `,el=r.div`
-  height: 1px;
+  height: ${e=>e.tabBarHeight||"1px"};
   background-color: ${e=>e.showNeutralBorder?e.theme.grey.grey250:"transparent"};
   position: relative;
 `,tl=r.div`
   position: absolute;
-  height: 2px;
+  height: ${e=>e.tabBarHighlightHeight||"2px"};
   transition: all 0.2s ease-in-out;
   width: ${e=>e.width};
   left: ${e=>e.left};
   background-color: ${e=>e.theme.secondary.secondary100};
-`,nl=e=>e?.clientWidth,rl=({activeTab:n,tabs:r=[],tabHeight:a,fullWidth:c,showNeutralBorder:l=!0,onTabChange:i,onTabClick:s,onLeftIconClick:h,onRightIconClick:p,onUnreadCountClick:g})=>{const m=u([]),[d,f]=v(()=>n||r[0]?.id?.toString()),[_,w]=v({left:0,width:0}),b=e=>{f(e)},x=e=>(e=>{let t=0;for(let n=0;n<e.length;n++)t+=nl(e[n])||0;return t})(m.current.slice(0,e));return o(()=>{const e=r.findIndex(e=>e.id===d),t=r[e];-1!==e&&(i?.(t),document.fonts.ready.then(()=>{var t;w({left:x(e),width:(t=e,nl(m.current[t]))})}))},[d,r,c]),o(()=>{m.current=m.current.slice(0,r.length)},[r]),o(()=>{f(n)},[n]),t(Kc,{children:[e(Gc,{children:r.map((n,r)=>t(Jc,{ref:e=>m.current[r]=e,onClick:e=>((e,t)=>{b(e.id?.toString()),s?.(e,t)})(n,e),isActive:d===n.id,tabHeight:a,fullWidth:c,children:[n.leftIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),h?.(e,t)})(n,e),children:n.leftIcon}),n.title,n.unreadCount&&e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),g?.(e,t)})(n,e),children:e(xc,{label:n.unreadCount?.toString(),type:"secondary"})}),n.rightIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),p?.(e,t)})(n,e),children:n.rightIcon})]},n.id||n.title))}),e(el,{showNeutralBorder:l,children:e(tl,{width:`${_.width}px`,left:`${_.left}px`})})]})},al=r.div`
+`,nl=e=>e?.clientWidth,rl=({activeTab:n,tabs:r=[],tabHeight:a,fullWidth:c,showNeutralBorder:l=!0,onTabChange:i,onTabClick:s,onLeftIconClick:h,onRightIconClick:p,onUnreadCountClick:g,tabClassName:m="",tabBarHeight:d,tabBarHighlightHeight:f})=>{const _=u([]),[w,b]=v(()=>n||r[0]?.id?.toString()),[x,y]=v({left:0,width:0}),M=e=>{b(e)},E=e=>(e=>{let t=0;for(let n=0;n<e.length;n++)t+=nl(e[n])||0;return t})(_.current.slice(0,e));return o(()=>{const e=r.findIndex(e=>e.id===w),t=r[e];-1!==e&&(i?.(t),document.fonts.ready.then(()=>{var t;y({left:E(e),width:(t=e,nl(_.current[t]))})}))},[w,r,c]),o(()=>{_.current=_.current.slice(0,r.length)},[r]),o(()=>{b(n)},[n]),t(Kc,{children:[e(Gc,{children:r.map((n,r)=>t(Jc,{ref:e=>_.current[r]=e,onClick:e=>((e,t)=>{M(e.id?.toString()),s?.(e,t)})(n,e),isActive:w===n.id,tabHeight:a,fullWidth:c,className:m,children:[n.leftIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),h?.(e,t)})(n,e),children:n.leftIcon}),n.title,n.unreadCount&&e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),g?.(e,t)})(n,e),children:e(xc,{label:n.unreadCount?.toString(),type:"secondary"})}),n.rightIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),p?.(e,t)})(n,e),children:n.rightIcon})]},n.id||n.title))}),e(el,{showNeutralBorder:l,tabBarHeight:d,children:e(tl,{width:`${x.width}px`,left:`${x.left}px`,tabBarHighlightHeight:f})})]})},al=r.div`
   .collapsed {
     gap: 0px;
     height: auto !important;