@oliasoft-open-source/react-ui-library 3.9.18-beta-1 → 3.9.19

package/dist/global.css

@@ -20309,15 +20309,16 @@ button:active .remirror-menu-pane-shortcut,
   margin: 0;
   /* margin-bottom: var(--rmr-space-2); */
 }
-._richTextToolbar_is6av_1 {
+._richTextToolbar_1owpg_1 {
   padding: 0 8px;
   display: flex;
   gap: 4px;
 }
-._richTextToolbarContainer_is6av_6 {
+._richTextToolbarContainer_1owpg_6 {
   display: flex;
   justify-content: space-between;
   padding: 8px 0;
+  align-items: flex-end;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules

package/dist/index.js

@@ -13948,6 +13948,15 @@ const styles$B = {
   tabsContent,
   resizeHandle
 };
+const TabBadge = ({ badge: badge2, children }) => {
+  if (!badge2)
+    return children;
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Badge, {
+    small: true,
+    title: badge2,
+    children
+  });
+};
 const DrawerTabs = ({
   tabs: tabs2,
   activeTab,
@@ -13969,7 +13978,10 @@ const DrawerTabs = ({
           style: { background: background2 },
           onClick: () => handleTabClick(index2),
           "data-testid": testId && `${testId}-icon-${index2}`,
-          children: tab2.icon
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(TabBadge, {
+            badge: tab2.badge,
+            children: tab2.icon
+          })
         }, index2))
       }),
       tabs2.map((tab2, index2) => {
@@ -16224,7 +16236,8 @@ Drawer.propTypes = {
   tabs: propTypes$1.exports.arrayOf(
     propTypes$1.exports.shape({
       icon: propTypes$1.exports.node,
-      content: propTypes$1.exports.node
+      content: propTypes$1.exports.node,
+      badge: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
     })
   ),
   testId: propTypes$1.exports.string,
@@ -56315,8 +56328,8 @@ function TbListNumbers(props) {
 function TbList(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 6l11 0" } }, { "tag": "path", "attr": { "d": "M9 12l11 0" } }, { "tag": "path", "attr": { "d": "M9 18l11 0" } }, { "tag": "path", "attr": { "d": "M5 6l0 .01" } }, { "tag": "path", "attr": { "d": "M5 12l0 .01" } }, { "tag": "path", "attr": { "d": "M5 18l0 .01" } }] })(props);
 }
-const richTextToolbar = "_richTextToolbar_is6av_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_is6av_6";
+const richTextToolbar = "_richTextToolbar_1owpg_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_1owpg_6";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer