@dloizides/ui-nav 1.23.0 → 1.23.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +519 -506
- package/dist/index.d.mts +9 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +17 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -2
package/dist/index.mjs
CHANGED
|
@@ -4,6 +4,7 @@ import { useUi, UiProvider } from '@dloizides/ui-feedback';
|
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
import { Collapse } from '@dloizides/ui-motion';
|
|
6
6
|
import { LAYOUT_COLLAPSE_BREAKPOINT, ModalDropdown } from '@dloizides/ui-layout';
|
|
7
|
+
import { Z_INDEX } from '@dloizides/design-tokens';
|
|
7
8
|
import { resolveAccessibleRoutes } from '@dloizides/auth-web';
|
|
8
9
|
|
|
9
10
|
// src/Sidebar.tsx
|
|
@@ -65,10 +66,22 @@ var navStyles = StyleSheet.create({
|
|
|
65
66
|
},
|
|
66
67
|
topbarLeft: { flex: 1 },
|
|
67
68
|
topbarRight: { flexDirection: "row", alignItems: "center" },
|
|
68
|
-
topbarRowItem: {
|
|
69
|
+
topbarRowItem: {
|
|
70
|
+
marginHorizontal: 8,
|
|
71
|
+
alignItems: "center",
|
|
72
|
+
justifyContent: "center",
|
|
73
|
+
minHeight: MIN_TOUCH_TARGET,
|
|
74
|
+
minWidth: MIN_TOUCH_TARGET
|
|
75
|
+
},
|
|
69
76
|
topbarLabel: { fontSize: 14 },
|
|
70
77
|
userBlock: { marginHorizontal: 12, alignItems: "flex-end" },
|
|
71
78
|
userName: { fontWeight: "600" },
|
|
79
|
+
accountNameBtn: {
|
|
80
|
+
minHeight: MIN_TOUCH_TARGET,
|
|
81
|
+
minWidth: MIN_TOUCH_TARGET,
|
|
82
|
+
justifyContent: "center",
|
|
83
|
+
alignItems: "flex-end"
|
|
84
|
+
},
|
|
72
85
|
userEmail: { fontSize: 12 },
|
|
73
86
|
accountBtn: {
|
|
74
87
|
marginLeft: 8,
|
|
@@ -970,6 +983,7 @@ var Topbar = ({
|
|
|
970
983
|
accessibilityHint: richAccount.accountHint ?? richAccount.displayName,
|
|
971
984
|
accessibilityLabel: richAccount.displayName,
|
|
972
985
|
ringColor: primaryColor,
|
|
986
|
+
style: navStyles.accountNameBtn,
|
|
973
987
|
testID: richAccount.accountTestID ?? NAV_TEST_IDS.accountName,
|
|
974
988
|
onPress: richAccount.onAccount,
|
|
975
989
|
children: /* @__PURE__ */ jsx(Text, { style: [navStyles.userName, { color: colors.text }], children: richAccount.displayName })
|
|
@@ -1454,7 +1468,7 @@ var SCRIM_COLOR = "rgba(0, 0, 0, 0.5)";
|
|
|
1454
1468
|
var MENU_GLYPH2 = "\u2630";
|
|
1455
1469
|
var MENU_GLYPH_FONT_SIZE = 20;
|
|
1456
1470
|
var MENU_TOGGLE_PADDING = 12;
|
|
1457
|
-
var DRAWER_Z_INDEX =
|
|
1471
|
+
var DRAWER_Z_INDEX = Z_INDEX.drawer;
|
|
1458
1472
|
var DRAWER_WIDTH = 280;
|
|
1459
1473
|
var SCRIM_Z_INDEX = 1;
|
|
1460
1474
|
var PANEL_Z_INDEX = 2;
|
|
@@ -1971,7 +1985,7 @@ function filterCommands(items, query) {
|
|
|
1971
1985
|
});
|
|
1972
1986
|
}
|
|
1973
1987
|
var SCRIM_COLOR2 = "rgba(0, 0, 0, 0.5)";
|
|
1974
|
-
var OVERLAY_Z_INDEX =
|
|
1988
|
+
var OVERLAY_Z_INDEX = Z_INDEX.palette;
|
|
1975
1989
|
var PANEL_MAX_WIDTH = 560;
|
|
1976
1990
|
var PANEL_TOP_OFFSET = 88;
|
|
1977
1991
|
var LIST_MAX_HEIGHT = 360;
|