@stack-spot/portal-layout 2.37.0 → 2.37.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.37.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.37.0...portal-layout@v2.37.1) (2025-11-07)
+
+
+### Bug Fixes
+
+* semantic for accessibility ([#1766](https://github.com/stack-spot/portal-commons/issues/1766)) ([578bc95](https://github.com/stack-spot/portal-commons/commit/578bc95698f5d707f4645693df22c4da57f8684e))
+
 ## [2.37.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.36.3...portal-layout@v2.37.0) (2025-09-30)
 
 

package/dist/components/NotificationCenter/NotificationPanel.js

@@ -8,7 +8,7 @@ import { NotificationPanelFooter } from './NotificationsPanelFooter.js';
 import { StyledBackdrop } from './styled.js';
 export const NotificationPanel = ({ filter, onFilter, loading, error, visible, onClose, ...props }) => {
     const controller = useNotificationController();
-    return (_jsx(StyledBackdrop, { visible: visible, onClose: onClose, persistent: true, children: _jsx(AnimatedHeight, { className: "notification-panel", visible: visible, header: _jsx(NotificationPanelHeader, { filter: filter, onChangeFilter: onFilter, onClose: onClose }), footer: _jsx(NotificationPanelFooter, { onClose: onClose }), children: _jsx(ScrollView, { direction: "vertical", style: { maxHeight: 'calc(100vh - 300px)' }, children: error ? _jsx(ErrorFeedback, { code: error.code, direction: "column" }) : _jsx(NotificationList, { ...props, compact: true, loading: loading, onCommit: id => controller.markAsCommitted(id), onClickViewNotification: () => {
+    return (_jsx(StyledBackdrop, { visible: visible, onClose: onClose, persistent: true, children: _jsx(AnimatedHeight, { className: "notification-panel", visible: visible, header: _jsx(NotificationPanelHeader, { filter: filter, onChangeFilter: onFilter, onClose: onClose }), footer: _jsx(NotificationPanelFooter, { onClose: onClose }), children: _jsx(ScrollView, { direction: "vertical", style: { maxHeight: 'calc(100vh - 200px)' }, children: error ? _jsx(ErrorFeedback, { code: error.code, direction: "column" }) : _jsx(NotificationList, { ...props, compact: true, loading: loading, onCommit: id => controller.markAsCommitted(id), onClickViewNotification: () => {
                         onClose();
                         controller.config.onClickViewNotification?.();
                     }, onClickAction: (id) => {

package/dist/components/OverlayContent.js

@@ -32,6 +32,6 @@ const ContentBox = styled.section `
  */
 export const OverlayContent = ({ children, title, subtitle, className, style, onClose, onGoBack, type }) => {
     const t = useDictionary();
-    return (_jsxs(ContentBox, { style: style, className: listToClass([className, type]), children: [_jsxs("header", { children: [_jsxs(Flex, { flexDirection: "column", flex: 1, children: [_jsxs(Flex, { style: { gap: '6px' }, children: [onGoBack && (_jsx(IconButton, { appearance: "circle", onClick: onGoBack, title: t.goBack, "aria-label": t.goBack, children: _jsx(ArrowLeft, {}) })), _jsx(Text, { as: "h2", appearance: type === 'modal' ? 'h3' : 'h4', children: title })] }), subtitle && _jsx(Text, { appearance: "body2", colorScheme: "light.700", children: subtitle })] }), _jsx(IconButton, { appearance: "circle", onClick: onClose, title: t.close, "aria-label": t.close, id: CLOSE_OVERLAY_ID, children: _jsx(TimesMini, {}) })] }), children] }));
+    return (_jsxs(ContentBox, { style: style, className: listToClass([className, type]), children: [_jsxs("header", { children: [_jsxs(Flex, { flexDirection: "column", flex: 1, children: [_jsxs(Flex, { style: { gap: '6px' }, children: [onGoBack && (_jsx(IconButton, { appearance: "circle", onClick: onGoBack, title: t.goBack, "aria-label": t.goBack, children: _jsx(ArrowLeft, {}) })), _jsx(Text, { as: "h1", appearance: type === 'modal' ? 'h3' : 'h4', children: title })] }), subtitle && _jsx(Text, { appearance: "body2", colorScheme: "light.700", children: subtitle })] }), _jsx(IconButton, { appearance: "circle", onClick: onClose, title: t.close, "aria-label": t.close, id: CLOSE_OVERLAY_ID, children: _jsx(TimesMini, {}) })] }), children] }));
 };
 //# sourceMappingURL=OverlayContent.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-layout",
-  "version": "2.37.0",
+  "version": "2.37.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/NotificationCenter/NotificationPanel.tsx

@@ -17,7 +17,7 @@ export const NotificationPanel = ({ filter, onFilter, loading, error, visible, o
         header={<NotificationPanelHeader filter={filter} onChangeFilter={onFilter} onClose={onClose} />}
         footer={<NotificationPanelFooter onClose={onClose} />}
       >
-        <ScrollView direction="vertical" style={{ maxHeight: 'calc(100vh - 300px)' }}>
+        <ScrollView direction="vertical" style={{ maxHeight: 'calc(100vh - 200px)' }}>
           {error ? <ErrorFeedback code={error.code} direction="column" /> : <NotificationList
             {...props}
             compact

package/src/components/OverlayContent.tsx

@@ -79,7 +79,7 @@ export const OverlayContent = ({ children, title, subtitle, className, style, on
                 <ArrowLeft />
               </IconButton>
             )}
-            <Text as="h2" appearance={type === 'modal' ? 'h3' : 'h4'}>{title}</Text>
+            <Text as="h1" appearance={type === 'modal' ? 'h3' : 'h4'}>{title}</Text>
           </Flex>
           {subtitle && <Text appearance="body2" colorScheme="light.700">{subtitle}</Text>}
         </Flex>