@dloizides/ui-nav 1.23.0 → 1.23.2

package/dist/index.d.mts

@@ -1340,6 +1340,9 @@ declare const navStyles: {
     topbarRowItem: {
         marginHorizontal: number;
         alignItems: "center";
+        justifyContent: "center";
+        minHeight: number;
+        minWidth: number;
     };
     topbarLabel: {
         fontSize: number;
@@ -1351,6 +1354,12 @@ declare const navStyles: {
     userName: {
         fontWeight: "600";
     };
+    accountNameBtn: {
+        minHeight: number;
+        minWidth: number;
+        justifyContent: "center";
+        alignItems: "flex-end";
+    };
     userEmail: {
         fontSize: number;
     };

package/dist/index.d.ts

@@ -1340,6 +1340,9 @@ declare const navStyles: {
     topbarRowItem: {
         marginHorizontal: number;
         alignItems: "center";
+        justifyContent: "center";
+        minHeight: number;
+        minWidth: number;
     };
     topbarLabel: {
         fontSize: number;
@@ -1351,6 +1354,12 @@ declare const navStyles: {
     userName: {
         fontWeight: "600";
     };
+    accountNameBtn: {
+        minHeight: number;
+        minWidth: number;
+        justifyContent: "center";
+        alignItems: "flex-end";
+    };
     userEmail: {
         fontSize: number;
     };

package/dist/index.js

@@ -6,6 +6,7 @@ var uiFeedback = require('@dloizides/ui-feedback');
 var jsxRuntime = require('react/jsx-runtime');
 var uiMotion = require('@dloizides/ui-motion');
 var uiLayout = require('@dloizides/ui-layout');
+var designTokens = require('@dloizides/design-tokens');
 var authWeb = require('@dloizides/auth-web');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -71,10 +72,22 @@ var navStyles = reactNative.StyleSheet.create({
   },
   topbarLeft: { flex: 1 },
   topbarRight: { flexDirection: "row", alignItems: "center" },
-  topbarRowItem: { marginHorizontal: 8, alignItems: "center" },
+  topbarRowItem: {
+    marginHorizontal: 8,
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: MIN_TOUCH_TARGET,
+    minWidth: MIN_TOUCH_TARGET
+  },
   topbarLabel: { fontSize: 14 },
   userBlock: { marginHorizontal: 12, alignItems: "flex-end" },
   userName: { fontWeight: "600" },
+  accountNameBtn: {
+    minHeight: MIN_TOUCH_TARGET,
+    minWidth: MIN_TOUCH_TARGET,
+    justifyContent: "center",
+    alignItems: "flex-end"
+  },
   userEmail: { fontSize: 12 },
   accountBtn: {
     marginLeft: 8,
@@ -976,6 +989,7 @@ var Topbar = ({
                 accessibilityHint: richAccount.accountHint ?? richAccount.displayName,
                 accessibilityLabel: richAccount.displayName,
                 ringColor: primaryColor,
+                style: navStyles.accountNameBtn,
                 testID: richAccount.accountTestID ?? NAV_TEST_IDS.accountName,
                 onPress: richAccount.onAccount,
                 children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [navStyles.userName, { color: colors.text }], children: richAccount.displayName })
@@ -1460,7 +1474,7 @@ var SCRIM_COLOR = "rgba(0, 0, 0, 0.5)";
 var MENU_GLYPH2 = "\u2630";
 var MENU_GLYPH_FONT_SIZE = 20;
 var MENU_TOGGLE_PADDING = 12;
-var DRAWER_Z_INDEX = 50;
+var DRAWER_Z_INDEX = designTokens.Z_INDEX.drawer;
 var DRAWER_WIDTH = 280;
 var SCRIM_Z_INDEX = 1;
 var PANEL_Z_INDEX = 2;
@@ -1977,7 +1991,7 @@ function filterCommands(items, query) {
   });
 }
 var SCRIM_COLOR2 = "rgba(0, 0, 0, 0.5)";
-var OVERLAY_Z_INDEX = 60;
+var OVERLAY_Z_INDEX = designTokens.Z_INDEX.palette;
 var PANEL_MAX_WIDTH = 560;
 var PANEL_TOP_OFFSET = 88;
 var LIST_MAX_HEIGHT = 360;