@ornikar/kitt-universal 27.9.1-canary.b005d681364bb7e16454f696f46b5af55d721a97.0 → 27.9.1-canary.f2c8ce09203150f3f2cb65aacb7c85ea25435b9f.0

package/dist/index-node-22.17.cjs.web.js

@@ -1897,6 +1897,11 @@ const icon = {
   defaultSize: 20
 };
 
+const iconButton = {
+  width: button.height.default,
+  height: button.height.default
+};
+
 const listItem = {
   padding: '12px 16px',
   verticalPadding: 12,
@@ -2625,6 +2630,7 @@ const theme = {
   forms,
   highlight,
   icon,
+  iconButton,
   buttonBadge,
   listItem,
   pageLoader,
@@ -4292,11 +4298,13 @@ function TopNavBar({
   titleAlign = 'center',
   stickers,
   mode = 'default',
-  hasSeparator = true
+  hasSeparator = true,
+  backgroundColor,
+  testID
 }) {
   const isLargeTitleMode = mode === 'largeTitle';
   const leftEmptySpace = !left && titleAlign === 'left' ? null : /*#__PURE__*/jsxRuntime.jsx(View, {
-    width: "kitt.button.minWidth"
+    width: "kitt.iconButton.width"
   });
   return /*#__PURE__*/jsxRuntime.jsxs(VStack, {
     space: isLargeTitleMode ? 'kitt.2' : undefined,
@@ -4306,8 +4314,10 @@ function TopNavBar({
     paddingX: "kitt.2",
     paddingTop: isLargeTitleMode ? 'kitt.2' : 'kitt.3',
     paddingBottom: "kitt.3",
+    backgroundColor: backgroundColor,
     borderBottomWidth: hasSeparator && mode === 'default' ? 1 : 0,
     borderColor: "kitt.separator",
+    testID: testID,
     children: [/*#__PURE__*/jsxRuntime.jsxs(HStack, {
       alignItems: "center",
       justifyContent: !title && !left ? 'flex-end' : 'space-between',
@@ -4324,7 +4334,7 @@ function TopNavBar({
           children: title
         }) : null
       }) : null, right ?? /*#__PURE__*/jsxRuntime.jsx(View, {
-        width: "kitt.button.minWidth"
+        width: "kitt.iconButton.width"
       })]
     }), mode === 'largeTitle' ? /*#__PURE__*/jsxRuntime.jsxs(VStack, {
       space: "kitt.4",
@@ -9813,6 +9823,10 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           }
         },
+        iconButton: {
+          width: theme.iconButton.width,
+          height: theme.iconButton.height
+        },
         pageLoader: {
           size: theme.pageLoader.size
         },