@vectara/vectara-ui 17.0.0 → 17.0.1

package/lib/components/tabs/TabsNavigator.js

@@ -33,6 +33,6 @@ export const VuiTabsNavigator = (_a) => {
                 return (_jsx(VuiTab, Object.assign({ href: href, isActive: isRouteActive(route), "data-testid": testId, onClick: () => {
                         onClick === null || onClick === void 0 ? void 0 : onClick();
                         setIsOpen(false);
-                    } }, { children: _jsxs(VuiFlexContainer, Object.assign({ spacing: "s" }, { children: [title, append] })) }), index));
+                    } }, { children: _jsxs(VuiFlexContainer, Object.assign({ spacing: "s", alignItems: "center" }, { children: [title, append] })) }), index));
             }) })) })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectara/vectara-ui",
-  "version": "17.0.0",
+  "version": "17.0.1",
   "homepage": "./",
   "description": "Vectara's design system, codified as a React and Sass component library",
   "author": "Vectara",

package/src/docs/pages/tabs/TabsNavigator.tsx

@@ -1,5 +1,6 @@
 import { useLocation } from "react-router-dom";
-import { VuiBadge, VuiTabsNavigator } from "../../../lib";
+import { VuiIcon, VuiTabsNavigator } from "../../../lib";
+import { BiFlag } from "react-icons/bi";
 
 export const TabsNavigator = () => {
   const { hash } = useLocation();
@@ -12,9 +13,9 @@ export const TabsNavigator = () => {
       isActive: hash.endsWith("#home"),
       onClick: () => console.log("Home tab clicked"),
       append: (
-        <VuiBadge color="danger" size="s">
-          3
-        </VuiBadge>
+        <VuiIcon color="warning" size="xs">
+          <BiFlag />
+        </VuiIcon>
       )
     },
     {