kwant-ui 3.17.0 → 3.17.1

package/dist/index.es.js

@@ -2059,6 +2059,8 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import c,{css as r,createGloba
   }
 `;function On({size:t}){return e(En,{children:e("span",{className:`loader ${t||"large"}`})})}const Pn=c.div`
   .badge {
+    min-width: 24px;
+    min-height: 24px;
     display: inline-flex;
     flex-direction: column;
     justify-content: center;
@@ -3186,7 +3188,9 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import c,{css as r,createGloba
   height: ${e=>e.tabHeight};
   color: ${e=>e.isActive?e.theme.secondary.secondary100:e.theme.grey.grey500};
 
+  div,
   span {
+    min-width: 20px;
     display: grid;
     place-items: center;
     ${e=>e.fullWidth&&r`
@@ -3209,7 +3213,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import c,{css as r,createGloba
   width: ${e=>e.width};
   left: ${e=>e.left};
   background-color: ${e=>e.theme.secondary.secondary100};
-`,la=e=>e?.clientWidth,ia=({activeTab:c,tabs:r=[],tabHeight:n,fullWidth:a,showNeutralBorder:s=!0,onTabChange:l,onTabClick:o,onLeftIconClick:h,onRightIconClick:g,onUnreadCountClick:m})=>{const u=p([]),[d,_]=v((()=>c||r[0]?.id?.toString())),[w,f]=v({left:0,width:0}),b=e=>{_(e)},Z=e=>(e=>{let t=0;for(let c=0;c<e.length;c++)t+=la(e[c])||0;return t})(u.current.slice(0,e));return i((()=>{const e=r.findIndex((e=>e.id===d)),t=r[e];-1!==e&&(l?.(t),document.fonts.ready.then((()=>{var t;f({left:Z(e),width:(t=e,la(u.current[t]))})})))}),[d,r,a]),i((()=>{u.current=u.current.slice(0,r.length)}),[r]),i((()=>{_(c)}),[c]),t(ca,{children:[e(ra,{children:r.map(((c,r)=>t(na,{ref:e=>u.current[r]=e,onClick:e=>((e,t)=>{b(e.id?.toString()),o?.(e,t)})(c,e),isActive:d===c.id,tabHeight:n,fullWidth:a,children:[e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),h?.(e,t)})(c,e),children:c.leftIcon}),c.title,c.unreadCount&&e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),m?.(e,t)})(c,e),children:e(yn,{label:c.unreadCount?.toString(),type:"secondary"})}),e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),g?.(e,t)})(c,e),children:c.rightIcon})]},c.id||c.title)))}),e(aa,{showNeutralBorder:s,children:e(sa,{width:`${w.width}px`,left:`${w.left}px`})})]})},oa=c.div`
+`,la=e=>e?.clientWidth,ia=({activeTab:c,tabs:r=[],tabHeight:n,fullWidth:a,showNeutralBorder:s=!0,onTabChange:l,onTabClick:o,onLeftIconClick:h,onRightIconClick:g,onUnreadCountClick:m})=>{const u=p([]),[d,_]=v((()=>c||r[0]?.id?.toString())),[w,f]=v({left:0,width:0}),b=e=>{_(e)},Z=e=>(e=>{let t=0;for(let c=0;c<e.length;c++)t+=la(e[c])||0;return t})(u.current.slice(0,e));return i((()=>{const e=r.findIndex((e=>e.id===d)),t=r[e];-1!==e&&(l?.(t),document.fonts.ready.then((()=>{var t;f({left:Z(e),width:(t=e,la(u.current[t]))})})))}),[d,r,a]),i((()=>{u.current=u.current.slice(0,r.length)}),[r]),i((()=>{_(c)}),[c]),t(ca,{children:[e(ra,{children:r.map(((c,r)=>t(na,{ref:e=>u.current[r]=e,onClick:e=>((e,t)=>{b(e.id?.toString()),o?.(e,t)})(c,e),isActive:d===c.id,tabHeight:n,fullWidth:a,children:[c.leftIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),h?.(e,t)})(c,e),children:c.leftIcon}),c.title,c.unreadCount&&e("span",{onClick:e=>((e,t)=>{t.stopPropagation(),m?.(e,t)})(c,e),children:e(yn,{label:c.unreadCount?.toString(),type:"secondary"})}),c.rightIcon&&e("div",{onClick:e=>((e,t)=>{t.stopPropagation(),g?.(e,t)})(c,e),children:c.rightIcon})]},c.id||c.title)))}),e(aa,{showNeutralBorder:s,children:e(sa,{width:`${w.width}px`,left:`${w.left}px`})})]})},oa=c.div`
   .collapsed {
     gap: 0px;
     height: auto !important;