carbon-react 162.11.0 → 162.12.0-beta.1

package/lib/components/date-range/date-range.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./date-range.style.js"),i=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.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}const v=f=>{var{endDateProps:v={},id:m,labelsInline:O,name:g,onBlur:P,onChange:j,startDateProps:_={},tooltipPosition:k,validationOnLabel:w,value:B,startRef:h,endRef:S,required:L,dateFormatOverride:q,datePickerStartAriaLabel:I,datePickerStartAriaLabelledBy:V,datePickerEndAriaLabel:x,datePickerEndAriaLabelledBy:E,validationMessagePositionTop:D=!0}=f,A=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(f,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy","validationMessagePositionTop"]);const{validationRedesignOptIn:T}=t.useContext(p.default),R=!T&&O,C=s.default(),{dateFnsLocale:M,dateFormatOverride:F}=C.date,{format:K}=t.useMemo((()=>d.default(M(),q||F)),[M,q,F]),[$,N]=t.useState(""),W=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue(K,r.parseISODate(e)):e),[K]),z=t.useCallback((()=>{const{value:e}=_;return W(e||B[0])}),[_,B,W]),G=t.useCallback((()=>{const{value:e}=v;return W(e||B[1])}),[v,B,W]),[H,J]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function Q(e,t){return e&&!t.length}const[U,X]=t.useState({formattedValue:z(),rawValue:Q(!!_.allowEmptyValue,z())?"":r.formatToISO(K,z())}),[Y,Z]=t.useState({formattedValue:G(),rawValue:Q(!!v.allowEmptyValue,G())?"":r.formatToISO(K,G())}),ee=u.default(B);t.useEffect((()=>{(null==ee?void 0:ee.length)&&(B[0]!==ee[0]||B[1]!==ee[1])&&(X({formattedValue:z(),rawValue:Q(!!_.allowEmptyValue,z())?"":r.formatToISO(K,z())}),Z({formattedValue:G(),rawValue:Q(!!v.allowEmptyValue,G())?"":r.formatToISO(K,G())}))}),[B,ee,v.allowEmptyValue,K,G,z,_.allowEmptyValue]);const te=t.useCallback(((e,t)=>{const r="start"===e?t:U,a="end"===e?t:Y;return N(e),{target:y(b({},g&&{name:g},m&&{id:m}),{value:[r,a]})}}),[Y,m,g,U]),re=(e,t)=>{"start"===e?X(b({},t.target.value)):Z(b({},t.target.value));const r=te(e,t.target.value);j(r)},ae=e=>{re("start",e)},ne=e=>{re("end",e)},le=e=>{var t,r;if(!(null==H||null===(t=H.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==H||null===(r=H.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=te($,e.target.value);P(t)}},oe=e=>{(e=>{const t=null==H?void 0:H[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),N("start"===e?"end":"start")},ie=e=>{const t="start"===e?_:v,{formattedValue:r}="start"===e?U:Y,a="start"===e?ae:ne;return y(b({label:A[`${e}Label`],labelInline:R,value:r,error:A[`${e}Error`],warning:A[`${e}Warning`],info:A[`${e}Info`],validationOnLabel:w,onBlur:le,onChange:a,onKeyDown:t=>((e,t)=>{i.default.isTabKey(e)&&i.default.isShiftKey(e)&&(null==H?void 0:H.start)?H.start.isBlurBlocked.current=!("start"===t):i.default.isTabKey(e)&&(null==H?void 0:H.end)&&(H.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:L})};return e.jsx(o.default,y(b(y(b({},l.default("date-range",A)),{labelsInline:R}),n.default(A)),{validationMessagePositionTop:D,children:e.jsxs(c.default.Provider,{value:{inputRefMap:H,setInputRefMap:e=>{J((t=>b({},t,e)))},validationMessagePositionTop:D},children:[e.jsx(a.DateInput,y(b({my:0},ie("start")),{onFocus:()=>oe("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:k,ref:h,datePickerAriaLabel:I,datePickerAriaLabelledBy:V})),e.jsx(a.DateInput,y(b({my:0},ie("end")),{onFocus:()=>oe("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:k,ref:S,datePickerAriaLabel:x,datePickerAriaLabelledBy:E}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import P from"../carbon-provider/__internal__/new-validation.context.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){_(e,t,r[t])}))}return e}function k(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}const w=_=>{var{endDateProps:w={},id:B,labelsInline:h,name:L,onBlur:V,onChange:E,startDateProps:A={},tooltipPosition:S,validationOnLabel:D,value:x,startRef:I,endRef:R,required:F,dateFormatOverride:M,datePickerStartAriaLabel:T,datePickerStartAriaLabelledBy:K,datePickerEndAriaLabel:$,datePickerEndAriaLabelledBy:q,validationMessagePositionTop:C=!0}=_,N=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(_,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy","validationMessagePositionTop"]);const{validationRedesignOptIn:W}=r(P),z=!W&&h,G=y(),{dateFnsLocale:H,dateFormatOverride:J}=G.date,{format:Q}=a((()=>O(H(),M||J)),[H,M,J]),[U,X]=n(""),Y=l((e=>i(e)?s(Q,d(e)):e),[Q]),Z=l((()=>{const{value:e}=A;return Y(e||x[0])}),[A,x,Y]),ee=l((()=>{const{value:e}=w;return Y(e||x[1])}),[w,x,Y]),[te,re]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function ae(e,t){return e&&!t.length}const[ne,le]=n({formattedValue:Z(),rawValue:ae(!!A.allowEmptyValue,Z())?"":u(Q,Z())}),[oe,ie]=n({formattedValue:ee(),rawValue:ae(!!w.allowEmptyValue,ee())?"":u(Q,ee())}),se=v(x);o((()=>{(null==se?void 0:se.length)&&(x[0]!==se[0]||x[1]!==se[1])&&(le({formattedValue:Z(),rawValue:ae(!!A.allowEmptyValue,Z())?"":u(Q,Z())}),ie({formattedValue:ee(),rawValue:ae(!!w.allowEmptyValue,ee())?"":u(Q,ee())}))}),[x,se,w.allowEmptyValue,Q,ee,Z,A.allowEmptyValue]);const de=l(((e,t)=>{const r="start"===e?t:ne,a="end"===e?t:oe;return X(e),{target:k(j({},L&&{name:L},B&&{id:B}),{value:[r,a]})}}),[oe,B,L,ne]),ue=(e,t)=>{"start"===e?le(j({},t.target.value)):ie(j({},t.target.value));const r=de(e,t.target.value);E(r)},ce=e=>{ue("start",e)},pe=e=>{ue("end",e)},me=e=>{var t,r;if(!(null==te||null===(t=te.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==te||null===(r=te.end)||void 0===r?void 0:r.isBlurBlocked.current)&&V){const t=de(U,e.target.value);V(t)}},fe=e=>{(e=>{const t=null==te?void 0:te[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),X("start"===e?"end":"start")},be=e=>{const t="start"===e?A:w,{formattedValue:r}="start"===e?ne:oe,a="start"===e?ce:pe;return k(j({label:N[`${e}Label`],labelInline:z,value:r,error:N[`${e}Error`],warning:N[`${e}Warning`],info:N[`${e}Info`],validationOnLabel:D,onBlur:me,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==te?void 0:te.start)?te.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==te?void 0:te.end)&&(te.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:F})};return e(f,k(j(k(j({},m("date-range",N)),{labelsInline:z}),p(N)),{validationMessagePositionTop:C,children:t(g.Provider,{value:{inputRefMap:te,setInputRefMap:e=>{re((t=>j({},t,e)))},validationMessagePositionTop:C},children:[e(c,k(j({my:0},be("start")),{onFocus:()=>fe("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:S,ref:I,datePickerAriaLabel:T,datePickerAriaLabelledBy:K})),e(c,k(j({my:0},be("end")),{onFocus:()=>fe("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:S,ref:R,datePickerAriaLabel:$,datePickerAriaLabelledBy:q}))]})}))};w.displayName="DateRange";export{w as DateRange,w as default};

package/lib/components/date-range/date-range.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(i.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"carbon_v162_10_0__sc-91656d90-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:e})=>`\n    display: flex;\n    align-items: ${e?"flex-end":"flex-start"};\n  `),t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default);exports.default=s;
+import t from"styled-components";import{margin as e}from"styled-system";import a from"../date/date.style.js";import i from"../../style/themes/apply-base-theme.js";const o=t.div.attrs(i).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"carbon_v162_12_0__sc-91656d90-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:t})=>`\n    display: flex;\n    align-items: ${t?"flex-end":"flex-start"};\n  `),e,a,(({labelsInline:t})=>t?"top":"bottom"),a);export{o as default};

package/lib/components/date-range/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./date-range.component.js");exports.default=e.DateRange;
+export{DateRange as default}from"./date-range.component.js";

package/lib/components/decimal/__internal__/decimal-popover-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("./decimal-popover-button.style.js");const i=a.forwardRef((({onClick:a,"data-element":i,"aria-label":t,"aria-expanded":l,"aria-haspopup":p,id:s,size:o},d)=>e.jsx(r.default,{ref:d,onClick:a,"data-element":i,"aria-label":t,"aria-haspopup":p,"aria-expanded":l,id:s,iconType:"ellipsis_vertical",variantType:"subtle",size:o})));i.displayName="DecimalPopoverButton",exports.default=i;
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import i from"./decimal-popover-button.style.js";const r=e((({onClick:e,"data-element":r,"aria-label":t,"aria-expanded":o,"aria-haspopup":p,id:l,size:s},m)=>a(i,{ref:m,onClick:e,"data-element":r,"aria-label":t,"aria-haspopup":p,"aria-expanded":o,id:l,iconType:"ellipsis_vertical",variantType:"subtle",size:s})));r.displayName="DecimalPopoverButton";export{r as default};

package/lib/components/decimal/__internal__/decimal-popover-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../button/__next__/button.component.js");function o(e){return e&&e.__esModule?e:{default:e}}const r=o(e).default(t.Button).withConfig({displayName:"decimal-popover-button.style__StyledDecimalPopoverButton",componentId:"carbon_v162_10_0__sc-2527bb44-0"})(["border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;border-left:none;"]);exports.default=r;
+import o from"styled-components";import{Button as t}from"../../button/__next__/button.component.js";const e=o(t).withConfig({displayName:"decimal-popover-button.style__StyledDecimalPopoverButton",componentId:"carbon_v162_12_0__sc-2527bb44-0"})(["border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;border-left:none;"]);export{e as default};

package/lib/components/decimal/decimal.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),a=require("../textbox/textbox.component.js"),n=require("../popover-container/popover-container.component.js"),i=require("../../__internal__/i18n-context/index.js"),l=require("./__internal__/decimal-popover-button.component.js"),o=require("../../hooks/__internal__/usePrevious/index.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./decimal.style.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(t),f=c(r);function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){m(e,t,r[t])}))}return e}const g=d.default.forwardRef(((r,c)=>{var{align:d="right",allowEmptyValue:m=!1,fieldHelp:g,id:v,inputMode:y="decimal",inputWidth:h,labelHelp:x,locale:O,name:j,onBlur:_,onChange:C,popoverContainerAriaLabel:w,popoverContainerContent:P,popoverPosition:k,popoverTriggerAriaLabel:E,precision:q=2,prefix:D,readOnly:z,size:A,suffix:L,value:N}=r,S=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(r,["align","allowEmptyValue","fieldHelp","id","inputMode","inputWidth","labelHelp","locale","name","onBlur","onChange","popoverContainerAriaLabel","popoverContainerContent","popoverPosition","popoverTriggerAriaLabel","precision","prefix","readOnly","size","suffix","value"]);const $=t.useContext(i.default),H=t.useCallback((e=>{var t;return null===(t=Intl.NumberFormat(O||$.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[$,O]),V=t.useCallback((e=>Number.isNaN(Number(e))),[]),F=t.useCallback((e=>{if(V(e))return e;if(""===e||e.match(/\s+/g))return e;const t=e.startsWith("+")?"+":"",r=H("decimal"),[a,n]=e.split(".");let i=t+Intl.NumberFormat(O||$.locale(),{maximumFractionDigits:0}).format(+a);return(null==n?void 0:n.length)>q?i+=`${r+n}`:(null==n?void 0:n.length)<=q?i+=`${r+n+"0".repeat(q-n.length)}`:i+=`${q?r+"0".repeat(q):""}`,i}),[H,V,$,O,q]),M=m?"":F((0).toFixed(q)),R=t.useCallback((e=>(f.default("string"==typeof e,"Decimal `value` prop must be a string"),e&&!m&&f.default(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[m]),T=o.default(q);t.useEffect((()=>{T&&T!==q&&u.default.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[q,T]);const W=t.useCallback((e=>{const t=new RegExp(`[\\${H("group")} ]*`,"g");return e.replace(t,"")}),[H]),B=t.useCallback((e=>{var t;const r=(null===(t=H("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,a=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),n=H("decimal"),i=new RegExp("."===n?`\\${n}`:n,"g");return r.match(a)||(r.match(i)||[]).length>1?r:W(r).replace(new RegExp(`\\${n}`,"g"),".")}),[H,W]),I=R(N||M),[Z,G]=t.useState(V(B(I))?I:F(I)),J=(e,t)=>({target:{name:j,id:v,value:{formattedValue:F(B(e)),rawValue:t||B(e)}}}),K=o.default(N);return t.useEffect((()=>{const e=B(Z),t=R(N);e!==t&&G(F(""===t&&""===K?M:t))}),[M,F,R,K,Z,B,N]),e.jsxs(e.Fragment,{children:[e.jsxs(a.Textbox,(Q=b({align:d,readOnly:z,inputWidth:h,onChange:e=>{const{value:t}=e.target;G(t),C(J(t))},onBlur:e=>{const{value:t}=e.target;let r;if(t){const e=B(t),a=V(e)?t:F(e);r=J(a,e),G(a)}else r=J(M),G(M);_&&_(r)},value:Z,"data-component":"decimal",id:v,inputMode:y,ref:c,prefix:D,fieldHelp:g,labelHelp:x,size:A},S,p.default("decimal",S)),U={children:[!D&&L&&e.jsx(s.default,{"data-element":"textbox-suffix",children:L}),P&&e.jsx(n.PopoverContainer,{position:k,containerAriaLabel:w||$.decimal.ariaLabels.popoverContent(),renderOpenComponent:({ref:t,onClick:r,"data-element":a,"aria-label":n,"aria-expanded":i,"aria-haspopup":o,id:u})=>e.jsx(l.default,{ref:t,onClick:r,"data-element":a,"aria-label":E||n||$.decimal.ariaLabels.popoverTrigger(),"aria-haspopup":o,"aria-expanded":i,id:u,size:A}),children:P})]},U=null!=U?U:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Q,Object.getOwnPropertyDescriptors(U)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(U)).forEach((function(e){Object.defineProperty(Q,e,Object.getOwnPropertyDescriptor(U,e))})),Q)),e.jsx("input",{name:j,value:B(Z),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]});var Q,U}));g.displayName="Decimal",exports.Decimal=g,exports.default=g;
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import n,{useContext as o,useCallback as a,useEffect as i,useState as l}from"react";import p from"invariant";import{Textbox as c}from"../textbox/textbox.component.js";import{PopoverContainer as u}from"../popover-container/popover-container.component.js";import s from"../../__internal__/i18n-context/index.js";import m from"./__internal__/decimal-popover-button.component.js";import d from"../../hooks/__internal__/usePrevious/index.js";import f from"../../__internal__/utils/logger/index.js";import g from"../../__internal__/utils/helpers/tags/tags.js";import b from"./decimal.style.js";function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){v(e,r,t[r])}))}return e}const y=n.forwardRef(((n,v)=>{var{align:y="right",allowEmptyValue:O=!1,fieldHelp:x,id:j,inputMode:w="decimal",inputWidth:_,labelHelp:P,locale:C,name:D,onBlur:E,onChange:z,popoverContainerAriaLabel:A,popoverContainerContent:L,popoverPosition:N,popoverTriggerAriaLabel:$,precision:k=2,prefix:H,readOnly:S,size:V,suffix:R,value:W}=n,F=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["align","allowEmptyValue","fieldHelp","id","inputMode","inputWidth","labelHelp","locale","name","onBlur","onChange","popoverContainerAriaLabel","popoverContainerContent","popoverPosition","popoverTriggerAriaLabel","precision","prefix","readOnly","size","suffix","value"]);const T=o(s),B=a((e=>{var r;return null===(r=Intl.NumberFormat(C||T.locale()).formatToParts(10000.1).find((r=>r.type===e)))||void 0===r?void 0:r.value}),[T,C]),I=a((e=>Number.isNaN(Number(e))),[]),M=a((e=>{if(I(e))return e;if(""===e||e.match(/\s+/g))return e;const r=e.startsWith("+")?"+":"",t=B("decimal"),[n,o]=e.split(".");let a=r+Intl.NumberFormat(C||T.locale(),{maximumFractionDigits:0}).format(+n);return(null==o?void 0:o.length)>k?a+=`${t+o}`:(null==o?void 0:o.length)<=k?a+=`${t+o+"0".repeat(k-o.length)}`:a+=`${k?t+"0".repeat(k):""}`,a}),[B,I,T,C,k]),Z=O?"":M((0).toFixed(k)),q=a((e=>(p("string"==typeof e,"Decimal `value` prop must be a string"),e&&!O&&p(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[O]),G=d(k);i((()=>{G&&G!==k&&f.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[k,G]);const J=a((e=>{const r=new RegExp(`[\\${B("group")} ]*`,"g");return e.replace(r,"")}),[B]),K=a((e=>{var r;const t=(null===(r=B("group"))||void 0===r?void 0:r.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,n=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),o=B("decimal"),a=new RegExp("."===o?`\\${o}`:o,"g");return t.match(n)||(t.match(a)||[]).length>1?t:J(t).replace(new RegExp(`\\${o}`,"g"),".")}),[B,J]),Q=q(W||Z),[U,X]=l(I(K(Q))?Q:M(Q)),Y=(e,r)=>({target:{name:D,id:j,value:{formattedValue:M(K(e)),rawValue:r||K(e)}}}),ee=d(W);return i((()=>{const e=K(U),r=q(W);e!==r&&X(M(""===r&&""===ee?Z:r))}),[Z,M,q,ee,U,K,W]),e(r,{children:[e(c,(re=h({align:y,readOnly:S,inputWidth:_,onChange:e=>{const{value:r}=e.target;X(r),z(Y(r))},onBlur:e=>{const{value:r}=e.target;let t;if(r){const e=K(r),n=I(e)?r:M(e);t=Y(n,e),X(n)}else t=Y(Z),X(Z);E&&E(t)},value:U,"data-component":"decimal",id:j,inputMode:w,ref:v,prefix:H,fieldHelp:x,labelHelp:P,size:V},F,g("decimal",F)),te={children:[!H&&R&&t(b,{"data-element":"textbox-suffix",children:R}),L&&t(u,{position:N,containerAriaLabel:A||T.decimal.ariaLabels.popoverContent(),renderOpenComponent:({ref:e,onClick:r,"data-element":n,"aria-label":o,"aria-expanded":a,"aria-haspopup":i,id:l})=>t(m,{ref:e,onClick:r,"data-element":n,"aria-label":$||o||T.decimal.ariaLabels.popoverTrigger(),"aria-haspopup":i,"aria-expanded":a,id:l,size:V}),children:L})]},te=null!=te?te:{},Object.getOwnPropertyDescriptors?Object.defineProperties(re,Object.getOwnPropertyDescriptors(te)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(te)).forEach((function(e){Object.defineProperty(re,e,Object.getOwnPropertyDescriptor(te,e))})),re)),t("input",{name:D,value:K(U),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]});var re,te}));y.displayName="Decimal";export{y as Decimal,y as default};

package/lib/components/decimal/decimal.style.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"decimal.style__StyledSuffix",componentId:"carbon_v162_10_0__sc-821f41bb-0"})(["font:var(--global-font-static-comp-medium-m);margin-right:var(--global-space-comp-m);"]);exports.default=t;
+import o from"styled-components";const t=o.span.withConfig({displayName:"decimal.style__StyledSuffix",componentId:"carbon_v162_12_0__sc-821f41bb-0"})(["font:var(--global-font-static-comp-medium-m);margin-right:var(--global-space-comp-m);"]);export{t as default};

package/lib/components/decimal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./decimal.component.js");exports.default=e.Decimal;
+export{Decimal as default}from"./decimal.component.js";

package/lib/components/definition-list/__internal__/dl.context.d.ts

@@ -1,3 +1,3 @@
 import { DlProps } from "../dl.component";
-declare const DlProvider: import("react").Provider<Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">> | null>, useDlContext: () => Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">>;
+declare const DlProvider: import("react").Provider<Required<Pick<DlProps, "asSingleColumn" | "dtTextAlign" | "ddTextAlign">> | null>, useDlContext: () => Required<Pick<DlProps, "asSingleColumn" | "dtTextAlign" | "ddTextAlign">>;
 export { DlProvider, useDlContext };

package/lib/components/definition-list/__internal__/dl.context.js

@@ -1 +1 @@
-"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"DlContext",errorMessage:"Carbon DefinitionList: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{asSingleColumn:!1,dtTextAlign:"right",ddTextAlign:"left"}});exports.DlProvider=t,exports.useDlContext=r;
+import t from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[e,o]=t({name:"DlContext",errorMessage:"Carbon DefinitionList: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{asSingleColumn:!1,dtTextAlign:"left",ddTextAlign:"left"}});export{e as DlProvider,o as useDlContext};

package/lib/components/definition-list/__internal__/utils.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const flattenChildren: (children: React.ReactNode, parentKey?: string) => React.ReactNode[];
+export declare const isComponent: (child: React.ReactNode, component: React.ElementType) => boolean;
+export declare const groupPairs: (children: React.ReactNode) => React.ReactNode[][];

package/lib/components/definition-list/__internal__/utils.js

@@ -0,0 +1 @@
+import e from"react";import t from"../dt/dt.component.js";import n from"../dd/dd.component.js";const r=(t,n="")=>e.Children.toArray(t).flatMap((t=>{var l;const o=e.isValidElement(t)?`${n}${null!==(l=t.key)&&void 0!==l?l:""}`:n;return e.isValidElement(t)&&t.type===e.Fragment?r(t.props.children,`${o}.`):e.isValidElement(t)?e.cloneElement(t,{key:o}):t})),l=(t,n)=>e.isValidElement(t)&&t.type===n,o=e=>{const o=[];let i=[];return r(e).forEach((e=>{if(l(e,t))return i.length&&o.push(i),void(i=[e]);l(e,n)&&i.length?i.push(e):(i.length&&o.push(i),i=[],o.push([e]))})),i.length&&o.push(i),o};export{r as flattenChildren,o as groupPairs,l as isComponent};

package/lib/components/definition-list/dd/dd.component.d.ts

@@ -4,9 +4,11 @@ import { TagProps } from "../../../__internal__/utils/helpers/tags";
 export interface DdProps extends SpaceProps, TagProps {
     /** Prop for what will render in the `<Dd></Dd>` tags */
     children: React.ReactNode;
+    /** Supplementary element, such as a Pill or Link, rendered to the right of the description. */
+    rightChildren?: React.ReactNode;
 }
 declare const Dd: {
-    ({ children, ...rest }: DdProps): React.JSX.Element;
+    ({ children, rightChildren, ...rest }: DdProps): React.JSX.Element;
     displayName: string;
 };
 export default Dd;

package/lib/components/definition-list/dd/dd.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../definition-list.style.js"),r=require("../__internal__/dl.context.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var{children:i}=l,c=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["children"]);const{mb:u}=c,{asSingleColumn:s,ddTextAlign:a}=r.useDlContext();return e.jsx(t.StyledDd,(b=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-element":"dd","data-role":"dd",asSingleColumn:s,ddTextAlign:a,mb:u||2},c,n.default("dd",c)),O=null!=(O={children:i})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(O)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(O)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(O,e))})),b));var b,O};l.displayName="Dd",exports.default=l;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import{StyledDd as r}from"../definition-list.style.js";import{useDlContext as n}from"../__internal__/dl.context.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var{children:c,rightChildren:a}=l,d=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["children","rightChildren"]);const{asSingleColumn:s,ddTextAlign:p}=n();return e(r,(u=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({"data-element":"dd","data-role":"dd",asSingleColumn:s,ddTextAlign:p},d,o("dd",d)),f=null!=(f={children:[t("div",{"data-element":"dd-content",children:c}),a&&t("div",{"data-element":"dd-right-children","data-role":"dd-right-children",children:a})]})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(f,e))})),u));var u,f};l.displayName="Dd";export{l as default};

package/lib/components/definition-list/definition-list.style.d.ts

@@ -1,8 +1,14 @@
+import { SpaceProps } from "styled-system";
 import { DlProps } from "./dl.component";
 export declare const StyledDl: import("styled-components").StyledComponent<"dl", any, {
     theme: object;
-} & Omit<DlProps, "dtTextAlign" | "ddTextAlign">, "theme">;
+}, "theme">;
+export declare const StyledDlPair: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<DlProps, "spacing" | "asSingleColumn" | "divider" | "w"> & {
+    isLast?: boolean;
+}, "theme">;
 export declare const StyledDt: import("styled-components").StyledComponent<"dt", any, {
     theme: object;
-} & Pick<DlProps, "dtTextAlign" | "asSingleColumn">, "theme">;
-export declare const StyledDd: import("styled-components").StyledComponent<"dd", any, Pick<DlProps, "ddTextAlign" | "asSingleColumn">, never>;
+} & Pick<DlProps, "asSingleColumn" | "dtTextAlign"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "theme">;
+export declare const StyledDd: import("styled-components").StyledComponent<"dd", any, Pick<DlProps, "asSingleColumn" | "ddTextAlign"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

package/lib/components/definition-list/definition-list.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("styled-system"),s=require("../button/button.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(t){return t&&t.__esModule?t:{default:t}}var n=l(t);const o=n.default.dl.attrs(i.default).withConfig({displayName:"definition-list.style__StyledDl",componentId:"carbon_v162_10_0__sc-fefc9f1b-0"})([""," "," width:100%;height:auto;background-color:transparent;"],e.space,(({asSingleColumn:e,w:s})=>t.css([""," ",""],!e&&t.css(["display:grid;grid-template-rows:auto;grid-template-columns:","% auto;"],s),e&&t.css(["line-height:21px;"])))),a=n.default.dt.attrs(i.default).withConfig({displayName:"definition-list.style__StyledDt",componentId:"carbon_v162_10_0__sc-fefc9f1b-1"})([""," font-size:var(--fontSizes100);font-weight:500;color:var(--colorsUtilityYin090);"," ",""],e.space,(({asSingleColumn:e})=>!e&&t.css(["grid-column:1;"])),(({dtTextAlign:e})=>t.css(["text-align:",";"],e))),d=n.default.dd.withConfig({displayName:"definition-list.style__StyledDd",componentId:"carbon_v162_10_0__sc-fefc9f1b-2"})(["font-size:var(--fontSizes100);font-weight:var(--fontWeights400);color:var(--colorsUtilityYin065);margin-left:0px;"," "," ","{padding:0;border:none;}",""],(({asSingleColumn:e})=>!e&&t.css(["grid-column:2;"])),(({ddTextAlign:e})=>t.css(["text-align:",";"],e)),s.default,e.space);exports.StyledDd=d,exports.StyledDl=o,exports.StyledDt=a;
+import t,{css as a}from"styled-components";import{space as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";const n=t.dl.attrs(i).withConfig({displayName:"definition-list.style__StyledDl",componentId:"carbon_v162_12_0__sc-4c92740a-0"})([""," width:100%;height:auto;background-color:transparent;"],e),l={small:"var(--global-space-comp-xs)",large:"var(--global-space-comp-m)"},o=t.div.attrs(i).withConfig({displayName:"definition-list.style__StyledDlPair",componentId:"carbon_v162_12_0__sc-4c92740a-1"})([""," "," ",""],(({asSingleColumn:t,w:e})=>t?a(["display:block;"]):a(["display:grid;grid-template-columns:","% minmax(0,1fr);"],e)),(({spacing:t,divider:e})=>a(["padding-bottom:",";",""],l[t||"large"],e&&a(["padding-top:",";"],l[t||"large"]))),(({divider:t,isLast:e})=>t&&!e&&a(["border-bottom:var(--global-borderwidth-xs) solid var(--container-standard-border-default);"]))),d=t.dt.attrs(i).withConfig({displayName:"definition-list.style__StyledDt",componentId:"carbon_v162_12_0__sc-4c92740a-2"})(["margin:var(--global-space-none);"," font:var(--global-font-static-comp-medium-s);color:var(--container-standard-txt-default);"," ",' > [data-element="dt-content"]{max-width:var(--container-size-layout-maxwidth-s);'," ","}"],e,(({asSingleColumn:t})=>!t&&a(["grid-column:1;"])),(({dtTextAlign:t})=>a(["text-align:",";"],t)),(({dtTextAlign:t})=>"center"===t&&a(["margin-inline:auto;"])),(({dtTextAlign:t})=>"right"===t&&a(["margin-left:auto;"]))),r=t.dd.withConfig({displayName:"definition-list.style__StyledDd",componentId:"carbon_v162_12_0__sc-4c92740a-3"})(["margin:var(--global-space-none);"," font:var(--global-font-static-comp-regular-s);color:var(--container-standard-txt-default);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--global-space-comp-l);"," ",' > [data-element="dd-content"]{flex:1;min-width:0;max-width:var(--container-size-layout-maxwidth-s);'," ",'}> [data-element="dd-right-children"]{flex-shrink:0;}'],e,(({asSingleColumn:t})=>!t&&a(["grid-column:2;"])),(({ddTextAlign:t})=>a(["text-align:",";"],t)),(({ddTextAlign:t})=>"center"===t&&a(["margin-inline:auto;"])),(({ddTextAlign:t})=>"right"===t&&a(["margin-left:auto;"])));export{r as StyledDd,n as StyledDl,o as StyledDlPair,d as StyledDt};

package/lib/components/definition-list/dl.component.d.ts

@@ -3,23 +3,25 @@ import { SpaceProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 type ElementAlignment = "left" | "center" | "right";
 export interface DlProps extends SpaceProps, TagProps {
-    /** HTML id attribute of the input */
+    /** HTML id attribute of the definition list. */
     id?: string;
     /** prop to render children. */
     children: React.ReactNode;
-    /** This value will specify the width of the `StyledDtDiv` as a percentage. The remaining space will be taken up
-      by the `StyledDdDiv`. This prop has no effect when `asSingleColumn` is set.
-    */
+    /** Width of the term column as a percentage. Has no effect when `asSingleColumn` is set. */
     w?: number;
     /** Render the DefinitionList as a single column */
     asSingleColumn?: boolean;
+    /** Sets vertical top and bottom padding on each definition pair. */
+    spacing?: "small" | "large";
+    /** Renders a divider between definition pairs. */
+    divider?: boolean;
     /** This string will specify the text align styling of the `<dt></dt>`. */
     dtTextAlign?: ElementAlignment;
     /** This string will specify the text align styling of the `<dd></dd>`. */
     ddTextAlign?: ElementAlignment;
 }
 declare const Dl: {
-    ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: DlProps): React.JSX.Element;
+    ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, spacing, divider, ...rest }: DlProps): React.JSX.Element;
     displayName: string;
 };
 export default Dl;

package/lib/components/definition-list/dl.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./definition-list.style.js"),r=require("./__internal__/dl.context.js"),n=require("../../__internal__/utils/helpers/tags/tags.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var o,c,{children:u,w:s=50,dtTextAlign:a="right",ddTextAlign:f="left",asSingleColumn:O=!1}=i,b=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(i,["children","w","dtTextAlign","ddTextAlign","asSingleColumn"]);return e.jsx(t.StyledDl,(o=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}({w:s,asSingleColumn:O},b,n.default("dl",b)),c=null!=(c={children:e.jsx(r.DlProvider,{value:{asSingleColumn:O,dtTextAlign:a,ddTextAlign:f},children:u})})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(c)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))})),o))};i.displayName="Dl",exports.default=i;
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{StyledDl as r,StyledDlPair as n}from"./definition-list.style.js";import{DlProvider as i}from"./__internal__/dl.context.js";import{groupPairs as o,isComponent as l}from"./__internal__/utils.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import a from"./dt/dt.component.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const p=p=>{var{children:u,w:f=50,dtTextAlign:d="left",ddTextAlign:m="left",asSingleColumn:g=!1,spacing:O="large",divider:b=!1}=p,y=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(p,["children","w","dtTextAlign","ddTextAlign","asSingleColumn","spacing","divider"]);const j=o(u),v=j.reduce(((e,t,r)=>l(t[0],a)?r:e),-1);return e(r,(w=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({},y,c("dl",y)),P=null!=(P={children:e(i,{value:{asSingleColumn:g,dtTextAlign:d,ddTextAlign:m},children:j.map(((r,i)=>{const o=r[0],c=l(o,a),s=t.isValidElement(o)&&null!=o.key?o.key:i;return c?e(n,{asSingleColumn:g,"data-role":"dl-pair",divider:b,isLast:i===v,spacing:O,w:f,children:r},s):o}))})})?P:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(P)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(P)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(P,e))})),w));var w,P};p.displayName="Dl";export{p as default};

package/lib/components/definition-list/dt/dt.component.d.ts

@@ -6,7 +6,7 @@ export interface DtProps extends SpaceProps, TagProps {
     children: React.ReactNode;
 }
 declare const Dt: {
-    ({ children, ...rest }: DtProps): React.JSX.Element;
+    ({ children, pr, ...rest }: DtProps): React.JSX.Element;
     displayName: string;
 };
 export default Dt;

package/lib/components/definition-list/dt/dt.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../definition-list.style.js"),r=require("../__internal__/dl.context.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var{children:l}=i,c=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children"]);const{asSingleColumn:u,dtTextAlign:s}=r.useDlContext(),{mb:a,pr:b}=c;return e.jsx(t.StyledDt,(p=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-element":"dt","data-role":"dt",mb:a||u?void 0:2,pr:b||u?void 0:3,dtTextAlign:s,asSingleColumn:u},c,n.default("dt",c)),O=null!=(O={children:l})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(O)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(O)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(O,e))})),p));var p,O};i.displayName="Dt",exports.default=i;
+import{jsx as e}from"react/jsx-runtime";import"react";import{StyledDt as t}from"../definition-list.style.js";import{useDlContext as r}from"../__internal__/dl.context.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var{children:l,pr:c}=i,a=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","pr"]);const{asSingleColumn:p,dtTextAlign:s}=r();return e(t,(u=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-element":"dt","data-role":"dt",dtTextAlign:s,asSingleColumn:p,pr:null!=c?c:p?void 0:3},a,n("dt",a)),f=null!=(f={children:e("div",{"data-element":"dt-content",children:l})})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(f,e))})),u));var u,f};i.displayName="Dt";export{i as default};

package/lib/components/definition-list/index.js

@@ -1 +1 @@
-"use strict";var e=require("./dl.component.js"),t=require("./dt/dt.component.js"),d=require("./dd/dd.component.js");exports.Dl=e.default,exports.Dt=t.default,exports.Dd=d.default;
+export{default as Dl}from"./dl.component.js";export{default as Dt}from"./dt/dt.component.js";export{default as Dd}from"./dd/dd.component.js";

package/lib/components/detail/detail.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./detail.style.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var i,a,{className:s,icon:c,footnote:u,children:y}=l,p=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["className","icon","footnote","children"]);return e.jsxs(n.StyledDetail,(i=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({className:`carbon-detail ${s}`},r.default("detail",p),t.default(p)),a=null!=(a={children:[c&&e.jsx(n.StyledDetailIcon,{type:c,"data-element":"icon"}),e.jsx(n.StyledDetailContent,{"data-element":"detail-content",hasIcon:!!c,children:y}),u&&e.jsx(n.StyledDetailFootnote,{"data-element":"footnote","data-role":"footnote",hasIcon:!!c,children:u})]})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(a)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(a)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(a,e))})),i))};l.displayName="Detail",exports.Detail=l,exports.default=l;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledDetail as o,StyledDetailIcon as l,StyledDetailContent as i,StyledDetailFootnote as c}from"./detail.style.js";function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=s=>{var p,f,{className:y,icon:u,footnote:b,children:m}=s,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["className","icon","footnote","children"]);return e(o,(p=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}({className:`carbon-detail ${y}`},n("detail",O),r(O)),f=null!=(f={children:[u&&t(l,{type:u,"data-element":"icon"}),t(i,{"data-element":"detail-content",hasIcon:!!u,children:m}),b&&t(c,{"data-element":"footnote","data-role":"footnote",hasIcon:!!u,children:b})]})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(f,e))})),p))};s.displayName="Detail";export{s as Detail,s as default};

package/lib/components/detail/detail.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js"),a=require("../icon/icon.component.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../icon/icon.style.js");var l=o(e);const n="16px",s=l.default.div.attrs(i.default).withConfig({displayName:"detail.style__StyledDetail",componentId:"carbon_v162_10_0__sc-aaa150de-0"})(["position:relative;",";+ &{margin-top:20px;}"],t.margin),d=l.default.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"carbon_v162_10_0__sc-aaa150de-1"})(["",""],(({hasIcon:t})=>e.css(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&e.css(["margin-left:26px;"])))),r=l.default(a.default).withConfig({displayName:"detail.style__StyledDetailIcon",componentId:"carbon_v162_10_0__sc-aaa150de-2"})(["position:absolute;color:var(--colorsUtilityYin065);height:",";width:",";top:-1px;vertical-align:top;span{height:",";width:",";vertical-align:middle;}"],n,n,n,n),c=l.default.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"carbon_v162_10_0__sc-aaa150de-3"})(["",""],(({hasIcon:t})=>e.css(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&e.css(["margin-left:26px;"]))));exports.StyledDetail=s,exports.StyledDetailContent=d,exports.StyledDetailFootnote=c,exports.StyledDetailIcon=r;
+import t,{css as i}from"styled-components";import{margin as e}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.component.js";import"../icon/icon.style.js";const l="16px",n=t.div.attrs(o).withConfig({displayName:"detail.style__StyledDetail",componentId:"carbon_v162_12_0__sc-aaa150de-0"})(["position:relative;",";+ &{margin-top:20px;}"],e),s=t.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"carbon_v162_12_0__sc-aaa150de-1"})(["",""],(({hasIcon:t})=>i(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&i(["margin-left:26px;"])))),p=t(a).withConfig({displayName:"detail.style__StyledDetailIcon",componentId:"carbon_v162_12_0__sc-aaa150de-2"})(["position:absolute;color:var(--colorsUtilityYin065);height:",";width:",";top:-1px;vertical-align:top;span{height:",";width:",";vertical-align:middle;}"],l,l,l,l),r=t.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"carbon_v162_12_0__sc-aaa150de-3"})(["",""],(({hasIcon:t})=>i(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&i(["margin-left:26px;"]))));export{n as StyledDetail,s as StyledDetailContent,r as StyledDetailFootnote,p as StyledDetailIcon};

package/lib/components/detail/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./detail.component.js");exports.default=e.Detail;
+export{Detail as default}from"./detail.component.js";

package/lib/components/dialog/__internal__/__next__/__internal__/tokens/index.js

@@ -1 +1 @@
-"use strict";exports.containerSizeDialogMaxwidthL="1080px",exports.containerSizeDialogMaxwidthM="850px",exports.containerSizeDialogMaxwidthS="540px";
+const p="540px",x="850px",o="1080px";export{o as containerSizeDialogMaxwidthL,x as containerSizeDialogMaxwidthM,p as containerSizeDialogMaxwidthS};

package/lib/components/dialog/__internal__/__next__/dialog-header/dialog-header.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../dialog.style.js"),o=require("../../../../box/box.component.js"),r=require("../../../../icon/icon.component.js");require("../../../../icon/icon.style.js");var l=require("../../../../typography/typography.component.js"),n=require("../../../../../__internal__/utils/helpers/guid/index.js");function a(e){return e&&e.__esModule?e:{default:e}}const s=a(t).default.createContext(null),u={subtle:{iconType:"info",color:"subtle"},positive:{iconType:"tick_circle",color:"positive"},negative:{iconType:"error",color:"negative"},caution:{iconType:"warning",color:"caution"},info:{iconType:"info",color:"info"}},c=t.forwardRef((({title:a,subtitle:c,status:d},p)=>{const{iconType:x,color:f}=u[d],g=t.useContext(s),y=t.useRef((null==g?void 0:g.titleId)||n.default()).current,m=t.useRef(n.default()).current,b=(null==g?void 0:g.titleId)||y,j=(null==g?void 0:g.subtitleId)||m;return e.jsxs(o.Box,{ref:p,"data-role":"status-heading",display:"flex",flexWrap:"wrap",alignItems:"center",children:[e.jsx(l.Typography,{variant:"h1","data-element":"dialog-title",id:b,children:e.jsxs(o.Box,{as:"span",display:"flex",alignItems:"center",gap:"var(--global-space-comp-l)",children:[e.jsx(r.default,{type:x,color:f,size:"medium","aria-hidden":!0,ml:"-4px"}),a]})}),c&&e.jsx(i.StyledSubtitle,{"data-element":"subtitle","data-role":"subtitle",id:j,mb:"0",children:c})]})}));c.displayName="DialogHeadingStatus",c.$$carbonDialogHeadingStatus=!0,exports.DialogHeadingStatusContext=s,exports.default=c;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o,{forwardRef as i,useContext as n,useRef as r}from"react";import{StyledSubtitle as l}from"../dialog.style.js";import{Box as a}from"../../../../box/box.component.js";import c from"../../../../icon/icon.component.js";import"../../../../icon/icon.style.js";import{Typography as s}from"../../../../typography/typography.component.js";import p from"../../../../../__internal__/utils/helpers/guid/index.js";const d=o.createContext(null),m={subtle:{iconType:"info",color:"subtle"},positive:{iconType:"tick_circle",color:"positive"},negative:{iconType:"error",color:"negative"},caution:{iconType:"warning",color:"caution"},info:{iconType:"info",color:"info"}},u=i((({title:o,subtitle:i,status:u},g)=>{const{iconType:f,color:y}=m[u],b=n(d),h=r((null==b?void 0:b.titleId)||p()).current,x=r(p()).current,v=(null==b?void 0:b.titleId)||h,j=(null==b?void 0:b.subtitleId)||x;return e(a,{ref:g,"data-role":"status-heading",display:"flex",flexWrap:"wrap",alignItems:"center",children:[t(s,{variant:"h1","data-element":"dialog-title",id:v,children:e(a,{as:"span",display:"flex",alignItems:"center",gap:"var(--global-space-comp-l)",children:[t(c,{type:f,color:y,size:"medium","aria-hidden":!0,ml:"-4px"}),o]})}),i&&t(l,{"data-element":"subtitle","data-role":"subtitle",id:j,mb:"0",children:i})]})}));u.displayName="DialogHeadingStatus",u.$$carbonDialogHeadingStatus=!0;export{d as DialogHeadingStatusContext,u as default};

package/lib/components/dialog/__internal__/__next__/dialog.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),a=require("./dialog-header/dialog-header.component.js"),l=require("../../../button/__next__/button.component.js"),o=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var n=require("../../../typography/typography.component.js"),i=require("../../../../__internal__/modal/modal.component.js"),s=require("../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../../../__internal__/focus-trap/focus-trap.component.js"),c=require("../../../../__internal__/utils/helpers/guid/index.js"),u=require("../../../../__internal__/utils/helpers/tags/tags.js"),b=require("../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../../../hooks/__internal__/useModalAria/useModalAria.js"),f=require("./utils.js");function g(e){return e&&e.__esModule?e:{default:e}}var y=g(t);function m(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]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){m(e,t,r[t])}))}return e}function j(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}const O=t.forwardRef(((g,m)=>{var{className:O,"data-component":S="dialog","data-element":_="dialog","data-role":v,children:x,open:C,height:k,size:P="medium",title:w,disableEscKey:q,subtitle:D,disableAutoFocus:F=!1,disableContentPadding:$=!1,focusFirstElement:E,focusableSelectors:R,onCancel:I,showCloseIcon:M=!0,bespokeFocusTrap:B,disableClose:z,help:H,gradientKeyLine:K=!1,role:L="dialog",contentPadding:T,greyBackground:A=!1,focusableContainers:N,topModalOverride:V,closeButtonDataProps:W,restoreFocusOnClose:G=!0,"aria-labelledby":J,"aria-describedby":Q,"aria-label":U,headerChildren:X,contentRef:Y,disableStickyOnSmallScreen:Z=!1,footer:ee,stickyFooter:te=!1,pagesStyling:re}=g,ae=function(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},o=Object.keys(e);for(a=0;a<o.length;a++)r=o[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(g,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","disableContentPadding","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","gradientKeyLine","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","headerChildren","contentRef","disableStickyOnSmallScreen","footer","stickyFooter","pagesStyling"]);const le=b.default(),oe=t.useRef(null),ne=t.useRef(null),ie=t.useRef(null),se=t.useRef(null),{current:de}=t.useRef(c.default()),{current:ce}=t.useRef(c.default()),ue=p.default(oe),be="fullscreen"===P;t.useImperativeHandle(m,(()=>({focus(){var e;null===(e=oe.current)||void 0===e||e.focus()}})),[]);const pe=y.default.useMemo((()=>!(!w||!y.default.isValidElement(w))&&(w.type===a.default||f.default(w.type))),[w]),fe=pe&&y.default.isValidElement(w),ge=M&&I&&e.jsx(l.Button,j(h({"aria-label":le.dialog.ariaLabels.close(),onClick:e=>I(e)},u.default("close",h({"data-element":"close"},W))),{variantType:"subtle",children:e.jsx(o.default,{type:"close"})}));let ye=k;k&&k.match(/px$/)&&(ye=k.replace("px",""));const me={"aria-describedby":fe&&w.props.subtitle||D&&"string"==typeof D?ce:Q,"aria-label":U,"aria-labelledby":fe||w&&"string"==typeof w?de:J};return e.jsx(i.default,j(h({className:O?`${O} carbon-dialog`:"carbon-dialog",disableClose:z,disableEscKey:q,onCancel:I,open:C,restoreFocusOnClose:G,topModalOverride:V},u.default("dialog",ae),ae),{children:e.jsx(d.default,{additionalWrapperRefs:N,autoFocus:!F,bespokeTrap:B,focusableSelectors:R,focusFirstElement:E,isOpen:C,wrapperRef:oe,children:e.jsx(r.DialogPositioner,{$size:P,$fullscreen:be,$disableStickyOnSmallScreen:Z,children:e.jsxs(r.StyledDialog,j(h(j(h({"aria-modal":!("dialog"!==L||!ue)||void 0},me),{backgroundColor:A?"var(--container-standard-bg-alt)":"var(--container-standard-bg-default)","data-component":S,"data-element":_,"data-role":v,dialogHeight:ye,$gradientKeyLine:K,$size:P,$disableStickyOnSmallScreen:Z,pagesStyling:re,ref:oe,role:L,tabIndex:-1}),T),{children:[w||X?(()=>{const t=e.jsxs("div",{"data-element":"dialog-title-container",children:["string"!=typeof w?w:e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:de,children:w}),D?e.jsx(r.StyledSubtitle,{as:"div","data-element":"subtitle","data-role":"subtitle",id:ce,children:D}):null]}),l=pe?e.jsx(a.DialogHeadingStatusContext.Provider,{value:{titleId:de,subtitleId:ce},children:t}):t;return be?e.jsxs(s.default,{hasContent:!!w,hasCloseButton:M,ref:ne,children:[l,X]}):e.jsxs(r.StyledDialogTitle,{hasSubtitle:!!D,ref:ie,showCloseIcon:M,$disableStickyOnSmallScreen:Z,children:[l,X]})})():null,ge,e.jsx(r.StyledDialogContent,j(h({},T),{$size:P,"data-role":"dialog-content","data-element":"dialog-content",hasHeader:void 0!==w,hasFooter:void 0!==ee,tabIndex:-1,ref:Y,$disableStickyOnSmallScreen:Z,disableContentPadding:$,children:x})),ee?e.jsx(r.StyledDialogFooter,{ref:se,$size:P,$sticky:te,$disableStickyOnSmallScreen:Z,"data-role":"dialog-footer","data-element":"dialog-footer",children:ee}):null]}))})})}))}));O.displayName="Dialog",exports.DialogHeader=a.default,exports.DialogHeadingStatus=a.default,exports.Dialog=O,exports.default=O;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import o,{forwardRef as r,useRef as a,useImperativeHandle as n}from"react";import{DialogPositioner as l,StyledDialog as i,StyledDialogContent as s,StyledDialogTitle as c,StyledDialogFooter as d,StyledSubtitle as u}from"./dialog.style.js";import p,{DialogHeadingStatusContext as b}from"./dialog-header/dialog-header.component.js";import{Button as m}from"../../../button/__next__/button.component.js";import f from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import{Typography as g}from"../../../typography/typography.component.js";import y from"../../../../__internal__/modal/modal.component.js";import h from"../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import O from"../../../../__internal__/focus-trap/focus-trap.component.js";import S from"../../../../__internal__/utils/helpers/guid/index.js";import j from"../../../../__internal__/utils/helpers/tags/tags.js";import _ from"../../../../hooks/__internal__/useLocale/useLocale.js";import v from"../../../../hooks/__internal__/useModalAria/useModalAria.js";import k from"./utils.js";function C(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function P(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){C(e,t,o[t])}))}return e}function w(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 F=r(((r,C)=>{var{className:F,"data-component":$="dialog","data-element":E="dialog","data-role":x,children:D,open:I,height:z,size:B="medium",title:K,disableEscKey:L,subtitle:M,disableAutoFocus:A=!1,disableContentPadding:N=!1,focusFirstElement:R,focusableSelectors:T,onCancel:H,showCloseIcon:V=!0,bespokeFocusTrap:W,disableClose:q,help:G,gradientKeyLine:J=!1,role:Q="dialog",contentPadding:U,greyBackground:X=!1,focusableContainers:Y,topModalOverride:Z,closeButtonDataProps:ee,restoreFocusOnClose:te=!0,"aria-labelledby":oe,"aria-describedby":re,"aria-label":ae,headerChildren:ne,contentRef:le,disableStickyOnSmallScreen:ie=!1,footer:se,stickyFooter:ce=!1,pagesStyling:de}=r,ue=function(e,t){if(null==e)return{};var o,r,a=function(e,t){if(null==e)return{};var o,r,a={},n=Object.keys(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||(a[o]=e[o]);return a}(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)&&(a[o]=e[o])}return a}(r,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","disableContentPadding","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","gradientKeyLine","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","headerChildren","contentRef","disableStickyOnSmallScreen","footer","stickyFooter","pagesStyling"]);const pe=_(),be=a(null),me=a(null),fe=a(null),ge=a(null),{current:ye}=a(S()),{current:he}=a(S()),Oe=v(be),Se="fullscreen"===B;n(C,(()=>({focus(){var e;null===(e=be.current)||void 0===e||e.focus()}})),[]);const je=o.useMemo((()=>!(!K||!o.isValidElement(K))&&(K.type===p||k(K.type))),[K]),_e=je&&o.isValidElement(K),ve=V&&H&&e(m,w(P({"aria-label":pe.dialog.ariaLabels.close(),onClick:e=>H(e)},j("close",P({"data-element":"close"},ee))),{variantType:"subtle",children:e(f,{type:"close"})}));let ke=z;z&&z.match(/px$/)&&(ke=z.replace("px",""));const Ce={"aria-describedby":_e&&K.props.subtitle||M&&"string"==typeof M?he:re,"aria-label":ae,"aria-labelledby":_e||K&&"string"==typeof K?ye:oe};return e(y,w(P({className:F?`${F} carbon-dialog`:"carbon-dialog",disableClose:q,disableEscKey:L,onCancel:H,open:I,restoreFocusOnClose:te,topModalOverride:Z},j("dialog",ue),ue),{children:e(O,{additionalWrapperRefs:Y,autoFocus:!A,bespokeTrap:W,focusableSelectors:T,focusFirstElement:R,isOpen:I,wrapperRef:be,children:e(l,{$size:B,$fullscreen:Se,$disableStickyOnSmallScreen:ie,children:t(i,w(P(w(P({"aria-modal":!("dialog"!==Q||!Oe)||void 0},Ce),{backgroundColor:X?"var(--container-standard-bg-alt)":"var(--container-standard-bg-default)","data-component":$,"data-element":E,"data-role":x,dialogHeight:ke,$gradientKeyLine:J,$size:B,$disableStickyOnSmallScreen:ie,pagesStyling:de,ref:be,role:Q,tabIndex:-1}),U),{children:[K||ne?(()=>{const o=t("div",{"data-element":"dialog-title-container",children:["string"!=typeof K?K:e(g,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:ye,children:K}),M?e(u,{as:"div","data-element":"subtitle","data-role":"subtitle",id:he,children:M}):null]}),r=je?e(b.Provider,{value:{titleId:ye,subtitleId:he},children:o}):o;return Se?t(h,{hasContent:!!K,hasCloseButton:V,ref:me,children:[r,ne]}):t(c,{hasSubtitle:!!M,ref:fe,showCloseIcon:V,$disableStickyOnSmallScreen:ie,children:[r,ne]})})():null,ve,e(s,w(P({},U),{$size:B,"data-role":"dialog-content","data-element":"dialog-content",hasHeader:void 0!==K,hasFooter:void 0!==se,tabIndex:-1,ref:le,$disableStickyOnSmallScreen:ie,disableContentPadding:N,children:D})),se?e(d,{ref:ge,$size:B,$sticky:ce,$disableStickyOnSmallScreen:ie,"data-role":"dialog-footer","data-element":"dialog-footer",children:se}):null]}))})})}))}));F.displayName="Dialog";export{F as Dialog,p as DialogHeader,p as DialogHeadingStatus,F as default};

package/lib/components/dialog/__internal__/__next__/dialog.config.js

@@ -1 +1 @@
-"use strict";var i=require("./__internal__/tokens/index.js");const t="288px",e={small:{maxWidth:i.containerSizeDialogMaxwidthS,minWidth:t},medium:{maxWidth:i.containerSizeDialogMaxwidthM,minWidth:t},large:{maxWidth:i.containerSizeDialogMaxwidthL,minWidth:t},fullscreen:{maxWidth:"100%",minWidth:"100%"}};exports.DEFAULT_SIZE="medium",exports.DIALOG_MIN_WIDTH=t,exports.DIALOG_SIZE_CONFIG=e;
+import{containerSizeDialogMaxwidthS as i,containerSizeDialogMaxwidthM as m,containerSizeDialogMaxwidthL as t}from"./__internal__/tokens/index.js";const d="288px",n={small:{maxWidth:i,minWidth:d},medium:{maxWidth:m,minWidth:d},large:{maxWidth:t,minWidth:d},fullscreen:{maxWidth:"100%",minWidth:"100%"}},e="medium";export{e as DEFAULT_SIZE,d as DIALOG_MIN_WIDTH,n as DIALOG_SIZE_CONFIG};

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

@@ -1 +1 @@
-"use strict";var a=require("styled-components"),e=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js"),i=require("../../../button/__next__/button.style.js"),o=require("../../../typography/typography.component.js");require("react/jsx-runtime"),require("react");var r=require("./dialog.config.js"),d=require("../../../form/form.style.js"),l=require("../../../../__internal__/full-screen-heading/full-screen-heading.style.js"),n=require("../../../../style/utils/filter-styled-system-padding-props.js");function s(a){return a&&a.__esModule?a:{default:a}}var c=s(a);const p={small:r.DIALOG_SIZE_CONFIG.small.maxWidth,medium:r.DIALOG_SIZE_CONFIG.medium.maxWidth,large:r.DIALOG_SIZE_CONFIG.large.maxWidth},g="600px",x=(t=!1)=>i=>t?a.css(["padding:0;"]):a.css([""," ",""],!(a=>n.paddingPropertyNames.some((e=>void 0!==a[e])))(i)&&a.css(["padding:0 var(--global-space-layout-2-xs);@media screen and (min-width:600px){padding:0 var(--global-space-layout-xs);}@media screen and (min-width:960px){padding:0 var(--global-space-layout-s);}@media screen and (min-width:1260px){padding:0 var(--global-space-layout-m);}"]),e.padding(i)),b=c.default.div.attrs(t.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"carbon_v162_10_0__sc-f75e36a9-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"," ",""],(({$size:a})=>"fullscreen"===a?"var(--carbon-zindex-full-screen-modal)":"var(--carbon-zindex-modal)"),(({$size:e})=>"fullscreen"===e&&a.css(["justify-content:stretch;align-items:stretch;box-sizing:border-box;@media screen and (min-width:","){padding:var(--global-space-layout-2-xs);}"],g)),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){background-color:transparent;}"],g))),m=c.default.div.attrs(t.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"carbon_v162_10_0__sc-f75e36a9-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;"," ",""],(t=>{var{disableContentPadding:i,$size:o,hasHeader:r,hasFooter:l}=t,n=function(a,e){if(null==a)return{};var t,i,o=function(a,e){if(null==a)return{};var t,i,o={},r=Object.keys(a);for(i=0;i<r.length;i++)t=r[i],e.indexOf(t)>=0||(o[t]=a[t]);return o}(a,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(a);for(i=0;i<r.length;i++)t=r[i],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(a,t)&&(o[t]=a[t])}return o}(t,["disableContentPadding","$size","hasHeader","hasFooter"]);return"fullscreen"===o?a.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-default);}}}"," ",""],x(i)(n),d.StyledForm,d.StyledForm,d.StyledFormContent,x(i)(n),d.StyledFormFooter,!r&&a.css(["padding-top:var(--global-space-layout-xs);"]),!l&&a.css(["padding-bottom:var(--global-space-layout-xs);"])):a.css(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:var(--global-space-layout-xs) var(--global-space-layout-s);","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);}}}"],i?"0px":"var(--global-space-layout-xs) var(--global-space-layout-s)",e.padding,d.StyledForm,d.StyledForm,d.StyledFormContent,e.padding,d.StyledFormFooter)}),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){overflow-y:visible;flex-grow:1;","{position:static;box-shadow:none;}}"],g,d.StyledFormFooter))),u=c.default.div.withConfig({displayName:"dialog.style__StyledDialogFooter",componentId:"carbon_v162_10_0__sc-f75e36a9-2"})(["box-sizing:border-box;width:100%;height:var(--global-size-3-xl);padding-top:var(--global-space-comp-l);padding-bottom:var(--global-space-comp-l);padding-left:var(--global-space-comp-xl);padding-right:var(--global-space-comp-xl);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);background:var(--container-standard-bg-default);"," ",""],(({$sticky:e})=>e&&a.css(["position:sticky;bottom:0;background:var(--container-standard-bg-default);z-index:1;border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){position:static;border-radius:0;}"],g))),h=c.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"carbon_v162_10_0__sc-f75e36a9-3"})(["background:var(--container-standard-bg-default);padding:var(--global-space-comp-xl);gap:var(--global-space-comp-l);border-bottom:1px solid #a3adb5;border-top-right-radius:var(--global-radius-container-xl);border-top-left-radius:var(--global-radius-container-xl);",';[data-element="dialog-title-container"]{[data-element="dialog-title"]{color:var(--container-standard-txt-default,rgba(0,0,0,0.95));display:block;',"}}",""],(({showCloseIcon:a})=>a&&"padding-right: 85px"),(({hasSubtitle:e})=>!e&&a.css(["padding:4px 0px;"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){border-radius:0;position:static;}"],g))),y=c.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"carbon_v162_10_0__sc-f75e36a9-4"})(["display:flex;flex-direction:column;position:relative;border-radius:var(--global-radius-container-xl);&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}"," ",""],(({dialogHeight:e,$size:t,$gradientKeyLine:i,backgroundColor:o})=>"fullscreen"===t?a.css(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-alt);border-radius:var(--global-radius-container-xl);overflow:hidden;height:100%;width:100%;transform:translateZ(0);"]):a.css(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);border-radius:var(--global-radius-container-xl);background:",";max-height:90vh;width:100%;"," "," "," "," @media screen and (max-width:","){max-width:calc(100% - var(--global-space-comp-2-xl));}",""],o,"small"===t&&a.css(["min-width:288px;max-width:var(--container-size-dialog-maxwidth-s);"]),"medium"===t&&a.css(["min-width:540px;max-width:var(--container-size-dialog-maxwidth-m);@media screen and (max-width:","){min-width:",";}"],r.DIALOG_SIZE_CONFIG.small.maxWidth,r.DIALOG_MIN_WIDTH),"large"===t&&a.css(["min-width:850px;max-width:var(--container-size-dialog-maxwidth-l);@media screen and (max-width:","){min-width:",";}"],r.DIALOG_SIZE_CONFIG.medium.maxWidth,r.DIALOG_MIN_WIDTH),i&&a.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(--global-radius-container-xl) var(--global-radius-container-xl) 0 0;}']),p[t],e&&a.css(["height:","px;"],e))),i.StyledButton,(({$size:e})=>"fullscreen"===e?a.css(["right:40px;top:26px;"]):a.css(["right:33px;top:32px;"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){width:100%;max-width:100%;min-width:100%;border-radius:0;max-height:100%;height:100%;overflow-y:auto;}"],g)),(({$size:e,pagesStyling:t})=>function({$size:e,pagesStyling:t}){return"fullscreen"===e&&t?a.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%;}}'],m,i.StyledButton,l.default):""}({$size:e,pagesStyling:t}))),f=c.default(o.Typography).withConfig({displayName:"dialog.style__StyledSubtitle",componentId:"carbon_v162_10_0__sc-f75e36a9-5"})(["font:var(--global-font-static-subheading-m);flex-basis:100%;width:100%;margin-top:5px;color:var(--container-standard-txt-alt);"]);exports.DialogPositioner=b,exports.StyledDialog=y,exports.StyledDialogContent=m,exports.StyledDialogFooter=u,exports.StyledDialogTitle=h,exports.StyledSubtitle=f,exports.dialogSizes=p,exports.smallScreenBreakpoint=g;
+import a,{css as e}from"styled-components";import{padding as i}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";import{StyledButton as o}from"../../../button/__next__/button.style.js";import{Typography as r}from"../../../typography/typography.component.js";import"react/jsx-runtime";import"react";import{DIALOG_SIZE_CONFIG as d,DIALOG_MIN_WIDTH as n}from"./dialog.config.js";import{StyledForm as l,StyledFormContent as s,StyledFormFooter as p}from"../../../form/form.style.js";import g from"../../../../__internal__/full-screen-heading/full-screen-heading.style.js";import{paddingPropertyNames as c}from"../../../../style/utils/filter-styled-system-padding-props.js";const m={small:d.small.maxWidth,medium:d.medium.maxWidth,large:d.large.maxWidth},b="600px",x=(a=!1)=>t=>a?e(["padding:0;"]):e([""," ",""],!(a=>c.some((e=>void 0!==a[e])))(t)&&e(["padding:0 var(--global-space-layout-2-xs);@media screen and (min-width:600px){padding:0 var(--global-space-layout-xs);}@media screen and (min-width:960px){padding:0 var(--global-space-layout-s);}@media screen and (min-width:1260px){padding:0 var(--global-space-layout-m);}"]),i(t)),h=a.div.attrs(t).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"carbon_v162_12_0__sc-f75e36a9-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"," ",""],(({$size:a})=>"fullscreen"===a?"var(--carbon-zindex-full-screen-modal)":"var(--carbon-zindex-modal)"),(({$size:a})=>"fullscreen"===a&&e(["justify-content:stretch;align-items:stretch;box-sizing:border-box;@media screen and (min-width:","){padding:var(--global-space-layout-2-xs);}"],b)),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){background-color:transparent;}"],b))),u=a.div.attrs(t).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"carbon_v162_12_0__sc-f75e36a9-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;"," ",""],(a=>{var{disableContentPadding:t,$size:o,hasHeader:r,hasFooter:d}=a,n=function(a,e){if(null==a)return{};var i,t,o=function(a,e){if(null==a)return{};var i,t,o={},r=Object.keys(a);for(t=0;t<r.length;t++)i=r[t],e.indexOf(i)>=0||(o[i]=a[i]);return o}(a,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(a);for(t=0;t<r.length;t++)i=r[t],e.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(a,i)&&(o[i]=a[i])}return o}(a,["disableContentPadding","$size","hasHeader","hasFooter"]);return"fullscreen"===o?e(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-default);}}}"," ",""],x(t)(n),l,l,s,x(t)(n),p,!r&&e(["padding-top:var(--global-space-layout-xs);"]),!d&&e(["padding-bottom:var(--global-space-layout-xs);"])):e(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:var(--global-space-layout-xs) var(--global-space-layout-s);","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);}}}"],t?"0px":"var(--global-space-layout-xs) var(--global-space-layout-s)",i,l,l,s,i,p)}),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){overflow-y:visible;flex-grow:1;","{position:static;box-shadow:none;}}"],b,p))),f=a.div.withConfig({displayName:"dialog.style__StyledDialogFooter",componentId:"carbon_v162_12_0__sc-f75e36a9-2"})(["box-sizing:border-box;width:100%;height:var(--global-size-3-xl);padding-top:var(--global-space-comp-l);padding-bottom:var(--global-space-comp-l);padding-left:var(--global-space-comp-xl);padding-right:var(--global-space-comp-xl);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);background:var(--container-standard-bg-default);"," ",""],(({$sticky:a})=>a&&e(["position:sticky;bottom:0;background:var(--container-standard-bg-default);z-index:1;border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);"])),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){position:static;border-radius:0;}"],b))),y=a.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"carbon_v162_12_0__sc-f75e36a9-3"})(["background:var(--container-standard-bg-default);padding:var(--global-space-comp-xl);gap:var(--global-space-comp-l);border-bottom:1px solid #a3adb5;border-top-right-radius:var(--global-radius-container-xl);border-top-left-radius:var(--global-radius-container-xl);",';[data-element="dialog-title-container"]{[data-element="dialog-title"]{color:var(--container-standard-txt-default,rgba(0,0,0,0.95));display:block;',"}}",""],(({showCloseIcon:a})=>a&&"padding-right: 85px"),(({hasSubtitle:a})=>!a&&e(["padding:4px 0px;"])),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){border-radius:0;position:static;}"],b))),v=a.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"carbon_v162_12_0__sc-f75e36a9-4"})(["display:flex;flex-direction:column;position:relative;border-radius:var(--global-radius-container-xl);&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}"," ",""],(({dialogHeight:a,$size:i,$gradientKeyLine:t,backgroundColor:o})=>"fullscreen"===i?e(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-alt);border-radius:var(--global-radius-container-xl);overflow:hidden;height:100%;width:100%;transform:translateZ(0);"]):e(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);border-radius:var(--global-radius-container-xl);background:",";max-height:90vh;width:100%;"," "," "," "," @media screen and (max-width:","){max-width:calc(100% - var(--global-space-comp-2-xl));}",""],o,"small"===i&&e(["min-width:288px;max-width:var(--container-size-dialog-maxwidth-s);"]),"medium"===i&&e(["min-width:540px;max-width:var(--container-size-dialog-maxwidth-m);@media screen and (max-width:","){min-width:",";}"],d.small.maxWidth,n),"large"===i&&e(["min-width:850px;max-width:var(--container-size-dialog-maxwidth-l);@media screen and (max-width:","){min-width:",";}"],d.medium.maxWidth,n),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(--global-radius-container-xl) var(--global-radius-container-xl) 0 0;}']),m[i],a&&e(["height:","px;"],a))),o,(({$size:a})=>e("fullscreen"===a?["right:40px;top:26px;"]:["right:33px;top:32px;"])),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){width:100%;max-width:100%;min-width:100%;border-radius:0;max-height:100%;height:100%;overflow-y:auto;}"],b)),(({$size:a,pagesStyling:i})=>function({$size:a,pagesStyling:i}){return"fullscreen"===a&&i?e(["","{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%;}}'],u,o,g):""}({$size:a,pagesStyling:i}))),w=a(r).withConfig({displayName:"dialog.style__StyledSubtitle",componentId:"carbon_v162_12_0__sc-f75e36a9-5"})(["font:var(--global-font-static-subheading-m);flex-basis:100%;width:100%;margin-top:5px;color:var(--container-standard-txt-alt);"]);export{h as DialogPositioner,v as StyledDialog,u as StyledDialogContent,f as StyledDialogFooter,y as StyledDialogTitle,w as StyledSubtitle,m as dialogSizes,b as smallScreenBreakpoint};

package/lib/components/dialog/__internal__/__next__/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dialog.component.js"),a=require("./dialog-header/dialog-header.component.js");exports.default=e.Dialog,exports.DialogHeader=a.default,exports.DialogHeadingStatus=a.default;
+export{Dialog as default}from"./dialog.component.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./dialog-header/dialog-header.component.js";

package/lib/components/dialog/__internal__/__next__/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=t=>null!==t&&("object"==typeof t||"function"==typeof t),e=e=>t(e)&&"$$carbonDialogHeadingStatus"in e&&e.$$carbonDialogHeadingStatus,o=o=>e(o)||t(o)&&"type"in o&&e(o.type);exports.default=o,exports.isDialogHeadingStatusComponent=o;
+const t=t=>null!==t&&("object"==typeof t||"function"==typeof t),a=a=>t(a)&&"$$carbonDialogHeadingStatus"in a&&a.$$carbonDialogHeadingStatus,n=n=>a(n)||t(n)&&"type"in n&&a(n.type);export{n as default,n as isDialogHeadingStatusComponent};

package/lib/components/dialog/dialog.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/__next__/dialog.component.js"),a=require("../../__internal__/utils/logger/index.js"),i=require("./__internal__/__next__/dialog-header/dialog-header.component.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let l=!1,s=!1,o=!1,d=!1,u=!1;const c=r.forwardRef(((r,i)=>{var{disableClose:c,pagesStyling:g,fullscreen:p,highlightVariant:f,disableContentPadding:m,size:b="medium",gradientKeyLine:y}=r,h=function(e,r){if(null==e)return{};var t,a,i=function(e,r){if(null==e)return{};var t,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);l||void 0===p||(l=!0,a.default.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),s||void 0===f||(s=!0,a.default.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),o||void 0===c||(o=!0,a.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),d||void 0===g||(d=!0,a.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),u||"auto"!==b||(u=!0,a.default.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const _=((e,r)=>{if(r)return"fullscreen";switch(e){case"extra-small":case"small":return"small";case"medium-small":case"medium":default:return"medium";case"medium-large":case"large":case"extra-large":case"auto":return"large";case"fullscreen":case"maximise":return"fullscreen"}})(b,p),v=((e,r)=>void 0!==r?r:"ai"===e)(f,y);return e.jsx(t.Dialog,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){n(e,r,t[r])}))}return e}({ref:i,size:_,gradientKeyLine:v,disableContentPadding:m,pagesStyling:g},h))}));c.displayName="Dialog",exports.DialogHeader=i.default,exports.DialogHeadingStatus=i.default,exports.Dialog=c,exports.default=c;
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Dialog as a}from"./__internal__/__next__/dialog.component.js";import t from"../../__internal__/utils/logger/index.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./__internal__/__next__/dialog-header/dialog-header.component.js";function i(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}let n=!1,l=!1,o=!1,s=!1,d=!1;const c=r(((r,c)=>{var{disableClose:u,pagesStyling:g,fullscreen:p,highlightVariant:f,disableContentPadding:m,size:b="medium",gradientKeyLine:y}=r,h=function(e,r){if(null==e)return{};var a,t,i=function(e,r){if(null==e)return{};var a,t,i={},n=Object.keys(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||(i[a]=e[a]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);n||void 0===p||(n=!0,t.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),l||void 0===f||(l=!0,t.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),o||void 0===u||(o=!0,t.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),s||void 0===g||(s=!0,t.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),d||"auto"!==b||(d=!0,t.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const _=((e,r)=>{if(r)return"fullscreen";switch(e){case"extra-small":case"small":return"small";case"medium-small":case"medium":default:return"medium";case"medium-large":case"large":case"extra-large":case"auto":return"large";case"fullscreen":case"maximise":return"fullscreen"}})(b,p),O=((e,r)=>void 0!==r?r:"ai"===e)(f,y);return e(a,function(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){i(e,r,a[r])}))}return e}({ref:c,size:_,gradientKeyLine:O,disableContentPadding:m,pagesStyling:g},h))}));c.displayName="Dialog";export{c as Dialog,c as default};

package/lib/components/dialog/dialog.config.js

@@ -1 +1 @@
-"use strict";exports.DIALOG_SIZES=["auto","extra-small","small","medium-small","medium","medium-large","large","extra-large","maximise"];
+const m=["auto","extra-small","small","medium-small","medium","medium-large","large","extra-large","maximise"];export{m as DIALOG_SIZES};

package/lib/components/dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dialog.component.js"),a=require("./__internal__/__next__/dialog-header/dialog-header.component.js");exports.default=e.Dialog,exports.DialogHeader=a.default,exports.DialogHeadingStatus=a.default;
+export{Dialog as default}from"./dialog.component.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./__internal__/__next__/dialog-header/dialog-header.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/logger/index.js"),t=require("../dialog/dialog.component.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}let l=!1;const u=u=>{var a=o({},function(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}(u));return l||(l=!0,r.default.deprecate("`DialogFullscreen` has been deprecated and will soon be removed. Use `Dialog` with the `fullscreen` prop instead.")),e.jsx(t.Dialog,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({fullscreen:!0},a))};exports.DialogFullScreen=u,exports.default=u;
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/logger/index.js";import{Dialog as t}from"../dialog/dialog.component.js";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}let l=!1;const i=i=>{var a=o({},function(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}(i));return l||(l=!0,r.deprecate("`DialogFullscreen` has been deprecated and will soon be removed. Use `Dialog` with the `fullscreen` prop instead.")),e(t,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({fullscreen:!0},a))};export{i as DialogFullScreen,i as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dialog-full-screen.component.js");exports.default=e.DialogFullScreen;
+export{DialogFullScreen as default}from"./dialog-full-screen.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("./dismissible-box.style.js"),o=require("../icon-button/icon-button.component.js"),n=require("../icon/icon.component.js");require("../icon/icon.style.js");var s=require("../../__internal__/utils/helpers/tags/tags.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const u=i=>{var{children:u,closeButtonDataProps:a,onClose:b,borderRadius:p="borderRadius100"}=i,f=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(i,["children","closeButtonDataProps","onClose","borderRadius"]);const d=r.default();return e.jsxs(t.StyledDismissibleBox,c(l({p:"20px 24px 20px 20px",$borderRadius:p},f,s.default("dismissible-box",f)),{children:[u,e.jsx("span",{"data-element":"close-button-wrapper",children:e.jsx(o.default,c(l({onClick:b,"aria-label":d.dismissibleBox.ariaLabels.close(),ml:3},s.default("close-button",l({"data-element":"close-button"},a))),{children:e.jsx(n.default,{type:"close",color:"--colorsActionMinor500"})}))})]}))};exports.DismissibleBox=u,exports.default=u;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../../hooks/__internal__/useLocale/useLocale.js";import{StyledDismissibleBox as o}from"./dismissible-box.style.js";import n from"../icon-button/icon-button.component.js";import i from"../icon/icon.component.js";import"../icon/icon.style.js";import c from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){s(e,t,r[t])}))}return e}function a(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}const p=s=>{var{children:p,closeButtonDataProps:u,onClose:b,borderRadius:f="borderRadius100"}=s,m=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["children","closeButtonDataProps","onClose","borderRadius"]);const O=r();return e(o,a(l({p:"20px 24px 20px 20px",$borderRadius:f},m,c("dismissible-box",m)),{children:[p,t("span",{"data-element":"close-button-wrapper",children:t(n,a(l({onClick:b,"aria-label":O.dismissibleBox.ariaLabels.close(),ml:3},c("close-button",l({"data-element":"close-button"},u))),{children:t(i,{type:"close",color:"--colorsActionMinor500"})}))})]}))};export{p as DismissibleBox,p as default};

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

@@ -1 +1 @@
-"use strict";var r=require("styled-components"),o=require("../box/box.component.js"),a=require("../icon/icon.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const e={borderRadius000:"var(--global-radius-none)",borderRadius010:"var(--global-radius-container-3-xs)",borderRadius025:"var(--global-radius-container-2-xs)",borderRadius050:"var(--global-radius-container-xs)",borderRadius100:"var(--global-radius-container-m)",borderRadius200:"var(--global-radius-container-l)",borderRadius400:"var(--global-radius-container-2-xl)",borderRadiusCircle:"var(--global-radius-container-circle)"},s=i(r).default(o.Box).withConfig({displayName:"dismissible-box.style__StyledDismissibleBox",componentId:"carbon_v162_10_0__sc-fbf1d2ef-0"})([""," border-radius:",";"],(({hasBorderLeftHighlight:o=!0,variant:i="light"})=>r.css(["background-color:",";border:1px solid var(--colorsUtilityMajor100);display:flex;justify-content:space-between;word-break:break-word;"," ",":hover{color:var(--colorsActionMinor600);}"],"light"===i?"#FFFFFF":"var(--colorsUtilityMajor050)",o&&"\n      border-left: none;\n      box-shadow: -4px 0 0 0 var(--colorsUtilityMajor400);\n    ",a.default)),(({$borderRadius:r})=>r.split(" ").map((r=>e[r])).join(" ")));exports.StyledDismissibleBox=s;
+import r,{css as o}from"styled-components";import{Box as a}from"../box/box.component.js";import i from"../icon/icon.style.js";const e={borderRadius000:"var(--global-radius-none)",borderRadius010:"var(--global-radius-container-3-xs)",borderRadius025:"var(--global-radius-container-2-xs)",borderRadius050:"var(--global-radius-container-xs)",borderRadius100:"var(--global-radius-container-m)",borderRadius200:"var(--global-radius-container-l)",borderRadius400:"var(--global-radius-container-2-xl)",borderRadiusCircle:"var(--global-radius-container-circle)"},s=r(a).withConfig({displayName:"dismissible-box.style__StyledDismissibleBox",componentId:"carbon_v162_12_0__sc-fbf1d2ef-0"})([""," border-radius:",";"],(({hasBorderLeftHighlight:r=!0,variant:a="light"})=>o(["background-color:",";border:1px solid var(--colorsUtilityMajor100);display:flex;justify-content:space-between;word-break:break-word;"," ",":hover{color:var(--colorsActionMinor600);}"],"light"===a?"#FFFFFF":"var(--colorsUtilityMajor050)",r&&"\n      border-left: none;\n      box-shadow: -4px 0 0 0 var(--colorsUtilityMajor400);\n    ",i)),(({$borderRadius:r})=>r.split(" ").map((r=>e[r])).join(" ")));export{s as StyledDismissibleBox};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./dismissible-box.component.js");exports.default=e.DismissibleBox;
+export{DismissibleBox as default}from"./dismissible-box.component.js";