carbon-react 158.15.0 → 158.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import e,{css as n}from"styled-components";import{StyledHeading as t,StyledHeader as i}from"../../components/heading/heading.style.js";const a=e.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-7e5b8f64-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=e.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-7e5b8f64-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;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;}"," ","{width:auto;margin-bottom:24px;","{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}"],(({hasContent:e})=>e&&n(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:e})=>e&&n(["&{padding-right:64px;}"])),t,i);export{a as StyledHeaderContainer,d as default};
1
+ import e,{css as t}from"styled-components";const a=e.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=e.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;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;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:e})=>e&&t(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:e})=>e&&t(["&{padding-right:64px;}"])));export{a as StyledHeaderContainer,d as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o}from"react";import n from"../../__internal__/utils/helpers/guid/index.js";import{Heading as r}from"../heading/heading.component.js";import{Dialog as i}from"../dialog/dialog.component.js";import{StyledConfirmButtons as c,StyledConfirmHeading as l}from"./confirm.style.js";import a from"../button/button.component.js";import s from"../icon/icon.component.js";import{Loader as u}from"../loader/loader.component.js";import p from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){b(e,t,o[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const y=b=>{var{"aria-labelledby":y,"aria-describedby":O,"aria-label":j,open:g,children:P,cancelButtonDestructive:h=!1,confirmButtonDestructive:B=!1,cancelButtonType:v="secondary",confirmButtonType:C="primary",cancelButtonIconType:I,cancelButtonIconPosition:w,confirmButtonIconType:T,confirmButtonIconPosition:D,cancelButtonDataProps:_,confirmButtonDataProps:L,cancelLabel:S,onCancel:k,disableCancel:x,onConfirm:z,isLoadingConfirm:E,disableConfirm:M,confirmLabel:A,iconType:q,subtitle:F,title:G,size:H="extra-small",showCloseIcon:J=!1,topModalOverride:K}=b,N=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(b,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const Q=p(),{current:R}=o(n()),{current:U}=o(n()),V={"aria-labelledby":y,"aria-describedby":O,"aria-label":j};return G&&q&&(V["aria-labelledby"]=R),F&&q&&(V["aria-describedby"]=U),e(i,f(d({open:g,onCancel:k,disableClose:x,subtitle:F,title:q?e(l,{type:q,"data-element":q,children:[t(s,{type:q,fontSize:"medium"}),t(r,{title:G,titleId:R,subheader:F,subtitleId:U,divider:!1})]}):G,role:"alertdialog",size:H,showCloseIcon:J,topModalOverride:K},V,N),{"data-component":"confirm",children:[P,e(c,{children:[k?t(a,f(d({onClick:k,buttonType:v,destructive:h,disabled:x,iconType:I,iconPosition:w},m("cancel",d({"data-element":"cancel"},_))),{children:S||Q.confirm.no()})):null,t(a,f(d({onClick:z,buttonType:C,destructive:B,disabled:E||M,ml:2,iconType:T,iconPosition:D},m("confirm",d({"data-element":"confirm"},L))),{children:E?t(u,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):A||Q.confirm.yes()}))]})]}))};export{y as Confirm,y as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o}from"react";import n from"../../__internal__/utils/helpers/guid/index.js";import{Dialog as r}from"../dialog/dialog.component.js";import{StyledConfirmButtons as i,StyledConfirmHeading as c}from"./confirm.style.js";import a from"../button/button.component.js";import l from"../icon/icon.component.js";import{Loader as s}from"../loader/loader.component.js";import{Typography as p}from"../typography/typography.component.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){b(e,t,o[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const y=b=>{var{"aria-labelledby":y,"aria-describedby":O,"aria-label":j,open:g,children:h,cancelButtonDestructive:P=!1,confirmButtonDestructive:B=!1,cancelButtonType:v="secondary",confirmButtonType:w="primary",cancelButtonIconType:C,cancelButtonIconPosition:T,confirmButtonIconType:I,confirmButtonIconPosition:D,cancelButtonDataProps:_,confirmButtonDataProps:k,cancelLabel:L,onCancel:S,disableCancel:x,onConfirm:z,isLoadingConfirm:E,disableConfirm:M,confirmLabel:A,iconType:W,subtitle:q,title:F,size:G="extra-small",showCloseIcon:H=!1,topModalOverride:J}=b,K=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(b,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const N=u(),{current:Q}=o(n()),{current:R}=o(n()),U={"aria-labelledby":y,"aria-describedby":O,"aria-label":j};return F&&W&&(U["aria-labelledby"]=Q),q&&W&&(U["aria-describedby"]=R),e(r,f(d({open:g,onCancel:S,disableClose:x,subtitle:q,title:W?e(c,{type:W,"data-element":W,children:[t(l,{type:W,fontSize:"medium"}),t(p,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:Q,children:F})]}):F,role:"alertdialog",size:G,showCloseIcon:H,topModalOverride:J},U,K),{"data-component":"confirm",children:[h,e(i,{children:[S?t(a,f(d({onClick:S,buttonType:v,destructive:P,disabled:x,iconType:C,iconPosition:T},m("cancel",d({"data-element":"cancel"},_))),{children:L||N.confirm.no()})):null,t(a,f(d({onClick:z,buttonType:w,destructive:B,disabled:E||M,ml:2,iconType:I,iconPosition:D},m("confirm",d({"data-element":"confirm"},k))),{children:E?t(s,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):A||N.confirm.yes()}))]})]}))};export{y as Confirm,y as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as a,StyledDialogContent as i,StyledDialogTitle as s}from"./dialog.style.js";import{Heading as c}from"../heading/heading.component.js";import d from"../icon/icon.component.js";import p from"../icon-button/icon-button.component.js";import u from"../../__internal__/modal/modal.component.js";import b from"../../__internal__/focus-trap/focus-trap.component.js";import f from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../__internal__/utils/logger/index.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../hooks/__internal__/useModalAria/useModalAria.js";function j(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){j(e,t,o[t])}))}return e}function C(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}let v=!1,P=!1;const w=o(((o,j)=>{var{className:w,"data-component":S="dialog","data-element":k="dialog","data-role":F,children:x,open:I,height:E,size:D="medium",title:M,disableEscKey:B,subtitle:T,disableAutoFocus:A=!1,focusFirstElement:R,focusableSelectors:z,onCancel:K,showCloseIcon:L=!0,bespokeFocusTrap:N,disableClose:V,help:H,highlightVariant:U="default",role:$="dialog",contentPadding:W,greyBackground:Y=!1,focusableContainers:q,topModalOverride:G,closeButtonDataProps:J,restoreFocusOnClose:Q=!0,"aria-labelledby":X,"aria-describedby":Z,"aria-label":ee,pagesStyling:te,headerChildren:oe,disableContentPadding:re,contentRef:le,fullscreen:ne=!1}=o,ae=function(e,t){if(null==e)return{};var o,r,l=function(e,t){if(null==e)return{};var o,r,l={},n=Object.keys(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||(l[o]=e[o]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(o,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const ie=y(),se=r(null),ce=r(null),de=r(null),{current:pe}=r(g()),{current:ue}=r(g()),be=O(se);!v&&V&&(v=!0,h.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!P&&te&&(P=!0,h.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),l(j,(()=>({focus(){var e;null===(e=se.current)||void 0===e||e.focus()}})),[]);const fe=L&&K&&e(p,C(_({"aria-label":ie.dialog.ariaLabels.close(),disabled:V,onClick:K},m("close",_({"data-element":"close"},J))),{children:e(d,{type:"close"})}));let ge=E;E&&E.match(/px$/)&&(ge=E.replace("px",""));const me={"aria-describedby":T&&"string"==typeof T?ue:Z,"aria-label":ee,"aria-labelledby":M&&"string"==typeof M?pe:X};return e(u,C(_({className:w?`${w} carbon-dialog`:"carbon-dialog",disableClose:V,disableEscKey:B,onCancel:K,open:I,restoreFocusOnClose:Q,topModalOverride:G},m("dialog",ae),ae),{children:e(b,{additionalWrapperRefs:q,autoFocus:!A,bespokeTrap:N,focusableSelectors:z,focusFirstElement:R,isOpen:I,wrapperRef:se,children:e(n,{fullscreen:ne,children:t(a,C(_(C(_({"aria-modal":!("dialog"!==$||!be)||void 0},me),{backgroundColor:Y?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":S,"data-element":k,"data-role":F,dialogHeight:ge,fullscreen:ne,highlightVariant:U,pagesStyling:te,ref:se,role:$,size:D,tabIndex:-1}),W),{children:[M||oe?ne?t(f,{hasContent:!!M,hasCloseButton:L,ref:ce,children:["string"==typeof M?e(c,{"data-element":"dialog-title",title:M,titleId:pe,subheader:T,subtitleId:ue,divider:!1,help:H}):M,oe]}):e(s,{hasSubtitle:!!T,ref:de,showCloseIcon:L,children:"string"==typeof M?e(c,{"data-element":"dialog-title",divider:!1,help:H,subheader:T,subtitleId:ue,title:M,titleId:pe}):M}):null,fe,e(i,C(_({},W),{"data-role":"dialog-content",disableContentPadding:re,fullscreen:ne,hasHeader:void 0!==M,tabIndex:-1,ref:le,children:x}))]}))})})}))}));export{w as Dialog,w as default};
1
+ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as o,useRef as a,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as i,StyledDialogContent as s,StyledDialogTitle as c}from"./dialog.style.js";import{StyledHeaderHelp as d}from"../heading/heading.style.js";import p from"../icon/icon.component.js";import u from"../icon-button/icon-button.component.js";import{Typography as b}from"../typography/typography.component.js";import g from"../../__internal__/modal/modal.component.js";import m from"../../__internal__/focus-trap/focus-trap.component.js";import f from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import h from"../../__internal__/utils/helpers/guid/index.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import O from"../../__internal__/utils/logger/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../hooks/__internal__/useModalAria/useModalAria.js";function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){v(e,t,r[t])}))}return e}function C(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let P=!1,k=!1;const S=o(((o,v)=>{var{className:S,"data-component":x="dialog","data-element":F="dialog","data-role":E,children:B,open:D,height:I,size:M="medium",title:T,disableEscKey:R,subtitle:A,disableAutoFocus:z=!1,focusFirstElement:K,focusableSelectors:L,onCancel:N,showCloseIcon:V=!0,bespokeFocusTrap:W,disableClose:H,help:U,highlightVariant:$="default",role:Y="dialog",contentPadding:q,greyBackground:G=!1,focusableContainers:J,topModalOverride:Q,closeButtonDataProps:X,restoreFocusOnClose:Z=!0,"aria-labelledby":ee,"aria-describedby":te,"aria-label":re,pagesStyling:oe,headerChildren:ae,disableContentPadding:le,contentRef:ne,fullscreen:ie=!1}=o,se=function(e,t){if(null==e)return{};var r,o,a=function(e,t){if(null==e)return{};var r,o,a={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(o,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const ce=j(),de=a(null),pe=a(null),ue=a(null),{current:be}=a(h()),{current:ge}=a(h()),me=_(de);!P&&H&&(P=!0,O.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!k&&oe&&(k=!0,O.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),l(v,(()=>({focus(){var e;null===(e=de.current)||void 0===e||e.focus()}})),[]);const fe=V&&N&&e(u,C(w({"aria-label":ce.dialog.ariaLabels.close(),disabled:H,onClick:N},y("close",w({"data-element":"close"},X))),{children:e(p,{type:"close"})}));let he=I;I&&I.match(/px$/)&&(he=I.replace("px",""));const ye={"aria-describedby":A&&"string"==typeof A?ge:te,"aria-label":re,"aria-labelledby":T&&"string"==typeof T?be:ee};return e(g,C(w({className:S?`${S} carbon-dialog`:"carbon-dialog",disableClose:H,disableEscKey:R,onCancel:N,open:D,restoreFocusOnClose:Z,topModalOverride:Q},y("dialog",se),se),{children:e(m,{additionalWrapperRefs:J,autoFocus:!z,bespokeTrap:W,focusableSelectors:L,focusFirstElement:K,isOpen:D,wrapperRef:de,children:e(n,{fullscreen:ie,children:t(i,C(w(C(w({"aria-modal":!("dialog"!==Y||!me)||void 0},ye),{backgroundColor:G?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":x,"data-element":F,"data-role":E,dialogHeight:he,fullscreen:ie,highlightVariant:$,pagesStyling:oe,ref:de,role:Y,size:M,tabIndex:-1}),q),{children:[T||ae?(()=>{const o=t("div",{"data-element":"dialog-title-container",children:["string"==typeof T?e(r,{children:U?t("div",{"data-element":"dialog-title-help-wrapper",children:[e(b,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:be,children:T}),e(d,{"data-element":"help",tooltipPosition:"right",children:U})]}):e(b,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:be,children:T})}):T,A&&e("div",{style:{marginTop:"5px",width:"100%",flexBasis:"100%"},"data-element":"subtitle","data-role":"subtitle",id:ge,children:A})]});return ie?t(f,{hasContent:!!T,hasCloseButton:V,ref:pe,children:[o,ae]}):t(c,{hasSubtitle:!!A,ref:ue,showCloseIcon:V,children:[o,ae]})})():null,fe,e(s,C(w({},q),{"data-role":"dialog-content",disableContentPadding:le,fullscreen:ie,hasHeader:void 0!==T,tabIndex:-1,ref:ne,children:B}))]}))})})}))}));export{S as Dialog,S as default};
@@ -1 +1 @@
1
- import i,{css as e}from"styled-components";import{padding as d}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import{StyledHeaderContent as t,StyledHeading as n,StyledHeadingTitle as a,StyledHeader as r}from"../heading/heading.style.js";import l from"../icon-button/icon-button.style.js";import{StyledForm as p,StyledFormContent as s,StyledFormFooter as g}from"../form/form.style.js";import c from"../../__internal__/full-screen-heading/full-screen-heading.style.js";const x={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},m=(i=!1)=>o=>i?e(["padding:0;"]):(i=>void 0!==i.padding||void 0!==i.p||void 0!==i.paddingTop||void 0!==i.pt||void 0!==i.paddingRight||void 0!==i.pr||void 0!==i.paddingBottom||void 0!==i.pb||void 0!==i.paddingLeft||void 0!==i.pl||void 0!==i.paddingX||void 0!==i.px||void 0!==i.paddingY||void 0!==i.py)(o)?e(["",""],d):e(["",""],e(["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;}"])),f=i.div.attrs(o).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-499f617a-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:i,fullscreen:e})=>e?i.zIndex.fullScreenModal:i.zIndex.modal),(({fullscreen:i})=>i&&e(["justify-content:stretch;align-items:stretch;"]))),h=i.div.attrs(o).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-499f617a-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(i=>{var{disableContentPadding:o,fullscreen:t,hasHeader:n}=i,a=function(i,e){if(null==i)return{};var d,o,t=function(i,e){if(null==i)return{};var d,o,t={},n=Object.keys(i);for(o=0;o<n.length;o++)d=n[o],e.indexOf(d)>=0||(t[d]=i[d]);return t}(i,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(i);for(o=0;o<n.length;o++)d=n[o],e.indexOf(d)>=0||Object.prototype.propertyIsEnumerable.call(i,d)&&(t[d]=i[d])}return t}(i,["disableContentPadding","fullscreen","hasHeader"]);return t?e(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],m(o)(a),p,p,s,m(o)(a),!n&&e(["padding-top:0;"])):e(["flex-grow:1;padding:",";"," &: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);}}}"],o?"0px":"24px 32px 30px",d,p,p,s,d,g)})),u=i.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-499f617a-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," ","{align-items:baseline;}> ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:d,fullscreen:o,highlightVariant:t,size:n})=>o?e(["background-color:",";height:100%;width:100%;"],i):e(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,t&&"ai"===t&&e(['&::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;}']),"maximise"===n?e(["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(["max-height:90vh;max-width:",";width:100%;"],x[n]),d&&e(["height:","px;"],d))),t,l,(({fullscreen:i})=>e(i?["right:40px;top:26px;"]:["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:d})=>function({fullscreen:i,pagesStyling:d}){return i&&d?e(["","{padding:0;}> ","{right:33px;top:32px;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],h,l,c,n,r):""}({fullscreen:i,pagesStyling:d}))),b=i.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-499f617a-3"})(["",""],(({fullscreen:i,hasSubtitle:d,showCloseIcon:o})=>!i&&e(["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:",";}}"],o&&"padding-right: 85px",t,n,a,!d&&"4px 0px")));export{f as DialogPositioner,u as StyledDialog,h as StyledDialogContent,b as StyledDialogTitle};
1
+ import e,{css as i}from"styled-components";import{padding as t}from"styled-system";import d from"../../style/themes/apply-base-theme.js";import o from"../icon-button/icon-button.style.js";import{StyledForm as a,StyledFormContent as n,StyledFormFooter as r}from"../form/form.style.js";import l from"../../__internal__/full-screen-heading/full-screen-heading.style.js";const p={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(e=!1)=>d=>e?i(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(d)?i(["",""],t):i(["",""],i(["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;}"])),g=e.div.attrs(d).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-6e8ce702-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:e})=>e&&i(["justify-content:stretch;align-items:stretch;"]))),c=e.div.attrs(d).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(e=>{var{disableContentPadding:d,fullscreen:o,hasHeader:l}=e,p=function(e,i){if(null==e)return{};var t,d,o=function(e,i){if(null==e)return{};var t,d,o={},a=Object.keys(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||(o[t]=e[t]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["disableContentPadding","fullscreen","hasHeader"]);return o?i(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(p),a,a,n,s(d)(p),!l&&i(["padding-top:0;"])):i(["flex-grow:1;padding:",";"," &: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);}}}"],d?"0px":"24px 32px 30px",t,a,a,n,t,r)})),x=e.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-6e8ce702-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:e,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?i(["background-color:",";height:100%;width:100%;"],e):i(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],e,o&&"ai"===o&&i(['&::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;}']),"maximise"===a?i(["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));}"]):i(["max-height:90vh;max-width:",";width:100%;"],p[a]),t&&i(["height:","px;"],t))),o,(({fullscreen:e})=>i(e?["right:40px;top:26px;"]:["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:e,pagesStyling:t})=>function({fullscreen:e,pagesStyling:t}){return e&&t?i(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],c,o,l):""}({fullscreen:e,pagesStyling:t}))),m=e.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:e,hasSubtitle:t,showCloseIcon:d})=>!e&&i(["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);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{margin-bottom:20px;[data-element="dialog-title"]{color:var(--colorsUtilityYin090);display:block;padding:',";}}"],d&&"padding-right: 85px",!t&&"4px 0px")));export{g as DialogPositioner,x as StyledDialog,c as StyledDialogContent,m as StyledDialogTitle};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"../../../../../__internal__/modal/modal-manager.js";import"../../../../../__internal__/modal/modal.style.js";import"../../../../../__internal__/modal/modal.context.js";import"../../../../carbon-provider/__internal__/top-modal.context.js";import"../../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:j="medium"},x)=>{const b=n(),y=d||_?`${l}-validation-message`:"",g=i?`${l}-input-hint`:"",f=(u?`${y} ${g}`:`${g} ${y}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:j,children:[o(e,{ref:x,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var o;if(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("toolbar-button")){var e;const o=null===(e=t.relatedTarget)||void 0===e?void 0:e.id;if(o){const t=document.querySelector(`[id="${o}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||b(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),o(a,{previews:s})]})}));export{l as default};
1
+ import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"../../../../typography/typography.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"../../../../../__internal__/modal/modal-manager.js";import"../../../../../__internal__/modal/modal.style.js";import"../../../../../__internal__/modal/modal.context.js";import"../../../../carbon-provider/__internal__/top-modal.context.js";import"../../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:j="medium"},x)=>{const y=n(),b=d||_?`${l}-validation-message`:"",g=i?`${l}-input-hint`:"",f=(u?`${b} ${g}`:`${g} ${b}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:j,children:[o(e,{ref:x,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var o;if(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("toolbar-button")){var e;const o=null===(e=t.relatedTarget)||void 0===e?void 0:e.id;if(o){const t=document.querySelector(`[id="${o}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||y(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),o(a,{previews:s})]})}));export{l as default};
@@ -7,7 +7,7 @@ interface StyledVerticalMenuProps extends PaddingProps {
7
7
  export declare const StyledVerticalMenuItem: import("styled-components").StyledComponent<"div", any, {
8
8
  theme: object;
9
9
  } & StyledVerticalMenuProps, "theme">;
10
- export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
10
+ export declare const StyledTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
11
11
  export declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {}, never>;
12
12
  export declare const StyledTitleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
13
13
  export declare const StyledChevronIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
@@ -1 +1 @@
1
- import e,{css as t}from"styled-components";import{padding as o}from"styled-system";import n from"../../style/utils/add-focus-styling.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";import a from"../icon/icon.component.js";import l from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-3e966cd0-0"})(["list-style:none;margin:0;padding:0;"]),s=e.div.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-3e966cd0-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),o,n(!0),(({active:e})=>e&&t(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),r),c=e.h3.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-3e966cd0-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),p=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-3e966cd0-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),m=e(a).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-3e966cd0-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),f=e(a).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-3e966cd0-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=e(l).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-3e966cd0-6"})(["&::-webkit-scrollbar{width:12px;}"]),y=e(l).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-3e966cd0-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{p as StyledAdornment,f as StyledChevronIcon,d as StyledList,c as StyledTitle,m as StyledTitleIcon,v as StyledVerticalMenu,y as StyledVerticalMenuFullScreen,s as StyledVerticalMenuItem};
1
+ import e,{css as t}from"styled-components";import{padding as o}from"styled-system";import n from"../../style/utils/add-focus-styling.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";import a from"../icon/icon.component.js";import l from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-b3a4d279-0"})(["list-style:none;margin:0;padding:0;"]),s=e.div.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-b3a4d279-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),o,n(!0),(({active:e})=>e&&t(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),r),c=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-b3a4d279-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),p=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-b3a4d279-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),m=e(a).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-b3a4d279-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),f=e(a).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-b3a4d279-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=e(l).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-b3a4d279-6"})(["&::-webkit-scrollbar{width:12px;}"]),y=e(l).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-b3a4d279-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{p as StyledAdornment,f as StyledChevronIcon,d as StyledList,c as StyledTitle,m as StyledTitleIcon,v as StyledVerticalMenu,y as StyledVerticalMenuFullScreen,s as StyledVerticalMenuItem};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../components/heading/heading.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var d=n(e);const a=d.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-7e5b8f64-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),i=d.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-7e5b8f64-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;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;}"," ","{width:auto;margin-bottom:24px;","{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}"],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])),t.StyledHeading,t.StyledHeader);exports.StyledHeaderContainer=a,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const d=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),n=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;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;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])));exports.StyledHeaderContainer=d,exports.default=n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../__internal__/utils/helpers/guid/index.js"),r=require("../heading/heading.component.js"),o=require("../dialog/dialog.component.js"),i=require("./confirm.style.js"),c=require("../button/button.component.js"),l=require("../icon/icon.component.js"),a=require("../loader/loader.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=d=>{var{"aria-labelledby":p,"aria-describedby":y,"aria-label":m,open:j,children:O,cancelButtonDestructive:g=!1,confirmButtonDestructive:P=!1,cancelButtonType:h="secondary",confirmButtonType:v="primary",cancelButtonIconType:B,cancelButtonIconPosition:C,confirmButtonIconType:x,confirmButtonIconPosition:I,cancelButtonDataProps:w,confirmButtonDataProps:T,cancelLabel:_,onCancel:D,disableCancel:q,onConfirm:L,isLoadingConfirm:S,disableConfirm:k,confirmLabel:z,iconType:M,subtitle:E,title:H,size:R="extra-small",showCloseIcon:A=!1,topModalOverride:F}=d,G=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(d,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const J=s.default(),{current:K}=t.useRef(n.default()),{current:N}=t.useRef(n.default()),Q={"aria-labelledby":p,"aria-describedby":y,"aria-label":m};return H&&M&&(Q["aria-labelledby"]=K),E&&M&&(Q["aria-describedby"]=N),e.jsxs(o.Dialog,f(b({open:j,onCancel:D,disableClose:q,subtitle:E,title:M?e.jsxs(i.StyledConfirmHeading,{type:M,"data-element":M,children:[e.jsx(l.default,{type:M,fontSize:"medium"}),e.jsx(r.Heading,{title:H,titleId:K,subheader:E,subtitleId:N,divider:!1})]}):H,role:"alertdialog",size:R,showCloseIcon:A,topModalOverride:F},Q,G),{"data-component":"confirm",children:[O,e.jsxs(i.StyledConfirmButtons,{children:[D?e.jsx(c.default,f(b({onClick:D,buttonType:h,destructive:g,disabled:q,iconType:B,iconPosition:C},u.default("cancel",b({"data-element":"cancel"},w))),{children:_||J.confirm.no()})):null,e.jsx(c.default,f(b({onClick:L,buttonType:v,destructive:P,disabled:S||k,ml:2,iconType:x,iconPosition:I},u.default("confirm",b({"data-element":"confirm"},T))),{children:S?e.jsx(a.Loader,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):z||J.confirm.yes()}))]})]}))};exports.Confirm=p,exports.default=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../__internal__/utils/helpers/guid/index.js"),r=require("../dialog/dialog.component.js"),o=require("./confirm.style.js"),i=require("../button/button.component.js"),a=require("../icon/icon.component.js"),c=require("../loader/loader.component.js"),l=require("../typography/typography.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const f=d=>{var{"aria-labelledby":f,"aria-describedby":y,"aria-label":m,open:j,children:O,cancelButtonDestructive:g=!1,confirmButtonDestructive:h=!1,cancelButtonType:P="secondary",confirmButtonType:B="primary",cancelButtonIconType:v,cancelButtonIconPosition:C,confirmButtonIconType:w,confirmButtonIconPosition:x,cancelButtonDataProps:T,confirmButtonDataProps:_,cancelLabel:D,onCancel:I,disableCancel:q,onConfirm:L,isLoadingConfirm:S,disableConfirm:k,confirmLabel:z,iconType:M,subtitle:E,title:R,size:A="extra-small",showCloseIcon:H=!1,topModalOverride:W}=d,F=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(d,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const G=s.default(),{current:J}=t.useRef(n.default()),{current:K}=t.useRef(n.default()),N={"aria-labelledby":f,"aria-describedby":y,"aria-label":m};return R&&M&&(N["aria-labelledby"]=J),E&&M&&(N["aria-describedby"]=K),e.jsxs(r.Dialog,b(p({open:j,onCancel:I,disableClose:q,subtitle:E,title:M?e.jsxs(o.StyledConfirmHeading,{type:M,"data-element":M,children:[e.jsx(a.default,{type:M,fontSize:"medium"}),e.jsx(l.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:J,children:R})]}):R,role:"alertdialog",size:A,showCloseIcon:H,topModalOverride:W},N,F),{"data-component":"confirm",children:[O,e.jsxs(o.StyledConfirmButtons,{children:[I?e.jsx(i.default,b(p({onClick:I,buttonType:P,destructive:g,disabled:q,iconType:v,iconPosition:C},u.default("cancel",p({"data-element":"cancel"},T))),{children:D||G.confirm.no()})):null,e.jsx(i.default,b(p({onClick:L,buttonType:B,destructive:h,disabled:S||k,ml:2,iconType:w,iconPosition:x},u.default("confirm",p({"data-element":"confirm"},_))),{children:S?e.jsx(c.Loader,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):z||G.confirm.yes()}))]})]}))};exports.Confirm=f,exports.default=f;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../../__internal__/modal/modal.component.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let y=!1,j=!1;const m=t.forwardRef(((f,m)=>{var{className:O,"data-component":_="dialog","data-element":v="dialog","data-role":C,children:x,open:P,height:w,size:S="medium",title:q,disableEscKey:D,subtitle:k,disableAutoFocus:F=!1,focusFirstElement:I,focusableSelectors:R,onCancel:E,showCloseIcon:M=!0,bespokeFocusTrap:T,disableClose:B,help:H,highlightVariant:A="default",role:z="dialog",contentPadding:K,greyBackground:L=!1,focusableContainers:N,topModalOverride:V,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":W,"aria-describedby":Y,"aria-label":G,pagesStyling:J,headerChildren:Q,disableContentPadding:X,contentRef:Z,fullscreen:ee=!1}=f,te=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const re=p.default(),le=t.useRef(null),ae=t.useRef(null),oe=t.useRef(null),{current:ne}=t.useRef(d.default()),{current:ie}=t.useRef(d.default()),se=b.default(le);!y&&B&&(y=!0,u.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!j&&J&&(j=!0,u.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(m,(()=>({focus(){var e;null===(e=le.current)||void 0===e||e.focus()}})),[]);const de=M&&E&&e.jsx(o.default,h(g({"aria-label":re.dialog.ariaLabels.close(),disabled:B,onClick:E},c.default("close",g({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ce=w;w&&w.match(/px$/)&&(ce=w.replace("px",""));const ue={"aria-describedby":k&&"string"==typeof k?ie:Y,"aria-label":G,"aria-labelledby":q&&"string"==typeof q?ne:W};return e.jsx(n.default,h(g({className:O?`${O} carbon-dialog`:"carbon-dialog",disableClose:B,disableEscKey:D,onCancel:E,open:P,restoreFocusOnClose:$,topModalOverride:V},c.default("dialog",te),te),{children:e.jsx(i.default,{additionalWrapperRefs:N,autoFocus:!F,bespokeTrap:T,focusableSelectors:R,focusFirstElement:I,isOpen:P,wrapperRef:le,children:e.jsx(r.DialogPositioner,{fullscreen:ee,children:e.jsxs(r.StyledDialog,h(g(h(g({"aria-modal":!("dialog"!==z||!se)||void 0},ue),{backgroundColor:L?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":_,"data-element":v,"data-role":C,dialogHeight:ce,fullscreen:ee,highlightVariant:A,pagesStyling:J,ref:le,role:z,size:S,tabIndex:-1}),K),{children:[q||Q?ee?e.jsxs(s.default,{hasContent:!!q,hasCloseButton:M,ref:ae,children:["string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",title:q,titleId:ne,subheader:k,subtitleId:ie,divider:!1,help:H}):q,Q]}):e.jsx(r.StyledDialogTitle,{hasSubtitle:!!k,ref:oe,showCloseIcon:M,children:"string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",divider:!1,help:H,subheader:k,subtitleId:ie,title:q,titleId:ne}):q}):null,de,e.jsx(r.StyledDialogContent,h(g({},K),{"data-role":"dialog-content",disableContentPadding:X,fullscreen:ee,hasHeader:void 0!==q,tabIndex:-1,ref:Z,children:x}))]}))})})}))}));exports.Dialog=m,exports.default=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.style.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../typography/typography.component.js"),i=require("../../__internal__/modal/modal.component.js"),s=require("../../__internal__/focus-trap/focus-trap.component.js"),d=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),p=require("../../__internal__/utils/logger/index.js"),g=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let j=!1,m=!1;const O=t.forwardRef(((f,O)=>{var{className:_,"data-component":x="dialog","data-element":v="dialog","data-role":w,children:C,open:P,height:S,size:k="medium",title:q,disableEscKey:D,subtitle:F,disableAutoFocus:R=!1,focusFirstElement:E,focusableSelectors:T,onCancel:B,showCloseIcon:I=!0,bespokeFocusTrap:M,disableClose:H,help:A,highlightVariant:z="default",role:K="dialog",contentPadding:L,greyBackground:N=!1,focusableContainers:V,topModalOverride:W,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":Y,"aria-describedby":G,"aria-label":J,pagesStyling:Q,headerChildren:X,disableContentPadding:Z,contentRef:ee,fullscreen:te=!1}=f,re=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const le=g.default(),ae=t.useRef(null),oe=t.useRef(null),ne=t.useRef(null),{current:ie}=t.useRef(c.default()),{current:se}=t.useRef(c.default()),de=b.default(ae);!j&&H&&(j=!0,p.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!m&&Q&&(m=!0,p.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(O,(()=>({focus(){var e;null===(e=ae.current)||void 0===e||e.focus()}})),[]);const ce=I&&B&&e.jsx(o.default,y(h({"aria-label":le.dialog.ariaLabels.close(),disabled:H,onClick:B},u.default("close",h({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ue=S;S&&S.match(/px$/)&&(ue=S.replace("px",""));const pe={"aria-describedby":F&&"string"==typeof F?se:G,"aria-label":J,"aria-labelledby":q&&"string"==typeof q?ie:Y};return e.jsx(i.default,y(h({className:_?`${_} carbon-dialog`:"carbon-dialog",disableClose:H,disableEscKey:D,onCancel:B,open:P,restoreFocusOnClose:$,topModalOverride:W},u.default("dialog",re),re),{children:e.jsx(s.default,{additionalWrapperRefs:V,autoFocus:!R,bespokeTrap:M,focusableSelectors:T,focusFirstElement:E,isOpen:P,wrapperRef:ae,children:e.jsx(r.DialogPositioner,{fullscreen:te,children:e.jsxs(r.StyledDialog,y(h(y(h({"aria-modal":!("dialog"!==K||!de)||void 0},pe),{backgroundColor:N?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":x,"data-element":v,"data-role":w,dialogHeight:ue,fullscreen:te,highlightVariant:z,pagesStyling:Q,ref:ae,role:K,size:k,tabIndex:-1}),L),{children:[q||X?(()=>{const t=e.jsxs("div",{"data-element":"dialog-title-container",children:["string"==typeof q?e.jsx(e.Fragment,{children:A?e.jsxs("div",{"data-element":"dialog-title-help-wrapper",children:[e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:ie,children:q}),e.jsx(l.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",children:A})]}):e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:ie,children:q})}):q,F&&e.jsx("div",{style:{marginTop:"5px",width:"100%",flexBasis:"100%"},"data-element":"subtitle","data-role":"subtitle",id:se,children:F})]});return te?e.jsxs(d.default,{hasContent:!!q,hasCloseButton:I,ref:oe,children:[t,X]}):e.jsxs(r.StyledDialogTitle,{hasSubtitle:!!F,ref:ne,showCloseIcon:I,children:[t,X]})})():null,ce,e.jsx(r.StyledDialogContent,y(h({},L),{"data-role":"dialog-content",disableContentPadding:Z,fullscreen:te,hasHeader:void 0!==q,tabIndex:-1,ref:ee,children:C}))]}))})})}))}));exports.Dialog=O,exports.default=O;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),i=require("styled-system"),d=require("../../style/themes/apply-base-theme.js"),t=require("../heading/heading.style.js"),o=require("../icon-button/icon-button.style.js"),a=require("../form/form.style.js"),n=require("../../__internal__/full-screen-heading/full-screen-heading.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var l=r(e);const s={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},p=(d=!1)=>t=>d?e.css(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(t)?e.css(["",""],i.padding):e.css(["",""],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;}"])),c=l.default.div.attrs(d.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-499f617a-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:i})=>i&&e.css(["justify-content:stretch;align-items:stretch;"]))),g=l.default.div.attrs(d.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-499f617a-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(d=>{var{disableContentPadding:t,fullscreen:o,hasHeader:n}=d,r=function(e,i){if(null==e)return{};var d,t,o=function(e,i){if(null==e)return{};var d,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)d=a[t],i.indexOf(d)>=0||(o[d]=e[d]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)d=a[t],i.indexOf(d)>=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(o[d]=e[d])}return o}(d,["disableContentPadding","fullscreen","hasHeader"]);return o?e.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],p(t)(r),a.StyledForm,a.StyledForm,a.StyledFormContent,p(t)(r),!n&&e.css(["padding-top:0;"])):e.css(["flex-grow:1;padding:",";"," &: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);}}}"],t?"0px":"24px 32px 30px",i.padding,a.StyledForm,a.StyledForm,a.StyledFormContent,i.padding,a.StyledFormFooter)})),u=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-499f617a-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," ","{align-items:baseline;}> ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:d,fullscreen:t,highlightVariant:o,size:a})=>t?e.css(["background-color:",";height:100%;width:100%;"],i):e.css(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,o&&"ai"===o&&e.css(['&::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;}']),"maximise"===a?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%;"],s[a]),d&&e.css(["height:","px;"],d))),t.StyledHeaderContent,o.default,(({fullscreen:i})=>i?e.css(["right:40px;top:26px;"]):e.css(["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:d})=>function({fullscreen:i,pagesStyling:d}){return i&&d?e.css(["","{padding:0;}> ","{right:33px;top:32px;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],g,o.default,n.default,t.StyledHeading,t.StyledHeader):""}({fullscreen:i,pagesStyling:d}))),x=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-499f617a-3"})(["",""],(({fullscreen:i,hasSubtitle:d,showCloseIcon:o})=>!i&&e.css(["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:",";}}"],o&&"padding-right: 85px",t.StyledHeaderContent,t.StyledHeading,t.StyledHeadingTitle,!d&&"4px 0px")));exports.DialogPositioner=c,exports.StyledDialog=u,exports.StyledDialogContent=g,exports.StyledDialogTitle=x;
1
+ "use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),d=require("../icon-button/icon-button.style.js"),o=require("../form/form.style.js"),a=require("../../__internal__/full-screen-heading/full-screen-heading.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const r={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(t=!1)=>d=>t?e.css(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(d)?e.css(["",""],i.padding):e.css(["",""],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;}"])),p=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-6e8ce702-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:i})=>i&&e.css(["justify-content:stretch;align-items:stretch;"]))),c=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(t=>{var{disableContentPadding:d,fullscreen:a,hasHeader:n}=t,l=function(e,i){if(null==e)return{};var t,d,o=function(e,i){if(null==e)return{};var t,d,o={},a=Object.keys(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||(o[t]=e[t]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["disableContentPadding","fullscreen","hasHeader"]);return a?e.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(l),o.StyledForm,o.StyledForm,o.StyledFormContent,s(d)(l),!n&&e.css(["padding-top:0;"])):e.css(["flex-grow:1;padding:",";"," &: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);}}}"],d?"0px":"24px 32px 30px",i.padding,o.StyledForm,o.StyledForm,o.StyledFormContent,i.padding,o.StyledFormFooter)})),g=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-6e8ce702-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?e.css(["background-color:",";height:100%;width:100%;"],i):e.css(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,o&&"ai"===o&&e.css(['&::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;}']),"maximise"===a?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%;"],r[a]),t&&e.css(["height:","px;"],t))),d.default,(({fullscreen:i})=>i?e.css(["right:40px;top:26px;"]):e.css(["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:t})=>function({fullscreen:i,pagesStyling:t}){return i&&t?e.css(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],c,d.default,a.default):""}({fullscreen:i,pagesStyling:t}))),u=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:i,hasSubtitle:t,showCloseIcon:d})=>!i&&e.css(["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);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{margin-bottom:20px;[data-element="dialog-title"]{color:var(--colorsUtilityYin090);display:block;padding:',";}}"],d&&"padding-right: 85px",!t&&"4px 0px")));exports.DialogPositioner=p,exports.StyledDialog=g,exports.StyledDialogContent=c,exports.StyledDialogTitle=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),i=require("react"),t=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=i.forwardRef((({inputHint:i,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium"},j)=>{const m=n.default(),x=d||_?`${a}-validation-message`:"",b=i?`${a}-input-hint`:"",y=(q?`${x} ${b}`:`${b} ${x}`).trim();return e.jsxs(t.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{ref:j,"aria-describedby":y,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var i;const r=null===(i=e.relatedTarget)||void 0===i?void 0:i.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(o.default,{previews:l})]})}));exports.default=a;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("../../../../typography/typography.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=t.forwardRef((({inputHint:t,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium"},j)=>{const m=n.default(),x=d||_?`${a}-validation-message`:"",y=t?`${a}-input-hint`:"",b=(q?`${x} ${y}`:`${y} ${x}`).trim();return e.jsxs(i.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{ref:j,"aria-describedby":b,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)||void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(o.default,{previews:l})]})}));exports.default=a;
@@ -7,7 +7,7 @@ interface StyledVerticalMenuProps extends PaddingProps {
7
7
  export declare const StyledVerticalMenuItem: import("styled-components").StyledComponent<"div", any, {
8
8
  theme: object;
9
9
  } & StyledVerticalMenuProps, "theme">;
10
- export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
10
+ export declare const StyledTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
11
11
  export declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {}, never>;
12
12
  export declare const StyledTitleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
13
13
  export declare const StyledChevronIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),r=require("../icon/icon.component.js"),l=require("../box/box.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-3e966cd0-0"})(["list-style:none;margin:0;padding:0;"]),c=d.default.div.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-3e966cd0-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,n.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),i.default),p=d.default.h3.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-3e966cd0-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-3e966cd0-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),f=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-3e966cd0-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-3e966cd0-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),y=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-3e966cd0-6"})(["&::-webkit-scrollbar{width:12px;}"]),v=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-3e966cd0-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=m,exports.StyledList=s,exports.StyledTitle=p,exports.StyledTitleIcon=f,exports.StyledVerticalMenu=y,exports.StyledVerticalMenuFullScreen=v,exports.StyledVerticalMenuItem=c;
1
+ "use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),r=require("../icon/icon.component.js"),a=require("../box/box.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-b3a4d279-0"})(["list-style:none;margin:0;padding:0;"]),c=d.default.div.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-b3a4d279-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,n.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),i.default),p=d.default.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-b3a4d279-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-b3a4d279-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),f=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-b3a4d279-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-b3a4d279-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),y=d.default(a.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-b3a4d279-6"})(["&::-webkit-scrollbar{width:12px;}"]),v=d.default(a.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-b3a4d279-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=m,exports.StyledList=s,exports.StyledTitle=p,exports.StyledTitleIcon=f,exports.StyledVerticalMenu=y,exports.StyledVerticalMenuFullScreen=v,exports.StyledVerticalMenuItem=c;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "158.15.0",
3
+ "version": "158.15.2",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",