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

package/dist/index.es.web.js

@@ -1908,6 +1908,11 @@ var icon = {
   defaultSize: 20
 };
 
+var iconButton = {
+  width: button.height["default"],
+  height: button.height["default"]
+};
+
 var listItem = {
   padding: '12px 16px',
   verticalPadding: 12,
@@ -2638,6 +2643,7 @@ var theme = {
   forms: forms,
   highlight: highlight,
   icon: icon,
+  iconButton: iconButton,
   buttonBadge: buttonBadge,
   listItem: listItem,
   pageLoader: pageLoader,
@@ -4327,10 +4333,11 @@ function TopNavBar(_ref) {
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'default' : _ref$mode,
     _ref$hasSeparator = _ref.hasSeparator,
-    hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator;
+    hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator,
+    testID = _ref.testID;
   var isLargeTitleMode = mode === 'largeTitle';
   var 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,
@@ -4342,6 +4349,7 @@ function TopNavBar(_ref) {
     paddingBottom: "kitt.3",
     borderBottomWidth: hasSeparator && mode === 'default' ? 1 : 0,
     borderColor: "kitt.separator",
+    testID: testID,
     children: [/*#__PURE__*/jsxs(HStack, {
       alignItems: "center",
       justifyContent: !title && !left ? 'flex-end' : 'space-between',
@@ -4358,7 +4366,7 @@ function TopNavBar(_ref) {
           children: title
         }) : null
       }) : null, right !== null && right !== void 0 ? right : /*#__PURE__*/jsx(View, {
-        width: "kitt.button.minWidth"
+        width: "kitt.iconButton.width"
       })]
     }), mode === 'largeTitle' ? /*#__PURE__*/jsxs(VStack, {
       space: "kitt.4",
@@ -9996,6 +10004,10 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           }
         },
+        iconButton: {
+          width: theme.iconButton.width,
+          height: theme.iconButton.height
+        },
         pageLoader: {
           size: theme.pageLoader.size
         },