@hazelcast/ui 1.3.3-next.15 → 1.3.3-next.17

package/lib/AppHeader/AppHeader.d.ts

@@ -7,9 +7,10 @@ export interface AppHeaderProps extends DataTestProp {
     name: ReactNode;
     className?: string;
     children?: ReactNode;
+    asideContent?: ReactNode;
     environment?: 'production';
     logoProps: AppHeaderLogoProps;
     clusterSelectProps?: SelectClusterProps;
     menuContent?: AppHeaderMenuProps['children'];
 }
-export declare const AppHeader: ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, "data-test": dataTest, }: AppHeaderProps) => JSX.Element;
+export declare const AppHeader: ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, asideContent, "data-test": dataTest, }: AppHeaderProps) => JSX.Element;

package/lib/AppHeader/AppHeader.js

@@ -5,11 +5,13 @@ import { AppHeaderMenu } from './AppHeaderMenu';
 import { AppHeaderLogo } from './AppHeaderLogo';
 import { SelectCluster } from './SelectCluster';
 import styles from './AppHeader.module.scss';
-export const AppHeader = ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, 'data-test': dataTest = 'app-header', }) => (React.createElement("header", { "data-test": dataTest, className: cls(styles.root, className) },
+export const AppHeader = ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, asideContent, 'data-test': dataTest = 'app-header', }) => (React.createElement("header", { "data-test": dataTest, className: cls(styles.root, className) },
     React.createElement(AppHeaderLogo, { ...logoProps }),
     React.createElement("span", { className: styles.name }, name),
     clusterSelectProps && React.createElement(SelectCluster, { ...clusterSelectProps }),
     children,
     environment && React.createElement(EnvironmentBadge, { environment: environment }),
-    React.createElement("div", { className: styles.aside }, menuContent && React.createElement(AppHeaderMenu, null, menuContent))));
+    React.createElement("div", { className: styles.aside },
+        asideContent,
+        menuContent && React.createElement(AppHeaderMenu, { separator: !!asideContent }, menuContent))));
 //# sourceMappingURL=AppHeader.js.map

package/lib/AppHeader/AppHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../src/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AAEnE,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAY5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,WAAW,EAAE,QAAQ,GAAG,YAAY,GACrB,EAAE,EAAE,CAAC,CACpB,6CAAmB,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACjE,oBAAC,aAAa,OAAK,SAAS,GAAI;IAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;IAC1C,kBAAkB,IAAI,oBAAC,aAAa,OAAK,kBAAkB,GAAI;IAC/D,QAAQ;IACR,WAAW,IAAI,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;IAC9D,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,WAAW,IAAI,oBAAC,aAAa,QAAE,WAAW,CAAiB,CAAO,CAC1F,CACV,CAAA"}
+{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../src/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AAEnE,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAa5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EAAE,QAAQ,GAAG,YAAY,GACrB,EAAE,EAAE,CAAC,CACpB,6CAAmB,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACjE,oBAAC,aAAa,OAAK,SAAS,GAAI;IAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;IAC1C,kBAAkB,IAAI,oBAAC,aAAa,OAAK,kBAAkB,GAAI;IAC/D,QAAQ;IACR,WAAW,IAAI,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;IAC9D,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;QACzB,YAAY;QACZ,WAAW,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,IAAG,WAAW,CAAiB,CACnF,CACC,CACV,CAAA"}

package/lib/AppHeader/AppHeader.module.scss

@@ -22,5 +22,8 @@
 }
 
 .aside {
+  display: flex;
+  align-items: center;
   margin-left: auto;
+  gap: c.$grid * 4;
 }

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 export interface AppHeaderMenuProps {
+    separator?: boolean;
     children: (props: {
         onClose: () => void;
     }) => ReactNode;
 }
-export declare const AppHeaderMenu: ({ children }: AppHeaderMenuProps) => JSX.Element;
+export declare const AppHeaderMenu: ({ separator, children }: AppHeaderMenuProps) => JSX.Element;

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js

@@ -1,13 +1,14 @@
 import React, { useState } from 'react';
 import { Menu as MenuIcon } from 'react-feather';
+import cn from 'classnames';
 import { Button } from '../../Button';
 import { Popover } from '../../Popover';
 import { useOpenCloseState } from '../../hooks';
 import styles from './AppHeaderMenu.module.scss';
-export const AppHeaderMenu = ({ children }) => {
+export const AppHeaderMenu = ({ separator, children }) => {
     const [anchorElement, setAnchorElement] = useState();
     const { isOpen, toggle, close } = useOpenCloseState();
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: cn(styles.root, { [styles.separator]: separator }) },
         React.createElement(Button, { variant: "text", color: "light", iconSize: "medium", onClick: toggle, capitalize: false, iconRight: MenuIcon, ref: setAnchorElement, "data-test": "app-header-menu-toggle", iconRightAriaLabel: "menu icon", className: styles.toggleButton }, "Menu"),
         React.createElement(Popover, { open: isOpen, anchorElement: anchorElement, onClose: close, className: styles.content }, children({ onClose: close }))));
 };

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderMenu.js","sourceRoot":"","sources":["../../../src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAMhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL;QACE,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,gBAAgB,eACX,wBAAwB,EAClC,kBAAkB,EAAC,WAAW,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,WAGvB;QACT,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3F,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CACrB,CACT,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppHeaderMenu.js","sourceRoot":"","sources":["../../../src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAOhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;QAChE,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,gBAAgB,eACX,wBAAwB,EAClC,kBAAkB,EAAC,WAAW,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,WAGvB;QACT,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3F,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CACrB,CACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss

@@ -1,5 +1,14 @@
 @use '../../../styles/constants' as c;
 
+.root {
+  display: flex;
+  align-items: center;
+}
+
+.separator {
+  border-left: 1px solid c.$colorNeutralLight;
+}
+
 .content {
   padding: c.$grid * 2;
   color: c.$colorNeutralLighter;

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts

@@ -11,6 +11,7 @@ export type AppSidebarItemProps = {
     onClick?: () => void;
     available?: boolean;
     adornment?: ReactNode;
+    adornmentClassName?: string;
 } & DataTestProp & ({
     disabled?: never;
     disabledTooltip?: never;
@@ -24,4 +25,4 @@ export type AppSidebarItemProps = {
     icon: FeatherIcon;
     iconAriaLabel: string;
 });
-export declare const AppSidebarItem: ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color, adornment, available, "data-test": dataTest, }: AppSidebarItemProps) => JSX.Element;
+export declare const AppSidebarItem: ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color, adornment, available, adornmentClassName, "data-test": dataTest, }: AppSidebarItemProps) => JSX.Element;

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js

@@ -7,7 +7,7 @@ import { appSidebarContext } from '../appSidebarContext';
 import { AppSidebarFavoriteButton } from '../AppSidebarFavoriteButton';
 import { appSidebarSectionContext } from '../AppSidebarSection/appSidebarSectionContext';
 import styles from './AppSidebarItem.module.scss';
-export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color = 'light', adornment, available, 'data-test': dataTest, }) => {
+export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color = 'light', adornment, available, adornmentClassName, 'data-test': dataTest, }) => {
     const { isOpen } = useContext(appSidebarContext);
     const ctx = useContext(appSidebarSectionContext);
     return (React.createElement(Tooltip, { arrow: false, placement: "right-start", color: "dark", visible: isOpen ? false : undefined, content: iconAriaLabel }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.root, { [styles.collapsed]: !isOpen, [styles.nested]: !!ctx }), "data-test": dataTest },
@@ -16,7 +16,7 @@ export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLab
             React.createElement(React.Fragment, null,
                 icon && React.createElement(Icon, { size: "medium", icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
                 title,
-                (adornment || available !== undefined) && (React.createElement("div", { className: styles.adornment },
+                (adornment || available !== undefined) && (React.createElement("div", { className: cn(styles.adornment, adornmentClassName) },
                     adornment,
                     available !== undefined && React.createElement("span", { className: cn(styles.status, { [styles.available]: available }) })))))))));
 };

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarItem.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAA;AAExF,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAejD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,WAAW,EAAE,QAAQ,GACD,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,GAAG,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,eAAa,QAAQ;QACpH,EAAE,IAAI,GAAG,IAAI,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;QAC9E,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAmB,EAC7B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,MAAM,CAAC,OAAO,eACnB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC;YAEpE;gBACG,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;gBAC5F,KAAK;gBACL,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC7B,SAAS;oBACT,SAAS,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,CACjG,CACP,CACA,CACI,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppSidebarItem.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAA;AAExF,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAgBjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,EAAE,QAAQ,GACD,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,GAAG,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,eAAa,QAAQ;QACpH,EAAE,IAAI,GAAG,IAAI,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;QAC9E,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAmB,EAC7B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,MAAM,CAAC,OAAO,eACnB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC;YAEpE;gBACG,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;gBAC5F,KAAK;gBACL,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,CAAC;oBACrD,SAAS;oBACT,SAAS,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,CACjG,CACP,CACA,CACI,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss

@@ -12,7 +12,6 @@
   height: c.$grid * 4;
   padding: math.div(c.$grid, 2);
   font-size: c.$fontSizeBodyTiny;
-  margin-right: c.$grid * 1.5;
 
   &:hover {
     color: #353d49;

package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss

@@ -39,6 +39,10 @@ $sideBarMenuSectionTransitionMaxHeight: 1000px;
 
 .toggle {
   margin-bottom: c.$grid;
+
+  .adornment {
+    margin-right: -#{c.$grid * 1.5};
+  }
 }
 
 .transitionLeave {

package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js

@@ -45,7 +45,7 @@ export const AppSidebarSectionExpandable = ({ id, active, icon, title, ariaLabel
         }
     }, [getIsActive, getSetOpen]);
     return (React.createElement("section", { ref: rootEl, "data-test": `sidebar-menu-section-${kebabCase(id)}` },
-        React.createElement(AppSidebarItem, { title: title, "aria-label": ariaLabel, icon: icon, iconAriaLabel: title, onClick: handleClick, active: active, className: styles.toggle, adornment: React.createElement(Icon, { "data-test": "sidebar-menu-section-chevron", size: "medium", containerClassName: styles.icon, ...chevronButtonProps }), "data-test": dataTest }),
+        React.createElement(AppSidebarItem, { title: title, "aria-label": ariaLabel, icon: icon, iconAriaLabel: title, onClick: handleClick, active: active, className: styles.toggle, adornmentClassName: styles.adornment, adornment: React.createElement(Icon, { "data-test": "sidebar-menu-section-chevron", size: "medium", containerClassName: styles.icon, ...chevronButtonProps }), "data-test": dataTest }),
         React.createElement(appSidebarSectionContext.Provider, { value: {} },
             React.createElement("div", { onTransitionEnd: handleTransitionEnd, className: cn(styles.content, {
                     [styles.transitionEnter]: isSectionOpen,

package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarSectionExpandable.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppSidebarSectionExpandable.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "1.3.3-next.15+96f65ed",
+  "version": "1.3.3-next.17+d780baf",
   "description": "Hazelcast design system components",
   "author": "",
   "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -121,5 +121,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "96f65ed5b06e1b754442882ca4140716dbb81b7f"
+  "gitHead": "d780baf1887585cffd64e843babd0053721e18bc"
 }