carbon-react 155.5.4 → 155.6.0

package/esm/components/menu/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Menu } from "./menu.component";
 export type { MenuProps } from "./menu.types";
 export { default as MenuItem } from "./menu-item";
-export type { MenuWithIcon, MenuWithChildren } from "./menu-item";
+export type { MenuWithIcon, MenuWithChildren, MenuItemHandle, } from "./menu-item";
 export { default as MenuDivider } from "./menu-divider";
 export type { MenuDividerProps } from "./menu-divider";
 export { default as MenuSegmentTitle } from "./menu-segment-title";

package/esm/components/menu/menu-item/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./menu-item.component";
-export type { MenuWithChildren, MenuWithIcon, VariantType, } from "./menu-item.component";
+export type { MenuWithChildren, MenuWithIcon, VariantType, MenuItemHandle, } from "./menu-item.component";

package/esm/components/menu/menu-item/menu-item.component.d.ts

@@ -72,5 +72,9 @@ export interface MenuWithIcon extends MenuItemBaseProps {
     icon: IconType;
     children?: React.ReactNode;
 }
-export declare const MenuItem: ({ submenu, submenuMaxWidth, submenuMinWidth, children, href, onClick, target, submenuDirection, icon, selected, onKeyDown, variant, showDropdownArrow, ariaLabel, clickToOpen, maxWidth, onSubmenuOpen, onSubmenuClose, overrideColor, rel, as, "data-element": dataElement, "data-role": dataRole, ...rest }: MenuWithChildren | MenuWithIcon) => React.JSX.Element;
+export type MenuItemHandle = {
+    /** Programmatically focus the MenuItem. */
+    focus: () => void;
+} | null;
+export declare const MenuItem: React.ForwardRefExoticComponent<(MenuWithChildren | MenuWithIcon) & React.RefAttributes<MenuItemHandle>>;
 export default MenuItem;

package/esm/components/menu/menu-item/menu-item.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useRef as n,useContext as r,useState as o,useLayoutEffect as i,useEffect as u}from"react";import l from"invariant";import{defaultFocusableSelectors as s}from"../../../__internal__/focus-trap/focus-trap-utils.js";import a from"../../../style/utils/filter-styled-system-padding-props.js";import c from"./menu-item.style.js";import m from"../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../__internal__/strict-menu.context.js";import p from"../__internal__/submenu/submenu.component.js";import b from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as f}from"../menu-segment-title/menu-segment-title.context.js";import{StyledMenuItem as h}from"../menu.style.js";import y from"../../../__internal__/utils/helpers/guid/index.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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){v(e,t,n[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const j=v=>{var{submenu:j,submenuMaxWidth:w,submenuMinWidth:_,children:x,href:S,onClick:P,target:D,submenuDirection:k="right",icon:I,selected:W,onKeyDown:C,variant:F="default",showDropdownArrow:M=!0,ariaLabel:T,clickToOpen:V,maxWidth:E,onSubmenuOpen:L,onSubmenuClose:K,overrideColor:A,rel:q,as:H,"data-element":N,"data-role":Y}=v,z=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}(v,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);l(I||x,"Either prop `icon` must be defined or this node must have `children`."),l(x||T||j||"string"==typeof j&&j.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),l("boolean"==typeof j||void 0===j||t.isValidElement(j)||x&&"string"==typeof j&&j.length,"You should not pass `children` when `submenu` is an empty string");const B=n(y()),{isChildOfSegment:G,overriddenVariant:J}=r(f),{inFullscreenView:Q,registerItem:R,unregisterItem:U,focusId:X,updateFocusId:Z,menuType:$}=d(),ee=r(b),te=Object.keys(ee).length>0,{submenuFocusId:ne,updateFocusId:re,handleKeyDown:oe,submenuHasMaxWidth:ie}=ee,ue=X===B.current,le=ne?ne===B.current:void 0,[se,ae]=o(null),[ce,me]=o(null);i((()=>{var e;const t=null!==(e=null==se?void 0:se.querySelector(s))&&void 0!==e?e:null;t!==ce&&me(t)}),[ce,se]),u((()=>{const e=B.current;return R&&R(e),()=>{U&&U(e)}}),[R,U]),u((()=>{if(ue&&!le||le){if(ce)return void ce.focus();null==se||se.focus()}}),[ce,ue,le,se]);const de=e=>{te?(e.stopPropagation(),null==re||re(B.current)):null==Z||Z(B.current)},pe={className:S||P?"carbon-menu-item--has-link":"",href:ce?void 0:S,onClick:ce?void 0:P,target:D,rel:q,icon:I,removeAriaLabelOnIcon:!0,selected:W,onKeyDown:Q?void 0:e=>{null==C||C(e),m.isEscKey(e)&&(null==se||se.focus()),null==oe||oe(e)},overrideColor:A,ref:ae};"alternate"===J&&G&&"alternate"===F&&["white","black"].includes($)&&(pe.overrideColor=!0);const be=e=>E&&"string"==typeof e?e:void 0,fe=Q?void 0:E,he=!(P||S||ce);if(j)return e(h,g(O({"data-component":"menu-item","data-element":N,"data-role":Y,menuType:$,title:be(j),maxWidth:fe},z),{inFullscreenView:Q,id:B.current,as:H,onFocus:de,children:e(p,g(O(g(O(g(O({},"boolean"!=typeof j&&{title:j}),{submenuDirection:k,showDropdownArrow:M,clickToOpen:V,maxWidth:E,asPassiveItem:he,ariaLabel:T,onSubmenuOpen:L,onSubmenuClose:K,submenuMaxWidth:w,submenuMinWidth:_}),pe),{variant:F}),z),{children:x}))}));const ye=a(z),ve=!!(null==se?void 0:se.querySelector("[data-element='input']"));return e(h,g(O({"data-component":"menu-item","data-element":N,"data-role":Y,menuType:$,inSubmenu:te,title:be(x),maxWidth:fe},z),{inFullscreenView:Q&&!Object.keys(ee).length,id:B.current,as:H,onFocus:de,children:e(c,g(O(g(O({menuType:$,"data-role":"menu-item-wrapper"},pe),{menuItemVariant:F,ariaLabel:T,maxWidth:ie?void 0:fe,inFullscreenView:Q,asPassiveItem:he}),ye),{asDiv:ve||"div"===H,hasFocusableChild:!!ce,hasInput:ve,inSubmenu:te,children:x}))}))};export{j as MenuItem,j as default};
+import{jsx as e}from"react/jsx-runtime";import n,{forwardRef as t,useRef as r,useContext as o,useState as i,useLayoutEffect as u,useEffect as l,useImperativeHandle as s}from"react";import a from"invariant";import{defaultFocusableSelectors as c}from"../../../__internal__/focus-trap/focus-trap-utils.js";import m from"../../../style/utils/filter-styled-system-padding-props.js";import d from"./menu-item.style.js";import p from"../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as b}from"../__internal__/strict-menu.context.js";import f from"../__internal__/submenu/submenu.component.js";import h from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as y}from"../menu-segment-title/menu-segment-title.context.js";import{StyledMenuItem as v}from"../menu.style.js";import O from"../../../__internal__/utils/helpers/guid/index.js";function g(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function j(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){g(e,n,t[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const _=t(((t,g)=>{var{submenu:_,submenuMaxWidth:x,submenuMinWidth:S,children:P,href:D,onClick:k,target:I,submenuDirection:W="right",icon:C,selected:F,onKeyDown:M,variant:T="default",showDropdownArrow:V=!0,ariaLabel:E,clickToOpen:L,maxWidth:K,onSubmenuOpen:A,onSubmenuClose:q,overrideColor:H,rel:N,as:Y,"data-element":z,"data-role":B}=t,G=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);a(C||P,"Either prop `icon` must be defined or this node must have `children`."),a(P||E||_||"string"==typeof _&&_.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),a("boolean"==typeof _||void 0===_||n.isValidElement(_)||P&&"string"==typeof _&&_.length,"You should not pass `children` when `submenu` is an empty string");const J=r(O()),{isChildOfSegment:Q,overriddenVariant:R}=o(y),{inFullscreenView:U,registerItem:X,unregisterItem:Z,focusId:$,updateFocusId:ee,menuType:ne}=b(),te=o(h),re=Object.keys(te).length>0,{submenuFocusId:oe,updateFocusId:ie,handleKeyDown:ue,submenuHasMaxWidth:le}=te,se=$===J.current,ae=oe?oe===J.current:void 0,[ce,me]=i(null),[de,pe]=i(null);u((()=>{var e;const n=null!==(e=null==ce?void 0:ce.querySelector(c))&&void 0!==e?e:null;n!==de&&pe(n)}),[de,ce]),l((()=>{const e=J.current;return X&&X(e),()=>{Z&&Z(e)}}),[X,Z]),l((()=>{if(se&&!ae||ae){if(de)return void de.focus();null==ce||ce.focus()}}),[de,se,ae,ce]),s(g,(()=>({focus(){null==ce||ce.focus()}})),[ce]);const be=e=>{re?(e.stopPropagation(),null==ie||ie(J.current)):null==ee||ee(J.current)},fe={className:D||k?"carbon-menu-item--has-link":"",href:de?void 0:D,onClick:de?void 0:k,target:I,rel:N,icon:C,removeAriaLabelOnIcon:!0,selected:F,onKeyDown:U?void 0:e=>{null==M||M(e),p.isEscKey(e)&&(null==ce||ce.focus()),null==ue||ue(e)},overrideColor:H,ref:me};"alternate"===R&&Q&&"alternate"===T&&["white","black"].includes(ne)&&(fe.overrideColor=!0);const he=e=>K&&"string"==typeof e?e:void 0,ye=U?void 0:K,ve=!(k||D||de);if(_)return e(v,w(j({"data-component":"menu-item","data-element":z,"data-role":B,menuType:ne,title:he(_),maxWidth:ye},G),{inFullscreenView:U,id:J.current,as:Y,onFocus:be,children:e(f,w(j(w(j(w(j({},"boolean"!=typeof _&&{title:_}),{submenuDirection:W,showDropdownArrow:V,clickToOpen:L,maxWidth:K,asPassiveItem:ve,ariaLabel:E,onSubmenuOpen:A,onSubmenuClose:q,submenuMaxWidth:x,submenuMinWidth:S}),fe),{variant:T}),G),{children:P}))}));const Oe=m(G),ge=!!(null==ce?void 0:ce.querySelector("[data-element='input']"));return e(v,w(j({"data-component":"menu-item","data-element":z,"data-role":B,menuType:ne,inSubmenu:re,title:he(P),maxWidth:ye},G),{inFullscreenView:U&&!Object.keys(te).length,id:J.current,as:Y,onFocus:be,children:e(d,w(j(w(j({menuType:ne,"data-role":"menu-item-wrapper"},fe),{menuItemVariant:T,ariaLabel:E,maxWidth:le?void 0:ye,inFullscreenView:U,asPassiveItem:ve}),Oe),{asDiv:ge||"div"===Y,hasFocusableChild:!!de,hasInput:ge,inSubmenu:re,children:P}))}))}));export{_ as MenuItem,_ as default};

package/esm/components/switch/switch.component.d.ts

@@ -7,7 +7,7 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps, Tag
     adaptiveLabelBreakpoint?: number;
     /** Set the default value of the Switch if component is meant to be used as uncontrolled */
     defaultChecked?: boolean;
-    /** [Legacy] When true label is inline */
+    /** When true label is inline */
     labelInline?: boolean;
     /** Triggers loading animation */
     loading?: boolean;
@@ -23,6 +23,8 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps, Tag
     isDarkBackground?: boolean;
     /** Render the ValidationMessage above the Switch input when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Label width, as a percentage, when labelInline is true */
+    labelWidth?: number;
 }
 export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 export default Switch;

package/esm/components/switch/switch.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import i,{useContext as o,useRef as t,useState as a,useCallback as l}from"react";import{Box as d}from"../box/box.component.js";import s from"../../__internal__/checkable-input/checkable-input.component.js";import c from"../../__internal__/label/label.component.js";import{TooltipProvider as p}from"../../__internal__/tooltip-provider/index.js";import u from"../carbon-provider/__internal__/new-validation.context.js";import b from"../../__internal__/utils/logger/index.js";import m from"../../__internal__/validation-message/validation-message.component.js";import f from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import g,{ErrorBorder as h}from"./switch.style.js";import k from"./__internal__/switch-slider.component.js";import v from"../../__internal__/utils/helpers/guid/index.js";import{HintText as w}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";function _(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function O(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){_(e,r,n[r])}))}return e}function j(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}let B=!1;const x=i.forwardRef(((i,_)=>{var{autoFocus:x,id:D,label:P,onChange:I,onBlur:S,onFocus:H,value:L,checked:F,defaultChecked:z,disabled:C,loading:q,reverse:A=!0,required:T,isOptional:M,validationOnLabel:$=!1,labelInline:E=!1,labelSpacing:R,labelHelp:U,fieldHelpInline:W,size:Y,name:N,adaptiveLabelBreakpoint:V,tooltipPosition:G,error:J,warning:K,info:Q,"data-element":X,"data-role":Z,helpAriaLabel:ee,isDarkBackground:re=!1,validationMessagePositionTop:ne=!0}=i,ie=function(e,r){if(null==e)return{};var n,i,o=function(e,r){if(null==e)return{};var n,i,o={},t=Object.keys(e);for(i=0;i<t.length;i++)n=t[i],r.indexOf(n)>=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)n=t[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(i,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","defaultChecked","disabled","loading","reverse","required","isOptional","validationOnLabel","labelInline","labelSpacing","labelHelp","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const oe=void 0!==F,{validationRedesignOptIn:te}=o(u),ae=t(`${v()}-label`),le=t(`${v()}-hint`),de=t(`${v()}-message`),[se,ce]=a(z||!1);B||I||(B=!0,b.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const pe=l((e=>{q?e.preventDefault():(ce(e.target.checked),null==I||I(e))}),[ce,I,q]),ue=f(V);let be=E;V&&(be=ue);const me=!(!E||A)||$,fe=y(ie),ge=O({"data-component":"switch","data-role":Z,"data-element":X,checked:oe?F:se,isDarkBackground:re,fieldHelpInline:W,labelInline:be,labelSpacing:R,reverse:!A,size:Y},fe),he={checked:oe?F:se,disabled:C,loading:q,isDarkBackground:re,size:Y,error:J,warning:K,info:Q,useValidationIcon:!te&&!me&&!C},ke=j(O({autoFocus:x,error:J,warning:K,info:Q,disabled:C,loading:q,checked:oe?F:se,label:P,labelHelp:U,fieldHelpInline:W,labelInline:be,labelSpacing:R,onBlur:S,isDarkBackground:re,onFocus:H,onChange:oe?I:pe,id:D,name:N,value:L,type:"checkbox",role:"switch",reverse:!A,validationOnLabel:me&&!C,ref:_,required:T,isOptional:M},ie),{"data-component":void 0}),ve=O({"data-component":"switch","data-role":Z,"data-element":X,checked:oe?F:se,labelInline:be,isDarkBackground:re,size:Y},fe),we={checked:oe?F:se,disabled:C,loading:q,isDarkBackground:re,size:Y,error:J,warning:K},ye=O({autoFocus:x,error:!!J,warning:K,disabled:C,loading:q,checked:oe?F:se,onBlur:S,isDarkBackground:re,onFocus:H,onChange:oe?I:pe,id:D,name:N,value:L,type:"checkbox",role:"switch",ref:_,required:T,isOptional:M},ie),_e=J||K,Oe=[U&&le.current,_e&&de.current].filter(Boolean).join(" ");if(!te)return e(r,{children:e(p,{helpAriaLabel:ee,tooltipPosition:G,children:e(g,j(O({},ge),{children:e(s,j(O({},ke),{children:e(k,O({},he))}))}))})});const je=J||K?E?3:0:E?1:0,Be=E?"row":"column",xe=E?"row-reverse":"column",De=!E||J||K||Q?"":"center";return n(r,{children:[e(g,j(O({},ve),{children:n(d,{"data-role":"field-reverse-wrapper",display:"flex",flexWrap:"wrap",alignItems:J||K?"flex-start":void 0,flexDirection:A?Be:xe,width:E?"100%":"auto",children:[n(d,{"data-role":"label-wrapper",alignSelf:De,children:[e(c,{isDarkBackground:re,labelId:ae.current,disabled:C,isRequired:T,optional:M,children:P}),U&&e(d,{"data-role":"hint-text-wrapper",mb:E?0:1,mr:A?0:1,ml:A?0:1,children:e(w,{"data-role":"hint-text",fontWeight:"400",id:le.current,isDarkBackground:re,marginTop:"8px",maxWidth:"160px",children:U})})]}),n(d,{ml:A?je:0,mr:A?0:je,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[ne&&n(r,{children:[e(m,{error:J,warning:K,validationId:de.current,isDarkBackground:re,validationMessagePositionTop:ne,"data-role":"validation-message-top"}),_e&&e(h,{"data-role":"error-border",warning:!(J||!K),reverse:!A,isDarkBackground:re})]}),e(s,j(O({ariaLabelledBy:`${P&&ae.current}`,ariaDescribedBy:Oe},ye),{fieldHelp:E?void 0:ie.fieldHelp,children:e(k,O({},we))})),!ne&&n(r,{children:[e(m,{error:J,warning:K,validationId:de.current,isDarkBackground:re,validationMessagePositionTop:ne,"data-role":"validation-message-bottom"}),_e&&e(h,{"data-role":"error-border",warning:!(J||!K),reverse:!A,isDarkBackground:re})]})]})]})})),E&&ie.fieldHelp&&e(d,{color:re?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:ie.fieldHelp})]})}));x.displayName="Switch";export{x as Switch,x as default};
+import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import i,{useContext as o,useRef as t,useState as a,useCallback as l}from"react";import{Box as d}from"../box/box.component.js";import s from"../../__internal__/checkable-input/checkable-input.component.js";import c from"../../__internal__/label/label.component.js";import{TooltipProvider as p}from"../../__internal__/tooltip-provider/index.js";import u from"../carbon-provider/__internal__/new-validation.context.js";import b from"../../__internal__/utils/logger/index.js";import m from"../../__internal__/validation-message/validation-message.component.js";import g from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import f,{ErrorBorder as h}from"./switch.style.js";import v from"./__internal__/switch-slider.component.js";import k from"../../__internal__/utils/helpers/guid/index.js";import{HintText as w}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";function _(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function O(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){_(e,r,n[r])}))}return e}function j(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}let B=!1;const D=i.forwardRef(((i,_)=>{var{autoFocus:D,id:P,label:x,onChange:I,onBlur:S,onFocus:H,value:L,checked:F,defaultChecked:z,disabled:C,loading:q,reverse:A=!0,required:T,isOptional:$,validationOnLabel:M=!1,labelInline:R=!1,labelSpacing:W,labelHelp:E,labelWidth:U,fieldHelpInline:Y,size:N="small",name:V,adaptiveLabelBreakpoint:G,tooltipPosition:J,error:K,warning:Q,info:X,"data-element":Z,"data-role":ee,helpAriaLabel:re,isDarkBackground:ne=!1,validationMessagePositionTop:ie=!0}=i,oe=function(e,r){if(null==e)return{};var n,i,o=function(e,r){if(null==e)return{};var n,i,o={},t=Object.keys(e);for(i=0;i<t.length;i++)n=t[i],r.indexOf(n)>=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)n=t[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(i,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","defaultChecked","disabled","loading","reverse","required","isOptional","validationOnLabel","labelInline","labelSpacing","labelHelp","labelWidth","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const te=void 0!==F,{validationRedesignOptIn:ae}=o(u),le=t(`${k()}-label`),de=t(`${k()}-hint`),se=t(`${k()}-message`),[ce,pe]=a(z||!1);B||I||(B=!0,b.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const ue=l((e=>{q?e.preventDefault():(pe(e.target.checked),null==I||I(e))}),[pe,I,q]),be=g(G);let me=R;G&&(me=be);const ge=!(!R||A)||M,fe=y(oe),he=O({"data-component":"switch","data-role":ee,"data-element":Z,checked:te?F:ce,isDarkBackground:ne,fieldHelpInline:Y,labelInline:me,labelSpacing:W,reverse:!A,size:N},fe),ve={checked:te?F:ce,disabled:C,loading:q,isDarkBackground:ne,size:N,error:K,warning:Q,info:X,useValidationIcon:!ae&&!ge&&!C},ke=j(O({autoFocus:D,error:K,warning:Q,info:X,disabled:C,loading:q,checked:te?F:ce,label:x,labelHelp:E,labelWidth:U,fieldHelpInline:Y,labelInline:me,labelSpacing:W,onBlur:S,isDarkBackground:ne,onFocus:H,onChange:te?I:ue,id:P,name:V,value:L,type:"checkbox",role:"switch",reverse:!A,validationOnLabel:ge&&!C,ref:_,required:T,isOptional:$},oe),{"data-component":void 0}),we=O({"data-component":"switch","data-role":ee,"data-element":Z,checked:te?F:ce,labelInline:me,isDarkBackground:ne,size:N,reverse:!A,validationRedesignOptIn:ae},fe),ye={checked:te?F:ce,disabled:C,loading:q,isDarkBackground:ne,size:N,error:K,warning:Q},_e=O({autoFocus:D,error:!!K,warning:Q,disabled:C,loading:q,checked:te?F:ce,onBlur:S,isDarkBackground:ne,onFocus:H,onChange:te?I:ue,id:P,name:V,value:L,type:"checkbox",role:"switch",ref:_,required:T,isOptional:$},oe),Oe=K||Q,je=[E&&de.current,Oe&&se.current].filter(Boolean).join(" ");if(!ae)return e(r,{children:e(p,{helpAriaLabel:re,tooltipPosition:J,children:e(f,j(O({},he),{children:e(s,j(O({},ke),{children:e(v,O({},ve))}))}))})});const Be=K||Q?R?3:0:R?1:0,De=R?"row":"column",Pe=R?"row-reverse":"column",xe=!R||K||Q||X?"":"center";return n(r,{children:[e(f,j(O({},we),{children:n(d,{"data-role":"field-reverse-wrapper",display:"flex",alignItems:K||Q?"flex-start":void 0,flexDirection:A?De:Pe,width:R?"100%":"auto",children:[n(d,j(O({"data-role":"label-wrapper",alignSelf:xe},U&&{width:`${U}%`}),{children:[e(c,{isDarkBackground:ne,labelId:le.current,disabled:C,isRequired:T,optional:$,children:x}),E&&e(d,{"data-role":"hint-text-wrapper",mb:R?0:1,children:e(w,{"data-role":"hint-text",fontWeight:"400",id:de.current,isDarkBackground:ne,marginTop:"8px",children:E})})]})),n(d,{ml:A?Be:0,mr:A?0:Be,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[ie&&n(r,{children:[e(m,{error:K,warning:Q,validationId:se.current,isDarkBackground:ne,validationMessagePositionTop:ie,"data-role":"validation-message-top"}),Oe&&e(h,{"data-role":"error-border",warning:!(K||!Q),reverse:!A,isDarkBackground:ne})]}),e(s,j(O({ariaLabelledBy:`${x&&le.current}`,ariaDescribedBy:je},_e),{fieldHelp:R?void 0:oe.fieldHelp,children:e(v,O({},ye))})),!ie&&n(r,{children:[e(m,{error:K,warning:Q,validationId:se.current,isDarkBackground:ne,validationMessagePositionTop:ie,"data-role":"validation-message-bottom"}),Oe&&e(h,{"data-role":"error-border",warning:!(K||!Q),reverse:!A,isDarkBackground:ne})]})]})]})})),R&&oe.fieldHelp&&e(d,{color:ne?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:oe.fieldHelp})]})}));D.displayName="Switch";export{D as Switch,D as default};

package/esm/components/switch/switch.style.d.ts

@@ -2,6 +2,7 @@ import type { ThemeObject } from "../../style/themes/theme.types";
 import { SwitchProps } from "./switch.component";
 interface StyledSwitchProps extends Pick<SwitchProps, "fieldHelpInline" | "labelInline" | "reverse" | "size"> {
     theme: ThemeObject;
+    validationRedesignOptIn?: boolean;
 }
 export declare const ErrorBorder: import("styled-components").StyledComponent<"span", any, {
     reverse: boolean;

package/esm/components/switch/switch.style.js

@@ -1 +1 @@
-import t,{css as i}from"styled-components";import{margin as e}from"styled-system";import{StyledCheckableInput as n}from"../../__internal__/checkable-input/checkable-input.style.js";import o from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import r from"../../__internal__/field-help/field-help.style.js";import{FieldLineStyle as l}from"../../__internal__/form-field/form-field.style.js";import{StyledLabelContainer as a}from"../../__internal__/label/label.style.js";import p from"../../__internal__/validations/validation-icon.style.js";import m from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";import{StyledSwitchSlider as d}from"./__internal__/switch-slider.style.js";const f=t.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-542ab734-0"})(["",""],(({reverse:t,warning:e,isDarkBackground:n})=>i(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],e?"var(--colorsSemanticCaution500)":n?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)",t?"right":"left"))),c=t.div.attrs(m).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-542ab734-1"})(["",""],(({fieldHelpInline:t,labelInline:m,reverse:f,size:c})=>i(["margin-bottom:var(--fieldSpacing);"," ","{display:flex;flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],e,l,m?"row wrap":"column wrap",!m&&t&&i(["display:grid;grid-template-columns:max-content max-content;"]),m?"row wrap":"column wrap",n,o,o,n,o,d,s(),r,a,!m&&i(["padding:0;"]),p,t&&i(["","{margin:0;}"],r),f&&i(["",""],!m&&i(["","{margin-top:8px;}",""],a,t&&i(["","{margin-top:8px;}"],r))),m&&i(["","{flex-basis:auto;}","{display:flex;}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],n,l,a,r,f&&i(["","{margin-left:0;margin-top:0;}",""],n,!t&&i(["","{margin-left:60px;}"],r)),t&&i([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!f&&`\n          ${n} {\n            margin-left: 10px;\n          }\n        `,a,r)),"large"===c&&i(["",",",",","{height:44px;min-width:fit-content;}"," ",""],n,o,d,m&&!t&&f&&i(["","{padding:10px 0;}"],r),m&&i(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],a,!t&&f&&i(["","{margin-left:78px;}"],r))))));export{f as ErrorBorder,c as default};
+import t,{css as i}from"styled-components";import{margin as e}from"styled-system";import{StyledCheckableInput as n}from"../../__internal__/checkable-input/checkable-input.style.js";import o from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import r from"../../__internal__/field-help/field-help.style.js";import{FieldLineStyle as l}from"../../__internal__/form-field/form-field.style.js";import{StyledLabelContainer as a}from"../../__internal__/label/label.style.js";import m from"../../__internal__/validations/validation-icon.style.js";import p from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";import{StyledSwitchSlider as d}from"./__internal__/switch-slider.style.js";const f=t.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-e7781d44-0"})(["",""],(({reverse:t,warning:e,isDarkBackground:n})=>i(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],e?"var(--colorsSemanticCaution500)":n?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)",t?"right":"left"))),c=t.div.attrs(p).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-e7781d44-1"})(["",""],(({fieldHelpInline:t,labelInline:p,reverse:f,size:c,validationRedesignOptIn:g})=>i(["margin-bottom:var(--fieldSpacing);"," ","{flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],e,l,p?"row wrap":"column wrap",!p&&t&&i(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",n,o,o,n,o,d,s(),r,a,!p&&i(["padding:0;"]),m,t&&i(["","{margin:0;}"],r),f&&i(["",""],!p&&i(["","{margin-top:8px;}",""],a,t&&i(["","{margin-top:8px;}"],r))),p&&i(["","{flex-basis:auto;}","{","}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],n,l,f&&g&&i(["justify-content:flex-end;"]),a,r,f&&i(["","{margin-left:0;margin-top:0;}",""],n,!t&&i(["","{margin-left:60px;}"],r)),t&&i([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!f&&`\n          ${n} {\n            margin-left: 10px;\n          }\n        `,a,r)),"large"===c&&i(["",",",",","{height:44px;min-width:fit-content;}"," ",""],n,o,d,p&&!t&&f&&i(["","{padding:10px 0;}"],r),p&&i(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],a,!t&&f&&i(["","{margin-left:78px;}"],r))))));export{f as ErrorBorder,c as default};

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

@@ -1,7 +1,7 @@
 export { default as Menu } from "./menu.component";
 export type { MenuProps } from "./menu.types";
 export { default as MenuItem } from "./menu-item";
-export type { MenuWithIcon, MenuWithChildren } from "./menu-item";
+export type { MenuWithIcon, MenuWithChildren, MenuItemHandle, } from "./menu-item";
 export { default as MenuDivider } from "./menu-divider";
 export type { MenuDividerProps } from "./menu-divider";
 export { default as MenuSegmentTitle } from "./menu-segment-title";

package/lib/components/menu/menu-item/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./menu-item.component";
-export type { MenuWithChildren, MenuWithIcon, VariantType, } from "./menu-item.component";
+export type { MenuWithChildren, MenuWithIcon, VariantType, MenuItemHandle, } from "./menu-item.component";

package/lib/components/menu/menu-item/menu-item.component.d.ts

@@ -72,5 +72,9 @@ export interface MenuWithIcon extends MenuItemBaseProps {
     icon: IconType;
     children?: React.ReactNode;
 }
-export declare const MenuItem: ({ submenu, submenuMaxWidth, submenuMinWidth, children, href, onClick, target, submenuDirection, icon, selected, onKeyDown, variant, showDropdownArrow, ariaLabel, clickToOpen, maxWidth, onSubmenuOpen, onSubmenuClose, overrideColor, rel, as, "data-element": dataElement, "data-role": dataRole, ...rest }: MenuWithChildren | MenuWithIcon) => React.JSX.Element;
+export type MenuItemHandle = {
+    /** Programmatically focus the MenuItem. */
+    focus: () => void;
+} | null;
+export declare const MenuItem: React.ForwardRefExoticComponent<(MenuWithChildren | MenuWithIcon) & React.RefAttributes<MenuItemHandle>>;
 export default MenuItem;

package/lib/components/menu/menu-item/menu-item.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../../../__internal__/focus-trap/focus-trap-utils.js"),u=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("./menu-item.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),l=require("../__internal__/strict-menu.context.js"),s=require("../__internal__/submenu/submenu.component.js"),a=require("../__internal__/submenu/submenu.context.js"),c=require("../menu-segment-title/menu-segment-title.context.js"),d=require("../menu.style.js"),m=require("../../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var f=b(t),p=b(n);function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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){h(e,t,n[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const O=n=>{var{submenu:b,submenuMaxWidth:h,submenuMinWidth:O,children:g,href:j,onClick:w,target:x,submenuDirection:_="right",icon:S,selected:P,onKeyDown:C,variant:I="default",showDropdownArrow:q=!0,ariaLabel:D,clickToOpen:M,maxWidth:k,onSubmenuOpen:W,onSubmenuClose:F,overrideColor:E,rel:L,as:T,"data-element":V,"data-role":K}=n,A=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(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)&&(u[n]=e[n])}return u}(n,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);p.default(S||g,"Either prop `icon` must be defined or this node must have `children`."),p.default(g||D||b||"string"==typeof b&&b.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),p.default("boolean"==typeof b||void 0===b||f.default.isValidElement(b)||g&&"string"==typeof b&&b.length,"You should not pass `children` when `submenu` is an empty string");const H=t.useRef(m.default()),{isChildOfSegment:N,overriddenVariant:R}=t.useContext(c.MenuSegmentContext),{inFullscreenView:Y,registerItem:z,unregisterItem:B,focusId:G,updateFocusId:J,menuType:Q}=l.useStrictMenuContext(),U=t.useContext(a.default),X=Object.keys(U).length>0,{submenuFocusId:Z,updateFocusId:$,handleKeyDown:ee,submenuHasMaxWidth:te}=U,ne=G===H.current,re=Z?Z===H.current:void 0,[ue,ie]=t.useState(null),[oe,le]=t.useState(null);t.useLayoutEffect((()=>{var e;const t=null!==(e=null==ue?void 0:ue.querySelector(r.defaultFocusableSelectors))&&void 0!==e?e:null;t!==oe&&le(t)}),[oe,ue]),t.useEffect((()=>{const e=H.current;return z&&z(e),()=>{B&&B(e)}}),[z,B]),t.useEffect((()=>{if(ne&&!re||re){if(oe)return void oe.focus();null==ue||ue.focus()}}),[oe,ne,re,ue]);const se=e=>{X?(e.stopPropagation(),null==$||$(H.current)):null==J||J(H.current)},ae={className:j||w?"carbon-menu-item--has-link":"",href:oe?void 0:j,onClick:oe?void 0:w,target:x,rel:L,icon:S,removeAriaLabelOnIcon:!0,selected:P,onKeyDown:Y?void 0:e=>{null==C||C(e),o.default.isEscKey(e)&&(null==ue||ue.focus()),null==ee||ee(e)},overrideColor:E,ref:ie};"alternate"===R&&N&&"alternate"===I&&["white","black"].includes(Q)&&(ae.overrideColor=!0);const ce=e=>k&&"string"==typeof e?e:void 0,de=Y?void 0:k,me=!(w||j||oe);if(b)return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":V,"data-role":K,menuType:Q,title:ce(b),maxWidth:de},A),{inFullscreenView:Y,id:H.current,as:T,onFocus:se,children:e.jsx(s.default,v(y(v(y(v(y({},"boolean"!=typeof b&&{title:b}),{submenuDirection:_,showDropdownArrow:q,clickToOpen:M,maxWidth:k,asPassiveItem:me,ariaLabel:D,onSubmenuOpen:W,onSubmenuClose:F,submenuMaxWidth:h,submenuMinWidth:O}),ae),{variant:I}),A),{children:g}))}));const be=u.default(A),fe=!!(null==ue?void 0:ue.querySelector("[data-element='input']"));return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":V,"data-role":K,menuType:Q,inSubmenu:X,title:ce(g),maxWidth:de},A),{inFullscreenView:Y&&!Object.keys(U).length,id:H.current,as:T,onFocus:se,children:e.jsx(i.default,v(y(v(y({menuType:Q,"data-role":"menu-item-wrapper"},ae),{menuItemVariant:I,ariaLabel:D,maxWidth:te?void 0:de,inFullscreenView:Y,asPassiveItem:me}),be),{asDiv:fe||"div"===T,hasFocusableChild:!!oe,hasInput:fe,inSubmenu:X,children:g}))}))};exports.MenuItem=O,exports.default=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../../../__internal__/focus-trap/focus-trap-utils.js"),u=require("../../../style/utils/filter-styled-system-padding-props.js"),o=require("./menu-item.style.js"),i=require("../../../__internal__/utils/helpers/events/events.js"),l=require("../__internal__/strict-menu.context.js"),s=require("../__internal__/submenu/submenu.component.js"),a=require("../__internal__/submenu/submenu.context.js"),c=require("../menu-segment-title/menu-segment-title.context.js"),d=require("../menu.style.js"),m=require("../../../__internal__/utils/helpers/guid/index.js");function f(e){return e&&e.__esModule?e:{default:e}}var b=f(t),p=f(n);function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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){h(e,t,n[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const O=t.forwardRef(((n,f)=>{var{submenu:h,submenuMaxWidth:O,submenuMinWidth:g,children:j,href:w,onClick:x,target:_,submenuDirection:S="right",icon:I,selected:P,onKeyDown:C,variant:q="default",showDropdownArrow:D=!0,ariaLabel:M,clickToOpen:k,maxWidth:W,onSubmenuOpen:F,onSubmenuClose:E,overrideColor:L,rel:T,as:V,"data-element":K,"data-role":A}=n,H=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(u[n]=e[n])}return u}(n,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);p.default(I||j,"Either prop `icon` must be defined or this node must have `children`."),p.default(j||M||h||"string"==typeof h&&h.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),p.default("boolean"==typeof h||void 0===h||b.default.isValidElement(h)||j&&"string"==typeof h&&h.length,"You should not pass `children` when `submenu` is an empty string");const R=t.useRef(m.default()),{isChildOfSegment:N,overriddenVariant:Y}=t.useContext(c.MenuSegmentContext),{inFullscreenView:z,registerItem:B,unregisterItem:G,focusId:J,updateFocusId:Q,menuType:U}=l.useStrictMenuContext(),X=t.useContext(a.default),Z=Object.keys(X).length>0,{submenuFocusId:$,updateFocusId:ee,handleKeyDown:te,submenuHasMaxWidth:ne}=X,re=J===R.current,ue=$?$===R.current:void 0,[oe,ie]=t.useState(null),[le,se]=t.useState(null);t.useLayoutEffect((()=>{var e;const t=null!==(e=null==oe?void 0:oe.querySelector(r.defaultFocusableSelectors))&&void 0!==e?e:null;t!==le&&se(t)}),[le,oe]),t.useEffect((()=>{const e=R.current;return B&&B(e),()=>{G&&G(e)}}),[B,G]),t.useEffect((()=>{if(re&&!ue||ue){if(le)return void le.focus();null==oe||oe.focus()}}),[le,re,ue,oe]),t.useImperativeHandle(f,(()=>({focus(){null==oe||oe.focus()}})),[oe]);const ae=e=>{Z?(e.stopPropagation(),null==ee||ee(R.current)):null==Q||Q(R.current)},ce={className:w||x?"carbon-menu-item--has-link":"",href:le?void 0:w,onClick:le?void 0:x,target:_,rel:T,icon:I,removeAriaLabelOnIcon:!0,selected:P,onKeyDown:z?void 0:e=>{null==C||C(e),i.default.isEscKey(e)&&(null==oe||oe.focus()),null==te||te(e)},overrideColor:L,ref:ie};"alternate"===Y&&N&&"alternate"===q&&["white","black"].includes(U)&&(ce.overrideColor=!0);const de=e=>W&&"string"==typeof e?e:void 0,me=z?void 0:W,fe=!(x||w||le);if(h)return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":K,"data-role":A,menuType:U,title:de(h),maxWidth:me},H),{inFullscreenView:z,id:R.current,as:V,onFocus:ae,children:e.jsx(s.default,v(y(v(y(v(y({},"boolean"!=typeof h&&{title:h}),{submenuDirection:S,showDropdownArrow:D,clickToOpen:k,maxWidth:W,asPassiveItem:fe,ariaLabel:M,onSubmenuOpen:F,onSubmenuClose:E,submenuMaxWidth:O,submenuMinWidth:g}),ce),{variant:q}),H),{children:j}))}));const be=u.default(H),pe=!!(null==oe?void 0:oe.querySelector("[data-element='input']"));return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":K,"data-role":A,menuType:U,inSubmenu:Z,title:de(j),maxWidth:me},H),{inFullscreenView:z&&!Object.keys(X).length,id:R.current,as:V,onFocus:ae,children:e.jsx(o.default,v(y(v(y({menuType:U,"data-role":"menu-item-wrapper"},ce),{menuItemVariant:q,ariaLabel:M,maxWidth:ne?void 0:me,inFullscreenView:z,asPassiveItem:fe}),be),{asDiv:pe||"div"===V,hasFocusableChild:!!le,hasInput:pe,inSubmenu:Z,children:j}))}))}));exports.MenuItem=O,exports.default=O;

package/lib/components/switch/switch.component.d.ts

@@ -7,7 +7,7 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps, Tag
     adaptiveLabelBreakpoint?: number;
     /** Set the default value of the Switch if component is meant to be used as uncontrolled */
     defaultChecked?: boolean;
-    /** [Legacy] When true label is inline */
+    /** When true label is inline */
     labelInline?: boolean;
     /** Triggers loading animation */
     loading?: boolean;
@@ -23,6 +23,8 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps, Tag
     isDarkBackground?: boolean;
     /** Render the ValidationMessage above the Switch input when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Label width, as a percentage, when labelInline is true */
+    labelWidth?: number;
 }
 export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 export default Switch;

package/lib/components/switch/switch.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../box/box.component.js"),a=require("../../__internal__/checkable-input/checkable-input.component.js"),t=require("../../__internal__/label/label.component.js"),i=require("../../__internal__/tooltip-provider/index.js"),l=require("../carbon-provider/__internal__/new-validation.context.js"),o=require("../../__internal__/utils/logger/index.js"),s=require("../../__internal__/validation-message/validation-message.component.js"),d=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),c=require("./switch.style.js"),u=require("./__internal__/switch-slider.component.js"),p=require("../../__internal__/utils/helpers/guid/index.js"),b=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var f=require("../../style/utils/filter-styled-system-margin-props.js");function g(e){return e&&e.__esModule?e:{default:e}}function h(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function j(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(r){h(e,r,n[r])}))}return e}function v(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}let x=!1;const k=g(r).default.forwardRef(((g,h)=>{var{autoFocus:k,id:m,label:_,onChange:w,onBlur:y,onFocus:O,value:B,checked:P,defaultChecked:q,disabled:D,loading:I,reverse:S=!0,required:F,isOptional:H,validationOnLabel:L=!1,labelInline:C=!1,labelSpacing:T,labelHelp:z,fieldHelpInline:M,size:R,name:A,adaptiveLabelBreakpoint:E,tooltipPosition:$,error:U,warning:W,info:Y,"data-element":N,"data-role":V,helpAriaLabel:G,isDarkBackground:J=!1,validationMessagePositionTop:K=!0}=g,Q=function(e,r){if(null==e)return{};var n,a,t=function(e,r){if(null==e)return{};var n,a,t={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(g,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","defaultChecked","disabled","loading","reverse","required","isOptional","validationOnLabel","labelInline","labelSpacing","labelHelp","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const X=void 0!==P,{validationRedesignOptIn:Z}=r.useContext(l.default),ee=r.useRef(`${p.default()}-label`),re=r.useRef(`${p.default()}-hint`),ne=r.useRef(`${p.default()}-message`),[ae,te]=r.useState(q||!1);x||w||(x=!0,o.default.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const ie=r.useCallback((e=>{I?e.preventDefault():(te(e.target.checked),null==w||w(e))}),[te,w,I]),le=d.default(E);let oe=C;E&&(oe=le);const se=!(!C||S)||L,de=f.default(Q),ce=j({"data-component":"switch","data-role":V,"data-element":N,checked:X?P:ae,isDarkBackground:J,fieldHelpInline:M,labelInline:oe,labelSpacing:T,reverse:!S,size:R},de),ue={checked:X?P:ae,disabled:D,loading:I,isDarkBackground:J,size:R,error:U,warning:W,info:Y,useValidationIcon:!Z&&!se&&!D},pe=v(j({autoFocus:k,error:U,warning:W,info:Y,disabled:D,loading:I,checked:X?P:ae,label:_,labelHelp:z,fieldHelpInline:M,labelInline:oe,labelSpacing:T,onBlur:y,isDarkBackground:J,onFocus:O,onChange:X?w:ie,id:m,name:A,value:B,type:"checkbox",role:"switch",reverse:!S,validationOnLabel:se&&!D,ref:h,required:F,isOptional:H},Q),{"data-component":void 0}),be=j({"data-component":"switch","data-role":V,"data-element":N,checked:X?P:ae,labelInline:oe,isDarkBackground:J,size:R},de),fe={checked:X?P:ae,disabled:D,loading:I,isDarkBackground:J,size:R,error:U,warning:W},ge=j({autoFocus:k,error:!!U,warning:W,disabled:D,loading:I,checked:X?P:ae,onBlur:y,isDarkBackground:J,onFocus:O,onChange:X?w:ie,id:m,name:A,value:B,type:"checkbox",role:"switch",ref:h,required:F,isOptional:H},Q),he=U||W,je=[z&&re.current,he&&ne.current].filter(Boolean).join(" ");if(!Z)return e.jsx(e.Fragment,{children:e.jsx(i.TooltipProvider,{helpAriaLabel:G,tooltipPosition:$,children:e.jsx(c.default,v(j({},ce),{children:e.jsx(a.default,v(j({},pe),{children:e.jsx(u.default,j({},ue))}))}))})});const ve=U||W?C?3:0:C?1:0,xe=C?"row":"column",ke=C?"row-reverse":"column",me=!C||U||W||Y?"":"center";return e.jsxs(e.Fragment,{children:[e.jsx(c.default,v(j({},be),{children:e.jsxs(n.Box,{"data-role":"field-reverse-wrapper",display:"flex",flexWrap:"wrap",alignItems:U||W?"flex-start":void 0,flexDirection:S?xe:ke,width:C?"100%":"auto",children:[e.jsxs(n.Box,{"data-role":"label-wrapper",alignSelf:me,children:[e.jsx(t.default,{isDarkBackground:J,labelId:ee.current,disabled:D,isRequired:F,optional:H,children:_}),z&&e.jsx(n.Box,{"data-role":"hint-text-wrapper",mb:C?0:1,mr:S?0:1,ml:S?0:1,children:e.jsx(b.HintText,{"data-role":"hint-text",fontWeight:"400",id:re.current,isDarkBackground:J,marginTop:"8px",maxWidth:"160px",children:z})})]}),e.jsxs(n.Box,{ml:S?ve:0,mr:S?0:ve,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[K&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:U,warning:W,validationId:ne.current,isDarkBackground:J,validationMessagePositionTop:K,"data-role":"validation-message-top"}),he&&e.jsx(c.ErrorBorder,{"data-role":"error-border",warning:!(U||!W),reverse:!S,isDarkBackground:J})]}),e.jsx(a.default,v(j({ariaLabelledBy:`${_&&ee.current}`,ariaDescribedBy:je},ge),{fieldHelp:C?void 0:Q.fieldHelp,children:e.jsx(u.default,j({},fe))})),!K&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:U,warning:W,validationId:ne.current,isDarkBackground:J,validationMessagePositionTop:K,"data-role":"validation-message-bottom"}),he&&e.jsx(c.ErrorBorder,{"data-role":"error-border",warning:!(U||!W),reverse:!S,isDarkBackground:J})]})]})]})})),C&&Q.fieldHelp&&e.jsx(n.Box,{color:J?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:Q.fieldHelp})]})}));k.displayName="Switch",exports.Switch=k,exports.default=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../box/box.component.js"),a=require("../../__internal__/checkable-input/checkable-input.component.js"),t=require("../../__internal__/label/label.component.js"),i=require("../../__internal__/tooltip-provider/index.js"),l=require("../carbon-provider/__internal__/new-validation.context.js"),o=require("../../__internal__/utils/logger/index.js"),s=require("../../__internal__/validation-message/validation-message.component.js"),d=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),c=require("./switch.style.js"),u=require("./__internal__/switch-slider.component.js"),p=require("../../__internal__/utils/helpers/guid/index.js"),b=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var f=require("../../style/utils/filter-styled-system-margin-props.js");function g(e){return e&&e.__esModule?e:{default:e}}function h(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function v(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(r){h(e,r,n[r])}))}return e}function j(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}let k=!1;const m=g(r).default.forwardRef(((g,h)=>{var{autoFocus:m,id:x,label:_,onChange:w,onBlur:y,onFocus:O,value:B,checked:P,defaultChecked:q,disabled:D,loading:I,reverse:S=!0,required:F,isOptional:H,validationOnLabel:L=!1,labelInline:C=!1,labelSpacing:R,labelHelp:T,labelWidth:z,fieldHelpInline:M,size:A="small",name:E,adaptiveLabelBreakpoint:$,tooltipPosition:W,error:U,warning:Y,info:N,"data-element":V,"data-role":G,helpAriaLabel:J,isDarkBackground:K=!1,validationMessagePositionTop:Q=!0}=g,X=function(e,r){if(null==e)return{};var n,a,t=function(e,r){if(null==e)return{};var n,a,t={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(g,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","defaultChecked","disabled","loading","reverse","required","isOptional","validationOnLabel","labelInline","labelSpacing","labelHelp","labelWidth","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const Z=void 0!==P,{validationRedesignOptIn:ee}=r.useContext(l.default),re=r.useRef(`${p.default()}-label`),ne=r.useRef(`${p.default()}-hint`),ae=r.useRef(`${p.default()}-message`),[te,ie]=r.useState(q||!1);k||w||(k=!0,o.default.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const le=r.useCallback((e=>{I?e.preventDefault():(ie(e.target.checked),null==w||w(e))}),[ie,w,I]),oe=d.default($);let se=C;$&&(se=oe);const de=!(!C||S)||L,ce=f.default(X),ue=v({"data-component":"switch","data-role":G,"data-element":V,checked:Z?P:te,isDarkBackground:K,fieldHelpInline:M,labelInline:se,labelSpacing:R,reverse:!S,size:A},ce),pe={checked:Z?P:te,disabled:D,loading:I,isDarkBackground:K,size:A,error:U,warning:Y,info:N,useValidationIcon:!ee&&!de&&!D},be=j(v({autoFocus:m,error:U,warning:Y,info:N,disabled:D,loading:I,checked:Z?P:te,label:_,labelHelp:T,labelWidth:z,fieldHelpInline:M,labelInline:se,labelSpacing:R,onBlur:y,isDarkBackground:K,onFocus:O,onChange:Z?w:le,id:x,name:E,value:B,type:"checkbox",role:"switch",reverse:!S,validationOnLabel:de&&!D,ref:h,required:F,isOptional:H},X),{"data-component":void 0}),fe=v({"data-component":"switch","data-role":G,"data-element":V,checked:Z?P:te,labelInline:se,isDarkBackground:K,size:A,reverse:!S,validationRedesignOptIn:ee},ce),ge={checked:Z?P:te,disabled:D,loading:I,isDarkBackground:K,size:A,error:U,warning:Y},he=v({autoFocus:m,error:!!U,warning:Y,disabled:D,loading:I,checked:Z?P:te,onBlur:y,isDarkBackground:K,onFocus:O,onChange:Z?w:le,id:x,name:E,value:B,type:"checkbox",role:"switch",ref:h,required:F,isOptional:H},X),ve=U||Y,je=[T&&ne.current,ve&&ae.current].filter(Boolean).join(" ");if(!ee)return e.jsx(e.Fragment,{children:e.jsx(i.TooltipProvider,{helpAriaLabel:J,tooltipPosition:W,children:e.jsx(c.default,j(v({},ue),{children:e.jsx(a.default,j(v({},be),{children:e.jsx(u.default,v({},pe))}))}))})});const ke=U||Y?C?3:0:C?1:0,me=C?"row":"column",xe=C?"row-reverse":"column",_e=!C||U||Y||N?"":"center";return e.jsxs(e.Fragment,{children:[e.jsx(c.default,j(v({},fe),{children:e.jsxs(n.Box,{"data-role":"field-reverse-wrapper",display:"flex",alignItems:U||Y?"flex-start":void 0,flexDirection:S?me:xe,width:C?"100%":"auto",children:[e.jsxs(n.Box,j(v({"data-role":"label-wrapper",alignSelf:_e},z&&{width:`${z}%`}),{children:[e.jsx(t.default,{isDarkBackground:K,labelId:re.current,disabled:D,isRequired:F,optional:H,children:_}),T&&e.jsx(n.Box,{"data-role":"hint-text-wrapper",mb:C?0:1,children:e.jsx(b.HintText,{"data-role":"hint-text",fontWeight:"400",id:ne.current,isDarkBackground:K,marginTop:"8px",children:T})})]})),e.jsxs(n.Box,{ml:S?ke:0,mr:S?0:ke,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[Q&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:U,warning:Y,validationId:ae.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-top"}),ve&&e.jsx(c.ErrorBorder,{"data-role":"error-border",warning:!(U||!Y),reverse:!S,isDarkBackground:K})]}),e.jsx(a.default,j(v({ariaLabelledBy:`${_&&re.current}`,ariaDescribedBy:je},he),{fieldHelp:C?void 0:X.fieldHelp,children:e.jsx(u.default,v({},ge))})),!Q&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:U,warning:Y,validationId:ae.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-bottom"}),ve&&e.jsx(c.ErrorBorder,{"data-role":"error-border",warning:!(U||!Y),reverse:!S,isDarkBackground:K})]})]})]})})),C&&X.fieldHelp&&e.jsx(n.Box,{color:K?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:X.fieldHelp})]})}));m.displayName="Switch",exports.Switch=m,exports.default=m;

package/lib/components/switch/switch.style.d.ts

@@ -2,6 +2,7 @@ import type { ThemeObject } from "../../style/themes/theme.types";
 import { SwitchProps } from "./switch.component";
 interface StyledSwitchProps extends Pick<SwitchProps, "fieldHelpInline" | "labelInline" | "reverse" | "size"> {
     theme: ThemeObject;
+    validationRedesignOptIn?: boolean;
 }
 export declare const ErrorBorder: import("styled-components").StyledComponent<"span", any, {
     reverse: boolean;

package/lib/components/switch/switch.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),l=require("../../__internal__/checkable-input/checkable-input.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),n=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/label/label.style.js"),s=require("../../__internal__/validations/validation-icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/add-focus-styling.js"),c=require("./__internal__/switch-slider.style.js");function p(e){return e&&e.__esModule?e:{default:e}}var u=p(e);const f=u.default.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-542ab734-0"})(["",""],(({reverse:t,warning:l,isDarkBackground:i})=>{const a=i?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],l?"var(--colorsSemanticCaution500)":a,t?"right":"left")})),m=u.default.div.attrs(d.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-542ab734-1"})(["",""],(({fieldHelpInline:d,labelInline:p,reverse:u,size:f})=>e.css(["margin-bottom:var(--fieldSpacing);"," ","{display:flex;flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],t.margin,n.FieldLineStyle,p?"row wrap":"column wrap",!p&&d&&e.css(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",l.StyledCheckableInput,i.default,i.default,l.StyledCheckableInput,i.default,c.StyledSwitchSlider,o.default(),a.default,r.StyledLabelContainer,!p&&e.css(["padding:0;"]),s.default,d&&e.css(["","{margin:0;}"],a.default),u&&e.css(["",""],!p&&e.css(["","{margin-top:8px;}",""],r.StyledLabelContainer,d&&e.css(["","{margin-top:8px;}"],a.default))),p&&e.css(["","{flex-basis:auto;}","{display:flex;}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],l.StyledCheckableInput,n.FieldLineStyle,r.StyledLabelContainer,a.default,u&&e.css(["","{margin-left:0;margin-top:0;}",""],l.StyledCheckableInput,!d&&e.css(["","{margin-left:60px;}"],a.default)),d&&e.css([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!u&&`\n          ${l.StyledCheckableInput} {\n            margin-left: 10px;\n          }\n        `,r.StyledLabelContainer,a.default)),"large"===f&&e.css(["",",",",","{height:44px;min-width:fit-content;}"," ",""],l.StyledCheckableInput,i.default,c.StyledSwitchSlider,p&&!d&&u&&e.css(["","{padding:10px 0;}"],a.default),p&&e.css(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],r.StyledLabelContainer,!d&&u&&e.css(["","{margin-left:78px;}"],a.default))))));exports.ErrorBorder=f,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),l=require("../../__internal__/checkable-input/checkable-input.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),n=require("../../__internal__/field-help/field-help.style.js"),a=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/label/label.style.js"),s=require("../../__internal__/validations/validation-icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/add-focus-styling.js"),c=require("./__internal__/switch-slider.style.js");function p(e){return e&&e.__esModule?e:{default:e}}var u=p(e);const f=u.default.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-e7781d44-0"})(["",""],(({reverse:t,warning:l,isDarkBackground:i})=>{const n=i?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],l?"var(--colorsSemanticCaution500)":n,t?"right":"left")})),m=u.default.div.attrs(d.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-e7781d44-1"})(["",""],(({fieldHelpInline:d,labelInline:p,reverse:u,size:f,validationRedesignOptIn:m})=>e.css(["margin-bottom:var(--fieldSpacing);"," ","{flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],t.margin,a.FieldLineStyle,p?"row wrap":"column wrap",!p&&d&&e.css(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",l.StyledCheckableInput,i.default,i.default,l.StyledCheckableInput,i.default,c.StyledSwitchSlider,o.default(),n.default,r.StyledLabelContainer,!p&&e.css(["padding:0;"]),s.default,d&&e.css(["","{margin:0;}"],n.default),u&&e.css(["",""],!p&&e.css(["","{margin-top:8px;}",""],r.StyledLabelContainer,d&&e.css(["","{margin-top:8px;}"],n.default))),p&&e.css(["","{flex-basis:auto;}","{","}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],l.StyledCheckableInput,a.FieldLineStyle,u&&m&&e.css(["justify-content:flex-end;"]),r.StyledLabelContainer,n.default,u&&e.css(["","{margin-left:0;margin-top:0;}",""],l.StyledCheckableInput,!d&&e.css(["","{margin-left:60px;}"],n.default)),d&&e.css([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!u&&`\n          ${l.StyledCheckableInput} {\n            margin-left: 10px;\n          }\n        `,r.StyledLabelContainer,n.default)),"large"===f&&e.css(["",",",",","{height:44px;min-width:fit-content;}"," ",""],l.StyledCheckableInput,i.default,c.StyledSwitchSlider,p&&!d&&u&&e.css(["","{padding:10px 0;}"],n.default),p&&e.css(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],r.StyledLabelContainer,!d&&u&&e.css(["","{margin-left:78px;}"],n.default))))));exports.ErrorBorder=f,exports.default=m;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "155.5.4",
+  "version": "155.6.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",