@mailstep/design-system 0.7.19 → 0.7.20-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.19",
+  "version": "0.7.20-beta.0",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Tabs/Tabs.js

@@ -9,7 +9,7 @@ var Tab = function (_a) {
     var handleOnClick = useCallback(function () {
         onTabSwitch(value);
     }, [onTabSwitch, value]);
-    return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: !disabled ? handleOnClick : undefined, active: isActive, disabled: disabled, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
+    return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: !disabled ? handleOnClick : undefined, active: isActive, disabled: disabled, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), badgeCount === 0 || (badgeCount && badgeCount > 0) && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 export var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch, mb = _a.mb;

package/ui/index.es.js

@@ -48742,7 +48742,7 @@ const AOe = /* @__PURE__ */ Hr(fOe), pOe = Qe`
   return /* @__PURE__ */ p.jsx(wOe, { children: /* @__PURE__ */ p.jsxs(SOe, { onClick: s ? void 0 : c, active: r, disabled: s, children: [
     i && /* @__PURE__ */ p.jsx(COe, { children: /* @__PURE__ */ p.jsx(ct, { icon: i }) }),
     /* @__PURE__ */ p.jsx(Bh, { children: a }),
-    r && o && o > 0 && /* @__PURE__ */ p.jsx(xOe, { children: /* @__PURE__ */ p.jsx(Bh, { variant: "medium", children: o }) })
+    o === 0 || o && o > 0 && /* @__PURE__ */ p.jsx(xOe, { children: /* @__PURE__ */ p.jsx(Bh, { variant: "medium", children: o }) })
   ] }) });
 }, sMe = ({
   tabsDefinition: e,

package/ui/index.umd.js

@@ -4060,7 +4060,7 @@ ${Z.current.stack}
     background-color: ${R.color("bgLightGray1")};
     height: 2px;
   }
-`,fwe=({tabDefinition:e,value:t,isActive:r,onTabSwitch:n})=>{const{icon:i,label:a,badgeCount:o,disabled:s}=e,c=x.useCallback(()=>{n(t)},[n,t]);return p.jsx(lwe,{children:p.jsxs(uwe,{onClick:s?void 0:c,active:r,disabled:s,children:[i&&p.jsx(swe,{children:p.jsx(rt,{icon:i})}),p.jsx(Rp,{children:a}),r&&o&&o>0&&p.jsx(cwe,{children:p.jsx(Rp,{variant:"medium",children:o})})]})})},Awe=({tabsDefinition:e,activeTab:t,onTabSwitch:r,mb:n})=>p.jsx(dwe,{$mb:n,children:e.map((i,a)=>p.jsx(fwe,{value:a,tabDefinition:i,isActive:a===t,onTabSwitch:r},a))}),pwe=({activeTab:e,value:t,children:r})=>e===t?r:null,hwe=e=>{const t=e.map(o=>o.default).indexOf(!0),r=t===-1?0:t,[n,i]=x.useState(r),a=x.useCallback(o=>{i(o)},[]);return{activeTab:n,onTabSwitch:a}},gwe=Bt(Be.div)`
+`,fwe=({tabDefinition:e,value:t,isActive:r,onTabSwitch:n})=>{const{icon:i,label:a,badgeCount:o,disabled:s}=e,c=x.useCallback(()=>{n(t)},[n,t]);return p.jsx(lwe,{children:p.jsxs(uwe,{onClick:s?void 0:c,active:r,disabled:s,children:[i&&p.jsx(swe,{children:p.jsx(rt,{icon:i})}),p.jsx(Rp,{children:a}),o===0||o&&o>0&&p.jsx(cwe,{children:p.jsx(Rp,{variant:"medium",children:o})})]})})},Awe=({tabsDefinition:e,activeTab:t,onTabSwitch:r,mb:n})=>p.jsx(dwe,{$mb:n,children:e.map((i,a)=>p.jsx(fwe,{value:a,tabDefinition:i,isActive:a===t,onTabSwitch:r},a))}),pwe=({activeTab:e,value:t,children:r})=>e===t?r:null,hwe=e=>{const t=e.map(o=>o.default).indexOf(!0),r=t===-1?0:t,[n,i]=x.useState(r),a=x.useCallback(o=>{i(o)},[]);return{activeTab:n,onTabSwitch:a}},gwe=Bt(Be.div)`
   width: calc(100vw - 20px);
   display: flex;
   min-height: 48px;