newskit 3.13.0 → 4.2.0

package/esm/checkbox/checkbox.js

@@ -0,0 +1,97 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useRef } from 'react';
+import composeRefs from '@seznam/compose-react-refs';
+import { composeEventHandlers } from '../form/utils';
+import { IconFilledCheck } from '../icons';
+import { StyledCheckbox, StyledInput, StyledCheckboxContainer, StyledFeedback, StyledContainer, StyledLabel, } from './styled';
+import { getComponentOverrides } from '../utils/overrides';
+import { useControlled } from '../utils/hooks';
+var DefaultCheckboxIcon = function (_a) {
+    var checked = _a.checked, overrides = _a.overrides;
+    return checked ? (React.createElement(IconFilledCheck, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : null;
+};
+export var Checkbox = React.forwardRef(function (_a, inputRef) {
+    var _b = _a.size, size = _b === void 0 ? 'medium' : _b, checkedProp = _a.checked, defaultChecked = _a.defaultChecked, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? 'end' : _c, _d = _a.labelAttributes, labelAttributes = _d === void 0 ? {} : _d, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes"]);
+    var ref = useRef(null);
+    var _e = React.useState(false), isFocused = _e[0], setFocused = _e[1];
+    var _f = React.useState(false), isLabelHover = _f[0], setLabelHover = _f[1];
+    var _g = React.useState(false), isFeedbackHover = _g[0], setFeedbackHover = _g[1];
+    var _h = useControlled({
+        controlledValue: checkedProp,
+        defaultValue: Boolean(defaultChecked),
+    }), checked = _h[0], setCheckedState = _h[1];
+    var onFeedbackClick = useCallback(function () {
+        /* istanbul ignore else */
+        if (ref && ref.current) {
+            ref.current.click();
+        }
+    }, [ref]);
+    var onInputChange = useCallback(function (event) {
+        var newChecked = event.target.checked;
+        setCheckedState(newChecked);
+    }, [setCheckedState]);
+    var onInputFocus = useCallback(function () {
+        setFocused(true);
+    }, [setFocused]);
+    var onInputBlur = useCallback(function () {
+        setFocused(false);
+    }, [setFocused]);
+    // onLabelMouseOver && onLabelMouseLeave
+    // are used to apply hover state on the checkbox when mouse is over label
+    var onLabelMouseOver = useCallback(function () {
+        if (state !== 'disabled') {
+            setLabelHover(true);
+        }
+    }, [setLabelHover, state]);
+    var onLabelMouseLeave = useCallback(function () {
+        if (state !== 'disabled') {
+            setLabelHover(false);
+        }
+    }, [setLabelHover, state]);
+    var onFeedbackMouseOver = useCallback(function () {
+        if (state !== 'disabled') {
+            setFeedbackHover(true);
+        }
+    }, [setFeedbackHover, state]);
+    var onFeedbackMouseLeave = useCallback(function () {
+        if (state !== 'disabled') {
+            setFeedbackHover(false);
+        }
+    }, [setFeedbackHover, state]);
+    var _j = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.icon, DefaultCheckboxIcon, {
+        state: state,
+        checked: checked,
+        size: size,
+    }), CheckIcon = _j[0], checkIconProps = _j[1];
+    var labelElement = (React.createElement(StyledLabel, { size: size, overrides: overrides, state: state }, label));
+    return (React.createElement(StyledContainer, __assign({ as: label ? 'label' : 'div', state: state }, (label ? labelAttributes : {}), { onMouseOver: onLabelMouseOver, onMouseLeave: onLabelMouseLeave }),
+        labelPosition === 'start' && labelElement,
+        React.createElement(StyledCheckboxContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, onMouseOver: onFeedbackMouseOver, onMouseLeave: onFeedbackMouseLeave, role: "presentation" },
+            React.createElement(StyledFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "checkbox-feedback", isFocused: isFocused, isHover: isFeedbackHover }),
+            React.createElement(StyledCheckbox, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isFocused, isHover: isLabelHover, feedbackIsVisible: isFeedbackHover || isFocused },
+                React.createElement(CheckIcon, __assign({}, checkIconProps)),
+                React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { type: "checkbox", state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]) })))),
+        labelPosition === 'end' && labelElement));
+});
+//# sourceMappingURL=checkbox.js.map

package/esm/checkbox/checkbox.js.map

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

package/esm/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from './checkbox';
+export type { CheckboxProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/esm/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC"}

package/esm/checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox } from './checkbox';
+//# sourceMappingURL=index.js.map

package/esm/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC"}

package/esm/checkbox/styled.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<CheckboxProps, "state">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledCheckboxContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<CheckboxProps, "size" | "overrides" | "labelPosition" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<CheckboxProps, "size" | "overrides" | "checked" | "state"> & {
+    isFocused: boolean;
+    isHover: boolean;
+    feedbackIsVisible: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledFeedback: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<CheckboxProps, "size" | "overrides" | "state"> & {
+    isFocused: boolean;
+    isHover: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CheckboxProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<CheckboxProps, "size" | "overrides" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/esm/checkbox/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/checkbox/styled.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,eAAe;;;iJAI3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;iLA2BnC,CAAC;AAUF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;uBACG,OAAO;yGAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;yGA2BnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kIAKvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;iKAUvB,CAAC"}

package/esm/checkbox/styled.js

@@ -0,0 +1,68 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTypographyPreset, styled, } from '../utils';
+var STACKING_CONTEXT = {
+    feedback: '1',
+    input: '2',
+};
+export var StyledContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  ", ";\n"])), function (_a) {
+    var state = _a.state;
+    return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
+});
+export var StyledCheckboxContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  align-self: start;\n  flex-shrink: 0;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  display: inline-block;\n  align-self: start;\n  flex-shrink: 0;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return getResponsiveSize(function (rectSize) { return ({ width: rectSize, height: rectSize }); }, "checkbox." + size + ".input", 'input', 'size');
+}, function (_a) {
+    var size = _a.size, labelPosition = _a.labelPosition;
+    return getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "checkbox." + size + ".input", 'input', 'spaceInline');
+});
+var insetCSS = "\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n";
+export var StyledCheckbox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", ";\n  ", "\n"], ["\n  ", "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", ";\n  ", "\n"])), insetCSS, function (_a) {
+    var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHover = _a.isHover;
+    return getStylePreset("checkbox." + size + ".input", 'input', {
+        isChecked: checked,
+        isDisabled: state === 'disabled',
+        isInvalid: state === 'invalid',
+        isValid: state === 'valid',
+        isFocused: isFocused,
+        isHover: isHover,
+    });
+}, function (_a) {
+    var feedbackIsVisible = _a.feedbackIsVisible;
+    return feedbackIsVisible && "z-index: " + STACKING_CONTEXT.input;
+});
+export var StyledFeedback = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  ", ";\n\n  ", "\n  ", ";\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  ", ";\n\n  ", "\n  ", ";\n"])), function (_a) {
+    var isHover = _a.isHover, isFocused = _a.isFocused;
+    return (isHover || isFocused) && "z-index: " + STACKING_CONTEXT.feedback;
+}, function (_a) {
+    var size = _a.size, isHover = _a.isHover, isFocused = _a.isFocused;
+    return getStylePreset("checkbox." + size + ".feedback", 'feedback', {
+        isHover: isHover,
+        isFocused: isFocused,
+        // when is not HOVER we need to remove the hover so it does not apply as class:hover
+        omitStates: isHover ? [] : ['hover'],
+    });
+}, function (_a) {
+    var size = _a.size;
+    return getResponsiveSize(function (rectSize) { return ({
+        width: rectSize,
+        height: rectSize,
+        transform: "translate3d(calc(" + rectSize + " / -2), calc(" + rectSize + " / -2), 0)",
+    }); }, "checkbox." + size + ".feedback", 'feedback', 'size');
+});
+export var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  margin: 0;\n  opacity: 0;\n  cursor: inherit;\n"], ["\n  ", "\n  margin: 0;\n  opacity: 0;\n  cursor: inherit;\n"])), insetCSS);
+export var StyledLabel = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var size = _a.size, state = _a.state;
+    return getStylePreset("checkbox." + size + ".label", 'label', {
+        isDisabled: state === 'disabled',
+        isInvalid: state === 'invalid',
+        isValid: state === 'valid',
+    });
+}, function (_a) {
+    var size = _a.size;
+    return getTypographyPreset("checkbox." + size + ".label", 'label');
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styled.js.map

package/esm/checkbox/styled.js.map

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

package/esm/checkbox/types.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { NewsKitIconProps } from '..';
+import { Override } from '../utils/overrides';
+import { MQ } from '../utils/style/types';
+export declare type CheckboxIconProps = NewsKitIconProps & Pick<CheckboxProps, 'checked' | 'state'>;
+declare type CheckboxOverrides = {
+    input?: {
+        size?: MQ<string>;
+        stylePreset?: MQ<string>;
+        spaceInline?: MQ<string>;
+    };
+    feedback?: {
+        size?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    label?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    };
+    icon?: Override<CheckboxIconProps>;
+};
+export declare type CheckboxSize = 'small' | 'medium' | 'large';
+export declare type CheckboxState = 'valid' | 'invalid' | 'disabled';
+export declare type CheckboxLabelPosition = 'start' | 'end';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
+    overrides?: CheckboxOverrides;
+    size?: CheckboxSize;
+    state?: CheckboxState;
+    label?: React.ReactNode;
+    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    labelPosition?: CheckboxLabelPosition;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,aAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D,oBAAY,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC"}

package/esm/checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":""}

package/esm/consent/consent-utils.d.ts

@@ -2,8 +2,10 @@ import { SourcePointConfigTCFV2, ConsentProps, ConsentPropsTCFV2, SourcePointCon
 export declare const getV2Scripts: (config: SourcePointConfigTCFV2) => ({
     content: string;
     src?: undefined;
+    async?: undefined;
 } | {
     src: string;
+    async: boolean;
     content?: undefined;
 })[];
 export declare const getNonTCFScripts: (config: SourcePointConfigNonTCFV1) => ({

package/esm/consent/consent-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB;;;;;;IAwB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,yBAAyB;;;;;;;;IAwBjE,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY,+BACiB,CAAC;AAE/D,eAAO,MAAM,eAAe,UACnB,YAAY,kCAE+C,CAAC"}
+{"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB;;;;;;;;IAyB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,yBAAyB;;;;;;;;IAwBjE,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY,+BACiB,CAAC;AAE/D,eAAO,MAAM,eAAe,UACnB,YAAY,kCAE+C,CAAC"}

package/esm/consent/consent-utils.js

@@ -30,6 +30,7 @@ export var getV2Scripts = function (config) {
         },
         {
             src: baseEndpoint + "/wrapperMessagingWithoutDetection.js",
+            async: true,
         },
     ];
 };

package/esm/consent/consent-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;SAC3D;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,MAAiC;IAChE,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,IAAM,QAAQ,GAAG,mBAAiB,IAAI,CAAC,SAAS,CAC9C;QACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;KACF,EACD,QAAQ,CACP,CAAC;IAEJ,OAAO;QACL;YACE,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,GAAG,EAAK,YAAY,0BAAuB;YAC3C,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAmB;IAC3C,OAAA,OAAO,CAAE,KAA2B,CAAC,sBAAsB,CAAC;AAA5D,CAA4D,CAAC;AAE/D,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,KAAmB;IAEnB,OAAA,OAAO,CAAE,KAA8B,CAAC,yBAAyB,CAAC;AAAlE,CAAkE,CAAC"}
+{"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;YAC1D,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,MAAiC;IAChE,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,IAAM,QAAQ,GAAG,mBAAiB,IAAI,CAAC,SAAS,CAC9C;QACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;KACF,EACD,QAAQ,CACP,CAAC;IAEJ,OAAO;QACL;YACE,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,GAAG,EAAK,YAAY,0BAAuB;YAC3C,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAmB;IAC3C,OAAA,OAAO,CAAE,KAA2B,CAAC,sBAAsB,CAAC;AAA5D,CAA4D,CAAC;AAE/D,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,KAAmB;IAEnB,OAAA,OAAO,CAAE,KAA8B,CAAC,yBAAyB,CAAC;AAAlE,CAAkE,CAAC"}

package/esm/dialog/base-dialog-function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyDhE,CAAC"}
+{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsEhE,CAAC"}

package/esm/dialog/base-dialog-function.js

@@ -1,9 +1,9 @@
-import React, { useRef } from 'react';
+import React, { useRef, useEffect, useCallback } from 'react';
 import FocusLock from 'react-focus-lock';
 import { useKeypress } from '../utils/hooks';
 import { get } from '../utils/get';
 export var BaseDialogFunction = function (_a) {
-    var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay;
+    var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap;
     var triggerClose = function () { return open && onDismiss && onDismiss(); };
     var handleEscape = function () {
         triggerClose();
@@ -20,7 +20,7 @@ export var BaseDialogFunction = function (_a) {
     var handleOnLockActivation = function () {
         originalFocusedElementRef.current = document.activeElement;
     };
-    var handleOnLockDeactivation = function () {
+    var handleOnLockDeactivation = useCallback(function () {
         var originalFocusedElement = get(originalFocusedElementRef, 'current');
         /* istanbul ignore else */
         if (restoreFocusTo || originalFocusedElement) {
@@ -30,9 +30,19 @@ export var BaseDialogFunction = function (_a) {
                 return typeof elementToFocus_1.focus === 'function' && elementToFocus_1.focus();
             }, 0);
         }
-    };
+    }, [restoreFocusTo]);
+    useEffect(function () {
+        if (disableFocusTrap && open) {
+            handleOnLockActivation();
+        }
+        return function () {
+            if (disableFocusTrap && open) {
+                handleOnLockDeactivation();
+            }
+        };
+    }, [disableFocusTrap, handleOnLockDeactivation, open]);
     return (React.createElement(React.Fragment, null,
-        renderOverlay(handleOverlayClick),
-        React.createElement(FocusLock, { disabled: !open, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
+        !hideOverlay && renderOverlay(handleOverlayClick),
+        React.createElement(FocusLock, { disabled: !open || disableFocusTrap, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
 };
 //# sourceMappingURL=base-dialog-function.js.map

package/esm/dialog/base-dialog-function.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,MAAM,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AAGjC,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAMrE;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,WAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG;QAC/B,IAAM,sBAAsB,GAAG,GAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACG,aAAa,CAAC,kBAAkB,CAAC;QAClC,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,IAAI,EACf,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAC;AAGjC,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAQrE;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,sBAAA;IAEhB,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,WAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,WAAW,CAAC;QAC3C,IAAM,sBAAsB,GAAG,GAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC;QACR,IAAI,gBAAgB,IAAI,IAAI,EAAE;YAC5B,sBAAsB,EAAE,CAAC;SAC1B;QACD,OAAO;YACL,IAAI,gBAAgB,IAAI,IAAI,EAAE;gBAC5B,wBAAwB,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL;QACG,CAAC,WAAW,IAAI,aAAa,CAAC,kBAAkB,CAAC;QAClD,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,IAAI,IAAI,gBAAgB,EACnC,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/esm/dialog/base-dialog-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SAwFlB,CAAC"}
+{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SA2GlB,CAAC"}

package/esm/dialog/base-dialog-tests.js

@@ -43,6 +43,26 @@ export var sharedDialogTests = function (Dialog, header, body) {
         });
         expect(fragment).toMatchSnapshot();
     });
+    test('renders without overlay', function () {
+        var fragment = renderToFragmentWithTheme(Dialog, {
+            open: true,
+            header: header,
+            children: body,
+            onDismiss: function () { },
+            hideOverlay: true,
+        });
+        expect(fragment).toMatchSnapshot();
+    });
+    test('renders screen reader message when focus trapping disabled', function () {
+        var fragment = renderToFragmentWithTheme(Dialog, {
+            open: true,
+            header: header,
+            children: body,
+            onDismiss: function () { },
+            disableFocusTrap: true,
+        });
+        expect(fragment).toMatchSnapshot();
+    });
     test('invokes onDismiss callback when Esc key pressed', function () {
         var mockCallBack = jest.fn();
         renderWithTheme(Dialog, {

package/esm/dialog/base-dialog-tests.js.map

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

package/esm/dialog/base-dialog-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,cAAc,4FAqF1B,CAAC"}
+{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA2B5C,eAAO,MAAM,cAAc,4FAyG1B,CAAC"}

package/esm/dialog/base-dialog-view.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useRef } from 'react';
-import { StyledDialogPanel, StyledDialogContent, StyledDialogHeader, StyledDialogHeaderContent, StyledFillSpaceCloseButton, StyledCloseButton, } from './styled';
+import { StyledDialogPanel, StyledDialogContent, StyledDialogHeader, StyledDialogHeaderContent, StyledFillSpaceCloseButton, StyledCloseButton, StyledMoveFocusInside, } from './styled';
 import { Stack } from '../stack';
 import { IconFilledClose } from '../icons';
 import { ButtonSize } from '../button';
@@ -30,24 +30,30 @@ import { deepMerge } from '../utils/deep-merge';
 import { filterOutFalsyProperties } from '../utils/filter-object';
 import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
 import { useTheme } from '../theme';
+import { ScreenReaderOnly } from '../screen-reader-only';
+import { useReactKeys } from '../utils/hooks';
 /* istanbul ignore next */
 var centerCloseButton = function (top) { return ({
     top: top / 2,
     transform: top !== 0 ? "translateY(-50%)" : undefined,
 }); };
 export var BaseDialogView = React.forwardRef(function (_a, panelRef) {
-    var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children"]);
+    var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, open = _a.open, disableFocusTrap = _a.disableFocusTrap, _c = _a.inline, inline = _c === void 0 ? false : _c, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children", "open", "disableFocusTrap", "inline"]);
     var headerRef = useRef(null);
-    var _c = useResizeObserver(headerRef), headerHeight = _c[1];
+    var _d = useResizeObserver(headerRef), headerHeight = _d[1];
+    var listDialogItemNotification = useReactKeys(1)[0];
     var theme = useTheme();
     var closeButtonOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.drawer.closeButton, filterOutFalsyProperties(overrides.closeButton)));
-    return (React.createElement(StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": "true", "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path }, props),
-        React.createElement(StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
-            React.createElement(Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
-                header && (React.createElement(StyledDialogHeaderContent, { path: path }, header)),
-                React.createElement(StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
-        React.createElement(StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
-        React.createElement(StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: ButtonSize.Medium },
-            React.createElement(IconFilledClose, null))));
+    var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open ? StyledMoveFocusInside : React.Fragment;
+    return (React.createElement(StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open }, props),
+        React.createElement(MoveFocusInsideWhenFocusTrapDisabled, null,
+            React.createElement(StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
+                React.createElement(Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
+                    header && (React.createElement(StyledDialogHeaderContent, { path: path }, header)),
+                    React.createElement(StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
+            React.createElement(StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
+            React.createElement(StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", "aria-describedby": disableFocusTrap ? listDialogItemNotification : undefined, onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: ButtonSize.Medium },
+                React.createElement(IconFilledClose, null)),
+            disableFocusTrap && (React.createElement(ScreenReaderOnly, { id: listDialogItemNotification }, "With the next tab you will be leaving the dialog window.")))));
 });
 //# sourceMappingURL=base-dialog-view.js.map

package/esm/dialog/base-dialog-view.js.map

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

package/esm/dialog/styled.d.ts

@@ -1,28 +1,44 @@
 /// <reference types="react" />
+import { MoveFocusInside } from 'react-focus-lock';
 import { BaseDialogViewProps } from './types';
-declare type BaseDialogViewOverridesAndPathProps = Pick<BaseDialogViewProps, 'path' | 'overrides'>;
 export declare const StyledDialogPanel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMoveFocusInside: import("@emotion/styled").StyledComponent<import("react-focus-lock/interfaces").AutoFocusProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<MoveFocusInside> | undefined;
+}>;
 export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDialogHeaderContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledFillSpaceCloseButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & BaseDialogViewOverridesAndPathProps & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+} & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("..").IconButtonProps> & {
     theme?: import("@emotion/react").Theme | undefined;
-}) & BaseDialogViewOverridesAndPathProps & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
-export {};
+}) & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
+    $open?: boolean | undefined;
+} & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/esm/dialog/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAE5C,aAAK,mCAAmC,GAAG,IAAI,CAC7C,mBAAmB,EACnB,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;+IAQ7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;+IAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;+IAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;+IAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;4LAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8FAe7B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,iBAAiB;;;;;yGAa7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;yGAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uDAe7B,CAAC"}