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

package/dist/index-node-22.17.es.web.mjs

@@ -1890,6 +1890,11 @@ const icon = {
   defaultSize: 20
 };
 
+const iconButton = {
+  width: button.height.default,
+  height: button.height.default
+};
+
 const listItem = {
   padding: '12px 16px',
   verticalPadding: 12,
@@ -2618,6 +2623,7 @@ const theme = {
   forms,
   highlight,
   icon,
+  iconButton,
   buttonBadge,
   listItem,
   pageLoader,
@@ -4285,11 +4291,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__*/jsx(View, {
-    width: "kitt.button.minWidth"
+    width: "kitt.iconButton.width"
   });
   return /*#__PURE__*/jsxs(VStack, {
     space: isLargeTitleMode ? 'kitt.2' : undefined,
@@ -4299,8 +4307,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__*/jsxs(HStack, {
       alignItems: "center",
       justifyContent: !title && !left ? 'flex-end' : 'space-between',
@@ -4317,7 +4327,7 @@ function TopNavBar({
           children: title
         }) : null
       }) : null, right ?? /*#__PURE__*/jsx(View, {
-        width: "kitt.button.minWidth"
+        width: "kitt.iconButton.width"
       })]
     }), mode === 'largeTitle' ? /*#__PURE__*/jsxs(VStack, {
       space: "kitt.4",
@@ -9806,6 +9816,10 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           }
         },
+        iconButton: {
+          width: theme.iconButton.width,
+          height: theme.iconButton.height
+        },
         pageLoader: {
           size: theme.pageLoader.size
         },