@dhis2-ui/header-bar 8.13.2 → 8.13.4

package/build/cjs/apps.js

@@ -149,7 +149,7 @@ const AppMenu = _ref6 => {
   } = _ref6;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-apps-menu",
-    className: "jsx-3879001227"
+    className: "jsx-105953480"
   }, /*#__PURE__*/_react.default.createElement(_card.Card, null, /*#__PURE__*/_react.default.createElement(Search, {
     value: filter,
     onChange: onFilterChange
@@ -157,8 +157,8 @@ const AppMenu = _ref6 => {
     apps: apps,
     filter: filter
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3879001227"
-  }, ["div.jsx-3879001227{z-index:10000;position:absolute;top:28px;right:-6px;border-top:4px solid transparent;}"]));
+    id: "105953480"
+  }, ["div.jsx-105953480{z-index:10000;position:absolute;right:-4px;}"]));
 };
 
 AppMenu.propTypes = {
@@ -193,11 +193,11 @@ const Apps = _ref7 => {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerEl,
     "data-test": "headerbar-apps",
-    className: "jsx-515098251"
+    className: _style.default.dynamic([["2891838412", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp12]]])
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: handleVisibilityToggle,
     "data-test": "headerbar-apps-icon",
-    className: "jsx-515098251"
+    className: _style.default.dynamic([["2891838412", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp12]]])
   }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconApps24, {
     color: _uiConstants.colors.white
   })), show ? /*#__PURE__*/_react.default.createElement(AppMenu, {
@@ -205,8 +205,9 @@ const Apps = _ref7 => {
     filter: filter,
     onFilterChange: handleFilterChange
   }) : null, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "515098251"
-  }, ["button.jsx-515098251{display:block;background:transparent;padding:0;border:0;cursor:pointer;}", "button.jsx-515098251:focus{outline:1px dotted white;}", "div.jsx-515098251{position:relative;width:24px;height:30px;margin:8px 0 0 0;}"]));
+    id: "2891838412",
+    dynamic: [_uiConstants.spacers.dp4, _uiConstants.spacers.dp12]
+  }, ["button.__jsx-style-dynamic-selector{display:block;background:transparent;padding:".concat(_uiConstants.spacers.dp4, " ").concat(_uiConstants.spacers.dp12, " 0;border:0;cursor:pointer;height:100%;}"), "button.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "button.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "button.__jsx-style-dynamic-selector:active{background:#104067;}", "div.__jsx-style-dynamic-selector{position:relative;height:100%;}"]));
 };
 
 Apps.propTypes = {

package/build/cjs/header-bar.js

@@ -102,14 +102,14 @@ const HeaderBar = _ref => {
     updateAvailable: updateAvailable,
     onApplyAvailableUpdate: onApplyAvailableUpdate
   }, /*#__PURE__*/_react.default.createElement("header", {
-    className: _style.default.dynamic([["3860078320", [_uiConstants.colors.white]]]) + " " + (className || "")
+    className: _style.default.dynamic([["2211918310", [_uiConstants.colors.white]]]) + " " + (className || "")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3860078320", [_uiConstants.colors.white]]]) + " " + "main"
+    className: _style.default.dynamic([["2211918310", [_uiConstants.colors.white]]]) + " " + "main"
   }, !loading && !error && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_logo.Logo, null), /*#__PURE__*/_react.default.createElement(_title.Title, {
     app: appName || configAppName,
     instance: data.title.applicationTitle
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3860078320", [_uiConstants.colors.white]]]) + " " + "right-control-spacer"
+    className: _style.default.dynamic([["2211918310", [_uiConstants.colors.white]]]) + " " + "right-control-spacer"
   }), pwaEnabled && /*#__PURE__*/_react.default.createElement(_onlineStatus.OnlineStatus, null), /*#__PURE__*/_react.default.createElement(_notifications.Notifications, {
     interpretations: data.notifications.unreadInterpretations,
     messages: data.notifications.unreadMessageConversations,
@@ -124,9 +124,9 @@ const HeaderBar = _ref => {
   }))), pwaEnabled && !loading && !error && /*#__PURE__*/_react.default.createElement(_onlineStatus.OnlineStatus, {
     dense: true
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3860078320",
+    id: "2211918310",
     dynamic: [_uiConstants.colors.white]
-  }, [".main.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#2c6693;border-bottom:1px solid rgba(32,32,32,0.15);color:".concat(_uiConstants.colors.white, ";height:48px;}"), ".right-control-spacer.__jsx-style-dynamic-selector{margin-left:auto;}"])));
+  }, [".main.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#2c6693;color:".concat(_uiConstants.colors.white, ";height:48px;}"), ".right-control-spacer.__jsx-style-dynamic-selector{margin-left:auto;}"])));
 };
 
 exports.HeaderBar = HeaderBar;

package/build/cjs/locales/index.js

@@ -53,25 +53,27 @@ var _translations22 = _interopRequireDefault(require("./ro/translations.json"));
 
 var _translations23 = _interopRequireDefault(require("./ru/translations.json"));
 
-var _translations24 = _interopRequireDefault(require("./sv/translations.json"));
+var _translations24 = _interopRequireDefault(require("./si/translations.json"));
 
-var _translations25 = _interopRequireDefault(require("./tet/translations.json"));
+var _translations25 = _interopRequireDefault(require("./sv/translations.json"));
 
-var _translations26 = _interopRequireDefault(require("./tg/translations.json"));
+var _translations26 = _interopRequireDefault(require("./tet/translations.json"));
 
-var _translations27 = _interopRequireDefault(require("./uk/translations.json"));
+var _translations27 = _interopRequireDefault(require("./tg/translations.json"));
 
-var _translations28 = _interopRequireDefault(require("./ur/translations.json"));
+var _translations28 = _interopRequireDefault(require("./uk/translations.json"));
 
-var _translations29 = _interopRequireDefault(require("./uz/translations.json"));
+var _translations29 = _interopRequireDefault(require("./ur/translations.json"));
 
-var _translations30 = _interopRequireDefault(require("./uz_Latn/translations.json"));
+var _translations30 = _interopRequireDefault(require("./uz/translations.json"));
 
-var _translations31 = _interopRequireDefault(require("./vi/translations.json"));
+var _translations31 = _interopRequireDefault(require("./uz_Latn/translations.json"));
 
-var _translations32 = _interopRequireDefault(require("./zh/translations.json"));
+var _translations32 = _interopRequireDefault(require("./vi/translations.json"));
 
-var _translations33 = _interopRequireDefault(require("./zh_CN/translations.json"));
+var _translations33 = _interopRequireDefault(require("./zh/translations.json"));
+
+var _translations34 = _interopRequireDefault(require("./zh_CN/translations.json"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -131,25 +133,27 @@ _d2I18n.default.addResources('ro', namespace, _translations22.default);
 
 _d2I18n.default.addResources('ru', namespace, _translations23.default);
 
-_d2I18n.default.addResources('sv', namespace, _translations24.default);
+_d2I18n.default.addResources('si', namespace, _translations24.default);
+
+_d2I18n.default.addResources('sv', namespace, _translations25.default);
 
-_d2I18n.default.addResources('tet', namespace, _translations25.default);
+_d2I18n.default.addResources('tet', namespace, _translations26.default);
 
-_d2I18n.default.addResources('tg', namespace, _translations26.default);
+_d2I18n.default.addResources('tg', namespace, _translations27.default);
 
-_d2I18n.default.addResources('uk', namespace, _translations27.default);
+_d2I18n.default.addResources('uk', namespace, _translations28.default);
 
-_d2I18n.default.addResources('ur', namespace, _translations28.default);
+_d2I18n.default.addResources('ur', namespace, _translations29.default);
 
-_d2I18n.default.addResources('uz', namespace, _translations29.default);
+_d2I18n.default.addResources('uz', namespace, _translations30.default);
 
-_d2I18n.default.addResources('uz_Latn', namespace, _translations30.default);
+_d2I18n.default.addResources('uz_Latn', namespace, _translations31.default);
 
-_d2I18n.default.addResources('vi', namespace, _translations31.default);
+_d2I18n.default.addResources('vi', namespace, _translations32.default);
 
-_d2I18n.default.addResources('zh', namespace, _translations32.default);
+_d2I18n.default.addResources('zh', namespace, _translations33.default);
 
-_d2I18n.default.addResources('zh_CN', namespace, _translations33.default);
+_d2I18n.default.addResources('zh_CN', namespace, _translations34.default);
 
 var _default = _d2I18n.default;
 exports.default = _default;

package/build/cjs/locales/si/translations.json

@@ -0,0 +1,22 @@
+{
+    "Search apps": "",
+    "DHIS2 {{dhis2Version}}": "",
+    "DHIS2 version unknown": "",
+    "{{appName}} version unknown": "",
+    "App {{appVersion}}": "",
+    "App version unknown": "",
+    "Debug info": "",
+    "Close": "වසන්න",
+    "Copy debug info": "",
+    "Online": "",
+    "Offline": "",
+    "Edit profile": "",
+    "Settings": "",
+    "Account": "",
+    "Help": "",
+    "About DHIS2": "",
+    "Logout": "",
+    "New {{appName}} version available": "",
+    "New app version available": "",
+    "Click to reload": ""
+}

package/build/cjs/logo.js

@@ -21,13 +21,13 @@ const Logo = () => {
   } = (0, _appRuntime.useConfig)();
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-logo",
-    className: "jsx-3962152106"
+    className: "jsx-2077637423"
   }, /*#__PURE__*/_react.default.createElement("a", {
     href: baseUrl,
-    className: "jsx-3962152106"
+    className: "jsx-2077637423"
   }, /*#__PURE__*/_react.default.createElement(_logoImage.LogoImage, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3962152106"
-  }, ["div.jsx-3962152106{box-sizing:border-box;min-width:49px;max-height:48px;margin:0 12px 0 0;border-right:1px solid rgba(32,32,32,0.15);}", "a.jsx-3962152106,a.jsx-3962152106:hover,a.jsx-3962152106:focus,a.jsx-3962152106:active,a.jsx-3962152106:visited{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
+    id: "2077637423"
+  }, ["div.jsx-2077637423{box-sizing:border-box;min-width:49px;max-height:48px;margin:0 12px 0 0;border-right:1px solid rgba(32,32,32,0.15);}", "div.jsx-2077637423:hover{background-color:#1a557f;}", "a.jsx-2077637423,a.jsx-2077637423:hover,a.jsx-2077637423:focus,a.jsx-2077637423:active,a.jsx-2077637423:visited{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", "a.jsx-2077637423:focus{outline:2px solid white;outline-offset:-2px;}", "a.jsx-2077637423:focus.jsx-2077637423:not(:focus-visible){outline:none;}"]));
 };
 
 exports.Logo = Logo;

package/build/cjs/notification-icon.js

@@ -39,14 +39,14 @@ const NotificationIcon = _ref => {
   return /*#__PURE__*/_react.default.createElement("a", {
     href: href,
     "data-test": dataTestId,
-    className: _style.default.dynamic([["2450998793", [_uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]]) + " " + (kind || "")
+    className: _style.default.dynamic([["2752984221", [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]]) + " " + (kind || "")
   }, icon(kind), count > 0 && /*#__PURE__*/_react.default.createElement("span", {
     "data-test": "".concat(dataTestId, "-count"),
-    className: _style.default.dynamic([["2450998793", [_uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]])
+    className: _style.default.dynamic([["2752984221", [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]]])
   }, count), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2450998793",
-    dynamic: [_uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]
-  }, ["a.__jsx-style-dynamic-selector{position:relative;margin:4px 24px 0 0;cursor:pointer;}", "a.__jsx-style-dynamic-selector:focus{outline:1px dotted white;}", "span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:-9px;right:-6px;min-width:18px;min-height:18px;border-radius:".concat(_uiConstants.spacers.dp12, ";box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:").concat(_uiConstants.theme.secondary500, ";color:").concat(_uiConstants.colors.white, ";font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ").concat(_uiConstants.spacers.dp4, ";}")]));
+    id: "2752984221",
+    dynamic: [_uiConstants.spacers.dp12, _uiConstants.spacers.dp12, _uiConstants.theme.secondary500, _uiConstants.colors.white, _uiConstants.spacers.dp4]
+  }, ["a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ".concat(_uiConstants.spacers.dp12, ";height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"), "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", "span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;right:2px;min-width:18px;min-height:18px;border-radius:".concat(_uiConstants.spacers.dp12, ";box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:").concat(_uiConstants.theme.secondary500, ";color:").concat(_uiConstants.colors.white, ";font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ").concat(_uiConstants.spacers.dp4, ";}")]));
 };
 
 exports.NotificationIcon = NotificationIcon;

package/build/cjs/notifications.js

@@ -38,7 +38,7 @@ const Notifications = _ref => {
   } = (0, _appRuntime.useConfig)();
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-notifications",
-    className: "jsx-1500177125"
+    className: "jsx-55705730"
   }, hasAuthority(userAuthorities, 'M_dhis-web-interpretation') && /*#__PURE__*/_react.default.createElement(_notificationIcon.NotificationIcon, {
     count: interpretations,
     href: (0, _joinPath.joinPath)(baseUrl, 'dhis-web-interpretation'),
@@ -51,8 +51,8 @@ const Notifications = _ref => {
     kind: "interpretation",
     dataTestId: "headerbar-messages"
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1500177125"
-  }, ["div.jsx-1500177125{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"]));
+    id: "55705730"
+  }, ["div.jsx-55705730{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}"]));
 };
 
 exports.Notifications = Notifications;

package/build/cjs/online-status.styles.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _uiConstants = require("@dhis2/ui-constants");
 
-const _defaultExport = [".container.jsx-2116755021{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:".concat(_uiConstants.colors.grey100, ";}"), ".container.badge.jsx-2116755021{margin-right:".concat(_uiConstants.spacers.dp24, ";padding:").concat(_uiConstants.spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-2116755021{display:none;padding:0px ".concat(_uiConstants.spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-2116755021{display:none;}.container.bar.jsx-2116755021{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-2116755021{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-2116755021{margin-right:".concat(_uiConstants.spacers.dp16, ";}"), ".info-dense.jsx-2116755021{margin-left:".concat(_uiConstants.spacers.dp12, ";font-size:12px;}"), ".icon.jsx-2116755021{width:8px;min-width:8px;height:8px;border-radius:8px;margin-right:".concat(_uiConstants.spacers.dp4, ";}"), ".icon.online.jsx-2116755021{background-color:".concat(_uiConstants.colors.teal400, ";}"), ".icon.offline.jsx-2116755021{background-color:transparent;border:1px solid ".concat(_uiConstants.colors.yellow300, ";}"), ".icon.reconnecting.jsx-2116755021{background:".concat(_uiConstants.colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-2116755021 2s linear infinite;animation:fadeinout-jsx-2116755021 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-2116755021{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-2116755021{50%{opacity:1;}}", "@keyframes fadeinout-jsx-2116755021{50%{opacity:1;}}", ".label.jsx-2116755021{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
-_defaultExport.__hash = "2116755021";
+const _defaultExport = [".container.jsx-3029616205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:".concat(_uiConstants.colors.grey100, ";}"), ".container.badge.jsx-3029616205{margin-right:".concat(_uiConstants.spacers.dp8, ";padding:").concat(_uiConstants.spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-3029616205{display:none;padding:0px ".concat(_uiConstants.spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-3029616205{display:none;}.container.bar.jsx-3029616205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-3029616205{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-3029616205{margin-right:".concat(_uiConstants.spacers.dp16, ";}"), ".info-dense.jsx-3029616205{margin-left:".concat(_uiConstants.spacers.dp12, ";font-size:12px;}"), ".icon.jsx-3029616205{width:8px;min-width:8px;height:8px;border-radius:8px;margin-right:".concat(_uiConstants.spacers.dp4, ";}"), ".icon.online.jsx-3029616205{background-color:".concat(_uiConstants.colors.teal400, ";}"), ".icon.offline.jsx-3029616205{background-color:transparent;border:1px solid ".concat(_uiConstants.colors.yellow300, ";}"), ".icon.reconnecting.jsx-3029616205{background:".concat(_uiConstants.colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-3029616205 2s linear infinite;animation:fadeinout-jsx-3029616205 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-3029616205{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-3029616205{50%{opacity:1;}}", "@keyframes fadeinout-jsx-3029616205{50%{opacity:1;}}", ".label.jsx-3029616205{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
+_defaultExport.__hash = "3029616205";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/profile-menu/profile-menu.js

@@ -145,10 +145,10 @@ const ProfileMenu = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "headerbar-profile-menu",
-    className: "jsx-1689179824"
+    className: "jsx-2907613216"
   }, /*#__PURE__*/_react.default.createElement(ProfileContents, props), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1689179824"
-  }, ["div.jsx-1689179824{z-index:10000;position:absolute;top:34px;right:-6px;width:320px;border-top:4px solid transparent;}"]));
+    id: "2907613216"
+  }, ["div.jsx-2907613216{z-index:10000;position:absolute;right:4px;width:320px;}"]));
 };
 
 exports.ProfileMenu = ProfileMenu;

package/build/cjs/profile.js

@@ -41,10 +41,10 @@ const Profile = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-test": "headerbar-profile",
-    className: "jsx-2213392235" + " " + "headerbar-profile"
+    className: "jsx-3442481507" + " " + "headerbar-profile"
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: toggleProfileMenu,
-    className: "jsx-2213392235" + " " + "headerbar-profile-btn"
+    className: "jsx-3442481507" + " " + "headerbar-profile-btn"
   }, /*#__PURE__*/_react.default.createElement(_userAvatar.UserAvatar, {
     avatarId: avatarId,
     name: name,
@@ -64,8 +64,8 @@ const Profile = _ref => {
       setShowDebugInfoModal(false);
     }
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2213392235"
-  }, [".headerbar-profile.jsx-2213392235{position:relative;width:36px;height:36px;min-width:36px;min-height:36px;margin:2px 12px 0 24px;}", ".headerbar-profile-btn.jsx-2213392235{background:transparent;padding:0;border:0;cursor:pointer;width:100%;height:100%;}", ".headerbar-profile-btn.jsx-2213392235:focus{outline:1px dotted white;}"]));
+    id: "3442481507"
+  }, [".headerbar-profile.jsx-3442481507{position:relative;height:100%;}", ".headerbar-profile-btn.jsx-3442481507{background:transparent;padding:6px;border:0;cursor:pointer;}", ".headerbar-profile-btn.jsx-3442481507:focus{outline:2px solid white;outline-offset:-2px;}", ".headerbar-profile-btn.jsx-3442481507:focus.jsx-3442481507:not(:focus-visible){outline:none;}", ".headerbar-profile-btn.jsx-3442481507:hover{background:#1a557f;}", ".headerbar-profile-btn.jsx-3442481507:active{background:#104067;}"]));
 };
 
 Profile.propTypes = {

package/build/es/apps.js

@@ -2,7 +2,7 @@ import _JSXStyle from "styled-jsx/style";
 import { Card } from '@dhis2-ui/card';
 import { InputField } from '@dhis2-ui/input';
 import { useConfig } from '@dhis2/app-runtime';
-import { colors, theme } from '@dhis2/ui-constants';
+import { colors, spacers, theme } from '@dhis2/ui-constants';
 import { IconApps24, IconSettings24 } from '@dhis2/ui-icons';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback, useRef } from 'react';
@@ -127,7 +127,7 @@ const AppMenu = _ref6 => {
   } = _ref6;
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-apps-menu",
-    className: "jsx-3879001227"
+    className: "jsx-105953480"
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Search, {
     value: filter,
     onChange: onFilterChange
@@ -135,8 +135,8 @@ const AppMenu = _ref6 => {
     apps: apps,
     filter: filter
   })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3879001227"
-  }, ["div.jsx-3879001227{z-index:10000;position:absolute;top:28px;right:-6px;border-top:4px solid transparent;}"]));
+    id: "105953480"
+  }, ["div.jsx-105953480{z-index:10000;position:absolute;right:-4px;}"]));
 };
 
 AppMenu.propTypes = {
@@ -171,11 +171,11 @@ const Apps = _ref7 => {
   return /*#__PURE__*/React.createElement("div", {
     ref: containerEl,
     "data-test": "headerbar-apps",
-    className: "jsx-515098251"
+    className: _JSXStyle.dynamic([["2891838412", [spacers.dp4, spacers.dp12]]])
   }, /*#__PURE__*/React.createElement("button", {
     onClick: handleVisibilityToggle,
     "data-test": "headerbar-apps-icon",
-    className: "jsx-515098251"
+    className: _JSXStyle.dynamic([["2891838412", [spacers.dp4, spacers.dp12]]])
   }, /*#__PURE__*/React.createElement(IconApps24, {
     color: colors.white
   })), show ? /*#__PURE__*/React.createElement(AppMenu, {
@@ -183,8 +183,9 @@ const Apps = _ref7 => {
     filter: filter,
     onFilterChange: handleFilterChange
   }) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "515098251"
-  }, ["button.jsx-515098251{display:block;background:transparent;padding:0;border:0;cursor:pointer;}", "button.jsx-515098251:focus{outline:1px dotted white;}", "div.jsx-515098251{position:relative;width:24px;height:30px;margin:8px 0 0 0;}"]));
+    id: "2891838412",
+    dynamic: [spacers.dp4, spacers.dp12]
+  }, ["button.__jsx-style-dynamic-selector{display:block;background:transparent;padding:".concat(spacers.dp4, " ").concat(spacers.dp12, " 0;border:0;cursor:pointer;height:100%;}"), "button.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "button.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "button.__jsx-style-dynamic-selector:active{background:#104067;}", "div.__jsx-style-dynamic-selector{position:relative;height:100%;}"]));
 };
 
 Apps.propTypes = {

package/build/es/header-bar.js

@@ -72,14 +72,14 @@ export const HeaderBar = _ref => {
     updateAvailable: updateAvailable,
     onApplyAvailableUpdate: onApplyAvailableUpdate
   }, /*#__PURE__*/React.createElement("header", {
-    className: _JSXStyle.dynamic([["3860078320", [colors.white]]]) + " " + (className || "")
+    className: _JSXStyle.dynamic([["2211918310", [colors.white]]]) + " " + (className || "")
   }, /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3860078320", [colors.white]]]) + " " + "main"
+    className: _JSXStyle.dynamic([["2211918310", [colors.white]]]) + " " + "main"
   }, !loading && !error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Logo, null), /*#__PURE__*/React.createElement(Title, {
     app: appName || configAppName,
     instance: data.title.applicationTitle
   }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3860078320", [colors.white]]]) + " " + "right-control-spacer"
+    className: _JSXStyle.dynamic([["2211918310", [colors.white]]]) + " " + "right-control-spacer"
   }), pwaEnabled && /*#__PURE__*/React.createElement(OnlineStatus, null), /*#__PURE__*/React.createElement(Notifications, {
     interpretations: data.notifications.unreadInterpretations,
     messages: data.notifications.unreadMessageConversations,
@@ -94,9 +94,9 @@ export const HeaderBar = _ref => {
   }))), pwaEnabled && !loading && !error && /*#__PURE__*/React.createElement(OnlineStatus, {
     dense: true
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3860078320",
+    id: "2211918310",
     dynamic: [colors.white]
-  }, [".main.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#2c6693;border-bottom:1px solid rgba(32,32,32,0.15);color:".concat(colors.white, ";height:48px;}"), ".right-control-spacer.__jsx-style-dynamic-selector{margin-left:auto;}"])));
+  }, [".main.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#2c6693;color:".concat(colors.white, ";height:48px;}"), ".right-control-spacer.__jsx-style-dynamic-selector{margin-left:auto;}"])));
 };
 HeaderBar.propTypes = {
   appName: PropTypes.string,

package/build/es/locales/index.js

@@ -30,6 +30,7 @@ import ptTranslations from './pt/translations.json';
 import pt_BRTranslations from './pt_BR/translations.json';
 import roTranslations from './ro/translations.json';
 import ruTranslations from './ru/translations.json';
+import siTranslations from './si/translations.json';
 import svTranslations from './sv/translations.json';
 import tetTranslations from './tet/translations.json';
 import tgTranslations from './tg/translations.json';
@@ -64,6 +65,7 @@ i18n.addResources('pt', namespace, ptTranslations);
 i18n.addResources('pt_BR', namespace, pt_BRTranslations);
 i18n.addResources('ro', namespace, roTranslations);
 i18n.addResources('ru', namespace, ruTranslations);
+i18n.addResources('si', namespace, siTranslations);
 i18n.addResources('sv', namespace, svTranslations);
 i18n.addResources('tet', namespace, tetTranslations);
 i18n.addResources('tg', namespace, tgTranslations);

package/build/es/locales/si/translations.json

@@ -0,0 +1,22 @@
+{
+    "Search apps": "",
+    "DHIS2 {{dhis2Version}}": "",
+    "DHIS2 version unknown": "",
+    "{{appName}} version unknown": "",
+    "App {{appVersion}}": "",
+    "App version unknown": "",
+    "Debug info": "",
+    "Close": "වසන්න",
+    "Copy debug info": "",
+    "Online": "",
+    "Offline": "",
+    "Edit profile": "",
+    "Settings": "",
+    "Account": "",
+    "Help": "",
+    "About DHIS2": "",
+    "Logout": "",
+    "New {{appName}} version available": "",
+    "New app version available": "",
+    "Click to reload": ""
+}

package/build/es/logo.js

@@ -8,11 +8,11 @@ export const Logo = () => {
   } = useConfig();
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-logo",
-    className: "jsx-3962152106"
+    className: "jsx-2077637423"
   }, /*#__PURE__*/React.createElement("a", {
     href: baseUrl,
-    className: "jsx-3962152106"
+    className: "jsx-2077637423"
   }, /*#__PURE__*/React.createElement(LogoImage, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3962152106"
-  }, ["div.jsx-3962152106{box-sizing:border-box;min-width:49px;max-height:48px;margin:0 12px 0 0;border-right:1px solid rgba(32,32,32,0.15);}", "a.jsx-3962152106,a.jsx-3962152106:hover,a.jsx-3962152106:focus,a.jsx-3962152106:active,a.jsx-3962152106:visited{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
+    id: "2077637423"
+  }, ["div.jsx-2077637423{box-sizing:border-box;min-width:49px;max-height:48px;margin:0 12px 0 0;border-right:1px solid rgba(32,32,32,0.15);}", "div.jsx-2077637423:hover{background-color:#1a557f;}", "a.jsx-2077637423,a.jsx-2077637423:hover,a.jsx-2077637423:focus,a.jsx-2077637423:active,a.jsx-2077637423:visited{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", "a.jsx-2077637423:focus{outline:2px solid white;outline-offset:-2px;}", "a.jsx-2077637423:focus.jsx-2077637423:not(:focus-visible){outline:none;}"]));
 };

package/build/es/notification-icon.js

@@ -26,14 +26,14 @@ export const NotificationIcon = _ref => {
   return /*#__PURE__*/React.createElement("a", {
     href: href,
     "data-test": dataTestId,
-    className: _JSXStyle.dynamic([["2450998793", [spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]]) + " " + (kind || "")
+    className: _JSXStyle.dynamic([["2752984221", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]]) + " " + (kind || "")
   }, icon(kind), count > 0 && /*#__PURE__*/React.createElement("span", {
     "data-test": "".concat(dataTestId, "-count"),
-    className: _JSXStyle.dynamic([["2450998793", [spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]])
+    className: _JSXStyle.dynamic([["2752984221", [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]]])
   }, count), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2450998793",
-    dynamic: [spacers.dp12, theme.secondary500, colors.white, spacers.dp4]
-  }, ["a.__jsx-style-dynamic-selector{position:relative;margin:4px 24px 0 0;cursor:pointer;}", "a.__jsx-style-dynamic-selector:focus{outline:1px dotted white;}", "span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:-9px;right:-6px;min-width:18px;min-height:18px;border-radius:".concat(spacers.dp12, ";box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:").concat(theme.secondary500, ";color:").concat(colors.white, ";font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ").concat(spacers.dp4, ";}")]));
+    id: "2752984221",
+    dynamic: [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]
+  }, ["a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ".concat(spacers.dp12, ";height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"), "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", "span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;right:2px;min-width:18px;min-height:18px;border-radius:".concat(spacers.dp12, ";box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:").concat(theme.secondary500, ";color:").concat(colors.white, ";font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ").concat(spacers.dp4, ";}")]));
 };
 NotificationIcon.defaultProps = {
   count: 0

package/build/es/notifications.js

@@ -24,7 +24,7 @@ export const Notifications = _ref => {
   } = useConfig();
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-notifications",
-    className: "jsx-1500177125"
+    className: "jsx-55705730"
   }, hasAuthority(userAuthorities, 'M_dhis-web-interpretation') && /*#__PURE__*/React.createElement(NotificationIcon, {
     count: interpretations,
     href: joinPath(baseUrl, 'dhis-web-interpretation'),
@@ -37,8 +37,8 @@ export const Notifications = _ref => {
     kind: "interpretation",
     dataTestId: "headerbar-messages"
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1500177125"
-  }, ["div.jsx-1500177125{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"]));
+    id: "55705730"
+  }, ["div.jsx-55705730{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}"]));
 };
 Notifications.propTypes = {
   interpretations: PropTypes.number,

package/build/es/online-status.styles.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui-constants';
-const _defaultExport = [".container.jsx-2116755021{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:".concat(colors.grey100, ";}"), ".container.badge.jsx-2116755021{margin-right:".concat(spacers.dp24, ";padding:").concat(spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-2116755021{display:none;padding:0px ".concat(spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-2116755021{display:none;}.container.bar.jsx-2116755021{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-2116755021{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-2116755021{margin-right:".concat(spacers.dp16, ";}"), ".info-dense.jsx-2116755021{margin-left:".concat(spacers.dp12, ";font-size:12px;}"), ".icon.jsx-2116755021{width:8px;min-width:8px;height:8px;border-radius:8px;margin-right:".concat(spacers.dp4, ";}"), ".icon.online.jsx-2116755021{background-color:".concat(colors.teal400, ";}"), ".icon.offline.jsx-2116755021{background-color:transparent;border:1px solid ".concat(colors.yellow300, ";}"), ".icon.reconnecting.jsx-2116755021{background:".concat(colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-2116755021 2s linear infinite;animation:fadeinout-jsx-2116755021 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-2116755021{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-2116755021{50%{opacity:1;}}", "@keyframes fadeinout-jsx-2116755021{50%{opacity:1;}}", ".label.jsx-2116755021{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
-_defaultExport.__hash = "2116755021";
+const _defaultExport = [".container.jsx-3029616205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#104167;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:".concat(colors.grey100, ";}"), ".container.badge.jsx-3029616205{margin-right:".concat(spacers.dp8, ";padding:").concat(spacers.dp8, ";border-radius:5px;font-size:14px;}"), ".container.bar.jsx-3029616205{display:none;padding:0px ".concat(spacers.dp4, ";min-height:24px;font-size:13px;}"), "@media (max-width:480px){.container.badge.jsx-3029616205{display:none;}.container.bar.jsx-3029616205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}", ".unselectable.jsx-3029616205{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".info.jsx-3029616205{margin-right:".concat(spacers.dp16, ";}"), ".info-dense.jsx-3029616205{margin-left:".concat(spacers.dp12, ";font-size:12px;}"), ".icon.jsx-3029616205{width:8px;min-width:8px;height:8px;border-radius:8px;margin-right:".concat(spacers.dp4, ";}"), ".icon.online.jsx-3029616205{background-color:".concat(colors.teal400, ";}"), ".icon.offline.jsx-3029616205{background-color:transparent;border:1px solid ".concat(colors.yellow300, ";}"), ".icon.reconnecting.jsx-3029616205{background:".concat(colors.grey300, ";-webkit-animation:fadeinout 2s linear infinite;-webkit-animation:fadeinout-jsx-3029616205 2s linear infinite;animation:fadeinout-jsx-3029616205 2s linear infinite;opacity:0;}"), "@-webkit-keyframes fadeinout{50%.jsx-3029616205{opacity:1;}}", "@-webkit-keyframes fadeinout-jsx-3029616205{50%{opacity:1;}}", "@keyframes fadeinout-jsx-3029616205{50%{opacity:1;}}", ".label.jsx-3029616205{-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;}"];
+_defaultExport.__hash = "3029616205";
 export default _defaultExport;

package/build/es/profile-menu/profile-menu.js

@@ -115,10 +115,10 @@ export const ProfileMenu = _ref2 => {
   } = _ref2;
   return /*#__PURE__*/React.createElement("div", {
     "data-test": "headerbar-profile-menu",
-    className: "jsx-1689179824"
+    className: "jsx-2907613216"
   }, /*#__PURE__*/React.createElement(ProfileContents, props), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1689179824"
-  }, ["div.jsx-1689179824{z-index:10000;position:absolute;top:34px;right:-6px;width:320px;border-top:4px solid transparent;}"]));
+    id: "2907613216"
+  }, ["div.jsx-2907613216{z-index:10000;position:absolute;right:4px;width:320px;}"]));
 };
 ProfileMenu.propTypes = {
   hideProfileMenu: PropTypes.func.isRequired,

package/build/es/profile.js

@@ -22,10 +22,10 @@ const Profile = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     "data-test": "headerbar-profile",
-    className: "jsx-2213392235" + " " + "headerbar-profile"
+    className: "jsx-3442481507" + " " + "headerbar-profile"
   }, /*#__PURE__*/React.createElement("button", {
     onClick: toggleProfileMenu,
-    className: "jsx-2213392235" + " " + "headerbar-profile-btn"
+    className: "jsx-3442481507" + " " + "headerbar-profile-btn"
   }, /*#__PURE__*/React.createElement(UserAvatar, {
     avatarId: avatarId,
     name: name,
@@ -45,8 +45,8 @@ const Profile = _ref => {
       setShowDebugInfoModal(false);
     }
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2213392235"
-  }, [".headerbar-profile.jsx-2213392235{position:relative;width:36px;height:36px;min-width:36px;min-height:36px;margin:2px 12px 0 24px;}", ".headerbar-profile-btn.jsx-2213392235{background:transparent;padding:0;border:0;cursor:pointer;width:100%;height:100%;}", ".headerbar-profile-btn.jsx-2213392235:focus{outline:1px dotted white;}"]));
+    id: "3442481507"
+  }, [".headerbar-profile.jsx-3442481507{position:relative;height:100%;}", ".headerbar-profile-btn.jsx-3442481507{background:transparent;padding:6px;border:0;cursor:pointer;}", ".headerbar-profile-btn.jsx-3442481507:focus{outline:2px solid white;outline-offset:-2px;}", ".headerbar-profile-btn.jsx-3442481507:focus.jsx-3442481507:not(:focus-visible){outline:none;}", ".headerbar-profile-btn.jsx-3442481507:hover{background:#1a557f;}", ".headerbar-profile-btn.jsx-3442481507:active{background:#104067;}"]));
 };
 
 Profile.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/header-bar",
-    "version": "8.13.2",
+    "version": "8.13.4",
     "description": "UI HeaderBar",
     "repository": {
         "type": "git",
@@ -33,21 +33,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "8.13.2",
-        "@dhis2-ui/button": "8.13.2",
-        "@dhis2-ui/card": "8.13.2",
-        "@dhis2-ui/center": "8.13.2",
-        "@dhis2-ui/divider": "8.13.2",
-        "@dhis2-ui/input": "8.13.2",
-        "@dhis2-ui/layer": "8.13.2",
-        "@dhis2-ui/loader": "8.13.2",
-        "@dhis2-ui/logo": "8.13.2",
-        "@dhis2-ui/menu": "8.13.2",
-        "@dhis2-ui/modal": "8.13.2",
-        "@dhis2-ui/user-avatar": "8.13.2",
+        "@dhis2-ui/box": "8.13.4",
+        "@dhis2-ui/button": "8.13.4",
+        "@dhis2-ui/card": "8.13.4",
+        "@dhis2-ui/center": "8.13.4",
+        "@dhis2-ui/divider": "8.13.4",
+        "@dhis2-ui/input": "8.13.4",
+        "@dhis2-ui/layer": "8.13.4",
+        "@dhis2-ui/loader": "8.13.4",
+        "@dhis2-ui/logo": "8.13.4",
+        "@dhis2-ui/menu": "8.13.4",
+        "@dhis2-ui/modal": "8.13.4",
+        "@dhis2-ui/user-avatar": "8.13.4",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "8.13.2",
-        "@dhis2/ui-icons": "8.13.2",
+        "@dhis2/ui-constants": "8.13.4",
+        "@dhis2/ui-icons": "8.13.4",
         "classnames": "^2.3.1",
         "moment": "^2.29.1",
         "prop-types": "^15.7.2"