@stack-spot/portal-layout 2.42.3 → 2.43.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [2.43.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.42.3...portal-layout@v2.43.0) (2026-03-09)
+
+
+### Features
+
+* include aria label to close button props ([02c034d](https://github.com/stack-spot/portal-commons/commit/02c034d32b9cf13d4448d70a8b5c62391c743feb))
+* include aria label to close button props ([#2111](https://github.com/stack-spot/portal-commons/issues/2111)) ([8938338](https://github.com/stack-spot/portal-commons/commit/8938338b44adc155a4532566a4a23e491448fa01))
+
+
+### Bug Fixes
+
+* make all cookies secure ([#2103](https://github.com/stack-spot/portal-commons/issues/2103)) ([3e94c13](https://github.com/stack-spot/portal-commons/commit/3e94c1345c6f3ee34f03d3b6f9ccf771ba180adb))
+
 ## [2.42.3](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.42.2...portal-layout@v2.42.3) (2026-03-05)
 
 

package/dist/components/OverlayContent.d.ts

@@ -22,6 +22,10 @@ export interface OverlayContentProps extends WithStyle {
      * A function to run when the close button is pressed.
      */
     onClose?: () => void;
+    /**
+     * The ARIA Label for close button
+     */
+    closeButtonAriaLabel?: string;
 }
 interface Props extends OverlayContentProps {
     /**
@@ -37,6 +41,6 @@ interface Props extends OverlayContentProps {
  * Renders a modal or right panel with title, subtitle, close button and content.
  * @param props the React props for the component {@link Props}.
  */
-export declare const OverlayContent: ({ children, title, subtitle, className, style, onClose, onGoBack, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const OverlayContent: ({ children, title, subtitle, className, style, onClose, onGoBack, type, closeButtonAriaLabel }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=OverlayContent.d.ts.map

package/dist/components/OverlayContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContent.d.ts","sourceRoot":"","sources":["../../src/components/OverlayContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsB,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,KAAM,SAAQ,mBAAmB;IACzC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB;AAuBD;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,0EAA0E,KAAK,4CAuB7G,CAAA"}
+{"version":3,"file":"OverlayContent.d.ts","sourceRoot":"","sources":["../../src/components/OverlayContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsB,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,UAAU,KAAM,SAAQ,mBAAmB;IACzC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB;AAuBD;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,gGAAgG,KAAK,4CA6BnI,CAAA"}

package/dist/components/OverlayContent.js

@@ -30,8 +30,8 @@ const ContentBox = styled.section `
  * Renders a modal or right panel with title, subtitle, close button and content.
  * @param props the React props for the component {@link Props}.
  */
-export const OverlayContent = ({ children, title, subtitle, className, style, onClose, onGoBack, type }) => {
+export const OverlayContent = ({ children, title, subtitle, className, style, onClose, onGoBack, type, closeButtonAriaLabel }) => {
     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: "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] }));
+    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": closeButtonAriaLabel || t.close, id: CLOSE_OVERLAY_ID, children: _jsx(TimesMini, {}) })] }), children] }));
 };
 //# sourceMappingURL=OverlayContent.js.map

package/dist/components/OverlayContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContent.js","sourceRoot":"","sources":["../../src/components/OverlayContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAa,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAA;AAoC/C,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAA;;;;sBAIX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;CAe7C,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAS,EAAE,EAAE;IAChH,MAAM,CAAC,GAAG,aAAa,EAAE,CAAA;IACzB,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,aACjE,6BACE,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,aAClC,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACxB,QAAQ,IAAI,CACX,KAAC,UAAU,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,gBAAc,CAAC,CAAC,MAAM,YACtF,KAAC,SAAS,KAAG,GACF,CACd,EACD,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,UAAU,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YAAG,KAAK,GAAQ,IACnE,EACN,QAAQ,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,YAAE,QAAQ,GAAQ,IAC1E,EACP,KAAC,UAAU,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,gBAAc,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,gBAAgB,YACzG,KAAC,SAAS,KAAG,GACF,IACN,EACR,QAAQ,IACE,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"OverlayContent.js","sourceRoot":"","sources":["../../src/components/OverlayContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAa,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAA;AAwC/C,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAA;;;;sBAIX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;CAe7C,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,oBAAoB,EAAS,EAAE,EAAE;IACtI,MAAM,CAAC,GAAG,aAAa,EAAE,CAAA;IACzB,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,aACjE,6BACE,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,aAClC,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACxB,QAAQ,IAAI,CACX,KAAC,UAAU,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,gBAAc,CAAC,CAAC,MAAM,YACtF,KAAC,SAAS,KAAG,GACF,CACd,EACD,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,UAAU,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YAAG,KAAK,GAAQ,IACnE,EACN,QAAQ,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,YAAE,QAAQ,GAAQ,IAC1E,EACP,KAAC,UAAU,IACT,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,KAAK,gBACF,oBAAoB,IAAI,CAAC,CAAC,KAAK,EAC3C,EAAE,EAAE,gBAAgB,YAEpB,KAAC,SAAS,KAAG,GACF,IACN,EACR,QAAQ,IACE,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/PrivacyPolicyMessage/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/PrivacyPolicyMessage/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAEnE,UAAU,kBAAmB,SAAQ,yBAAyB;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAoB,EACpB,WAAoB,EACpB,MAAyB,EACzB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,WAAW,GACZ,EAAE,kBAAkB,QAmBpB"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/PrivacyPolicyMessage/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAEnE,UAAU,kBAAmB,SAAQ,yBAAyB;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAoB,EACpB,WAAoB,EACpB,MAAyB,EACzB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,WAAW,GACZ,EAAE,kBAAkB,QAyBpB"}

package/dist/components/PrivacyPolicyMessage/hooks.js

@@ -12,7 +12,12 @@ export function usePrivacyPolicyEffect({ policy = 'okCookies', policyValue = 'tr
                 confirm: confirmText || t.ok,
                 children: _jsx(PrivacyPolicyMessage, { privacyPoliceUrl: privacyPoliceUrl, message: message, policyText: policyText }),
             });
-            document.cookie = `${policy}=${policyValue};path=/${location.host.endsWith(domain) ? `;domain=${domain}` : ''}`;
+            let cookieAttributes = `${policy}=${policyValue};path=/${location.host.endsWith(domain) ? `;domain=${domain}` : ''}`;
+            const portalUrl = new URL(location.href);
+            if (portalUrl.protocol === 'https:') {
+                cookieAttributes = `${cookieAttributes}; Secure`;
+            }
+            document.cookie = cookieAttributes;
             setVisible(false);
         }
         else

package/dist/components/PrivacyPolicyMessage/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/PrivacyPolicyMessage/hooks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAA6B,MAAM,GAAG,CAAA;AASnE,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,GAAG,WAAW,EACpB,WAAW,GAAG,MAAM,EACpB,MAAM,GAAG,gBAAgB,EACzB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,WAAW,GACQ;IACnB,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpG,KAAK,UAAU,WAAW;QACxB,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,OAAO,CAAC,gBAAgB,CAAC;gBAC7B,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,EAAE;gBAC5B,QAAQ,EAAE,KAAC,oBAAoB,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI;aACjH,CAAC,CAAA;YACF,QAAQ,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,WAAW,UAAU,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;YAC/G,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;;YACI,OAAO,CAAC,iBAAiB,EAAE,CAAA;IAClC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;KACT;IACD,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;KACT;CACmB,CAAA"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/PrivacyPolicyMessage/hooks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAA6B,MAAM,GAAG,CAAA;AASnE,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,GAAG,WAAW,EACpB,WAAW,GAAG,MAAM,EACpB,MAAM,GAAG,gBAAgB,EACzB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,WAAW,GACQ;IACnB,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpG,KAAK,UAAU,WAAW;QACxB,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,OAAO,CAAC,gBAAgB,CAAC;gBAC7B,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,EAAE;gBAC5B,QAAQ,EAAE,KAAC,oBAAoB,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI;aACjH,CAAC,CAAA;YAEF,IAAI,gBAAgB,GAAG,GAAG,MAAM,IAAI,WAAW,UAAU,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;YACpH,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACxC,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACpC,gBAAgB,GAAG,GAAG,gBAAgB,UAAU,CAAA;YAClD,CAAC;YACD,QAAQ,CAAC,MAAM,GAAG,gBAAgB,CAAA;YAClC,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;;YACI,OAAO,CAAC,iBAAiB,EAAE,CAAA;IAClC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;KACT;IACD,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;KACT;CACmB,CAAA"}

package/package.json

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

package/src/components/OverlayContent.tsx

@@ -29,6 +29,10 @@ export interface OverlayContentProps extends WithStyle {
    * A function to run when the close button is pressed.
    */
   onClose?: () => void,
+  /**
+   * The ARIA Label for close button
+   */
+  closeButtonAriaLabel?: string,
 }
 
 interface Props extends OverlayContentProps {
@@ -67,7 +71,7 @@ const ContentBox = styled.section`
  * Renders a modal or right panel with title, subtitle, close button and content.
  * @param props the React props for the component {@link Props}.
  */
-export const OverlayContent = ({ children, title, subtitle, className, style, onClose, onGoBack, type }: Props) => {
+export const OverlayContent = ({ children, title, subtitle, className, style, onClose, onGoBack, type, closeButtonAriaLabel }: Props) => {
   const t = useDictionary()
   return (
     <ContentBox style={style} className={listToClass([className, type])}>
@@ -83,7 +87,13 @@ export const OverlayContent = ({ children, title, subtitle, className, style, on
           </Flex>
           {subtitle && <Text appearance="body2" colorScheme="light.700">{subtitle}</Text>}
         </Flex>
-        <IconButton appearance="circle" onClick={onClose} title={t.close} aria-label={t.close} id={CLOSE_OVERLAY_ID}>
+        <IconButton
+          appearance="circle"
+          onClick={onClose}
+          title={t.close}
+          aria-label={closeButtonAriaLabel || t.close}
+          id={CLOSE_OVERLAY_ID}
+        >
           <TimesMini />
         </IconButton>
       </header>

package/src/components/PrivacyPolicyMessage/hooks.tsx

@@ -28,7 +28,13 @@ export function usePrivacyPolicyEffect({
         confirm: confirmText || t.ok,
         children: <PrivacyPolicyMessage privacyPoliceUrl={privacyPoliceUrl} message={message} policyText={policyText} />,
       })
-      document.cookie = `${policy}=${policyValue};path=/${location.host.endsWith(domain) ? `;domain=${domain}` : ''}`
+      
+      let cookieAttributes = `${policy}=${policyValue};path=/${location.host.endsWith(domain) ? `;domain=${domain}` : ''}`
+      const portalUrl = new URL(location.href)
+      if (portalUrl.protocol === 'https:') {
+        cookieAttributes = `${cookieAttributes}; Secure`
+      }
+      document.cookie = cookieAttributes
       setVisible(false)
     }
     else overlay.closeBottomDialog()