rbro-tat-uds 1.6.29 → 1.6.30

package/dist/components/SidebarItem/SidebarItem.d.ts

@@ -7,6 +7,7 @@ export interface SidebarItemProps extends React.ButtonHTMLAttributes<HTMLButtonE
     selected?: boolean;
     onClick?: () => void;
     theme?: "light" | "dark";
+    badgeText?: string;
 }
 declare const SidebarItem: React.FC<SidebarItemProps>;
 export default SidebarItem;

package/dist/index.cjs.js

@@ -503,6 +503,27 @@ See https://s-c.sh/2BAXzed for more info.`),window[g2]+=1);const U5=t=>e.createE
     padding: 2px 12px;
     border-radius: 999999px;
     background: ${({$selected:t,$theme:i})=>t?i&&Object.keys(y1).includes(i)?y1[i].itemActive.backgroundColor:y1.light.itemActive.backgroundColor:"transparent"};
+    position: relative;
+
+    ${({$badgeText:t})=>t&&d`
+        & > div {
+          position: absolute;
+          top: -23%;
+          right: -23%;
+          background-color: ${l.danger_500};
+          padding: 2px 6.175px;
+          border-radius: 999999px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          & > span {
+            color: ${l.white};
+            font-size: 11px;
+            font-weight: 500;
+          }
+        }
+      `}
   }
 
   & > span {
@@ -533,7 +554,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[g2]+=1);const U5=t=>e.createE
       color: ${({$theme:t})=>t&&Object.keys(y1).includes(t)?y1[t].text.disabled:y1.light.text.disabled};
     }
   }
-`,U4=({icon:t="home",label:i="Label",selected:a=!1,onClick:n,disabled:r=!1,theme:c="light",...o})=>L.jsxs(q4,{onClick:n,$selected:a,$theme:c,disabled:r,...o,children:[L.jsx("div",{children:L.jsx(N,{icon:t,size:20,color:r?y1[c].icon.disabled:y1[c].icon.default})}),L.jsx("span",{children:i})]}),X4=F.div`
+`,U4=({icon:t="home",label:i="Label",selected:a=!1,onClick:n,disabled:r=!1,theme:c="light",badgeText:o="",...C})=>L.jsxs(q4,{onClick:n,$selected:a,$theme:c,$badgeText:o,disabled:r,...C,children:[L.jsxs("div",{children:[L.jsx(N,{icon:t,size:20,color:r?y1[c].icon.disabled:y1[c].icon.default}),o&&L.jsx("div",{children:L.jsx("span",{children:o})})]}),L.jsx("span",{children:i})]}),X4=F.div`
   width: 100%;
   box-sizing: border-box;
   padding: 0;
@@ -5283,6 +5304,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[g2]+=1);const U5=t=>e.createE
   flex-direction: column;
   overflow: hidden;
   cursor: pointer;
+  background-color: ${l.white};
 
   &:hover {
     outline: 2px solid ${l.info_800};