carbon-react 154.4.1 → 154.4.3

package/lib/components/dialog/dialog.style.js

@@ -1,162 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledDialogTitle = exports.StyledDialogContent = exports.StyledDialog = exports.DialogPositioner = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _heading = require("../heading/heading.style");
-var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
-var _form = require("../form/form.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const dialogSizes = {
-  auto: "fit-content",
-  "extra-small": "300px",
-  small: "380px",
-  "medium-small": "540px",
-  medium: "750px",
-  "medium-large": "850px",
-  large: "960px",
-  "extra-large": "1080px"
-};
-const DialogPositioner = exports.DialogPositioner = _styledComponents.default.div`
-  position: fixed;
-  inset: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: ${({
-  theme
-}) => theme.zIndex.modal};
-`;
-const StyledDialog = exports.StyledDialog = _styledComponents.default.div`
-  box-shadow: var(--boxShadow300);
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  border-radius: var(--borderRadius200);
-
-  ${({
-  size
-}) => size === "maximise" ? (0, _styledComponents.css)`
-          height: calc(100% - var(--spacing400));
-          width: calc(100% - var(--spacing400));
-
-          @media screen and (min-width: 960px) {
-            height: calc(100% - var(--spacing800));
-            width: calc(100% - var(--spacing800));
-          }
-        ` : (0, _styledComponents.css)`
-          max-height: 90vh;
-          max-width: ${dialogSizes[size]};
-          width: 100%;
-        `};
-
-  &:focus {
-    outline: none;
-  }
-
-  ${({
-  highlightVariant
-}) => highlightVariant === "ai" && `
-      &::before {
-        content: "";
-        position: absolute;
-        top: -8px;
-        height: 100px;
-        width: 100%;
-        z-index: -1;
-        background: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
-        border-radius: var(--borderRadius200) var(--borderRadius200) 0 0;
-      }`}
-
-  ${({
-  backgroundColor
-}) => (0, _styledComponents.css)`
-    background-color: ${backgroundColor};
-  `}
-
-  ${({
-  dialogHeight
-}) => dialogHeight && (0, _styledComponents.css)`
-      height: ${dialogHeight}px;
-    `}
-  
-  > ${_iconButton.default} {
-    margin: 0;
-    position: absolute;
-    right: 33px;
-    top: 32px;
-    z-index: 1;
-
-    &:hover {
-      color: #255bc7;
-    }
-  }
-`;
-const StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div`
-  background-color: var(--colorsUtilityYang100);
-  padding: 23px 32px 0;
-  border-bottom: 1px solid #ccd6db;
-  border-top-right-radius: var(--borderRadius200);
-  border-top-left-radius: var(--borderRadius200);
-  ${({
-  showCloseIcon
-}) => showCloseIcon && "padding-right: 85px"};
-
-  ${_heading.StyledHeaderContent} {
-    align-items: baseline;
-  }
-
-  ${_heading.StyledHeading} {
-    margin-bottom: 20px;
-
-    ${_heading.StyledHeadingTitle} {
-      color: var(--colorsUtilityYin090);
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      padding: ${({
-  hasSubtitle
-}) => !hasSubtitle && "4px 0px"};
-    }
-  }
-`;
-const StyledDialogContent = exports.StyledDialogContent = _styledComponents.default.div`
-  box-sizing: border-box;
-  display: block;
-  overflow-y: auto;
-  width: 100%;
-  flex-grow: 1;
-
-  padding: 24px 32px 30px;
-  ${_styledSystem.padding}
-
-  &:has(${_form.StyledForm}.sticky) {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-
-    ${_form.StyledForm}.sticky {
-      ${_form.StyledFormContent} {
-        padding: 24px 32px 30px;
-        ${_styledSystem.padding}
-      }
-
-      ${_form.StyledFormFooter} {
-        border-bottom-right-radius: var(--borderRadius200);
-        border-bottom-left-radius: var(--borderRadius200);
-      }
-    }
-  }
-`;
-DialogPositioner.defaultProps = {
-  theme: _base.default
-};
-StyledDialogContent.defaultProps = {
-  theme: _base.default
-};
+"use strict";var e=require("styled-components"),i=require("styled-system"),o=require("../../style/themes/base/index.js"),t=require("../heading/heading.style.js"),d=require("../icon-button/icon-button.style.js"),a=require("../form/form.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var l=r(e);const n={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=l.default.div.withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-b5995a75-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"],(({theme:e})=>e.zIndex.modal)),p=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-b5995a75-1"})(["box-shadow:var(--boxShadow300);display:flex;flex-direction:column;position:relative;border-radius:var(--borderRadius200);",";&:focus{outline:none;}"," "," "," > ","{margin:0;position:absolute;right:33px;top:32px;z-index:1;&:hover{color:#255bc7;}}"],(({size:i})=>"maximise"===i?e.css(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):e.css(["max-height:90vh;max-width:",";width:100%;"],n[i])),(({highlightVariant:e})=>"ai"===e&&'\n      &::before {\n        content: "";\n        position: absolute;\n        top: -8px;\n        height: 100px;\n        width: 100%;\n        z-index: -1;\n        background: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);\n        border-radius: var(--borderRadius200) var(--borderRadius200) 0 0;\n      }'),(({backgroundColor:i})=>e.css(["background-color:",";"],i)),(({dialogHeight:i})=>i&&e.css(["height:","px;"],i)),d.default),g=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-b5995a75-2"})(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",";","{align-items:baseline;}","{margin-bottom:20px;","{color:var(--colorsUtilityYin090);display:block;overflow:hidden;text-overflow:ellipsis;padding:",";}}"],(({showCloseIcon:e})=>e&&"padding-right: 85px"),t.StyledHeaderContent,t.StyledHeading,t.StyledHeadingTitle,(({hasSubtitle:e})=>!e&&"4px 0px")),c=l.default.div.withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-b5995a75-3"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;flex-grow:1;padding:24px 32px 30px;"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],i.padding,a.StyledForm,a.StyledForm,a.StyledFormContent,i.padding,a.StyledFormFooter);s.defaultProps={theme:o.default},c.defaultProps={theme:o.default},exports.DialogPositioner=s,exports.StyledDialog=p,exports.StyledDialogContent=c,exports.StyledDialogTitle=g;

package/lib/components/dialog/index.d.ts

@@ -1,4 +1,3 @@
 export { default } from "./dialog.component";
-export type { DialogProps } from "./dialog.component";
-export type { DialogHandle } from "./dialog.component";
+export type { DialogProps, DialogHandle } from "./dialog.component";
 export type { DialogSizes } from "./dialog.config";

package/lib/components/dialog/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _dialog.default;
-  }
-});
-var _dialog = _interopRequireDefault(require("./dialog.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dialog.component.js");exports.default=e.Dialog;

package/lib/components/dialog/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/dialog/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/dialog/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/dialog-full-screen/content.style.js

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _form = require("../form/form.style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function computePadding({
-  disableContentPadding
-}) {
-  if (disableContentPadding) {
-    return "padding: 0;";
-  }
-  return (0, _styledComponents.css)`
-    padding: 0 16px;
-    @media screen and (min-width: 600px) {
-      padding: 0 24px;
-    }
-    @media screen and (min-width: 960px) {
-      padding: 0 32px;
-    }
-    @media screen and (min-width: 1260px) {
-      padding: 0 40px;
-    }
-  `;
-}
-const StyledContent = _styledComponents.default.div`
-  box-sizing: border-box;
-  display: block;
-  overflow-y: auto;
-
-  flex: 1;
-  width: 100%;
-
-  ${computePadding}
-
-  &:has(${_form.StyledForm}.sticky) {
-    display: flex;
-    flex-direction: column;
-    overflow-y: hidden;
-    padding: 0;
-
-    ${_form.StyledForm}.sticky {
-      ${_form.StyledFormContent} {
-        ${computePadding}
-      }
-    }
-  }
-
-  ${({
-  hasHeader
-}) => !hasHeader && (0, _styledComponents.css)`
-      padding-top: 0;
-    `}
-`;
-var _default = exports.default = StyledContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),d=require("../form/form.style.js");function n(e){return e&&e.__esModule?e:{default:e}}function t({disableContentPadding:d}){return d?"padding: 0;":e.css(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])}const i=n(e).default.div.withConfig({displayName:"content.style__StyledContent",componentId:"sc-a4a25ca1-0"})(["box-sizing:border-box;display:block;overflow-y:auto;flex:1;width:100%;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],t,d.StyledForm,d.StyledForm,d.StyledFormContent,t,(({hasHeader:d})=>!d&&e.css(["padding-top:0;"])));exports.default=i;

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -1,131 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DialogFullScreen = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _modal = _interopRequireDefault(require("../modal"));
-var _heading = _interopRequireDefault(require("../heading"));
-var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading"));
-var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.style"));
-var _content = _interopRequireDefault(require("./content.style"));
-var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _useModalAria = _interopRequireDefault(require("../../hooks/__internal__/useModalAria/useModalAria"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-let deprecatedDisableCloseTrigger = false;
-let deprecatedTimeoutTrigger = false;
-const DialogFullScreen = ({
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  disableAutoFocus = false,
-  focusFirstElement,
-  bespokeFocusTrap,
-  open,
-  children,
-  title,
-  subtitle,
-  pagesStyling,
-  headerChildren,
-  showCloseIcon = true,
-  disableContentPadding,
-  disableEscKey,
-  onCancel,
-  contentRef,
-  help,
-  role = "dialog",
-  focusableContainers,
-  focusableSelectors,
-  topModalOverride,
-  closeButtonDataProps,
-  restoreFocusOnClose = true,
-  ...rest
-}) => {
-  const locale = (0, _useLocale.default)();
-  const dialogRef = (0, _react.useRef)(null);
-  const headingRef = (0, _react.useRef)(null);
-  const {
-    current: titleId
-  } = (0, _react.useRef)((0, _guid.default)());
-  const {
-    current: subtitleId
-  } = (0, _react.useRef)((0, _guid.default)());
-  const isTopModal = (0, _useModalAria.default)(dialogRef);
-  if (!deprecatedDisableCloseTrigger && rest?.disableClose) {
-    deprecatedDisableCloseTrigger = true;
-    _logger.default.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.");
-  }
-  if (!deprecatedTimeoutTrigger && rest?.timeout) {
-    deprecatedTimeoutTrigger = true;
-    _logger.default.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed.");
-  }
-  const closeIcon = () => {
-    if (!showCloseIcon || !onCancel) return null;
-    return /*#__PURE__*/_react.default.createElement(_iconButton.default, _extends({
-      "aria-label": locale.dialogFullScreen.ariaLabels.close(),
-      onClick: onCancel
-    }, (0, _tags.default)("close", {
-      "data-element": "close",
-      ...closeButtonDataProps
-    })), /*#__PURE__*/_react.default.createElement(_icon.default, {
-      type: "close"
-    }));
-  };
-  const dialogTitle = () => /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
-    hasContent: !!title,
-    ref: headingRef
-  }, typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_heading.default, {
-    "data-element": "dialog-title",
-    title: title,
-    titleId: titleId,
-    subheader: subtitle,
-    subtitleId: subtitleId,
-    divider: false,
-    help: help
-  }) : title, headerChildren);
-  const ariaProps = {
-    "aria-labelledby": title && typeof title === "string" ? titleId : ariaLabelledBy,
-    "aria-describedby": subtitle && typeof subtitle === "string" ? subtitleId : ariaDescribedBy,
-    "aria-label": ariaLabel
-  };
-  return /*#__PURE__*/_react.default.createElement(_modal.default, _extends({
-    open: open,
-    onCancel: onCancel,
-    disableEscKey: disableEscKey,
-    topModalOverride: topModalOverride,
-    restoreFocusOnClose: restoreFocusOnClose
-  }, (0, _tags.default)("dialog-full-screen", rest)), /*#__PURE__*/_react.default.createElement(_focusTrap.default, {
-    autoFocus: !disableAutoFocus,
-    focusFirstElement: focusFirstElement,
-    bespokeTrap: bespokeFocusTrap,
-    wrapperRef: dialogRef,
-    isOpen: open,
-    additionalWrapperRefs: focusableContainers,
-    focusableSelectors: focusableSelectors
-  }, /*#__PURE__*/_react.default.createElement(_dialogFullScreen.default, _extends({
-    "aria-modal": role === "dialog" && isTopModal ? true : undefined
-  }, ariaProps, {
-    ref: dialogRef,
-    "data-element": "dialog-full-screen",
-    pagesStyling: pagesStyling,
-    role: role
-  }), title || headerChildren ? dialogTitle() : null, closeIcon(), /*#__PURE__*/_react.default.createElement(_content.default, {
-    hasHeader: title !== undefined,
-    "data-element": "content",
-    "data-role": "dialog-full-screen-content",
-    ref: contentRef,
-    disableContentPadding: disableContentPadding
-  }, children))));
-};
-exports.DialogFullScreen = DialogFullScreen;
-var _default = exports.default = DialogFullScreen;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/guid/index.js"),l=require("../modal/modal.component.js"),n=require("../heading/heading.component.js"),o=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),a=require("./dialog-full-screen.style.js"),s=require("./content.style.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),u=require("../icon-button/icon-button.component.js"),c=require("../icon/icon.component.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../hooks/__internal__/useModalAria/useModalAria.js"),f=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../../__internal__/utils/logger/index.js");function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){g(e,r,t[r])}))}return e}function j(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let O=!1,h=!1;const m=g=>{var{"aria-describedby":m,"aria-label":_,"aria-labelledby":v,disableAutoFocus:C=!1,focusFirstElement:P,bespokeFocusTrap:w,open:x,children:S,title:q,subtitle:F,pagesStyling:k,headerChildren:D,showCloseIcon:E=!0,disableContentPadding:R,disableEscKey:M,onCancel:I,contentRef:T,help:A,role:K="dialog",focusableContainers:L,focusableSelectors:B,topModalOverride:H,closeButtonDataProps:W,restoreFocusOnClose:z=!0}=g,G=function(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(g,["aria-describedby","aria-label","aria-labelledby","disableAutoFocus","focusFirstElement","bespokeFocusTrap","open","children","title","subtitle","pagesStyling","headerChildren","showCloseIcon","disableContentPadding","disableEscKey","onCancel","contentRef","help","role","focusableContainers","focusableSelectors","topModalOverride","closeButtonDataProps","restoreFocusOnClose"]);const J=d.default(),N=r.useRef(null),Q=r.useRef(null),{current:U}=r.useRef(t.default()),{current:V}=r.useRef(t.default()),X=p.default(N);!O&&(null==G?void 0:G.disableClose)&&(O=!0,b.default.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.")),!h&&(null==G?void 0:G.timeout)&&(h=!0,b.default.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed."));const Y={"aria-labelledby":q&&"string"==typeof q?U:v,"aria-describedby":F&&"string"==typeof F?V:m,"aria-label":_};return e.jsx(l.default,j(y({open:x,onCancel:I,disableEscKey:M,topModalOverride:H,restoreFocusOnClose:z},f.default("dialog-full-screen",G)),{children:e.jsx(i.default,{autoFocus:!C,focusFirstElement:P,bespokeTrap:w,wrapperRef:N,isOpen:x,additionalWrapperRefs:L,focusableSelectors:B,children:e.jsxs(a.default,j(y({"aria-modal":!("dialog"!==K||!X)||void 0},Y),{ref:N,"data-element":"dialog-full-screen",pagesStyling:k,role:K,children:[q||D?e.jsxs(o.default,{hasContent:!!q,ref:Q,children:["string"==typeof q?e.jsx(n.Heading,{"data-element":"dialog-title",title:q,titleId:U,subheader:F,subtitleId:V,divider:!1,help:A}):q,D]}):null,E&&I?e.jsx(u.default,j(y({"aria-label":J.dialogFullScreen.ariaLabels.close(),onClick:I},f.default("close",y({"data-element":"close"},W))),{children:e.jsx(c.default,{type:"close"})})):null,e.jsx(s.default,{hasHeader:void 0!==q,"data-element":"content","data-role":"dialog-full-screen-content",ref:T,disableContentPadding:R,children:S})]}))})}))};exports.DialogFullScreen=m,exports.default=m;

package/lib/components/dialog-full-screen/dialog-full-screen.style.js

@@ -1,83 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _content = _interopRequireDefault(require("./content.style"));
-var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
-var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading/full-screen-heading.style"));
-var _heading = require("../heading/heading.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledDialogFullScreen = _styledComponents.default.div`
-  :focus {
-    outline: none;
-  }
-
-  background-color: var(--colorsUtilityMajor025);
-  height: 100%;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: ${({
-  theme
-}) => theme.zIndex.fullScreenModal}; // TODO (tokens): implement elevation tokens - FE-4437
-  display: flex;
-  flex-direction: column;
-
-  ${_heading.StyledHeaderContent} {
-    align-items: baseline;
-  }
-
-  > ${_iconButton.default} {
-    margin: 0;
-    position: absolute;
-    right: 40px;
-    top: 26px;
-    z-index: 1;
-  }
-
-  /**
-    The following CSS is for a legacy use of the Pages component.
-    Please do not remove this until Pages has been re-written.
-   */
-  ${({
-  pagesStyling
-}) => pagesStyling && (0, _styledComponents.css)`
-      ${_content.default} {
-        padding: 0;
-      }
-
-      ${_iconButton.default} {
-        margin: 0;
-        position: absolute;
-        right: 33px;
-        top: 32px;
-        z-index: 1;
-      }
-
-      ${_fullScreenHeading.default} {
-        padding: 32px 32px 0;
-      }
-
-      ${_heading.StyledHeading} {
-        width: auto;
-        padding-top: 4px;
-
-        ${_heading.StyledHeader} {
-          margin: 0 0 0 3px;
-          box-sizing: content-box;
-          width: 100%;
-        }
-      }
-    `}
-`;
-StyledDialogFullScreen.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledDialogFullScreen;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/base/index.js"),i=require("./content.style.js"),n=require("../icon-button/icon-button.style.js"),l=require("../../__internal__/full-screen-heading/full-screen-heading.style.js"),o=require("../heading/heading.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const a=d(e).default.div.withConfig({displayName:"dialog-full-screen.style__StyledDialogFullScreen",componentId:"sc-4b4daf83-0"})([":focus{outline:none;}background-color:var(--colorsUtilityMajor025);height:100%;left:0;position:fixed;top:0;width:100%;z-index:",";display:flex;flex-direction:column;","{align-items:baseline;}> ","{margin:0;position:absolute;right:40px;top:26px;z-index:1;}",""],(({theme:e})=>e.zIndex.fullScreenModal),o.StyledHeaderContent,n.default,(({pagesStyling:t})=>t&&e.css(["","{padding:0;}","{margin:0;position:absolute;right:33px;top:32px;z-index:1;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],i.default,n.default,l.default,o.StyledHeading,o.StyledHeader)));a.defaultProps={theme:t.default},exports.default=a;

package/lib/components/dialog-full-screen/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _dialogFullScreen.default;
-  }
-});
-var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dialog-full-screen.component.js");exports.default=e.DialogFullScreen;

package/lib/components/dialog-full-screen/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/dialog-full-screen/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/dialog-full-screen/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/dismissible-box/dismissible-box.component.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DismissibleBox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _dismissibleBox = require("./dismissible-box.style");
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DismissibleBox = ({
-  children,
-  closeButtonDataProps,
-  onClose,
-  borderRadius = "borderRadius100",
-  ...rest
-}) => {
-  const locale = (0, _useLocale.default)();
-  return /*#__PURE__*/_react.default.createElement(_dismissibleBox.StyledDismissibleBox, _extends({
-    p: "20px 24px 20px 20px",
-    borderRadius: borderRadius
-  }, rest, (0, _tags.default)("dismissible-box", rest)), children, /*#__PURE__*/_react.default.createElement("span", {
-    "data-element": "close-button-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_iconButton.default, _extends({
-    onClick: onClose,
-    "aria-label": locale.dismissibleBox.ariaLabels.close(),
-    ml: 3
-  }, (0, _tags.default)("close-button", {
-    "data-element": "close-button",
-    ...closeButtonDataProps
-  })), /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "close",
-    color: "--colorsActionMinor500"
-  }))));
-};
-exports.DismissibleBox = DismissibleBox;
-var _default = exports.default = DismissibleBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("./dismissible-box.style.js"),o=require("../icon-button/icon-button.component.js"),n=require("../icon/icon.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const u=i=>{var{children:u,closeButtonDataProps:a,onClose:b,borderRadius:p="borderRadius100"}=i,f=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(i,["children","closeButtonDataProps","onClose","borderRadius"]);const d=r.default();return e.jsxs(t.StyledDismissibleBox,c(l({p:"20px 24px 20px 20px",borderRadius:p},f,s.default("dismissible-box",f)),{children:[u,e.jsx("span",{"data-element":"close-button-wrapper",children:e.jsx(o.default,c(l({onClick:b,"aria-label":d.dismissibleBox.ariaLabels.close(),ml:3},s.default("close-button",l({"data-element":"close-button"},a))),{children:e.jsx(n.default,{type:"close",color:"--colorsActionMinor500"})}))})]}))};exports.DismissibleBox=u,exports.default=u;

package/lib/components/dismissible-box/dismissible-box.style.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledDismissibleBox = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _box = _interopRequireDefault(require("../box"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledDismissibleBox = exports.StyledDismissibleBox = (0, _styledComponents.default)(_box.default)`
-  ${({
-  hasBorderLeftHighlight = true,
-  variant = "light"
-}) => (0, _styledComponents.css)`
-    background-color: ${variant === "light" ? "#FFFFFF" : "var(--colorsUtilityMajor050)"};
-
-    border: 1px solid var(--colorsUtilityMajor100);
-    display: flex;
-    justify-content: space-between;
-    word-break: break-word;
-
-    ${hasBorderLeftHighlight && `
-      border-left: none;
-      box-shadow: -4px 0 0 0 var(--colorsUtilityMajor400);
-    `}
-
-    ${_icon.default}:hover {
-      color: var(--colorsActionMinor600);
-    }
-  `}
-`;
+"use strict";var o=require("styled-components"),e=require("../box/box.component.js"),r=require("../icon/icon.style.js");function i(o){return o&&o.__esModule?o:{default:o}}const t=i(o).default(e.Box).withConfig({displayName:"dismissible-box.style__StyledDismissibleBox",componentId:"sc-4a614024-0"})(["",""],(({hasBorderLeftHighlight:e=!0,variant:i="light"})=>o.css(["background-color:",";border:1px solid var(--colorsUtilityMajor100);display:flex;justify-content:space-between;word-break:break-word;"," ",":hover{color:var(--colorsActionMinor600);}"],"light"===i?"#FFFFFF":"var(--colorsUtilityMajor050)",e&&"\n      border-left: none;\n      box-shadow: -4px 0 0 0 var(--colorsUtilityMajor400);\n    ",r.default)));exports.StyledDismissibleBox=t;

package/lib/components/dismissible-box/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _dismissibleBox.default;
-  }
-});
-var _dismissibleBox = _interopRequireDefault(require("./dismissible-box.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dismissible-box.component.js");exports.default=e.DismissibleBox;

package/lib/components/dismissible-box/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/dismissible-box/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/dismissible-box/index.js",
   "types": "./index.d.ts"
 }