@dloizides/ui-nav 1.23.1 → 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 +4 -0
- package/dist/index.d.mts +9 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +14 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.23.2
|
|
4
|
+
|
|
5
|
+
- Topbar account-name button and language toggle get a 44x44 minimum hit box (KEFI-HEADER-HITBOX-1 "kefi-web header account control reaches 44x44").
|
|
6
|
+
|
|
3
7
|
## 1.23.1
|
|
4
8
|
|
|
5
9
|
**Overlay z-indexes come from the shared `@dloizides/design-tokens` `Z_INDEX` scale (UI-ZINDEX-SCALE-1 "Shared overlay z-index scale").**
|
package/dist/index.d.mts
CHANGED
|
@@ -1340,6 +1340,9 @@ declare const navStyles: {
|
|
|
1340
1340
|
topbarRowItem: {
|
|
1341
1341
|
marginHorizontal: number;
|
|
1342
1342
|
alignItems: "center";
|
|
1343
|
+
justifyContent: "center";
|
|
1344
|
+
minHeight: number;
|
|
1345
|
+
minWidth: number;
|
|
1343
1346
|
};
|
|
1344
1347
|
topbarLabel: {
|
|
1345
1348
|
fontSize: number;
|
|
@@ -1351,6 +1354,12 @@ declare const navStyles: {
|
|
|
1351
1354
|
userName: {
|
|
1352
1355
|
fontWeight: "600";
|
|
1353
1356
|
};
|
|
1357
|
+
accountNameBtn: {
|
|
1358
|
+
minHeight: number;
|
|
1359
|
+
minWidth: number;
|
|
1360
|
+
justifyContent: "center";
|
|
1361
|
+
alignItems: "flex-end";
|
|
1362
|
+
};
|
|
1354
1363
|
userEmail: {
|
|
1355
1364
|
fontSize: number;
|
|
1356
1365
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1340,6 +1340,9 @@ declare const navStyles: {
|
|
|
1340
1340
|
topbarRowItem: {
|
|
1341
1341
|
marginHorizontal: number;
|
|
1342
1342
|
alignItems: "center";
|
|
1343
|
+
justifyContent: "center";
|
|
1344
|
+
minHeight: number;
|
|
1345
|
+
minWidth: number;
|
|
1343
1346
|
};
|
|
1344
1347
|
topbarLabel: {
|
|
1345
1348
|
fontSize: number;
|
|
@@ -1351,6 +1354,12 @@ declare const navStyles: {
|
|
|
1351
1354
|
userName: {
|
|
1352
1355
|
fontWeight: "600";
|
|
1353
1356
|
};
|
|
1357
|
+
accountNameBtn: {
|
|
1358
|
+
minHeight: number;
|
|
1359
|
+
minWidth: number;
|
|
1360
|
+
justifyContent: "center";
|
|
1361
|
+
alignItems: "flex-end";
|
|
1362
|
+
};
|
|
1354
1363
|
userEmail: {
|
|
1355
1364
|
fontSize: number;
|
|
1356
1365
|
};
|
package/dist/index.js
CHANGED
|
@@ -72,10 +72,22 @@ var navStyles = reactNative.StyleSheet.create({
|
|
|
72
72
|
},
|
|
73
73
|
topbarLeft: { flex: 1 },
|
|
74
74
|
topbarRight: { flexDirection: "row", alignItems: "center" },
|
|
75
|
-
topbarRowItem: {
|
|
75
|
+
topbarRowItem: {
|
|
76
|
+
marginHorizontal: 8,
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
justifyContent: "center",
|
|
79
|
+
minHeight: MIN_TOUCH_TARGET,
|
|
80
|
+
minWidth: MIN_TOUCH_TARGET
|
|
81
|
+
},
|
|
76
82
|
topbarLabel: { fontSize: 14 },
|
|
77
83
|
userBlock: { marginHorizontal: 12, alignItems: "flex-end" },
|
|
78
84
|
userName: { fontWeight: "600" },
|
|
85
|
+
accountNameBtn: {
|
|
86
|
+
minHeight: MIN_TOUCH_TARGET,
|
|
87
|
+
minWidth: MIN_TOUCH_TARGET,
|
|
88
|
+
justifyContent: "center",
|
|
89
|
+
alignItems: "flex-end"
|
|
90
|
+
},
|
|
79
91
|
userEmail: { fontSize: 12 },
|
|
80
92
|
accountBtn: {
|
|
81
93
|
marginLeft: 8,
|
|
@@ -977,6 +989,7 @@ var Topbar = ({
|
|
|
977
989
|
accessibilityHint: richAccount.accountHint ?? richAccount.displayName,
|
|
978
990
|
accessibilityLabel: richAccount.displayName,
|
|
979
991
|
ringColor: primaryColor,
|
|
992
|
+
style: navStyles.accountNameBtn,
|
|
980
993
|
testID: richAccount.accountTestID ?? NAV_TEST_IDS.accountName,
|
|
981
994
|
onPress: richAccount.onAccount,
|
|
982
995
|
children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [navStyles.userName, { color: colors.text }], children: richAccount.displayName })
|