varminer-app-header 2.5.5 → 2.6.0
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/dist/AppHeader.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/AppHeader.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8zBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-border-header:#e5e9eb;--color-brand-accent:#1aa7ee;--color-brand-deep-navy:#0f1e75;--color-brand-primary:#1e2f97;--color-brand-primary-hover-bg:rgba(30,47,151,.04);--color-header-bg:#fff;--color-menu-bg-gradient:linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff);--color-menu-bg-gradient-end:#ddf7ff;--color-menu-shadow:rgba(0,0,0,.32);--color-menu-text:#000;--color-profile-email:rgba(0,0,0,.6);--color-profile-name:#1e2f97;--color-profile-role:rgba(0,0,0,.38);--color-status-offline:grey;--color-status-online:#44b700;--font-brand-regular:OpenSans-Regular,Roboto,sans-serif;--font-brand-semibold:OpenSans-SemiBold,Roboto,sans-serif;--image-logo-svg:url(asset/logo.svg);--size-header-height:65px;--size-header-zindex:200;--size-menu-width:280px}.MuiToolbar-root{background-color:var(--color-header-bg,#fff)!important;color:var(--color-brand-primary,#1e2f97)!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,#1e2f97)!important;margin-right:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,#fff)!important;
|
|
1
|
+
:root{--color-border-header:#e5e9eb;--color-brand-accent:#1aa7ee;--color-brand-deep-navy:#0f1e75;--color-brand-primary:#1e2f97;--color-brand-primary-hover-bg:rgba(30,47,151,.04);--color-header-bg:#fff;--color-menu-bg-gradient:linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff);--color-menu-bg-gradient-end:#ddf7ff;--color-menu-shadow:rgba(0,0,0,.32);--color-menu-text:#000;--color-profile-email:rgba(0,0,0,.6);--color-profile-name:#1e2f97;--color-profile-role:rgba(0,0,0,.38);--color-status-offline:grey;--color-status-online:#44b700;--font-brand-regular:OpenSans-Regular,Roboto,sans-serif;--font-brand-semibold:OpenSans-SemiBold,Roboto,sans-serif;--image-logo-svg:url(asset/logo.svg);--size-header-height:65px;--size-header-zindex:200;--size-menu-width:280px}.MuiToolbar-root{background-color:var(--color-header-bg,#fff)!important;color:var(--color-brand-primary,#1e2f97)!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,#1e2f97)!important;margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,#fff)!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,#e5e9eb);box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,#1aa7ee)!important}.miner,.var{font:500 20px var(--font-brand-semibold,OpenSans-SemiBold,Roboto,sans-serif)}.miner{color:var(--color-brand-deep-navy,#0f1e75)!important}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,#1e2f97);font:600 16px/28px var(--font-brand-semibold,OpenSans-SemiBold,Roboto,sans-serif)}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,rgba(0,0,0,.6));font:400 14px/24px var(--font-brand-regular,OpenSans-Regular,Roboto,sans-serif);text-decoration:underline}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,rgba(0,0,0,.38));font:400 12px/28px var(--font-brand-regular,OpenSans-Regular,Roboto,sans-serif);text-transform:uppercase}#account-menu:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}#account-menu:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff));box-shadow:none!important;color:var(--color-menu-text,#000);margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,#1e2f97)}
|
package/dist/index.esm.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-border-header:#e5e9eb;--color-brand-accent:#1aa7ee;--color-brand-deep-navy:#0f1e75;--color-brand-primary:#1e2f97;--color-brand-primary-hover-bg:rgba(30,47,151,.04);--color-header-bg:#fff;--color-menu-bg-gradient:linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff);--color-menu-bg-gradient-end:#ddf7ff;--color-menu-shadow:rgba(0,0,0,.32);--color-menu-text:#000;--color-profile-email:rgba(0,0,0,.6);--color-profile-name:#1e2f97;--color-profile-role:rgba(0,0,0,.38);--color-status-offline:grey;--color-status-online:#44b700;--font-brand-regular:OpenSans-Regular,Roboto,sans-serif;--font-brand-semibold:OpenSans-SemiBold,Roboto,sans-serif;--image-logo-svg:url(asset/logo.svg);--size-header-height:65px;--size-header-zindex:200;--size-menu-width:280px}.MuiToolbar-root{background-color:var(--color-header-bg,#fff)!important;color:var(--color-brand-primary,#1e2f97)!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,#1e2f97)!important;margin-right:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,#fff)!important;
|
|
1
|
+
:root{--color-border-header:#e5e9eb;--color-brand-accent:#1aa7ee;--color-brand-deep-navy:#0f1e75;--color-brand-primary:#1e2f97;--color-brand-primary-hover-bg:rgba(30,47,151,.04);--color-header-bg:#fff;--color-menu-bg-gradient:linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff);--color-menu-bg-gradient-end:#ddf7ff;--color-menu-shadow:rgba(0,0,0,.32);--color-menu-text:#000;--color-profile-email:rgba(0,0,0,.6);--color-profile-name:#1e2f97;--color-profile-role:rgba(0,0,0,.38);--color-status-offline:grey;--color-status-online:#44b700;--font-brand-regular:OpenSans-Regular,Roboto,sans-serif;--font-brand-semibold:OpenSans-SemiBold,Roboto,sans-serif;--image-logo-svg:url(asset/logo.svg);--size-header-height:65px;--size-header-zindex:200;--size-menu-width:280px}.MuiToolbar-root{background-color:var(--color-header-bg,#fff)!important;color:var(--color-brand-primary,#1e2f97)!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,#1e2f97)!important;margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,#fff)!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,#e5e9eb);box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,#1aa7ee)!important}.miner,.var{font:500 20px var(--font-brand-semibold,OpenSans-SemiBold,Roboto,sans-serif)}.miner{color:var(--color-brand-deep-navy,#0f1e75)!important}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,#1e2f97);font:600 16px/28px var(--font-brand-semibold,OpenSans-SemiBold,Roboto,sans-serif)}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,rgba(0,0,0,.6));font:400 14px/24px var(--font-brand-regular,OpenSans-Regular,Roboto,sans-serif);text-decoration:underline}#account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,rgba(0,0,0,.38));font:400 12px/28px var(--font-brand-regular,OpenSans-Regular,Roboto,sans-serif);text-transform:uppercase}#account-menu:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}#account-menu:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,#fff,#ddf7ff,#ddf7ff));box-shadow:none!important;color:var(--color-menu-text,#000);margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}#account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,#1e2f97)}
|
package/dist/index.esm.js
CHANGED
|
@@ -1143,13 +1143,13 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
|
|
|
1143
1143
|
vertical: "top",
|
|
1144
1144
|
horizontal: "right",
|
|
1145
1145
|
}, open: isMobileMenuOpen, onClose: handleMobileMenuClose, children: [messageCount !== undefined && (jsxs(MenuItem, { children: [jsx(IconButton, { size: "large", "aria-label": `show ${messageCount} new mails`, sx: { color: 'var(--color-brand-primary, #1e2f97)' }, children: jsx(Badge, { badgeContent: messageCount, color: "error", children: jsx(MailIcon, {}) }) }), jsx("p", { children: t.messages })] })), notificationCountValue > 0 && (jsxs(MenuItem, { children: [jsx(IconButton, { size: "large", "aria-label": `show ${notificationCountValue} new notifications`, sx: { color: 'var(--color-brand-primary, #1e2f97)' }, children: jsx(Badge, { badgeContent: notificationCount, color: "error", children: jsx(NotificationsActiveOutlined, {}) }) }), jsx("p", { children: t.notifications })] })), jsxs(MenuItem, { onClick: handleProfileMenuOpen, children: [jsx(IconButton, { size: "large", "aria-label": "account of current user", "aria-controls": "primary-account-menu", "aria-haspopup": "true", sx: { color: 'var(--color-brand-primary, #1e2f97)' }, children: isOnlineStatus ? (jsx(OnlineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.online, "aria-label": `${t.online} status badge`, "data-testid": "online-badge", children: jsx(AccountCircle, { titleAccess: user.name, "aria-label": "User avatar" }) })) : (jsx(OfflineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.offline, "aria-label": `${t.offline} status badge`, "data-testid": "offline-badge", children: jsx(AccountCircle, { titleAccess: user.name, "aria-label": "User avatar" }) })) }), jsx("p", { children: t.profile })] })] }));
|
|
1146
|
-
return (jsxs(Box, { sx: {
|
|
1146
|
+
return (jsxs(Box, { sx: { height: 'var(--size-header-height, 65px)', flexShrink: 0 }, className: "app-header", children: [jsx(AppBar, { elevation: 0, sx: {
|
|
1147
1147
|
backgroundColor: "var(--color-header-bg, #ffffff)",
|
|
1148
1148
|
boxShadow: 'none !important',
|
|
1149
1149
|
position: 'fixed',
|
|
1150
1150
|
zIndex: 'var(--size-header-zindex, 200)',
|
|
1151
1151
|
height: 'var(--size-header-height, 65px)',
|
|
1152
|
-
}, children: jsxs(Toolbar, { sx: { minHeight: 'var(--size-header-height, 65px) !important', height: 'var(--size-header-height, 65px)' }, children: [jsx(IconButton, { size: "large",
|
|
1152
|
+
}, children: jsxs(Toolbar, { sx: { minHeight: 'var(--size-header-height, 65px) !important', height: 'var(--size-header-height, 65px)' }, children: [jsx(IconButton, { size: "large", "aria-label": "open drawer", sx: {
|
|
1153
1153
|
mr: '10px !important',
|
|
1154
1154
|
color: 'var(--color-brand-primary, #1e2f97)',
|
|
1155
1155
|
padding: 0,
|