carbon-react 159.15.0 → 159.16.0

package/esm/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.d.ts

@@ -1,15 +1,16 @@
-type ButtonToggleGroupContextType = {
-    handleKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+import React from "react";
+type ButtonToggleGroupContext = {
+    handleKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
     pressedButtonValue?: string;
     onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
-    allowDeselect: boolean;
-    isDisabled: boolean;
+    allowDeselect?: boolean;
+    isDisabled?: boolean;
     firstButton?: HTMLButtonElement;
     childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
     /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
     hintTextId?: string;
-    size: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large";
     fullWidth?: boolean;
 };
-declare const ButtonToggleGroupProvider: import("react").Provider<ButtonToggleGroupContextType | null>, useButtonToggleGroupContext: () => ButtonToggleGroupContextType;
-export { ButtonToggleGroupProvider, useButtonToggleGroupContext };
+declare const _default: React.Context<ButtonToggleGroupContext>;
+export default _default;

package/esm/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.js

@@ -1 +1 @@
-import e from"../../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"ButtonToggleGroupContext",errorMessage:"Carbon ButtonToggleGroup: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{handleKeyDown:()=>{},pressedButtonValue:void 0,allowDeselect:!1,isDisabled:!1,size:"medium"}});export{t as ButtonToggleGroupProvider,o as useButtonToggleGroupContext};
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as l,useState as r}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledButtonToggleGroup as i,StyledLabelWrapper as o,StyledButtonToggleWrapper as a}from"./button-toggle-group.style.js";import"../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../style/utils/filter-styled-system-margin-props.js";import u from"../../../__internal__/utils/helpers/events/events.js";import{ButtonToggleGroupProvider as p}from"./__internal__/button-toggle-group.context.js";import c from"../../../__internal__/label/label.component.js";import{HintText as d}from"../../../__internal__/hint-text/hint-text.component.js";function b(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function f(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){b(e,t,l[t])}))}return e}function m(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const g=b=>{var{children:g,fieldHelp:h,fieldHelpInline:y,"aria-label":O,label:j,labelHelp:v,labelSpacing:_,inputHint:w,inputWidth:P,fullWidth:D=!1,labelInline:x,labelWidth:S,onChange:W,value:H,helpAriaLabel:$,id:z,allowDeselect:I=!1,disabled:E=!1,size:k="medium","data-component":A}=b,B=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(b,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled","size","data-component"]);const C=l(null),K=w||v,L=j?`${z}-label`:void 0,T=K?`${z}-hint`:void 0,R=()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.querySelectorAll("[data-button-toggle-internal]")},[q,G]=r();return e(i,m(f(m(f({id:z,role:"group"},j&&{"aria-labelledby":L}),{"aria-label":O,$size:k,$fullWidth:D,$width:P}),s(B),n(A||"button-toggle-group",B)),{children:[(j||K)&&e(o,{children:[j&&t(c,{id:L,size:k,disabled:E,children:j}),K&&t(d,{id:T,disabled:E,size:k,children:K})]}),t(a,{"data-role":"button-toggle-group-wrapper",ref:C,$size:k,$isDisabled:E,$fullWidth:D,children:t(p,{value:{handleKeyDown:e=>{const t=R();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let r;u.isLeftKey(e)?(e.preventDefault(),r=t[0===l?t.length-1:l-1]):u.isRightKey(e)&&(e.preventDefault(),r=t[(l+1)%t.length]),null==r||r.focus()},pressedButtonValue:H,onChange:W,allowDeselect:I,isDisabled:E,firstButton:q,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=R();t?e===t[0]&&G(e):G(void 0)}}),0)},hintTextId:w?T:void 0,size:k,fullWidth:D},children:g})})]}))};g.displayName="ButtonToggleGroup";export{g as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as l,useState as r}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledButtonToggleGroup as i,StyledLabelWrapper as o,StyledButtonToggleWrapper as a}from"./button-toggle-group.style.js";import"../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../style/utils/filter-styled-system-margin-props.js";import u from"../../../__internal__/utils/helpers/events/events.js";import p from"./__internal__/button-toggle-group.context.js";import c from"../../../__internal__/label/label.component.js";import{HintText as d}from"../../../__internal__/hint-text/hint-text.component.js";function b(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function f(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){b(e,t,l[t])}))}return e}function m(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const g=b=>{var{children:g,fieldHelp:h,fieldHelpInline:y,"aria-label":O,label:j,labelHelp:v,labelSpacing:_,inputHint:w,inputWidth:P,fullWidth:D=!1,labelInline:x,labelWidth:S,onChange:W,value:H,helpAriaLabel:$,id:z,allowDeselect:I=!1,disabled:E=!1,size:k="medium","data-component":A}=b,B=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(b,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled","size","data-component"]);const C=l(null),K=w||v,L=j?`${z}-label`:void 0,T=K?`${z}-hint`:void 0,R=()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.querySelectorAll("[data-button-toggle-internal]")},[q,G]=r();return e(i,m(f(m(f({id:z,role:"group"},j&&{"aria-labelledby":L}),{"aria-label":O,$size:k,$fullWidth:D,$width:P}),s(B),n(A||"button-toggle-group",B)),{children:[(j||K)&&e(o,{children:[j&&t(c,{id:L,size:k,disabled:E,children:j}),K&&t(d,{id:T,disabled:E,size:k,children:K})]}),t(a,{"data-role":"button-toggle-group-wrapper",ref:C,$size:k,$isDisabled:E,$fullWidth:D,children:t(p.Provider,{value:{handleKeyDown:e=>{const t=R();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let r;u.isLeftKey(e)?(e.preventDefault(),r=t[0===l?t.length-1:l-1]):u.isRightKey(e)&&(e.preventDefault(),r=t[(l+1)%t.length]),null==r||r.focus()},pressedButtonValue:H,onChange:W,allowDeselect:I,isDisabled:E,firstButton:q,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=R();t?e===t[0]&&G(e):G(void 0)}}),0)},hintTextId:w?T:void 0,size:k,fullWidth:D},children:g})})]}))};g.displayName="ButtonToggleGroup";export{g as default};

package/esm/components/button-toggle/button-toggle.component.d.ts

@@ -14,10 +14,7 @@ export interface ButtonToggleProps extends TagProps {
     onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
     /** Callback triggered by click event on the button. */
     onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Set the pressed state of the toggle button.
-     * @deprecated Please control the state of selected buttons through ButtonToggleGroup.
-     * */
+    /** Set the pressed state of the toggle button when used outside of a group. */
     pressed?: boolean;
     /** An optional string by which to identify the button in an onChange handler on the parent ButtonToggleGroup. */
     value?: string;

package/esm/components/button-toggle/button-toggle.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n}from"react";import r from"invariant";import o from"./button-toggle.style.js";import l from"../../__internal__/utils/helpers/guid/index.js";import{useButtonToggleGroupContext as i}from"./button-toggle-group/__internal__/button-toggle-group.context.js";import a from"../../__internal__/utils/helpers/tags/tags.js";import u from"../icon/icon.component.js";import c from"../button/__next__/__internal__/utils/is-icon-only.js";function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){s(e,t,n[t])}))}return e}function p(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 d=s=>{var{"aria-label":d,"aria-labelledby":f,buttonIcon:m,buttonIconSize:y,children:g,disabled:O,onBlur:j,onFocus:h,onClick:_,pressed:v,size:w,value:P,"data-component":x}=s,I=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(s,["aria-label","aria-labelledby","buttonIcon","buttonIconSize","children","disabled","onBlur","onFocus","onClick","pressed","size","value","data-component"]);const D=n(null),S=n(l()),{handleKeyDown:k,pressedButtonValue:z,onChange:B,allowDeselect:C,isDisabled:E,firstButton:$,childButtonCallbackRef:F,hintTextId:K,size:N,fullWidth:T}=i(),W=z===P||v,R=D.current===$,V=W||!z&&R,q=w||N,A=m&&!g||c(g);return r(!(!g&&!m),"Either prop `buttonIcon` must be defined, or this node must have children"),r(!(A&&"small"===q),"Cannot render an icon-only button in small size."),e(o,p(b(p(b({className:"button-toggle","data-button-toggle-internal":!0,"aria-label":d,"aria-labelledby":f,"aria-describedby":K,"aria-pressed":!!W,disabled:O||E,id:S.current,$size:q,$active:!!W,$iconOnly:A,$fullWidth:T,value:P,onFocus:h,onBlur:j,onClick:function(e){null==_||_(e),null==B||B(e,C&&z===P?void 0:P)},onKeyDown:k},V?{tabIndex:0}:{tabIndex:-1}),{ref:e=>{D.current=e,null==F||F(e)}}),I,a(x||"button-toggle",I)),{children:[m&&"small"!==q&&t(u,{"aria-hidden":!0,type:m}),g]}))};d.displayName="ButtonToggle";export{d as ButtonToggle,d as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useContext as r}from"react";import o from"invariant";import l from"./button-toggle.style.js";import i from"../../__internal__/utils/helpers/guid/index.js";import a from"./button-toggle-group/__internal__/button-toggle-group.context.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import c from"../icon/icon.component.js";import s from"../button/__next__/__internal__/utils/is-icon-only.js";function b(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){b(e,t,n[t])}))}return e}function d(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 m=b=>{var{"aria-label":m,"aria-labelledby":f,buttonIcon:y,buttonIconSize:g,children:O,disabled:j,onBlur:h,onFocus:_,onClick:v,pressed:w,size:P="medium",value:x,"data-component":S}=b,B=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(b,["aria-label","aria-labelledby","buttonIcon","buttonIconSize","children","disabled","onBlur","onFocus","onClick","pressed","size","value","data-component"]);const D=n(null),I=n(i()),{handleKeyDown:k,pressedButtonValue:z,onChange:C,allowDeselect:E,isDisabled:$,firstButton:F,childButtonCallbackRef:K,hintTextId:N,size:T,fullWidth:W}=r(a),R=Boolean(C),V=R?z===x:w,q=D.current===F,A=V||!z&&q,G=T?{small:"extraSmall",medium:"small",large:"medium"}[T]:P,H=y&&!O||s(O);return o(!(!O&&!y),"Either prop `buttonIcon` must be defined, or this node must have children"),o(!(H&&"extraSmall"===G),"Cannot render an icon-only button in small size group."),e(l,d(p(d(p({className:"button-toggle","data-button-toggle-internal":!0,"aria-label":m,"aria-labelledby":f,"aria-describedby":N,"aria-pressed":!!V,disabled:j||$,id:I.current,$size:G,$active:!!V,$iconOnly:H,$fullWidth:W,value:x,onFocus:_,onBlur:h,onClick:function(e){null==v||v(e),null==C||C(e,E&&z===x?void 0:x)},onKeyDown:k},R&&{tabIndex:A?0:-1}),{ref:e=>{D.current=e,null==K||K(e)}}),B,u(S||"button-toggle",B)),{children:[y&&"extraSmall"!==G&&t(c,{"aria-hidden":!0,type:y}),O]}))};m.displayName="ButtonToggle";export{m as ButtonToggle,m as default};

package/esm/components/button-toggle/button-toggle.style.d.ts

@@ -1,6 +1,6 @@
 interface StyledButtonToggleProps {
     disabled?: boolean;
-    $size: "small" | "medium" | "large";
+    $size: "extraSmall" | "small" | "medium" | "large";
     $active?: boolean;
     $iconOnly?: boolean;
     $fullWidth?: boolean;

package/esm/components/button-toggle/button-toggle.style.js

@@ -1 +1 @@
-import a,{css as o}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const e={small:{size:"var(--global-size-xs)",padding:"var(--global-space-comp-2-xs) var(--global-space-comp-s)",borderRadius:"12px"},medium:{size:"var(--global-size-s)",padding:"var(--global-space-comp-xs) var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-l)"},large:{size:"var(--global-size-m)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-xl)"}},r=a.button.attrs(l).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-c4bff221-0"})(["",""],(({$active:a,$size:l,disabled:r,$iconOnly:i,$fullWidth:s})=>o(["display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;gap:var(--global-space-comp-s);height:",";"," "," "," border-radius:",";border:none;background-color:transparent;color:var(--button-typical-toggle-label-default);font:var(--global-font-static-comp-medium-m);text-align:center;"," "," ",""],e[l].size,!i&&o(["padding:",";"],e[l].padding),i&&o(["width:",";"],e[l].size),s&&o(["flex:1 1 auto;"]),e[l].borderRadius,a&&o(["background:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"]),r&&o(["cursor:not-allowed;color:var(--button-typical-toggle-label-disabled);",""],a&&o(["background:var(--button-typical-toggle-bg-active-disabled);color:var(--button-typical-toggle-label-active-disabled);"])),!r&&o(["&:focus{","}&:hover{background:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"],t()))));export{r as default};
+import a,{css as o}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const e={extraSmall:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-xs)",padding:"var(--global-space-comp-2-xs) var(--global-space-comp-s)",borderRadius:"12px"},small:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-s)",padding:"var(--global-space-comp-xs) var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-l)"},medium:{font:"var(--global-font-static-comp-medium-m)",size:"var(--global-size-m)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-xl)"},large:{font:"var(--global-font-static-comp-medium-l)",size:"var(--global-size-l)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-2-xl)"}},r=a.button.attrs(l).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-3f79f28e-0"})(["",""],(({$active:a,$size:l,disabled:r,$iconOnly:i,$fullWidth:s})=>o(["display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;gap:var(--global-space-comp-s);height:",";"," "," "," border-radius:",";border:none;background-color:transparent;color:var(--button-typical-toggle-label-default);font:",";text-align:center;"," "," ",""],e[l].size,!i&&o(["padding:",";"],e[l].padding),i&&o(["width:",";"],e[l].size),s&&o(["flex:1 1 auto;"]),e[l].borderRadius,e[l].font,a&&o(["background:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"]),r&&o(["cursor:not-allowed;color:var(--button-typical-toggle-label-disabled);",""],a&&o(["background:var(--button-typical-toggle-bg-active-disabled);color:var(--button-typical-toggle-label-active-disabled);"])),!r&&o(["&:focus{","}&:hover{background:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"],t()))));export{r as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./menu-divider.style.js";import{useStrictMenuContext as n}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as o}from"../menu.style.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";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 u(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}const f=r.forwardRef(((r,c)=>{var{size:f="default"}=r,l=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["size"]);const{menuType:s}=n();return e(o,{inSubmenu:!0,children:e(t,(p=u({size:f},i("menu-divider",l)),a={menuType:s,ref:c},a=null!=a?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(a)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(a)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(a,e))})),p))});var p,a}));f.displayName="MenuDivider";export{f as default};
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./menu-divider.style.js";import{useStrictMenuContext as n}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as o}from"../menu.style.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";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 u(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}const l=r.forwardRef(((r,c)=>{var{size:l="default"}=r,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["size"]);const{menuType:f}=n();return e(o,{inSubmenu:!0,"aria-hidden":"true","data-role":"divider-container",children:e(t,(s=u({size:l},i("menu-divider",a)),p={menuType:f,ref:c},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(p,e))})),s))});var s,p}));l.displayName="MenuDivider";export{l as default};

package/lib/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.d.ts

@@ -1,15 +1,16 @@
-type ButtonToggleGroupContextType = {
-    handleKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+import React from "react";
+type ButtonToggleGroupContext = {
+    handleKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
     pressedButtonValue?: string;
     onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
-    allowDeselect: boolean;
-    isDisabled: boolean;
+    allowDeselect?: boolean;
+    isDisabled?: boolean;
     firstButton?: HTMLButtonElement;
     childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
     /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
     hintTextId?: string;
-    size: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large";
     fullWidth?: boolean;
 };
-declare const ButtonToggleGroupProvider: import("react").Provider<ButtonToggleGroupContextType | null>, useButtonToggleGroupContext: () => ButtonToggleGroupContextType;
-export { ButtonToggleGroupProvider, useButtonToggleGroupContext };
+declare const _default: React.Context<ButtonToggleGroupContext>;
+export default _default;

package/lib/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,o]=e.default({name:"ButtonToggleGroupContext",errorMessage:"Carbon ButtonToggleGroup: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{handleKeyDown:()=>{},pressedButtonValue:void 0,allowDeselect:!1,isDisabled:!1,size:"medium"}});exports.ButtonToggleGroupProvider=t,exports.useButtonToggleGroupContext=o;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("./button-toggle-group.style.js");require("../../../style/utils/filter-styled-system-padding-props.js");var n=require("../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../../__internal__/utils/helpers/events/events.js"),o=require("./__internal__/button-toggle-group.context.js"),a=require("../../../__internal__/label/label.component.js"),u=require("../../../__internal__/hint-text/hint-text.component.js");function s(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function d(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){s(e,t,l[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const p=s=>{var{children:p,fieldHelp:b,fieldHelpInline:f,"aria-label":g,label:y,labelHelp:h,labelSpacing:j,inputHint:O,inputWidth:v,fullWidth:m=!1,labelInline:_,labelWidth:w,onChange:x,value:P,helpAriaLabel:S,id:D,allowDeselect:q=!1,disabled:W=!1,size:H="medium","data-component":$}=s,z=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(s,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled","size","data-component"]);const B=t.useRef(null),T=O||h,I=y?`${D}-label`:void 0,E=T?`${D}-hint`:void 0,k=()=>{var e;return null===(e=B.current)||void 0===e?void 0:e.querySelectorAll("[data-button-toggle-internal]")},[A,C]=t.useState();return e.jsxs(r.StyledButtonToggleGroup,c(d(c(d({id:D,role:"group"},y&&{"aria-labelledby":I}),{"aria-label":g,$size:H,$fullWidth:m,$width:v}),n.default(z),l.default($||"button-toggle-group",z)),{children:[(y||T)&&e.jsxs(r.StyledLabelWrapper,{children:[y&&e.jsx(a.default,{id:I,size:H,disabled:W,children:y}),T&&e.jsx(u.HintText,{id:E,disabled:W,size:H,children:T})]}),e.jsx(r.StyledButtonToggleWrapper,{"data-role":"button-toggle-group-wrapper",ref:B,$size:H,$isDisabled:W,$fullWidth:m,children:e.jsx(o.ButtonToggleGroupProvider,{value:{handleKeyDown:e=>{const t=k();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let r;i.default.isLeftKey(e)?(e.preventDefault(),r=t[0===l?t.length-1:l-1]):i.default.isRightKey(e)&&(e.preventDefault(),r=t[(l+1)%t.length]),null==r||r.focus()},pressedButtonValue:P,onChange:x,allowDeselect:q,isDisabled:W,firstButton:A,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=k();t?e===t[0]&&C(e):C(void 0)}}),0)},hintTextId:O?E:void 0,size:H,fullWidth:m},children:p})})]}))};p.displayName="ButtonToggleGroup",exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("./button-toggle-group.style.js");require("../../../style/utils/filter-styled-system-padding-props.js");var n=require("../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../../__internal__/utils/helpers/events/events.js"),a=require("./__internal__/button-toggle-group.context.js"),o=require("../../../__internal__/label/label.component.js"),u=require("../../../__internal__/hint-text/hint-text.component.js");function s(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function d(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){s(e,t,l[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const p=s=>{var{children:p,fieldHelp:b,fieldHelpInline:f,"aria-label":g,label:y,labelHelp:h,labelSpacing:j,inputHint:O,inputWidth:v,fullWidth:m=!1,labelInline:_,labelWidth:w,onChange:x,value:P,helpAriaLabel:S,id:D,allowDeselect:q=!1,disabled:W=!1,size:H="medium","data-component":$}=s,z=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(s,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled","size","data-component"]);const B=t.useRef(null),I=O||h,T=y?`${D}-label`:void 0,E=I?`${D}-hint`:void 0,k=()=>{var e;return null===(e=B.current)||void 0===e?void 0:e.querySelectorAll("[data-button-toggle-internal]")},[A,C]=t.useState();return e.jsxs(r.StyledButtonToggleGroup,c(d(c(d({id:D,role:"group"},y&&{"aria-labelledby":T}),{"aria-label":g,$size:H,$fullWidth:m,$width:v}),n.default(z),l.default($||"button-toggle-group",z)),{children:[(y||I)&&e.jsxs(r.StyledLabelWrapper,{children:[y&&e.jsx(o.default,{id:T,size:H,disabled:W,children:y}),I&&e.jsx(u.HintText,{id:E,disabled:W,size:H,children:I})]}),e.jsx(r.StyledButtonToggleWrapper,{"data-role":"button-toggle-group-wrapper",ref:B,$size:H,$isDisabled:W,$fullWidth:m,children:e.jsx(a.default.Provider,{value:{handleKeyDown:e=>{const t=k();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let r;i.default.isLeftKey(e)?(e.preventDefault(),r=t[0===l?t.length-1:l-1]):i.default.isRightKey(e)&&(e.preventDefault(),r=t[(l+1)%t.length]),null==r||r.focus()},pressedButtonValue:P,onChange:x,allowDeselect:q,isDisabled:W,firstButton:A,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=k();t?e===t[0]&&C(e):C(void 0)}}),0)},hintTextId:O?E:void 0,size:H,fullWidth:m},children:p})})]}))};p.displayName="ButtonToggleGroup",exports.default=p;

package/lib/components/button-toggle/button-toggle.component.d.ts

@@ -14,10 +14,7 @@ export interface ButtonToggleProps extends TagProps {
     onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
     /** Callback triggered by click event on the button. */
     onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Set the pressed state of the toggle button.
-     * @deprecated Please control the state of selected buttons through ButtonToggleGroup.
-     * */
+    /** Set the pressed state of the toggle button when used outside of a group. */
     pressed?: boolean;
     /** An optional string by which to identify the button in an onChange handler on the parent ButtonToggleGroup. */
     value?: string;

package/lib/components/button-toggle/button-toggle.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("./button-toggle.style.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),l=require("./button-toggle-group/__internal__/button-toggle-group.context.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../icon/icon.component.js"),a=require("../button/__next__/__internal__/utils/is-icon-only.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){b(e,t,n[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=n=>{var{"aria-label":s,"aria-labelledby":b,buttonIcon:p,buttonIconSize:g,children:y,disabled:O,onBlur:j,onFocus:_,onClick:h,pressed:m,size:v,value:x,"data-component":w}=n,P=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["aria-label","aria-labelledby","buttonIcon","buttonIconSize","children","disabled","onBlur","onFocus","onClick","pressed","size","value","data-component"]);const q=t.useRef(null),B=t.useRef(o.default()),{handleKeyDown:I,pressedButtonValue:D,onChange:S,allowDeselect:k,isDisabled:z,firstButton:C,childButtonCallbackRef:E,hintTextId:T,size:$,fullWidth:F}=l.useButtonToggleGroupContext(),R=D===x||m,K=q.current===C,M=R||!D&&K,N=v||$,W=p&&!y||a.default(y);return c.default(!(!y&&!p),"Either prop `buttonIcon` must be defined, or this node must have children"),c.default(!(W&&"small"===N),"Cannot render an icon-only button in small size."),e.jsxs(r.default,f(d(f(d({className:"button-toggle","data-button-toggle-internal":!0,"aria-label":s,"aria-labelledby":b,"aria-describedby":T,"aria-pressed":!!R,disabled:O||z,id:B.current,$size:N,$active:!!R,$iconOnly:W,$fullWidth:F,value:x,onFocus:_,onBlur:j,onClick:function(e){null==h||h(e),null==S||S(e,k&&D===x?void 0:x)},onKeyDown:I},M?{tabIndex:0}:{tabIndex:-1}),{ref:e=>{q.current=e,null==E||E(e)}}),P,u.default(w||"button-toggle",P)),{children:[p&&"small"!==N&&e.jsx(i.default,{"aria-hidden":!0,type:p}),y]}))};p.displayName="ButtonToggle",exports.ButtonToggle=p,exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./button-toggle.style.js"),l=require("../../__internal__/utils/helpers/guid/index.js"),o=require("./button-toggle-group/__internal__/button-toggle-group.context.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../icon/icon.component.js"),i=require("../button/__next__/__internal__/utils/is-icon-only.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){b(e,t,n[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=n=>{var{"aria-label":s,"aria-labelledby":b,buttonIcon:p,buttonIconSize:g,children:y,disabled:O,onBlur:m,onFocus:j,onClick:_,pressed:h,size:v="medium",value:x,"data-component":w}=n,P=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(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)&&(l[n]=e[n])}return l}(n,["aria-label","aria-labelledby","buttonIcon","buttonIconSize","children","disabled","onBlur","onFocus","onClick","pressed","size","value","data-component"]);const S=t.useRef(null),q=t.useRef(l.default()),{handleKeyDown:B,pressedButtonValue:D,onChange:I,allowDeselect:k,isDisabled:z,firstButton:C,childButtonCallbackRef:E,hintTextId:$,size:F,fullWidth:R}=t.useContext(o.default),T=Boolean(I),K=T?D===x:h,M=S.current===C,N=K||!D&&M,W=F?{small:"extraSmall",medium:"small",large:"medium"}[F]:v,V=p&&!y||i.default(y);return c.default(!(!y&&!p),"Either prop `buttonIcon` must be defined, or this node must have children"),c.default(!(V&&"extraSmall"===W),"Cannot render an icon-only button in small size group."),e.jsxs(r.default,f(d(f(d({className:"button-toggle","data-button-toggle-internal":!0,"aria-label":s,"aria-labelledby":b,"aria-describedby":$,"aria-pressed":!!K,disabled:O||z,id:q.current,$size:W,$active:!!K,$iconOnly:V,$fullWidth:R,value:x,onFocus:j,onBlur:m,onClick:function(e){null==_||_(e),null==I||I(e,k&&D===x?void 0:x)},onKeyDown:B},T&&{tabIndex:N?0:-1}),{ref:e=>{S.current=e,null==E||E(e)}}),P,u.default(w||"button-toggle",P)),{children:[p&&"extraSmall"!==W&&e.jsx(a.default,{"aria-hidden":!0,type:p}),y]}))};p.displayName="ButtonToggle",exports.ButtonToggle=p,exports.default=p;

package/lib/components/button-toggle/button-toggle.style.d.ts

@@ -1,6 +1,6 @@
 interface StyledButtonToggleProps {
     disabled?: boolean;
-    $size: "small" | "medium" | "large";
+    $size: "extraSmall" | "small" | "medium" | "large";
     $active?: boolean;
     $iconOnly?: boolean;
     $fullWidth?: boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js");function t(a){return a&&a.__esModule?a:{default:a}}const o={small:{size:"var(--global-size-xs)",padding:"var(--global-space-comp-2-xs) var(--global-space-comp-s)",borderRadius:"12px"},medium:{size:"var(--global-size-s)",padding:"var(--global-space-comp-xs) var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-l)"},large:{size:"var(--global-size-m)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-xl)"}},s=t(a).default.button.attrs(e.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-c4bff221-0"})(["",""],(({$active:e,$size:t,disabled:s,$iconOnly:r,$fullWidth:c})=>a.css(["display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;gap:var(--global-space-comp-s);height:",";"," "," "," border-radius:",";border:none;background-color:transparent;color:var(--button-typical-toggle-label-default);font:var(--global-font-static-comp-medium-m);text-align:center;"," "," ",""],o[t].size,!r&&a.css(["padding:",";"],o[t].padding),r&&a.css(["width:",";"],o[t].size),c&&a.css(["flex:1 1 auto;"]),o[t].borderRadius,e&&a.css(["background:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"]),s&&a.css(["cursor:not-allowed;color:var(--button-typical-toggle-label-disabled);",""],e&&a.css(["background:var(--button-typical-toggle-bg-active-disabled);color:var(--button-typical-toggle-label-active-disabled);"])),!s&&a.css(["&:focus{","}&:hover{background:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"],l.default()))));exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js");function o(a){return a&&a.__esModule?a:{default:a}}const t={extraSmall:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-xs)",padding:"var(--global-space-comp-2-xs) var(--global-space-comp-s)",borderRadius:"12px"},small:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-s)",padding:"var(--global-space-comp-xs) var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-l)"},medium:{font:"var(--global-font-static-comp-medium-m)",size:"var(--global-size-m)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-xl)"},large:{font:"var(--global-font-static-comp-medium-l)",size:"var(--global-size-l)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-2-xl)"}},s=o(a).default.button.attrs(e.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-3f79f28e-0"})(["",""],(({$active:e,$size:o,disabled:s,$iconOnly:r,$fullWidth:i})=>a.css(["display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;gap:var(--global-space-comp-s);height:",";"," "," "," border-radius:",";border:none;background-color:transparent;color:var(--button-typical-toggle-label-default);font:",";text-align:center;"," "," ",""],t[o].size,!r&&a.css(["padding:",";"],t[o].padding),r&&a.css(["width:",";"],t[o].size),i&&a.css(["flex:1 1 auto;"]),t[o].borderRadius,t[o].font,e&&a.css(["background:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"]),s&&a.css(["cursor:not-allowed;color:var(--button-typical-toggle-label-disabled);",""],e&&a.css(["background:var(--button-typical-toggle-bg-active-disabled);color:var(--button-typical-toggle-label-active-disabled);"])),!s&&a.css(["&:focus{","}&:hover{background:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"],l.default()))));exports.default=s;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./menu-divider.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js");function o(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 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){c(e,r,t[r])}))}return e}const s=o(r).default.forwardRef(((r,o)=>{var{size:c="default"}=r,s=function(e,r){if(null==e)return{};var t,n,u=function(e,r){if(null==e)return{};var t,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(u[t]=e[t]);return u}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(u[t]=e[t])}return u}(r,["size"]);const{menuType:a}=n.useStrictMenuContext();return e.jsx(u.StyledMenuItem,{inSubmenu:!0,children:e.jsx(t.default,(f=l({size:c},i.default("menu-divider",s)),p={menuType:a,ref:o},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(p,e))})),f))});var f,p}));s.displayName="MenuDivider",exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./menu-divider.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js");function o(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 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){c(e,r,t[r])}))}return e}const s=o(r).default.forwardRef(((r,o)=>{var{size:c="default"}=r,s=function(e,r){if(null==e)return{};var t,n,u=function(e,r){if(null==e)return{};var t,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(u[t]=e[t]);return u}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(u[t]=e[t])}return u}(r,["size"]);const{menuType:a}=n.useStrictMenuContext();return e.jsx(u.StyledMenuItem,{inSubmenu:!0,"aria-hidden":"true","data-role":"divider-container",children:e.jsx(t.default,(f=l({size:c},i.default("menu-divider",s)),p={menuType:a,ref:o},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(p,e))})),f))});var f,p}));s.displayName="MenuDivider",exports.default=s;

package/package.json

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