npm - carbon-react - Versions diffs - 159.2.5 → 159.3.1 - Mend

carbon-react 159.2.5 → 159.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/lib/__internal__/fieldset/__next__/fieldset.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../legacy-error-border/error-border.style.js"),n=require("../../validation-message/validation-message.component.js"),s=require("../../legacy-hint-text/hint-text.component.js"),l=require("../../utils/helpers/guid/index.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=d=>{var{children:u,name:c,id:g,legend:p,legendAlign:y,legendHint:b,error:f,warning:j,isRequired:O,isDisabled:m,validationMessagePositionTop:v,size:h="medium"}=d,P=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["children","name","id","legend","legendAlign","legendHint","error","warning","isRequired","isDisabled","validationMessagePositionTop","size"]);const x=r.useRef(l.default()),w=g\|\|x.current,q=b?`${w}-hint`:void 0,S=(f\|\|j)&&`${w}-validation-message`,$=[q,S].filter(Boolean).join(" "),D=()=>f\|\|j?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{error:f,warning:j,validationId:S,isLarge:"large"===h}),e.jsx(i.default,{warning:!(f\|\|!j)})]}):null;return e.jsxs(t.StyledFieldset,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}({"data-component":"fieldset",id:w,name:c,"aria-describedby":$,$validationMessagePositionTop:v,$size:h},o.default(P),P),L=null!=(L={children:[p&&e.jsx(t.StyledLegend,{"data-element":"legend",$align:y,$isRequired:O,$isDisabled:m,$isLarge:"large"===h,children:p}),b&&e.jsx(s.HintText,{id:q,isDisabled:m,align:y,isLarge:"large"===h,marginBottom:"0",children:b}),e.jsxs(t.StyledFieldsetContentWrapper,{$size:h,children:[v&&D(),u,!v&&D()]})]})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(L,e))})),z));var z,L};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../legacy-error-border/error-border.style.js"),n=require("../../validation-message/validation-message.component.js"),s=require("../../legacy-hint-text/hint-text.component.js"),l=require("../../utils/helpers/guid/index.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=d=>{var{children:u,name:c,id:g,legend:p,legendAlign:y,legendHint:b,error:f,warning:j,isRequired:O,isDisabled:m,validationMessagePositionTop:v,size:h="medium"}=d,P=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["children","name","id","legend","legendAlign","legendHint","error","warning","isRequired","isDisabled","validationMessagePositionTop","size"]);const x=r.useRef(l.default()),w=g\|\|x.current,q=b?`${w}-hint`:void 0,S=(f\|\|j)&&`${w}-validation-message`,$=[q,S].filter(Boolean).join(" "),D=()=>f\|\|j?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{error:f,warning:j,validationId:S,isLarge:"large"===h}),e.jsx(i.default,{warning:!(f\|\|!j)})]}):null;return e.jsxs(t.StyledFieldset,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}({"data-component":"fieldset",id:w,name:c,"aria-describedby":$,$validationMessagePositionTop:v,$size:h},o.default(P),P),L=null!=(L={children:[p&&e.jsx(t.StyledLegend,{"aria-disabled":m\|\|void 0,"data-element":"legend",$align:y,$isRequired:O,$isDisabled:m,$isLarge:"large"===h,children:p}),b&&e.jsx(s.HintText,{id:q,isDisabled:m,align:y,isLarge:"large"===h,marginBottom:"0",children:b}),e.jsxs(t.StyledFieldsetContentWrapper,{$size:h,children:[v&&D(),u,!v&&D()]})]})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(L,e))})),z));var z,L};

package/lib/__internal__/fieldset/fieldset.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./fieldset.style.js"),n=require("../validations/validation-icon.component.js"),t=require("../../components/carbon-provider/__internal__/new-validation.context.js"),o=require("../input-behaviour/input-group-behaviour.component.js"),l=require("../../components/help/help.component.js"),s=require("../../components/typography/typography.component.js"),a=require("../../components/box/box.component.js"),d=require("../legacy-error-border/error-border.style.js"),u=require("../validation-message/validation-message.component.js"),c=require("../legacy-hint-text/hint-text.component.js"),p=require("../field-help/field-help.component.js"),g=require("../utils/helpers/guid/index.js"),f=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function b(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){b(e,r,i[r])}))}return e}function h(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 i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(r)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})),e}exports.default=b=>{var{legend:m,children:v,inline:x=!1,legendWidth:O,legendAlign:q,legendSpacing:w=2,error:P,warning:S,info:I,isRequired:D,blockGroupBehaviour:H,legendMargin:M={},isDisabled:_,labelHelp:B,fieldHelp:R,inputHint:k,validationMessagePositionTop:A,applyNewValidation:E=!1,id:F,size:L}=b,G=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0\|\|(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(b,["legend","children","inline","legendWidth","legendAlign","legendSpacing","error","warning","info","isRequired","blockGroupBehaviour","legendMargin","isDisabled","labelHelp","fieldHelp","inputHint","validationMessagePositionTop","applyNewValidation","id","size"]);const{validationRedesignOptIn:T}=r.useContext(t.default),W=y.default(G),[C,V]=r.useState(null),[z,N]=r.useState(!1),$=r.useRef(g.default()),J=F\|\|$.current,K=k?`${J}-hint`:void 0;r.useEffect((()=>{C&&D&&Array.from(C.querySelectorAll("input")\|\|[]).forEach((e=>{e.setAttribute("required","")}))}),[C,D]);const Q=()=>{if(P\|\|S\|\|I)return e.jsx(i.StyledIconWrapper,{"aria-hidden":"true",children:e.jsx(n.ValidationIcon,{error:P,warning:S,info:I,tooltipFlipOverrides:["top","bottom"]})});const r={onFocus:()=>N(!0),onBlur:()=>N(!1)};return B?e.jsx(i.StyledIconWrapper,h(j({},r),{children:e.jsx(l.Help,{isFocused:z,children:B})})):null};let U;U=x&&!q?"right":q\|\|"left";const{validationId:X,fieldHelpId:Y,ariaDescribedBy:Z}=f.default({id:J,validationRedesignOptIn:!0,error:P,warning:S,info:I,fieldHelp:R}),ee=(A?[Z,K]:[K,Z]).filter(Boolean).join(" "),re=()=>P\|\|S?e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:S,validationId:X,validationMessagePositionTop:A,isLarge:"large"===L}),e.jsx(d.default,{warning:!(P\|\|!S)})]}):null;return E?e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":ee\|\|void 0},G,W),{children:[m&&e.jsx(i.StyledLegend,{align:U,isRequired:D,isDisabled:_,"data-element":"legend","data-role":"legend",isLarge:"large"===L,children:m}),k&&e.jsx(c.HintText,{id:K,isDisabled:_,align:U,isLarge:"large"===L,children:k}),e.jsxs(a.Box,{position:"relative",mt:1,children:[A&&re(),v,!A&&re()]})]})):e.jsx(o.InputGroupBehaviour,{blockGroupBehaviour:H,children:e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":Z\|\|void 0},G,W),{children:[m&&e.jsx(o.InputGroupContext.Consumer,{children:({onMouseEnter:r,onMouseLeave:n})=>e.jsxs(i.StyledLegend,h(j({onMouseEnter:r,onMouseLeave:n,inline:x,width:O,align:U,rightPadding:w},M),{"data-element":"legend","data-role":"legend",isRequired:D,isDisabled:_,children:[m,!T&&Q()]}))}),!T&&e.jsx(s.Typography,{screenReaderOnly:!0,id:X,children:P\|\|S\|\|I}),e.jsxs(a.Box,{display:"flex",flexDirection:"column",mt:x?0:1,children:[v,R&&e.jsx(p.FieldHelp,{id:Y,children:R})]})]}))})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./fieldset.style.js"),n=require("../validations/validation-icon.component.js"),t=require("../../components/carbon-provider/__internal__/new-validation.context.js"),o=require("../input-behaviour/input-group-behaviour.component.js"),l=require("../../components/help/help.component.js"),s=require("../../components/typography/typography.component.js"),a=require("../../components/box/box.component.js"),d=require("../legacy-error-border/error-border.style.js"),u=require("../validation-message/validation-message.component.js"),c=require("../legacy-hint-text/hint-text.component.js"),p=require("../field-help/field-help.component.js"),g=require("../utils/helpers/guid/index.js"),f=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");require("../../style/utils/filter-styled-system-padding-props.js");var b=require("../../style/utils/filter-styled-system-margin-props.js");function y(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){y(e,r,i[r])}))}return e}function h(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 i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(r)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})),e}exports.default=y=>{var{legend:v,children:m,inline:x=!1,legendWidth:O,legendAlign:q,legendSpacing:w=2,error:P,warning:S,info:I,isRequired:D,blockGroupBehaviour:H,legendMargin:M={},isDisabled:_,labelHelp:B,fieldHelp:R,inputHint:k,validationMessagePositionTop:A,applyNewValidation:E=!1,id:F,size:L}=y,G=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0\|\|(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(y,["legend","children","inline","legendWidth","legendAlign","legendSpacing","error","warning","info","isRequired","blockGroupBehaviour","legendMargin","isDisabled","labelHelp","fieldHelp","inputHint","validationMessagePositionTop","applyNewValidation","id","size"]);const{validationRedesignOptIn:T}=r.useContext(t.default),W=b.default(G),[C,V]=r.useState(null),[z,N]=r.useState(!1),$=r.useRef(g.default()),J=F\|\|$.current,K=k?`${J}-hint`:void 0;r.useEffect((()=>{C&&D&&Array.from(C.querySelectorAll("input")\|\|[]).forEach((e=>{e.setAttribute("required","")}))}),[C,D]);const Q=()=>{if(P\|\|S\|\|I)return e.jsx(i.StyledIconWrapper,{"aria-hidden":"true",children:e.jsx(n.ValidationIcon,{error:P,warning:S,info:I,tooltipFlipOverrides:["top","bottom"]})});const r={onFocus:()=>N(!0),onBlur:()=>N(!1)};return B?e.jsx(i.StyledIconWrapper,h(j({},r),{children:e.jsx(l.Help,{isFocused:z,children:B})})):null};let U;U=x&&!q?"right":q\|\|"left";const{validationId:X,fieldHelpId:Y,ariaDescribedBy:Z}=f.default({id:J,validationRedesignOptIn:!0,error:P,warning:S,info:I,fieldHelp:R}),ee=(A?[Z,K]:[K,Z]).filter(Boolean).join(" "),re=()=>P\|\|S?e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:S,validationId:X,validationMessagePositionTop:A,isLarge:"large"===L}),e.jsx(d.default,{warning:!(P\|\|!S)})]}):null;return E?e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":ee\|\|void 0},G,W),{children:[v&&e.jsx(i.StyledLegend,{align:U,isRequired:D,isDisabled:_,"aria-disabled":_\|\|void 0,"data-element":"legend","data-role":"legend",isLarge:"large"===L,children:v}),k&&e.jsx(c.HintText,{id:K,isDisabled:_,"aria-disabled":_\|\|void 0,align:U,isLarge:"large"===L,children:k}),e.jsxs(a.Box,{position:"relative",mt:1,children:[A&&re(),m,!A&&re()]})]})):e.jsx(o.InputGroupBehaviour,{blockGroupBehaviour:H,children:e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":Z\|\|void 0},G,W),{children:[v&&e.jsx(o.InputGroupContext.Consumer,{children:({onMouseEnter:r,onMouseLeave:n})=>e.jsxs(i.StyledLegend,h(j({onMouseEnter:r,onMouseLeave:n,inline:x,width:O,align:U,rightPadding:w},M),{"aria-disabled":_\|\|void 0,"data-element":"legend","data-role":"legend",isRequired:D,isDisabled:_,children:[v,!T&&Q()]}))}),!T&&e.jsx(s.Typography,{screenReaderOnly:!0,id:X,children:P\|\|S\|\|I}),e.jsxs(a.Box,{display:"flex",flexDirection:"column",mt:x?0:1,children:[m,R&&e.jsx(p.FieldHelp,{id:Y,children:R})]})]}))})};

package/lib/__internal__/fieldset/fieldset.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const a=s.default.fieldset.attrs(t.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-~~9fe88181~~-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],i.margin,(({width:e})=>e&&`width: ${e};`)),l=s.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-~~9fe88181~~-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:i})=>i&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:i})=>i&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:i})=>i&&e.css(["color:var(--~~colorsUtilityYin030~~);::after{color:var(--~~colorsUtilityYin030~~);}"])),(({align:i,inline:t})=>i&&e.css(["text-align:",";justify-content:",";",""],i,"right"===i?"flex-end":"flex-start",!t&&e.css(["width:-moz-available;"]))),(({inline:i,width:t,rightPadding:n})=>i&&e.css(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),i.margin),r=s.default.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-~~9fe88181~~-2"})(["margin-left:var(--spacing050);"]);exports.StyledFieldset=a,exports.StyledIconWrapper=r,exports.StyledLegend=l;
1	+ "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const a=s.default.fieldset.attrs(i.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t.margin,(({width:e})=>e&&`width: ${e};`)),l=s.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({align:t,inline:i})=>t&&e.css(["text-align:",";justify-content:",";",""],t,"right"===t?"flex-end":"flex-start",!i&&e.css(["width:-moz-available;"]))),(({inline:t,width:i,rightPadding:n})=>t&&e.css(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],i&&`width: ${i}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t.margin),r=s.default.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-602f140c-2"})(["margin-left:var(--spacing050);"]);exports.StyledFieldset=a,exports.StyledIconWrapper=r,exports.StyledLegend=l;

package/lib/__internal__/hint-text/hint-text.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./hint-text.style.js");const r=({children:r,id:i,size:s,disabled:d})=>e.jsx(t.default,{"data-element":"input-hint","data-role":"hint-text",id:i,$size:s,$disabled:d,children:r});exports.HintText=r,exports.default=r;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./hint-text.style.js");const i=({children:i,id:r,size:d,disabled:a})=>e.jsx(t.default,{"data-element":"input-hint","data-role":"hint-text",id:r,$size:d,$disabled:a,"aria-disabled":a\|\|void 0,children:i});exports.HintText=i,exports.default=i;

package/lib/__internal__/label/label.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./label.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=({children:r,id:t,htmlFor:a,size:d,isRequired:i,disabled:s,readOnly:u})=>e.jsx(l.default,{id:t,htmlFor:a,$size:d,$isRequired:i,$disabled:s,$readOnly:u,"data-component":"label","data-element":"label",children:r});var d=t(r).default.memo(a);exports.Label=a,exports.default=d;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./label.style.js");function a(e){return e&&e.__esModule?e:{default:e}}const d=({children:r,id:a,htmlFor:d,size:t,isRequired:i,disabled:s,readOnly:u})=>e.jsx(l.default,{id:a,htmlFor:d,$size:t,$isRequired:i,$disabled:s,$readOnly:u,"data-component":"label","data-element":"label","aria-disabled":s\|\|void 0,children:r});var t=a(r).default.memo(d);exports.Label=d,exports.default=t;

package/lib/__internal__/legacy-hint-text/hint-text.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("./hint-text.style.js"),n=require("../../components/carbon-provider/__internal__/new-validation.context.js");const r=({align:r,children:a,fontWeight:o,id:s,isComponentInline:d=!1,isDarkBackground:l=!1,isDisabled:u=!1,marginBottom:c="var(--spacing100)",marginTop:g="var(--spacing000)",maxWidth:p,isLarge:m})=>{const{validationRedesignOptIn:x}=t.useContext(n.default);return d&&!x?null:e.jsx(i.default,{align:r,"data-element":"input-hint","data-role":"hint-text",fontWeight:o,id:s,isDarkBackground:l,isDisabled:u,marginBottom:c,marginTop:g,maxWidth:p,isLarge:m,children:a})};exports.HintText=r,exports.default=r;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("./hint-text.style.js"),n=require("../../components/carbon-provider/__internal__/new-validation.context.js");const a=({align:a,children:r,fontWeight:o,id:s,isComponentInline:d=!1,isDarkBackground:l=!1,isDisabled:u=!1,marginBottom:c="var(--spacing100)",marginTop:g="var(--spacing000)",maxWidth:p,isLarge:m})=>{const{validationRedesignOptIn:x}=t.useContext(n.default);return d&&!x?null:e.jsx(i.default,{align:a,"aria-disabled":u\|\|void 0,"data-element":"input-hint","data-role":"hint-text",fontWeight:o,id:s,isDarkBackground:l,isDisabled:u,marginBottom:c,marginTop:g,maxWidth:p,isLarge:m,children:r})};exports.HintText=a,exports.default=a;

package/lib/__internal__/legacy-hint-text/hint-text.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-~~92b90b9~~-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--~~colorsUtilityYin030~~)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;

package/lib/__internal__/legacy-label/label.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../components/help/help.component.js"),n=require("./label.style.js"),o=require("../validations/validation-icon.component.js"),i=require("./icon-wrapper.style.js"),l=require("../input-behaviour/input-behaviour.component.js"),a=require("../input-behaviour/input-group-behaviour.component.js"),u=require("../utils/helpers/guid/index.js");function s(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(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){c(e,r,t[r])}))}return e}function d(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 b=({align:s,as:c="label",children:b,disabled:f,error:j,help:g,helpIcon:h,htmlFor:y,info:O,inline:m,isDarkBackground:v=!1,isRequired:w,labelId:x,pr:P,pl:q,tooltipId:I,useValidationIcon:k=!0,validationIconId:M,warning:C,width:L=30,className:D,onClick:S,"aria-label":E,isLarge:F})=>{const[_,B]=r.useState(!1),{onMouseEnter:R,onMouseLeave:N}=r.useContext(l.InputContext),{onMouseEnter:V,onMouseLeave:G}=r.useContext(a.InputGroupContext),H=r.useRef(u.default());let $;return $=m&&!s?"right":s\|\|"left",e.jsxs(n.StyledLabelContainer,{"data-role":"label-container",id:`label-container-${null!=x?x:H.current}`,align:$,inline:m,width:L,pr:P,pl:q,className:D,onClick:S,children:[e.jsx(n.default,d(p({"data-element":"label",disabled:f,id:x},"label"===c?{htmlFor:y}:{}),{onMouseEnter:()=>{R&&R(),V&&V()},onMouseLeave:()=>{N&&N(),G&&G()},isRequired:w,as:c,"aria-label":E,isDarkBackground:v,isLarge:F,children:b})),(()=>{const r={onFocus:()=>B(!0),onBlur:()=>B(!1)};if(k&&(({error:e,warning:r,info:t,disabled:n})=>!n&&"string"==typeof(e\|\|r\|\|t))({error:j,warning:C,info:O,disabled:f})){const r=(({error:e,warning:r,info:t,inline:n})=>(e\|\|r\|\|t)&&n?"top":"right")({error:j,warning:C,info:O,inline:m});return e.jsx(i.default,{children:e.jsx(o.ValidationIcon,{tooltipId:M,error:j,warning:C,info:O,tooltipPosition:r,tooltipFlipOverrides:["top","bottom"]})})}return g&&e.jsx(i.default,d(p({},r),{children:e.jsx(t.Help,{tooltipId:I,type:h,isFocused:_,children:g})}))})()]})};var f=s(r).default.memo(b);exports.Label=b,exports.default=f;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../components/help/help.component.js"),n=require("./label.style.js"),o=require("../validations/validation-icon.component.js"),i=require("./icon-wrapper.style.js"),l=require("../input-behaviour/input-behaviour.component.js"),a=require("../input-behaviour/input-group-behaviour.component.js"),s=require("../utils/helpers/guid/index.js");function u(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(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){c(e,r,t[r])}))}return e}function d(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 b=({align:u,as:c="label",children:b,disabled:f,error:j,help:g,helpIcon:h,htmlFor:y,info:O,inline:m,isDarkBackground:v=!1,isRequired:w,labelId:x,pr:P,pl:q,tooltipId:I,useValidationIcon:k=!0,validationIconId:M,warning:C,width:L=30,className:D,onClick:S,"aria-label":E,isLarge:F})=>{const[_,B]=r.useState(!1),{onMouseEnter:R,onMouseLeave:N}=r.useContext(l.InputContext),{onMouseEnter:V,onMouseLeave:G}=r.useContext(a.InputGroupContext),H=r.useRef(s.default());let $;return $=m&&!u?"right":u\|\|"left",e.jsxs(n.StyledLabelContainer,{"data-role":"label-container",id:`label-container-${null!=x?x:H.current}`,align:$,inline:m,width:L,pr:P,pl:q,className:D,onClick:S,children:[e.jsx(n.default,d(p({"aria-disabled":f\|\|void 0,"data-element":"label",disabled:f,id:x},"label"===c?{htmlFor:y}:{}),{onMouseEnter:()=>{R&&R(),V&&V()},onMouseLeave:()=>{N&&N(),G&&G()},isRequired:w,as:c,"aria-label":E,isDarkBackground:v,isLarge:F,children:b})),(()=>{const r={onFocus:()=>B(!0),onBlur:()=>B(!1)};if(k&&(({error:e,warning:r,info:t,disabled:n})=>!n&&"string"==typeof(e\|\|r\|\|t))({error:j,warning:C,info:O,disabled:f})){const r=(({error:e,warning:r,info:t,inline:n})=>(e\|\|r\|\|t)&&n?"top":"right")({error:j,warning:C,info:O,inline:m});return e.jsx(i.default,{children:e.jsx(o.ValidationIcon,{tooltipId:M,error:j,warning:C,info:O,tooltipPosition:r,tooltipFlipOverrides:["top","bottom"]})})}return g&&e.jsx(i.default,d(p({},r),{children:e.jsx(t.Help,{tooltipId:I,type:h,isFocused:_,children:g})}))})()]})};var f=u(r).default.memo(b);exports.Label=b,exports.default=f;

package/lib/__internal__/legacy-label/label.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const s=i.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-~~e75e7420~~-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--~~colorsUtilityYin030~~);"]))),a=i.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-~~e75e7420~~-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:i,pl:s,width:a})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],i&&e.css(["padding-right:var(",");"],1===i?"--spacing100":"--spacing200"),s&&e.css(["padding-left:var(",");"],1===s?"--spacing100":"--spacing200"),a)));exports.StyledLabelContainer=a,exports.default=s;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-ef9321a8-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-ef9321a8-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,pl:i,width:s})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i&&e.css(["padding-left:var(",");"],1===i?"--spacing100":"--spacing200"),s)));exports.StyledLabelContainer=s,exports.default=i;

package/lib/components/breadcrumbs/crumb/crumb.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../link/link.component.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("./crumb.style.js"),u=require("../__internal__/breadcrumbs.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function o(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]:{},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){o(e,r,t[r])}))}return e}function s(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 a=c(r).default.forwardRef(((r,c)=>{var{href:o,isCurrent:a,children:f,onClick:b}=r,p=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0\|\|(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{inverse:O}=u.useBreadcrumbsContext();return a?e.jsx("li",{children:e.jsx(i.StyledCrumbCurrent,s(l({ref:c,"aria-current":"page",inverse:O},p,n.default("crumb",p)),{children:f}))}):e.jsxs("li",{children:[e.jsx(t.Link,s(l({ref:c,inverse:O,href:o,onClick:b},p,n.default("crumb",p)),{children:f})),e.jsx(i.Divider,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:O})]})}));a.displayName="Crumb",exports.Crumb=a,exports.default=a;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../link/link.component.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("./crumb.style.js"),u=require("../__internal__/breadcrumbs.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function o(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]:{},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){o(e,r,t[r])}))}return e}function s(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 a=c(r).default.forwardRef(((r,c)=>{var{href:o,isCurrent:a,children:f,onClick:b}=r,p=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0\|\|(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{inverse:O}=u.useBreadcrumbsContext();return a?e.jsx("li",{children:e.jsx(i.StyledCrumbCurrent,s(l({ref:c,"aria-current":"page",$inverse:O},p,n.default("crumb",p)),{children:f}))}):e.jsxs("li",{children:[e.jsx(t.Link,s(l({ref:c,inverse:O,href:o,onClick:b},p,n.default("crumb",p)),{children:f})),e.jsx(i.Divider,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:O})]})}));a.displayName="Crumb",exports.Crumb=a,exports.default=a;

package/lib/components/breadcrumbs/crumb/crumb.style.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { LinkProps } from "../../link";
-interface StyledCrumbProps extends LinkProps {
+import { StyledLinkProps } from "../../link/link.style";
+interface StyledCrumbProps extends StyledLinkProps {
     $isCurrent?: boolean;
 }
 export declare const StyledCrumbCurrent: import("styled-components").StyledComponent<"span", any, StyledCrumbProps, never>;

package/lib/components/breadcrumbs/crumb/crumb.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const a=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=r.default.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-~~c06f49a7~~-0"})(["",""],(({inverse:t})=>e.css(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],a(t)))),n=r.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-~~c06f49a7~~-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],a(t))));var s={Divider:n};exports.Divider=n,exports.StyledCrumbCurrent=o,exports.default=s;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const a=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=r.default.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-37b8525-0"})(["",""],(({$inverse:t})=>e.css(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],a(t)))),n=r.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-37b8525-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],a(t))));var s={Divider:n};exports.Divider=n,exports.StyledCrumbCurrent=o,exports.default=s;

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),s=require("../button-toggle.style.js");function r(t){return t&&t.__esModule?t:{default:t}}const l=r(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-~~2a42cbae~~-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--~~colorsActionDisabled600~~);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],s.StyledButtonToggle,s.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),r=require("../button-toggle.style.js");function s(t){return t&&t.__esModule?t:{default:t}}const l=s(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-e2730b28-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--button-typical-toggle-border-disabled);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],r.StyledButtonToggle,r.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;

package/lib/components/button-toggle/button-toggle.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function i(o){return o&&o.__esModule?o:{default:o}}var n=i(o);const a={small:24,medium:32,large:40},l={small:14,medium:14,large:16},s={small:8,medium:8,large:12},c={small:72,medium:88,large:120},g={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},d=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-~~71ea6e06~~-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),u=n.default.button.attrs(t.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-~~71ea6e06~~-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],e.default,(({size:e})=>o.css(["min-height:","px;padding:0 ","px;font-size:","px;"],a[e],s[e],l[e])),(({buttonIcon:e,buttonIconSize:t,size:r})=>e&&"large"===t&&o.css(["min-height:","px;padding:",";flex-direction:column;"],c[r],g[r])),r.default(),e.default,e.default,(({allowDeselect:e})=>!e&&o.css(["cursor:auto;"])),(({disabled:t})=>t&&o.css(["cursor:not-allowed;&{color:var(--~~colorsActionMinorYin030~~);",'{color:var(--~~colorsActionMinorYin030~~);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],e.default))),p=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-~~71ea6e06~~-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:t})=>"large"===t&&o.css(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],e.default,e.default))),m=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-~~71ea6e06~~-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],u);exports.StyledButtonToggle=u,exports.StyledButtonToggleContentWrapper=d,exports.StyledButtonToggleIcon=p,exports.StyledButtonToggleWrapper=m,exports.fontSizeConfig=l,exports.heightConfig=a,exports.paddingConfig=s;
1	+ "use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function i(o){return o&&o.__esModule?o:{default:o}}var n=i(o);const l={small:24,medium:32,large:40},a={small:14,medium:14,large:16},s={small:8,medium:8,large:12},d={small:72,medium:88,large:120},g={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},c=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-d02b9d63-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),u=n.default.button.attrs(t.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-d02b9d63-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],e.default,(({size:e})=>o.css(["min-height:","px;padding:0 ","px;font-size:","px;"],l[e],s[e],a[e])),(({buttonIcon:e,buttonIconSize:t,size:r})=>e&&"large"===t&&o.css(["min-height:","px;padding:",";flex-direction:column;"],d[r],g[r])),r.default(),e.default,e.default,(({allowDeselect:e})=>!e&&o.css(["cursor:auto;"])),(({disabled:t})=>t&&o.css(["cursor:not-allowed;&{color:var(--button-typical-toggle-label-disabled);",'{color:var(--button-typical-toggle-label-disabled);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],e.default))),p=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-d02b9d63-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:t})=>"large"===t&&o.css(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],e.default,e.default))),m=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-d02b9d63-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],u);exports.StyledButtonToggle=u,exports.StyledButtonToggleContentWrapper=c,exports.StyledButtonToggleIcon=p,exports.StyledButtonToggleWrapper=m,exports.fontSizeConfig=a,exports.heightConfig=l,exports.paddingConfig=s;

package/lib/components/form/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./form.component.js"),r=require("./required-fields-indicator/required-fields-indicator.component.js");exports.default=e.Form,exports.RequiredFieldsIndicator=r.~~default~~;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./form.component.js"),r=require("./required-fields-indicator/required-fields-indicator.component.js");exports.default=e.Form,exports.RequiredFieldsIndicator=r.RequiredFieldsIndicator;

package/lib/components/form/required-fields-indicator/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./required-fields-indicator.component.js");exports.default=e.~~default~~;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./required-fields-indicator.component.js");exports.default=e.RequiredFieldsIndicator;

package/lib/components/form/required-fields-indicator/required-fields-indicator.component.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 export interface RequiredIndicatorProps extends MarginProps {
-    children: React.ReactNode;
+    /** Content to be displayed alongside the required fields indicator */
+    children?: React.ReactNode;
 }
-declare const _default: ({ children, ...rest }: RequiredIndicatorProps) => React.JSX.Element;
-export default _default;
+export declare const RequiredFieldsIndicator: ({ children, ...rest }: RequiredIndicatorProps) => React.JSX.Element;
+export default RequiredFieldsIndicator;

package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("styled-system"),n=require("../../../style/themes/apply-base-theme.js")~~,o=require("../../typography/typography.style.js")~~;function c(e){return e&&e.__esModule?e:{default:e}}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}const l=c(r).default.div.attrs(n.default).withConfig({displayName:"required-fields-indicator.component__StyledIndicatorContainer",componentId:"sc-2d011849-0"})([""," ",'{color:var(--colorsUtilityYin090);}::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:500;margin-left:var(--spacing050);}'],t~~.margin,o.default);exports.default=r~~=>{var ~~t,n,~~{children:o}=r,c=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children"]);return e.jsx(l,(t=function(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){i(e,r,t[r])}))}return e}({},c),n=null!=(n={children:o})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("styled-components"),r=require("styled-system"),n=require("../../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(t);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=t=>{var{children:o}=t,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["children"]);const a=c.default.div.attrs(n.default).withConfig({displayName:"required-fields-indicator.component__StyledIndicatorContainer",componentId:"sc-73ecd11f-0"})(["",' color:var(--input-labelset-label-default);font:var(--global-font-static-comp-medium-m);::before{content:"*";color:var(--input-labelset-label-required);font:var(--global-font-static-comp-medium-m);margin-right:var(--global-space-comp-xs);}'],r.margin);return e.jsx(a,(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}({},l),s=null!=(s={children:o})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(s)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(s)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(s,e))})),u));var u,s};exports.RequiredFieldsIndicator=l,exports.default=l;

package/lib/components/link/link.component.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from "react";
 import { IconType } from "../icon";
 import { StyledLinkProps } from "./link.style";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface LinkProps extends StyledLinkProps, React.AriaAttributes, Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download">, TagProps {
+export interface LinkProps extends React.AriaAttributes, Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download">, TagProps {
     /** An href for an anchor tag. */
     href?: string;
     /** An icon to display next to the link. */
@@ -35,6 +35,26 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, Pick<R
     /** [Legacy] Positions the tooltip with the link.
      * @deprecated The tooltipPosition prop in Link is deprecated and will soon be removed. */
     tooltipPosition?: "bottom" | "left" | "right" | "top";
+    /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
+    disabled?: boolean;
+    /** Specifies when the link underline should be displayed. */
+    underline?: "always" | "hover" | "never";
+    /** Which side of the link to the render the link. */
+    iconAlign?: "left" | "right";
+    /** Allows to create skip link */
+    isSkipLink?: boolean;
+    /** Allows link styling to be updated for light or dark backgrounds */
+    variant?: Variants;
+    hasFocus?: boolean;
+    /** Sets the correct link size */
+    linkSize?: "medium" | "large";
+    /** Sets the colour styling when component is rendered on a dark background */
+    inverse?: boolean;
+    /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
+    isDarkBackground?: boolean;
+    /** Sets the link style to bold */
+    bold?: boolean;
 }
+type Variants = Exclude<StyledLinkProps["$variant"], undefined>;
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Link;

package/lib/components/link/link.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("../batch-selection/__internal__/batch-selection.context.js"),s=require("../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(t);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}let f=!1,y=!1,k=!1,v=!1;const O={default:!1,neutral:!1},g={default:"typical",neutral:"subtle"},j=c.default.forwardRef(((u,d)=>{var{children:j,onKeyDown:m,href:h,onClick:w,onMouseDown:_,icon:P,iconAlign:L="left",isSkipLink:S,disabled:x=!1,underline:D="always",ariaLabel:M,~~rel~~:q,~~tooltipMessage~~:C,~~tooltipPosition~~:A,~~target~~:B~~,variant:E~~="typical",isDarkBackground:T,inverse:I,removeAriaLabelOnIcon:N,className:z,linkSize:F="medium",download:K,bold:R=!1}=u~~,$=~~function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(u,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[W,G]=t.useState(!1),H=l.default(),{inMenu:J}=t.useContext(r.default),{batchSelectionDisabled:Q}=t.useContext(a.default),U=x\|\|Q,V=t.useRef(null);!f&&x&&(f=!0,s.default.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!k&&C&&(k=!0,s.default.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!y&&A&&(y=!0,s.default.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!v&&T&&(v=!0,s.default.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!O[E]&&g[E]&&(O[E]=!0,s.default.deprecate(`The value '${E}' for the variant prop is deprecated and will soon be removed. Please use value '${g[E]}' instead.`));const X=null!=I?I:T;var Y;const Z=null!==(Y=g[E])&&void 0!==Y?Y:E,ee=t.useCallback((e=>{V.current=e,d&&("function"!=typeof d?"object"!=typeof d\|\|(d.current=e):d(e))}),[d]),te=t.useCallback((e=>{var t,n;null===(n=V.current)\|\|void 0===n\|\|null===(t=n.focus)\|\|void 0===t\|\|t.call(n,{preventScroll:!0}),null==w\|\|w(e)}),[w]),ne=(t="left")=>P&&L===t?e.jsx(n.default,{type:P,disabled:U,ariaLabel:N?void 0~~:M,~~tooltipMessage:C,tooltipPosition:A}):null,re=t.useMemo((()=>{const e~~=$;~~return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[$]),oe=b(p({onKeyDown:m,onMouseDown:_,onClick:te,disabled:U,target:B,ref:ee,href:h,rel:q,"aria-label":M},re),{onFocus:()=>G(!0),onBlur:()=>G(!1)}),ie={type:"button"};return t.useEffect((()=>{(x\|\|!h&&!w)&&G(!1)}),[x,h,w]),e.jsx(o.StyledLink,b(p({isSkipLink:S,disabled:U,underline:D,iconAlign:L,className:z,hasContent:Boolean(j),variant:Z,inverse:X,isMenuItem:J},i.default("link",$),S&&{"data-element":"skip-link"}),{hasFocus:W,linkSize:F,bold:R,children:(()=>{let t="a";return w&&!h&&(t="button"),c.default.createElement(t,"button"===t?p({},oe,ie):b(p({},oe),{download:K,"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[ne(),e.jsx(o.StyledContent,{children:S?H.link.skipLinkLabel():j}),ne("right")]}))})()}))}));j.displayName="Link",exports.Link=j,exports.default=j;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("../batch-selection/__internal__/batch-selection.context.js"),s=require("../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(t);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}let f=!1,y=!1,k=!1,v=!1;const O={default:!1,neutral:!1},g={default:"typical",neutral:"subtle"},j=c.default.forwardRef(((u,d)=>{var{children:j,onKeyDown:m,href:h,onClick:w,onMouseDown:_,icon:P,iconAlign:L="left",isSkipLink:S,disabled:x=!1,underline:D="always",ariaLabel:$,rel:M,tooltipMessage:q,tooltipPosition:C,target:A,variant:B="typical",isDarkBackground:E,inverse:T,removeAriaLabelOnIcon:I,className:N,linkSize:z="medium",download:F,bold:K=!1}=u,R=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(u,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[W,G]=t.useState(!1),H=l.default(),{inMenu:J}=t.useContext(r.default),{batchSelectionDisabled:Q}=t.useContext(a.default),U=x\|\|Q,V=t.useRef(null);!f&&x&&(f=!0,s.default.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!k&&q&&(k=!0,s.default.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!y&&C&&(y=!0,s.default.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!v&&E&&(v=!0,s.default.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!O[B]&&g[B]&&(O[B]=!0,s.default.deprecate(`The value '${B}' for the variant prop is deprecated and will soon be removed. Please use value '${g[B]}' instead.`));const X=null!=T?T:E;var Y;const Z=null!==(Y=g[B])&&void 0!==Y?Y:B,ee=t.useCallback((e=>{V.current=e,d&&("function"!=typeof d?"object"!=typeof d\|\|(d.current=e):d(e))}),[d]),te=t.useCallback((e=>{var t,n;null===(n=V.current)\|\|void 0===n\|\|null===(t=n.focus)\|\|void 0===t\|\|t.call(n,{preventScroll:!0}),null==w\|\|w(e)}),[w]),ne=(t="left")=>P&&L===t?e.jsx(n.default,{type:P,disabled:U,ariaLabel:I?void 0:$,tooltipMessage:q,tooltipPosition:C}):null,re=t.useMemo((()=>{const e=R;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[R]),oe=b(p({onKeyDown:m,onMouseDown:_,onClick:te,disabled:U,target:A,ref:ee,href:h,rel:M,"aria-label":$},re),{onFocus:()=>G(!0),onBlur:()=>G(!1)}),ie={type:"button"};return t.useEffect((()=>{(x\|\|!h&&!w)&&G(!1)}),[x,h,w]),e.jsx(o.StyledLink,b(p({$isSkipLink:S,$disabled:U,$underline:D,$iconAlign:L,className:N,$hasContent:Boolean(j),$variant:Z,$inverse:X,$isMenuItem:J},i.default("link",R),S&&{"data-element":"skip-link"}),{$hasFocus:W,$linkSize:z,$bold:K,children:(()=>{let t="a";return w&&!h&&(t="button"),c.default.createElement(t,"button"===t?p({},oe,ie):b(p({},oe),{download:F,"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[ne(),e.jsx(o.StyledContent,{children:S?H.link.skipLinkLabel():j}),ne("right")]}))})()}))}));j.displayName="Link",exports.Link=j,exports.default=j;

package/lib/components/link/link.style.d.ts CHANGED Viewed

@@ -5,28 +5,28 @@ type DeprecatedNeutralVariant = "neutral";
 type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
 export interface StyledLinkProps {
     /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
-    disabled?: boolean;
+    $disabled?: boolean;
     /** Specifies when the link underline should be displayed. */
-    underline?: "always" | "hover" | "never";
+    $underline?: "always" | "hover" | "never";
     /** Which side of the link to the render the link. */
-    iconAlign?: "left" | "right";
+    $iconAlign?: "left" | "right";
     /** Allows to create skip link */
-    isSkipLink?: boolean;
+    $isSkipLink?: boolean;
     /** Allows link styling to be updated for light or dark backgrounds */
-    variant?: Variants;
-    hasFocus?: boolean;
+    $variant?: Variants;
+    $hasFocus?: boolean;
     /** Sets the correct link size */
-    linkSize?: "medium" | "large";
+    $linkSize?: "medium" | "large";
     /** Sets the colour styling when component is rendered on a dark background */
-    inverse?: boolean;
+    $inverse?: boolean;
     /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
-    isDarkBackground?: boolean;
+    $isDarkBackground?: boolean;
     /** Sets the link style to bold */
-    bold?: boolean;
+    $bold?: boolean;
 }
 interface PrivateStyledLinkProps {
-    hasContent: boolean;
-    isMenuItem?: boolean;
+    $hasContent: boolean;
+    $isMenuItem?: boolean;
 }
 declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
     theme: object;

package/lib/components/link/link.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-~~a0797668~~-0"})(["",""],(({isSkipLink:e,theme:t,iconAlign:i,hasContent:s,disabled:c,underline:u,variant:d,inverse:b,isMenuItem:v,hasFocus:f,linkSize:g,bold:p})=>{const h=b?"dark":"light",{color:m,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=n[h](d);return o.css([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],e&&o.css(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],t.zIndex.aboveAll),!e&&!v&&o.css(["> a,> button{"," text-decoration:",";"," ","}"],((e,l)=>{let r;return r="large"===e?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",o.css(["font:var(",");"],r)})(g,p),s&&"always"===u?"underline":"none",!c&&o.css(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,r.default,m,"left"===i&&o.css(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s\|\|"hover"!==u&&"always"!==u?"none":"underline",r.default,k,x,r.default,x,l.default()),c&&o.css(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",r.default,s?"inline-block":"inline",!e&&!c~~&&!v~~&&f&&o.css(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),a.default)})),c=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-~~a0797668~~-1"})([""]);exports.StyledContent=c,exports.StyledLink=s;
1	+ "use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-3fa28815-0"})(["",""],(({$isSkipLink:e,theme:t,$iconAlign:i,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:f,$linkSize:g,$bold:p})=>{const h=b?"dark":"light",{color:m,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=n[h](d);return o.css([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],e&&o.css(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],t.zIndex.aboveAll),!e&&!v&&o.css(["> a,> button{"," text-decoration:",";"," ","}"],((e,l)=>{let r;return r="large"===e?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",o.css(["font:var(",");"],r)})(g,p),s&&"always"===u?"underline":"none",!c&&o.css(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,r.default,m,"left"===i&&o.css(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s\|\|"hover"!==u&&"always"!==u?"none":"underline",r.default,k,x,r.default,x,l.default()),c&&o.css(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",r.default,s?"inline-block":"inline",!e&&!v&&!c&&f&&o.css(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),a.default)})),c=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-3fa28815-1"})([""]);exports.StyledContent=c,exports.StyledLink=s;

package/lib/components/select/__internal__/select-textbox/select-textbox.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.style.js"),l=require("../../../textbox/textbox.component.js"),n=require("../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../../__internal__/utils/helpers/combine-refs/index.js");function o(e){return e&&e.__esModule?e:{default:e}}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}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){i(e,t,r[t])}))}return e}function s(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}function d(e,t){if(null==e)return{};var r,l,n=function(e,t){if(null==e)return{};var r,l,n={},a=Object.keys(e);for(l=0;l<a.length;l++)r=a[l],t.indexOf(r)>=0\|\|(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l<a.length;l++)r=a[l],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const u=o(t).default.forwardRef(((o,i)=>{var{ariaLabel:u,ariaLabelledby:b,accessibilityLabelId:p,labelId:y,"aria-controls":f,disabled:O=!1,isOpen:m,id:x,readOnly:j=!1,placeholder:h,size:v="medium",onClick:g,onFocus:w,onBlur:P,formattedValue:C="",selectedValue:$,required:_,selectType:S,transparent:D=!1,activeDescendantId:q,onKeyDown:I,onChange:k}=o,L=d(o,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","selectType","transparent","activeDescendantId","onKeyDown","onChange"]);const T=n.default(),V=t.useRef(null),z=h\|\|T.select.placeholder(),B=!O&&!j&&!C,E="filterable"===S\|\|"multi"===S,F=a.default(i,V);function K(e){O\|\|(V.current&&document.activeElement!==V.current&&V.current.focus(),j\|\|null==g\|\|g(e))}const N=c({disabled:O,id:x,readOnly:j,required:_,onClick:K,onFocus:function(e){O\|\|j\|\|null==w\|\|w(e)},onBlur:P,labelId:y,type:"text",ref:F,onKeyDown:I},L),{"aria-describedby":A,leftChildren:M}=L,R=d(L,["aria-describedby","leftChildren"]),W={"aria-expanded":j?void 0:m,"aria-labelledby":p?`${b\|\|y} ${p}`:b,"aria-activedescendant":q,"aria-controls":f,"aria-autocomplete":"filterable"===S\|\|"multi"===S?"both":void 0,role:j?void 0:"combobox"},G="string"==typeof $\|\|Array.isArray($)&&"string"==typeof $[0],H=[E?"select-allows-typing":void 0].filter(Boolean).join(" ");return e.jsx(l.Textbox,s(c({"aria-describedby":A,"aria-label":u,"data-element":`${null!=S?S:""}-select-input`,"data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:v,formattedValue:C,placeholder:E?z:void 0},W,N),{className:H,"data-is-transparent":D,"data-is-open":m,onChange:k,value:G?$:void 0,my:0,leftChildren:E?M:e.jsx(r.StyledSelectText,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",$disabled:O,$hasPlaceholder:B,onClick:K,$readOnly:j,$size:v,$transparent:D,className:`select-text ${O?"disabled":""} ${j?"read-only":""}`},R),{children:e.jsx(r.StyledSelectTextChildrenWrapper,{$isDisabled:O,$readOnly:j,children:B?z:C})}))}))}));u.displayName="SelectTextbox",exports.default=u;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.style.js"),l=require("../../../textbox/textbox.component.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/utils/helpers/combine-refs/index.js");function o(e){return e&&e.__esModule?e:{default:e}}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}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){i(e,t,r[t])}))}return e}function s(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}function d(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0\|\|(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const u=o(t).default.forwardRef(((o,i)=>{var{ariaLabel:u,ariaLabelledby:b,accessibilityLabelId:p,labelId:y,"aria-controls":f,disabled:O=!1,isOpen:m,id:x,readOnly:j=!1,placeholder:h,size:v="medium",onClick:g,onFocus:w,onBlur:P,formattedValue:C="",selectedValue:$,required:_,selectType:S,transparent:D=!1,activeDescendantId:q,onKeyDown:I,onChange:k}=o,L=d(o,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","selectType","transparent","activeDescendantId","onKeyDown","onChange"]);const T=a.default(),V=t.useRef(null),z=h\|\|T.select.placeholder(),B=!O&&!j&&!C,E="filterable"===S\|\|"multi"===S,F=n.default(i,V);function K(e){O\|\|(V.current&&document.activeElement!==V.current&&V.current.focus(),j\|\|null==g\|\|g(e))}const N=c({disabled:O,id:x,readOnly:j,required:_,onClick:K,onFocus:function(e){O\|\|j\|\|null==w\|\|w(e)},onBlur:P,labelId:y,type:"text",ref:F,onKeyDown:I},L),{"aria-describedby":A,leftChildren:M}=L,R=d(L,["aria-describedby","leftChildren"]),W={"aria-expanded":j?void 0:m,"aria-labelledby":p?`${b\|\|y} ${p}`:b,"aria-activedescendant":q,"aria-controls":f,"aria-autocomplete":"filterable"===S\|\|"multi"===S?"both":void 0,role:j?void 0:"combobox"},G="string"==typeof $\|\|Array.isArray($)&&"string"==typeof $[0],H=[E?"select-allows-typing":void 0].filter(Boolean).join(" ");return e.jsx(l.Textbox,s(c({"aria-describedby":A,"aria-label":u,"data-element":`${null!=S?S:""}-select-input`,"data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:v,formattedValue:C,placeholder:E?z:void 0},W,N),{className:H,"data-is-transparent":D,"data-is-open":m,onChange:k,value:G?$:void 0,my:0,leftChildren:E?M:e.jsx(r.StyledSelectText,s(c({"aria-hidden":!0,"aria-disabled":O\|\|void 0,"data-element":"select-text","data-role":"select-text",$disabled:O,$hasPlaceholder:B,onClick:K,$readOnly:j,$size:v,$transparent:D,className:`select-text ${O?"disabled":""} ${j?"read-only":""}`},R),{children:e.jsx(r.StyledSelectTextChildrenWrapper,{$isDisabled:O,$readOnly:j,children:B?z:C})}))}))}));u.displayName="SelectTextbox",exports.default=u;

package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var o=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var a=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/input/input.style.js"),require("../../../../../__internal__/validation-message/__next__/validation-message.style.js"),require("../../../../../__internal__/error-border/error-border.style.js"),require("../../../../textbox/__internal__/__next__/text-input.style.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../../__internal__/label/label.style.js"),require("../../../../tabs/__next__/tabs.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../dialog/dialog.component.js"),require("../../../../form/form.component.js"),require("~~../../../../form/required~~-~~fields~~-~~indicator/required-fields-indicator.component.js~~"),require("~~../../../../typography~~/~~typography~~.~~component.~~js");const n=t.forwardRef((({inputHint:t,namespace:n,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium",id:x},j)=>{const y=o.default(),b=d\|\|_?`${n}-validation-message`:"",m=t?`${n}-input-hint`:"",g=(q?`${b} ${m}`:`${m} ${b}`).trim();return e.jsxs(i.default,{"data-role":`${n}-content-editable`,error:d,warning:_,namespace:n,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{id:x,ref:j,"aria-describedby":g,"aria-labelledby":`${n}-label`,"aria-required":c,"aria-invalid":d,className:`${n}-editable`,"data-role":`${n}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)\|\|void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)\|\|void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")\|\|y(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(a.default,{previews:l})]})}));exports.default=n;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var a=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var n=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/input/input.style.js"),require("../../../../../__internal__/validation-message/__next__/validation-message.style.js"),require("../../../../../__internal__/error-border/error-border.style.js"),require("../../../../textbox/__internal__/__next__/text-input.style.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../../__internal__/label/label.style.js"),require("../../../../tabs/__next__/tabs.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../dialog/dialog.component.js"),require("../../../../form/form.component.js"),require("styled-components"),require("styled-system"),require("../../../../../style/themes/base/index.js");const o=t.forwardRef((({inputHint:t,namespace:o,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium",id:x},j)=>{const b=a.default(),y=d\|\|_?`${o}-validation-message`:"",m=t?`${o}-input-hint`:"",v=(q?`${y} ${m}`:`${m} ${y}`).trim();return e.jsxs(i.default,{"data-role":`${o}-content-editable`,error:d,warning:_,namespace:o,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{id:x,ref:j,"aria-describedby":v,"aria-labelledby":`${o}-label`,"aria-required":c,"aria-invalid":d,className:`${o}-editable`,"data-role":`${o}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)\|\|void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)\|\|void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")\|\|b(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(n.default,{previews:l})]})}));exports.default=o;

package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),y=require("../../../../dialog/dialog.component.js"),j=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js")~~;var v~~=require("../../../../box/box.component.js")~~,E=require("../../../../typography/typography.component.js")~~;function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){k(e,t,r[t])}))}return e}function S(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,_,F,R,I;const[L]=t.useLexicalComposerContext(),z=L.isEditable(),A=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=o.useRef(!1),de=o.useCallback((()=>{const e=L.getRootElement();e&&(ue.current=e.contains(document.activeElement)),K(!0)}),[L]),ce=a.default(),pe=P.includes("typography"),xe=P.includes("bold")\|\|P.includes("italic")\|\|P.includes("underline"),be=P.includes("unordered-list")\|\|P.includes("ordered-list"),fe=P.includes("link"),me=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(L.registerUpdateListener((({editorState:e})=>{e.read((()=>{L.isEditable()&&me()}))})))),[me,L]),o.useEffect((()=>{Y&&L.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,L]);const he=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return z?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ce.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:A,onKeyDown:e=>{var t,r;if(0===P.length\|\|!A.current)return;const n=Array.from(null===(t=A.current)\|\|void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)\|\|void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G\|\|(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G\|\|(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])\|\|void 0===r\|\|r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[pe&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:xe\|\|be\|\|fe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),xe&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:be\|\|fe,children:[P.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!pe,size:D}),P.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!pe&&!P.includes("bold"),size:D}),P.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!pe&&!P.includes("bold")&&!P.includes("italic"),size:D})]}),be&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:fe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!pe&&!xe&&!P.includes("unordered-list"),showOL:P.includes("ordered-list"),showUL:P.includes("unordered-list"),ulIsFirstButton:!pe&&!xe,size:D})}),fe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!pe&&!xe&&!be,setDialogOpen:de,size:D})})]}),e.jsx(y.Dialog,{open:Y,onCancel:()=>{he()},title:ce.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ce.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(j.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{he()},children:ce.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ce.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t\|\|r)?t?null===(o=ae.current)\|\|void 0===o\|\|o.focus():null===(i=se.current)\|\|void 0===i\|\|i.focus():L.isEditable()&&(L.update((()=>{const e=n.$getRoot(),t=g.$createLinkNode(te);t.append(n.$createTextNode(Z));const r=ue.current?n.$getSelection():null;if(n.$isRangeSelection(r))r.insertNodes([t]);else{const r=e.getLastChild();if(n.$isParagraphNode(r))r.append(t);else{const r=n.$createParagraphNode();r.append(t),e.append(r)}}})),he())},children:e.jsxs(v.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.~~jsxs~~(E.~~Typography~~,{~~fontSize:"14px",fontWeight:"500",lineHeight:"21px",~~children:~~[e.jsx("span",{style:{color:"var(--input-labelset-label-required)"},children:"*"})," ",~~null===(B=(C=ce.textEditor.hyperlink).formKey)\|\|void 0===B?void 0:B.call(C)]}),e.jsxs(v.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(_=(F=ce.textEditor.hyperlink).textFieldErrorMessage)\|\|void 0===_?void 0:_.call(F)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(R=(I=ce.textEditor.hyperlink).linkFieldErrorMessage)\|\|void 0===R?void 0:R.call(I)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ce.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(L),size:D,className:"command-button",children:ce.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),j=require("../../../../dialog/dialog.component.js"),y=require("../../../../form/form.component.js"),v=require("../../../../form/required-fields-indicator/required-fields-indicator.component.js"),E=require("../../../../box/box.component.js");function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){k(e,t,r[t])}))}return e}function S(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,_,F,R,I;const[L]=t.useLexicalComposerContext(),A=L.isEditable(),z=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=o.useRef(!1),de=o.useCallback((()=>{const e=L.getRootElement();e&&(ue.current=e.contains(document.activeElement)),K(!0)}),[L]),ce=a.default(),pe=P.includes("typography"),xe=P.includes("bold")\|\|P.includes("italic")\|\|P.includes("underline"),be=P.includes("unordered-list")\|\|P.includes("ordered-list"),fe=P.includes("link"),me=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(L.registerUpdateListener((({editorState:e})=>{e.read((()=>{L.isEditable()&&me()}))})))),[me,L]),o.useEffect((()=>{Y&&L.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,L]);const he=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return A?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ce.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:z,onKeyDown:e=>{var t,r;if(0===P.length\|\|!z.current)return;const n=Array.from(null===(t=z.current)\|\|void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)\|\|void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G\|\|(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G\|\|(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])\|\|void 0===r\|\|r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[pe&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:xe\|\|be\|\|fe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),xe&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:be\|\|fe,children:[P.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!pe,size:D}),P.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!pe&&!P.includes("bold"),size:D}),P.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!pe&&!P.includes("bold")&&!P.includes("italic"),size:D})]}),be&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:fe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!pe&&!xe&&!P.includes("unordered-list"),showOL:P.includes("ordered-list"),showUL:P.includes("unordered-list"),ulIsFirstButton:!pe&&!xe,size:D})}),fe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!pe&&!xe&&!be,setDialogOpen:de,size:D})})]}),e.jsx(j.Dialog,{open:Y,onCancel:()=>{he()},title:ce.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ce.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(y.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{he()},children:ce.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ce.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t\|\|r)?t?null===(o=ae.current)\|\|void 0===o\|\|o.focus():null===(i=se.current)\|\|void 0===i\|\|i.focus():L.isEditable()&&(L.update((()=>{const e=n.$getRoot(),t=g.$createLinkNode(te);t.append(n.$createTextNode(Z));const r=ue.current?n.$getSelection():null;if(n.$isRangeSelection(r))r.insertNodes([t]);else{const r=e.getLastChild();if(n.$isParagraphNode(r))r.append(t);else{const r=n.$createParagraphNode();r.append(t),e.append(r)}}})),he())},children:e.jsxs(E.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.jsx(v.RequiredFieldsIndicator,{children:null===(B=(C=ce.textEditor.hyperlink).formKey)\|\|void 0===B?void 0:B.call(C)}),e.jsxs(E.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(E.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(_=(F=ce.textEditor.hyperlink).textFieldErrorMessage)\|\|void 0===_?void 0:_.call(F)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(E.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(R=(I=ce.textEditor.hyperlink).linkFieldErrorMessage)\|\|void 0===R?void 0:R.call(I)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ce.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(L),size:D,className:"command-button",children:ce.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};

package/lib/components/textbox/textbox.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:w,iconOnClick:v,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0\|\|(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j\|\|N)return;const n=null!=v?v:z;null==n\|\|n(e)}),[v,z,j,N]),le=n.useCallback((e=>{if(j\|\|N)return;const n=null!=C?C:U;null==n\|\|n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m\|\|750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,w?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L\|\|"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P\|\|he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F\|\|F(e)},onFocus:e=>{f&&se("polite"),null==H\|\|H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M\|\|V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,w&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,children:w})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:v,iconOnClick:w,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0\|\|(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j\|\|N)return;const n=null!=w?w:z;null==n\|\|n(e)}),[w,z,j,N]),le=n.useCallback((e=>{if(j\|\|N)return;const n=null!=C?C:U;null==n\|\|n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m\|\|750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,v?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L\|\|"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P\|\|he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F\|\|F(e)},onFocus:e=>{f&&se("polite"),null==H\|\|H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M\|\|V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,v&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,"aria-disabled":j\|\|void 0,children:v})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;