carbon-react 162.10.0 → 162.12.0-beta.1

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

@@ -1,24 +1,33 @@
-import { PaddingProps } from "styled-system";
-import { MenuWithChildren } from "./menu-item.component";
-import type { MenuType } from "../menu.types";
-interface StyledMenuItemWrapperProps extends Pick<MenuWithChildren, "href" | "showDropdownArrow" | "overrideColor" | "clickToOpen" | "maxWidth" | "ariaCurrent">, PaddingProps {
-    menuType: MenuType;
-    selected?: boolean;
-    hasSubmenu?: boolean;
-    isOpen?: boolean;
-    inFullscreenView?: boolean;
-    asPassiveItem?: boolean;
-    icon?: string;
-    ariaLabel?: string;
-    asDiv?: boolean;
-    hasFocusableChild?: boolean;
-    hasInput?: boolean;
-    menuItemVariant?: Pick<MenuWithChildren, "variant">["variant"];
-    inSubmenu?: boolean;
+import { MaxWidthProps } from "styled-system";
+import { MenuVariantType } from "../menu.component";
+import { VariantType } from "./menu-item.component";
+export interface StyledMenuItemProps {
+    $maxWidth?: MaxWidthProps["maxWidth"];
+    $inFullscreenView?: boolean;
+    $inSubmenu?: boolean;
+    $removeHeight?: boolean;
 }
-declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {
+export declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {
     theme: object;
-} & {
-    as: import("react").ForwardRefExoticComponent<import("../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-} & StyledMenuItemWrapperProps, "theme" | "as">;
+} & StyledMenuItemProps, "theme">;
+export interface StyledMenuItemWrapperProps {
+    $menuVariant: MenuVariantType;
+    $selected?: boolean;
+    $hasSubmenu?: boolean;
+    $isOpen?: boolean;
+    $inFullscreenView?: boolean;
+    $asPassiveItem?: boolean;
+    $asDiv?: boolean;
+    $menuItemVariant?: VariantType;
+    $inSubmenu?: boolean;
+    $submenuMaxWidth?: string;
+    $maxWidth?: MaxWidthProps["maxWidth"];
+}
+export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {
+    theme: object;
+} & StyledMenuItemWrapperProps, "theme">;
+interface StyledMenuItemContentProps {
+    $hasMaxWidth?: boolean;
+}
+export declare const StyledMenuItemContent: import("styled-components").StyledComponent<"span", any, StyledMenuItemContentProps, never>;
 export default StyledMenuItemWrapper;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("styled-system"),t=require("../menu.config.js"),e=require("../../link/link.component.js"),a=require("../../button/button.style.js"),r=require("../../icon-button/icon-button.style.js"),c=require("../../icon/icon.style.js"),i=require("../../link/link.style.js"),s=require("../../../style/themes/apply-base-theme.js"),u=require("../../../style/utils/add-focus-styling.js");function d(o){return o&&o.__esModule?o:{default:o}}const l=o=>{var n,t;const{paddingRight:e}=o,a=null===(t=String(e))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===e||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(e){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:e};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:e};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:e};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:e};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:e};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:e};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:e};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:e};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},p=d(o).default.a.attrs(s.default).attrs({as:e.Link}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"carbon_v162_9_1__sc-3770d50b-0"})([""," &&&{> a,> button{","}}"],(({menuType:e,selected:s,hasSubmenu:d,isOpen:p,menuItemVariant:g,showDropdownArrow:b,href:h,clickToOpen:f,maxWidth:m,inFullscreenView:v,overrideColor:x,asPassiveItem:k,asDiv:y,hasFocusableChild:S,hasInput:w,inSubmenu:C})=>o.css(["display:flex;align-items:center;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;font-size:14px;font-weight:500;&:not(.legacy-search-button) > ","{margin-right:var(--spacing050);}}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],c.default,u.default(!0),i.StyledContent,!x&&o.css(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],t.default[e].background),x&&!v&&o.css(["&&&&{background-color:",";}"],"alternate"===g?t.default[e].alternate:t.default[e].submenuItemBackground),!v&&o.css(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],C?"":"justify-content: center;",t.default[e].background,t.default[e].color,m&&o.css(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),a.default,!y&&!k&&o.css(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&o.css(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!v&&o.css(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.legacy-search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],a.default,i.StyledContent,a.default),r.default,t.default[e].color),!S&&!v&&o.css(["",""],d||m?o.css(["& > a,& > button{padding:11px 16px ",";}"],d&&m?"12px":"10px"):o.css(["& > a,& > button{padding:11px 16px;}"])),i.StyledLink,i.StyledLink,v&&o.css(["height:auto;white-space:normal;","{top:-2px;}"],c.default),i.StyledLink,i.StyledLink,i.StyledLink,!w&&`color: ${t.default[e].color};`,!v&&o.css(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c.default,c.default),s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],t.default[e].selected,t.default[e].selected),"alternate"===g&&!v&&o.css(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],t.default[e].alternate,t.default[e].alternate,!w&&o.css(["&&& a:hover,&&& button:hover{background-color:",";}"],t.default[e].alternateHover)),p&&o.css(["a,button{background-color:",";color:",";}"],t.default[e].submenuItemBackground,t.default[e].color),d&&o.css(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],t.default[e].submenuBackground,t.default[e].submenuBackground,t.default[e].color,t.default[e].color,f&&p&&o.css(["background-color:",";"],t.default[e].submenuOpenedBackground),t.default[e].submenuOpenedBackground,!(h||f)&&o.css(["cursor:default;background-color:",";color:",";"],t.default[e].submenuItemBackground,t.default[e].color),t.default[e].color,s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],t.default[e].submenuSelected,t.default[e].submenuSelected),b&&o.css(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],r.default,(o=>l(n.padding(o)).padding),(o=>l(n.padding(o)).iconSpacing))),v&&o.css([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&o.css(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],t.default[e].title,t.default[e].title),!k&&o.css(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!w&&o.css(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),n.padding);exports.default=p;
+import o,{css as e}from"styled-components";import{layout as t,flexbox as a,padding as r}from"styled-system";import i from"../menu.config.js";import n from"../../../style/themes/apply-base-theme.js";import l from"../../../style/utils/add-focus-styling.js";const s=o.li.attrs(n).withConfig({displayName:"menu-item.style__StyledMenuItem",componentId:"carbon_v162_12_0__sc-338885db-0"})(["display:flex;list-style:none;align-items:stretch;min-height:var(--global-size-m);"," "," ",""],t,a,(({$inSubmenu:o,$removeHeight:t,$inFullscreenView:a,$maxWidth:r})=>e([""," "," ",""],o&&e(["display:list-item;",""],a&&e(["width:100%;"])),t&&e(["min-height:0;"]),r&&e(["max-width:",";"],r)))),c=e(['padding:0;.popover-open-component{[data-component="button"]{background-color:inherit;color:inherit;border-radius:inherit;border:none;padding:var(--global-space-comp-xs) var(--global-space-comp-l);&:focus{','}}[data-popover-container-button="true"]{background-color:var(--colorsActionMajor500);&:focus{background-color:var(--colorsActionMajor500);}}}'],l(!0)),d=o.a.attrs(n).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"carbon_v162_12_0__sc-338885db-1"})(["",""],(({$menuVariant:o,$selected:t,$hasSubmenu:a,$isOpen:n,$menuItemVariant:s,$maxWidth:d,$inFullscreenView:m,$asPassiveItem:p,$asDiv:b,$inSubmenu:u,$submenuMaxWidth:g,theme:h})=>e(["position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:var(--global-size-m);text-decoration:none;text-align:left;font:var(--global-font-static-comp-medium-m);padding:var(--global-space-comp-xs) var(--global-space-comp-l);background-color:",";color:",";border:none;"," "," "," "," "," "," &:has([data-component='popover-container']){","}"],i[o].background,i[o].color,r,d&&e(["max-width:",";"],d),m&&e(["width:100%;font:var(--global-font-static-comp-medium-l);",""],a&&e(["color:",";"],i[o].title)),!p&&!b&&e(["&:hover{cursor:pointer;background-color:",";color:",";}&:focus{","}&:active{background-color:",";color:",";}"],i[o].backgroundHover,i[o].colorHover,l(!0),i[o].backgroundActive,i[o].colorActive),t&&e(['&::before{content:"";position:absolute;width:var(--global-size-xs);height:var(--global-size-6-xs);background-color:var(--nav-primary-bg-selected);'," ","}"],!m&&e(["bottom:0px;left:50%;transform:translate(-50%,0%);width:var(--global-size-xs);height:var(--global-size-6-xs);"]),m&&e(["left:0px;top:50%;transform:translate(0%,-50%);height:var(--global-size-xs);width:var(--global-size-6-xs);"])),!m&&e([""," ",""],a&&n&&e(["z-index:calc("," + 1);background-color:",";",""],h.zIndex.popover,i[o].submenuOpenedBackground,"white"===o&&e(["box-shadow:inset 1px 0 0 var(--nav-tertiary-border-default),inset -1px 0 0 var(--nav-tertiary-border-default);"])),u&&e(["width:100%;background-color:",";"," ",""],i[o].submenuItemBackground,"alternate"===s&&e(["background-color:",";"],i[o].alternate),g&&e(["max-width:",";"],g))),c))),m=o.span.withConfig({displayName:"menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_12_0__sc-338885db-2"})(["",""],(({$hasMaxWidth:o})=>e(["display:flex;align-items:center;gap:var(--global-space-comp-s);width:100%;"," .search{width:100%;}"],o&&e(["display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;"]))));export{s as StyledMenuItem,m as StyledMenuItemContent,d as StyledMenuItemWrapper,d as default};

package/lib/components/menu/menu-segment-title/index.js

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

package/lib/components/menu/menu-segment-title/menu-segment-title.component.d.ts

@@ -1,12 +1,13 @@
 import React from "react";
 import { VariantType } from "../menu-item";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
-declare const AS_VALUES: readonly ["h2", "h3", "h4", "h5", "h6"];
-type AllowedAsValues = (typeof AS_VALUES)[number];
+type AllowedAsValues = "h2" | "h3" | "h4" | "h5" | "h6";
 export interface MenuTitleProps extends TagProps {
+    /** MenuItem children to be rendered within the segment */
     children?: React.ReactNode;
+    /** The text content for the segment title */
     text: string;
-    /** Set the colour variant for a menuType */
+    /** Set the variant of the MenuSegmentTitle  */
     variant?: VariantType;
     /** Set the heading level for the segment title */
     as?: AllowedAsValues;

package/lib/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./menu-segment-title.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),l=require("../__internal__/submenu/submenu.context.js"),s=require("./menu-segment-title.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=["h2","h3","h4","h5","h6"],d=o(t).default.forwardRef(((o,a)=>{var{children:d,variant:m="default",text:b,as:y="h2",segmentWrapperProps:O}=o,j=function(e,t){if(null==e)return{};var r,n,u=function(e,t){if(null==e)return{};var r,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(u[r]=e[r]);return u}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(u[r]=e[r])}return u}(o,["children","variant","text","as","segmentWrapperProps"]);const{menuType:g,inFullscreenView:h}=n.useStrictMenuContext(),{submenuHasMaxWidth:v}=t.useContext(l.default),x=!!h,P=t.useMemo((()=>x&&"alternate"===m&&["white","black"].includes(g)?"default":m),[x,g,m]);return e.jsxs(u.StyledMenuItem,{inSubmenu:!0,children:[e.jsx(r.StyledTitle,f(c({as:p.includes(y)?y:"h2"},i.default("menu-segment-title",j)),{menuType:g,ref:a,variant:P,shouldWrap:v,children:b})),d&&e.jsx(r.StyledSegmentChildren,f(c({menuType:g,variant:P},i.default("menu-segment-title",c({"data-role":"menu-segment-children"},O))),{children:e.jsx(s.MenuSegmentContext.Provider,{value:{isChildOfSegment:!0,overriddenVariant:P},children:d})}))]})}));d.displayName="MenuSegmentTitle",exports.default=d;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useContext as n}from"react";import{StyledTitle as o,StyledSegmentChildren as i}from"./menu-segment-title.style.js";import{useStrictMenuContext as u}from"../__internal__/strict-menu.context.js";import a from"../__internal__/menu-item-variant.context.js";import{StyledMenuItem as l}from"../menu-item/menu-item.style.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import m from"../__internal__/submenu/submenu.context.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const b=r.forwardRef(((r,s)=>{var{children:b,variant:O="default",text:y,as:j="h2",segmentWrapperProps:g}=r,d=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["children","variant","text","as","segmentWrapperProps"]);const{menuVariant:h,inFullscreenView:v}=u(),{submenuMaxWidth:P}=n(m);return e(l,{$inSubmenu:!0,$removeHeight:!0,children:[t(o,f(p({as:j},c("menu-segment-title",d)),{$menuVariant:h,ref:s,$variant:v?void 0:O,$shouldWrap:!!P,$isInFullscreen:v,children:y})),b&&t(i,f(p({},c("menu-segment-title",p({"data-role":"menu-segment-children"},g))),{children:t(a.Provider,{value:{menuItemVariant:O},children:b})}))]})}));b.displayName="MenuSegmentTitle";export{b as default};

package/lib/components/menu/menu-segment-title/menu-segment-title.style.d.ts

@@ -1,13 +1,11 @@
+import { MenuVariantType } from "../menu.component";
 import { VariantType } from "../menu-item";
-import type { MenuType } from "../menu.types";
 interface StyledTitleProps {
-    variant?: VariantType;
-    menuType: MenuType;
-    shouldWrap?: boolean;
+    $variant?: VariantType;
+    $menuVariant: MenuVariantType;
+    $shouldWrap?: boolean;
+    $isInFullscreen?: boolean;
 }
 declare const StyledTitle: import("styled-components").StyledComponent<"h2", any, StyledTitleProps, never>;
-declare const StyledSegmentChildren: import("styled-components").StyledComponent<"ul", any, {
-    variant?: VariantType;
-    menuType: MenuType;
-}, never>;
+declare const StyledSegmentChildren: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export { StyledTitle, StyledSegmentChildren };

package/lib/components/menu/menu-segment-title/menu-segment-title.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../menu.config.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const l=a.default.h2.withConfig({displayName:"menu-segment-title.style__StyledTitle",componentId:"carbon_v162_9_1__sc-41a2d76d-0"})(["",""],(({menuType:n,variant:a,shouldWrap:l})=>e.css(["margin:0px;padding:16px 16px 8px;font-size:12px;font-weight:500;text-transform:uppercase;line-height:14px;cursor:default;color:",";"," white-space:",";"],t.default[n].title,"alternate"===a&&`background-color: ${t.default[n].alternate};`,l?"normal":"nowrap"))),r=a.default.ul.withConfig({displayName:"menu-segment-title.style__StyledSegmentChildren",componentId:"carbon_v162_9_1__sc-41a2d76d-1"})(["",""],(({menuType:n,variant:a})=>e.css(["padding:0;li{list-style:none;"," &:not(&:last-child) a,&:not(&:last-child) button,&:not(&:last-child) > span,&:not(&:last-child) > div{border-radius:var(--borderRadius000);}}"],"alternate"===a&&e.css(["background-color:",";"],t.default[n].alternate))));exports.StyledSegmentChildren=r,exports.StyledTitle=l;
+import e,{css as o}from"styled-components";import a from"../menu.config.js";const n=e.h2.withConfig({displayName:"menu-segment-title.style__StyledTitle",componentId:"carbon_v162_12_0__sc-6f99340f-0"})(["",""],(({$menuVariant:e,$variant:n,$shouldWrap:t,$isInFullscreen:l})=>o(["margin:var(--global-space-none);padding:var(--global-space-comp-s) var(--global-space-comp-l) var(--global-space-none);text-transform:uppercase;cursor:default;white-space:",";font-size:12px;font-weight:500;line-height:150%;color:",";background-color:",";"," ",""],t?"normal":"nowrap",a[e].title,a[e].submenuItemBackground,"alternate"===n&&o(["background-color:",";"],a[e].alternate),l&&o(["background-color:",";padding:var(--global-space-comp-s) var(--global-space-comp-l);"],a[e].background)))),t=e.ul.withConfig({displayName:"menu-segment-title.style__StyledSegmentChildren",componentId:"carbon_v162_12_0__sc-6f99340f-1"})(["padding:0;"]);export{t as StyledSegmentChildren,n as StyledTitle};

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

@@ -1,4 +1,18 @@
 import React from "react";
-import type { MenuProps } from "./menu.types";
-export declare const Menu: ({ menuType, children, ...rest }: MenuProps) => React.JSX.Element;
+import { FlexboxProps, LayoutProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+/** @deprecated */
+export type MenuType = "light" | "dark" | "white" | "black";
+export type MenuVariantType = "white" | "black";
+export interface MenuProps extends TagProps, Pick<LayoutProps, "width" | "minWidth" | "maxWidth" | "overflow" | "overflowX" | "verticalAlign">, FlexboxProps {
+    /** Children elements */
+    children: React.ReactNode;
+    /**
+     * @deprecated Please use the `variant` prop instead.
+     */
+    menuType?: MenuType;
+    /** Set the color variant of the component */
+    variant?: MenuVariantType;
+}
+export declare const Menu: ({ menuType, variant, children, ...rest }: MenuProps) => React.JSX.Element;
 export default Menu;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./menu.style.js"),u=require("./__internal__/strict-menu.context.js"),o=require("./__internal__/menu.context.js"),i=require("./__internal__/keyboard-navigation/index.js"),l=require("./__internal__/locators.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}const s=s=>{var{menuType:a="light",children:p}=s,f=function(e,r){if(null==e)return{};var t,n,u=function(e,r){if(null==e)return{};var t,n,u={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(u[t]=e[t]);return u}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(u[t]=e[t])}return u}(s,["menuType","children"]);const[y,b]=r.useState(null),O=r.useRef(null),[j,d]=r.useState(void 0),[_,m]=r.useState([]),g=r.useCallback((e=>{m((r=>[...r,e]))}),[]),v=r.useCallback((e=>{m((r=>r.filter((r=>r!==e))))}),[]);return e.jsx(n.StyledMenuWrapper,(P=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}({menuType:a},f,t.default("menu",f)),S=null!=(S={ref:O,role:"list",onKeyDown:e=>{if(O.current){const r=O.current.querySelectorAll(l.MENU_ITEM_CHILDREN_LOCATOR);if(r){const t=i.menuKeyboardNavigation(e,Array.from(r));void 0!==t&&d(_[t])}}},children:e.jsx(u.StrictMenuProvider,{value:{menuType:a,openSubmenuId:y,setOpenSubmenuId:b,focusId:j,updateFocusId:d,registerItem:g,unregisterItem:v},children:e.jsx(o.default.Provider,{value:{inMenu:!0},children:p})})})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(S)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(S)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(S,e))})),P));var P,S};exports.Menu=s,exports.default=s;
+import{jsx as e}from"react/jsx-runtime";import{useState as r,useRef as t,useCallback as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import{StyledMenuWrapper as i}from"./menu.style.js";import{StrictMenuProvider as c}from"./__internal__/strict-menu.context.js";import l from"./__internal__/menu.context.js";import{menuKeyboardNavigation as u}from"./__internal__/keyboard-navigation/index.js";import{MENU_ITEM_CHILDREN_LOCATOR as a}from"./__internal__/locators.js";function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const f=f=>{var{menuType:p,variant:m="white",children:b}=f,y=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}(f,["menuType","variant","children"]);const[O,j]=r(null),d=t(null),[g,_]=r(void 0),[v,h]=r([]);let w=m;"light"===p||"white"===p?w="white":"dark"!==p&&"black"!==p||(w="black");const P=n((e=>{h((r=>[...r,e]))}),[]),S=n((e=>{h((r=>r.filter((r=>r!==e))))}),[]);return e(i,(k=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){s(e,r,t[r])}))}return e}({},y,o("menu",y)),x=null!=(x={ref:d,role:"list",onKeyDown:e=>{if(d.current){const r=d.current.querySelectorAll(a);if(r){const t=u(e,Array.from(r));void 0!==t&&_(v[t])}}},children:e(c,{value:{menuVariant:w,openSubmenuId:O,setOpenSubmenuId:j,focusId:g,updateFocusId:_,registerItem:P,unregisterItem:S},children:e(l.Provider,{value:{inMenu:!0},children:b})})})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(x,e))})),k));var k,x};export{f as Menu,f as default};

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

@@ -1,71 +1,31 @@
 declare const _default: {
-    light: {
-        background: string;
-        color: string;
-        selected: string;
-        submenuOpenedBackground: string;
-        submenuBackground: string;
-        submenuSelected: string;
-        submenuItemBackground: string;
-        submenuItemBackgroundHover: string;
-        title: string;
-        alternate: string;
-        alternateHover: string;
-        divider: string;
-        scrollbarThumb: string;
-        scrollbarTrack: string;
-        scrollbarColor: string;
-    };
-    dark: {
-        background: string;
-        color: string;
-        selected: string;
-        submenuOpenedBackground: string;
-        submenuBackground: string;
-        submenuSelected: string;
-        submenuItemBackground: string;
-        submenuItemBackgroundHover: string;
-        title: string;
-        alternate: string;
-        alternateHover: string;
-        divider: string;
-        scrollbarThumb: string;
-        scrollbarTrack: string;
-        scrollbarColor: string;
-    };
     black: {
         background: string;
         color: string;
-        selected: string;
+        backgroundHover: string;
+        colorHover: string;
+        backgroundActive: string;
+        colorActive: string;
         submenuOpenedBackground: string;
-        submenuBackground: string;
-        submenuSelected: string;
         submenuItemBackground: string;
-        submenuItemBackgroundHover: string;
         title: string;
         alternate: string;
-        alternateHover: string;
         divider: string;
-        scrollbarThumb: string;
-        scrollbarTrack: string;
-        scrollbarColor: string;
+        fullScreenHeader: string;
     };
     white: {
         background: string;
         color: string;
-        selected: string;
+        backgroundHover: string;
+        colorHover: string;
+        backgroundActive: string;
+        colorActive: string;
         submenuOpenedBackground: string;
-        submenuBackground: string;
-        submenuSelected: string;
         submenuItemBackground: string;
-        submenuItemBackgroundHover: string;
         title: string;
         alternate: string;
-        alternateHover: string;
         divider: string;
-        scrollbarThumb: string;
-        scrollbarTrack: string;
-        scrollbarColor: string;
+        fullScreenHeader: string;
     };
 };
 export default _default;

package/lib/components/menu/menu.config.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={light:{background:"var(--colorsComponentsMenuSpringStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSpringStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSpringParent600)",submenuBackground:"var(--colorsComponentsMenuSpringParent500)",submenuSelected:"var(--colorsComponentsMenuSpringParent700)",submenuItemBackground:"var(--colorsComponentsMenuSpringChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSpringChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSpringChildAlt500)",alternateHover:"var(--colorsComponentsMenuSpringChildAlt600)",divider:"var(--colorsComponentsMenuSpringChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},dark:{background:"var(--colorsComponentsMenuAutumnStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuAutumnStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuAutumnParent600)",submenuBackground:"var(--colorsComponentsMenuAutumnParent500)",submenuSelected:"var(--colorsComponentsMenuAutumnParent700)",submenuItemBackground:"var(--colorsComponentsMenuAutumnChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuAutumnChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuAutumnChildAlt500)",alternateHover:"var(--colorsComponentsMenuAutumnChildAlt600)",divider:"var(--colorsComponentsMenuAutumnChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},black:{background:"var(--colorsComponentsMenuWinterStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuWinterStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuWinterParent600)",submenuBackground:"var(--colorsComponentsMenuWinterParent500)",submenuSelected:"var(--colorsComponentsMenuWinterParent700)",submenuItemBackground:"var(--colorsComponentsMenuWinterChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuWinterChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuWinterChildAlt500)",alternateHover:"var(--colorsComponentsMenuWinterChildAlt600)",divider:"var(--colorsComponentsMenuWinterChild400)",scrollbarThumb:"#CCCCCC",scrollbarTrack:"#808080",scrollbarColor:"#CCCCCC #808080"},white:{background:"var(--colorsComponentsMenuSummerStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSummerStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSummerParent600)",submenuBackground:"var(--colorsComponentsMenuSummerParent500)",submenuSelected:"var(--colorsComponentsMenuSummerParent700)",submenuItemBackground:"var(--colorsComponentsMenuSummerChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSummerChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSummerChildAlt500)",alternateHover:"var(--colorsComponentsMenuSummerChildAlt600)",divider:"var(--colorsComponentsMenuSummerChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"}};
+var a={black:{background:"var(--nav-primary-bg-default)",color:"var(--nav-primary-label-default)",backgroundHover:"var(--nav-primary-bg-hover)",colorHover:"var(--nav-primary-label-hover)",backgroundActive:"var(--nav-primary-bg-active)",colorActive:"var(--nav-primary-label-active)",submenuOpenedBackground:"var(--nav-primary-bg-child)",submenuItemBackground:"var(--nav-primary-bg-child)",title:"var(--container-standard-inverse-txt-alt)",alternate:"var(--nav-primary-bg-child-alt)",divider:"var(--nav-primary-divider)",fullScreenHeader:"var(--nav-primary-bg-child)"},white:{background:"var(--nav-tertiary-bg-default)",color:"var(--nav-tertiary-label-default)",backgroundHover:"var(--nav-tertiary-bg-hover)",colorHover:"var(--nav-tertiary-label-hover)",backgroundActive:"var(--nav-tertiary-bg-active)",colorActive:"var(--nav-tertiary-label-active)",submenuOpenedBackground:"var(--nav-tertiary-bg-child)",submenuItemBackground:"var(--nav-tertiary-bg-child)",title:"var(--container-standard-txt-alt)",alternate:"var(--nav-tertiary-bg-child-alt)",divider:"var(--nav-tertiary-divider)",fullScreenHeader:"var(--nav-tertiary-bg-child-alt)"}};export{a as default};

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

@@ -1,14 +1,5 @@
-import { FlexboxProps, LayoutProps, PaddingProps } from "styled-system";
-import type { MenuProps } from "./menu.types";
-interface StyledMenuProps extends Pick<MenuProps, "menuType">, FlexboxProps, LayoutProps {
-    inFullscreenView?: boolean;
+interface StyledMenuProps {
+    $inFullscreenView?: boolean;
 }
-declare const StyledMenuWrapper: import("styled-components").StyledComponent<"ul", any, StyledMenuProps, never>;
-interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth">, PaddingProps {
-    inFullscreenView?: boolean;
-    inSubmenu?: boolean;
-}
-declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {
-    theme: object;
-} & StyledMenuItemProps, "theme">;
-export { StyledMenuWrapper, StyledMenuItem };
+export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"ul", any, StyledMenuProps, never>;
+export default StyledMenuWrapper;

package/lib/components/menu/menu.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("./menu.config.js"),n=require("../vertical-divider/vertical-divider.style.js"),s=require("../link/link.style.js"),l=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e);const o=r.default.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"carbon_v162_9_1__sc-f30761ad-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],t.layout,t.flexbox,n.StyledVerticalWrapper,(({menuType:t})=>t&&e.css(["display:inline-block;vertical-align:bottom;background-color:",";",""],i.default[t].background,"dark"===t&&e.css(["color:",";"],i.default[t].color))),n.StyledDivider),d=r.default.li.attrs(l.default).withConfig({displayName:"menu.style__StyledMenuItem",componentId:"carbon_v162_9_1__sc-f30761ad-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:t})=>t&&e.css(["align-items:stretch;"])),t.layout,t.flexbox,s.StyledLink,s.StyledLink,(({inSubmenu:t})=>e.css([""," ",""],t&&e.css(["display:list-item;"]),!t&&e.css(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e.css(["padding-top:var(--spacing200);padding-bottom:var(--spacing200);> a,"," > a,> button,",' > button,> span,> div,[data-component="submenu-wrapper"] > ',"{width:100%;box-sizing:border-box;height:auto;white-space:normal;}"],s.StyledLink,s.StyledLink,s.StyledLink)));exports.StyledMenuItem=d,exports.StyledMenuWrapper=o;
+import e,{css as n}from"styled-components";import{layout as t,flexbox as i}from"styled-system";const l=e.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"carbon_v162_12_0__sc-5b0dbbae-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:var(--global-size-m);"," "," ",""],t,i,(({$inFullscreenView:e})=>e&&n(["flex-direction:column;"])));export{l as StyledMenuWrapper,l as default};

package/lib/components/menu/scrollable-block/index.js

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

package/lib/components/menu/scrollable-block/scrollable-block.component.d.ts

@@ -8,7 +8,7 @@ export interface ScrollableBlockProps extends TagProps {
     height?: string | number;
     /** A custom max height to be applied to the component. */
     maxHeight?: string | number;
-    /** set the colour variant for a menuType */
+    /** Set the variant of the ScrollableBlock */
     variant?: VariantType;
     /** the element, if any, displayed at the top of the block to be its semantic "parent",
      * but not part of the scrollable section

package/lib/components/menu/scrollable-block/scrollable-block.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../__internal__/strict-menu.context.js"),t=require("../menu-item/menu-item.component.js"),n=require("./scrollable-block.style.js"),l=require("../../../__internal__/utils/helpers/tags/tags.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i=i=>{var{children:a,height:c,maxHeight:u,variant:s="default",parent:p,parentVariant:b}=i,f=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(i,["children","height","maxHeight","variant","parent","parentVariant"]);const{menuType:O,inFullscreenView:y}=r.useStrictMenuContext();return e.jsxs(n.default,(j=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({menuType:O,variant:s,$inFullscreenView:y},f,l.default("submenu-scrollable-block",f)),m=null!=(m={children:[p&&e.jsx(t.MenuItem,{"data-component":"scrollable-block-parent",overrideColor:!0,variant:b,p:"2px 16px",as:"div","data-role":"scrollable-block-parent-menu-item",children:p}),e.jsx("ul",{"data-element":"scrollable-block-list",style:{height:c,maxHeight:u,overflowY:"scroll",padding:0},children:a})]})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(m)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(m)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(m,e))})),j));var j,m};exports.ScrollableBlock=i,exports.default=i;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../__internal__/menu-item-variant.context.js";import{MenuItem as n}from"../menu-item/menu-item.component.js";import{StyledScrollableBlock as o,ScrollableContainer as i}from"./scrollable-block.style.js";import a from"../../../__internal__/utils/helpers/tags/tags.js";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var p,u,{children:b,height:m,maxHeight:s,variant:f="default",parent:O,parentVariant:y}=c,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["children","height","maxHeight","variant","parent","parentVariant"]);return e(o,(p=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}({},j,a("submenu-scrollable-block",j)),u=null!=(u={children:[O&&t(n,{"data-component":"scrollable-block-parent",variant:y,as:"div","data-role":"scrollable-block-parent-menu-item",children:O}),t(i,{role:"list",$height:m,$maxHeight:s,children:t(r.Provider,{value:{menuItemVariant:f},children:b})})]})?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(u)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(u,e))})),p))};export{c as ScrollableBlock,c as default};

package/lib/components/menu/scrollable-block/scrollable-block.style.d.ts

@@ -1,9 +1,7 @@
-import { VariantType } from "../menu-item";
-import type { MenuType } from "../menu.types";
-interface StyledScrollableBlockProps {
-    menuType: MenuType;
-    variant: VariantType;
-    $inFullscreenView?: boolean;
+export declare const StyledScrollableBlock: import("styled-components").StyledComponent<"li", any, {}, never>;
+interface ScrollableContainerProps {
+    $height?: string | number;
+    $maxHeight?: string | number;
 }
-declare const StyledScrollableBlock: import("styled-components").StyledComponent<"li", any, StyledScrollableBlockProps, never>;
+export declare const ScrollableContainer: import("styled-components").StyledComponent<"ul", any, ScrollableContainerProps, never>;
 export default StyledScrollableBlock;

package/lib/components/menu/scrollable-block/scrollable-block.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../menu-item/menu-item.style.js"),l=require("../menu.config.js"),t=require("../menu.style.js"),a=require("../../link/link.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const d=o(e).default.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"carbon_v162_9_1__sc-676da6b1-0"})(["",""],(({menuType:o,variant:d,$inFullscreenView:s})=>e.css(["&& ","{",' padding-right:var(--spacing150);}[data-element="scrollable-block-list"]{border-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius100);',":last-child ",",",":last-child a,",":last-child button{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius000);}scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],r.default,!s&&e.css(["background-color:",";"],"default"===d?l.default[o].submenuItemBackground:l.default[o].alternate),t.StyledMenuItem,a.StyledLink,t.StyledMenuItem,t.StyledMenuItem,l.default[o].scrollbarColor,l.default[o].scrollbarThumb,l.default[o].scrollbarTrack)));exports.default=d;
+import e,{css as o}from"styled-components";const l=e.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"carbon_v162_12_0__sc-50e9ce29-0"})(['[data-last-menu-item="true"]{border-bottom-right-radius:var(--global-radius-none);}']),t=e.ul.withConfig({displayName:"scrollable-block.style__ScrollableContainer",componentId:"carbon_v162_12_0__sc-50e9ce29-1"})(["",""],(({$height:e,$maxHeight:l})=>o(["list-style:none;margin:0;padding:0;overflow-y:scroll;overscroll-behavior-y:none;"," ",""],e&&o(["height:",";"],"number"==typeof e?`${e}px`:e),l&&o(["max-height:",";"],"number"==typeof l?`${l}px`:l))));export{t as ScrollableContainer,l as StyledScrollableBlock,l as default};

package/lib/components/message/index.js

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

package/lib/components/message/message.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../typography/typography.component.js"),n=require("./message.style.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var o=require("../button/__next__/button.component.js"),a=require("../../__internal__/ai-icon/ai-icon.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/utils/logger/index.js");function p(e){return e&&e.__esModule?e:{default:e}}function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(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){d(e,r,t[r])}))}return e}function b(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let y=!1,j=!1,g=!1;const h=p(r).default.forwardRef(((p,d)=>{var{open:h=!0,transparent:m=!1,title:O,variant:v="info",children:_,onDismiss:w,id:x,closeButtonAriaLabel:P,showCloseIcon:q=!0,width:M,size:S="medium"}=p,I=function(e,r){if(null==e)return{};var t,n,s=function(e,r){if(null==e)return{};var t,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(s[t]=e[t]);return s}(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)&&(s[t]=e[t])}return s}(p,["open","transparent","title","variant","children","onDismiss","id","closeButtonAriaLabel","showCloseIcon","width","size"]);m&&!y&&(u.default.deprecate("The 'transparent' prop in `Message` is deprecated and will soon be removed."),y=!0),"neutral"!==v||j||(u.default.deprecate("The 'neutral' variant in `Message` is deprecated and will soon be removed."),j=!0),!1!==q||g||(u.default.deprecate("The 'showCloseIcon' prop in `Message` is deprecated and will soon be removed. To prevent the close button from being rendered, don't pass the `onDismiss` prop."),g=!0);const T=r.useRef(null),z=d||T,C=c.default(),D=l.default(I),k={neutral:"info",success:"tick_circle",error:"error",warning:"warning",info:"info",callout:"tag"},A=v.endsWith("-subtle"),B=v.replace("-subtle",""),L=()=>{var r,s;return e.jsxs(e.Fragment,{children:[e.jsx(n.TypeIconStyle,{"aria-hidden":"true",variant:B,isSubtle:A,transparent:m,children:"ai"===v?e.jsx(a.AiIcon,{"data-role":"ai-icon"}):"ai-subtle"===v?e.jsx(a.AiIconInverse,{"data-role":"ai-icon-subtle"}):e.jsx(i.default,{type:k[B]})}),e.jsx(t.Typography,{screenReaderOnly:!0,children:null===(r=(s=C.message)[B])||void 0===r?void 0:r.call(s)})]})};return h?e.jsxs(n.MessageStyle,b(f(b(f({},s.default("Message",I)),{transparent:m,variant:B,isSubtle:A,id:x,width:M,ref:z}),D),{tabIndex:-1,children:[!A&&L(),e.jsxs(n.MessageWrapper,{children:[e.jsxs(n.MessageContent,{"data-role":"message-content",size:S,isSubtle:A,children:[A&&L(),e.jsxs(n.MessageContentWrapper,{size:S,children:[O?"string"==typeof O?e.jsx(n.MessageTitle,{size:S,children:O}):O:null,_]})]}),q&&w&&e.jsx(n.CloseButtonWrapper,{size:S,children:e.jsx(o.Button,{"data-role":"close","data-element":"close","aria-label":P||C.message.closeButtonAriaLabel(),variantType:"subtle",size:"small",onClick:e=>{w(e)},children:e.jsx(i.default,{type:"cross"})})})]})]})):null}));h.displayName="Message",exports.Message=h,exports.default=h;
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import n,{useRef as o}from"react";import{Typography as i}from"../typography/typography.component.js";import{MessageStyle as s,MessageWrapper as a,MessageContent as l,MessageContentWrapper as c,CloseButtonWrapper as p,TypeIconStyle as u,MessageTitle as d}from"./message.style.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"../icon/icon.component.js";import"../icon/icon.style.js";import{Button as b}from"../button/__next__/button.component.js";import{AiIcon as y,AiIconInverse as g}from"../../__internal__/ai-icon/ai-icon.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import h from"../../style/utils/filter-styled-system-margin-props.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){w(e,t,r[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let P=!1,S=!1,x=!1;const z=n.forwardRef(((n,w)=>{var{open:z=!0,transparent:D=!1,title:k,variant:I="info",children:L,onDismiss:M,id:T,closeButtonAriaLabel:C,showCloseIcon:A=!0,width:B,size:E="medium"}=n,R=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["open","transparent","title","variant","children","onDismiss","id","closeButtonAriaLabel","showCloseIcon","width","size"]);D&&!P&&(j.deprecate("The 'transparent' prop in `Message` is deprecated and will soon be removed."),P=!0),"neutral"!==I||S||(j.deprecate("The 'neutral' variant in `Message` is deprecated and will soon be removed."),S=!0),!1!==A||x||(j.deprecate("The 'showCloseIcon' prop in `Message` is deprecated and will soon be removed. To prevent the close button from being rendered, don't pass the `onDismiss` prop."),x=!0);const N=o(null),W=w||N,q=O(),F=h(R),G={neutral:"info",success:"tick_circle",error:"error",warning:"warning",info:"info",callout:"tag"},H=I.endsWith("-subtle"),J=I.replace("-subtle",""),K=()=>{var n,o;return e(r,{children:[t(u,{"aria-hidden":"true",variant:J,isSubtle:H,transparent:D,children:"ai"===I?t(y,{"data-role":"ai-icon"}):"ai-subtle"===I?t(g,{"data-role":"ai-icon-subtle"}):t(f,{type:G[J]})}),t(i,{screenReaderOnly:!0,children:null===(n=(o=q.message)[J])||void 0===n?void 0:n.call(o)})]})};return z?e(s,_(v(_(v({},m("Message",R)),{transparent:D,variant:J,isSubtle:H,id:T,width:B,ref:W}),F),{tabIndex:-1,children:[!H&&K(),e(a,{children:[e(l,{"data-role":"message-content",size:E,isSubtle:H,children:[H&&K(),e(c,{size:E,children:[k?"string"==typeof k?t(d,{size:E,children:k}):k:null,L]})]}),A&&M&&t(p,{size:E,children:t(b,{"data-role":"close","data-element":"close","aria-label":C||q.message.closeButtonAriaLabel(),variantType:"subtle",size:"small",onClick:e=>{M(e)},children:t(f,{type:"cross"})})})]})]})):null}));z.displayName="Message";export{z as Message,z as default};

package/lib/components/message/message.config.js

@@ -1 +1 @@
-"use strict";exports.sizeMap={medium:{padding:"var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-m)",subtleGap:"var(--global-space-comp-m)",contentGap:"var(--global-space-comp-2-xs)",closeButtonPadding:"var(--global-space-comp-s) var(--global-space-comp-s) 0 0",contentFont:"var(--global-font-static-comp-regular-m)",titleFont:"var(--global-font-static-comp-medium-m)"},large:{padding:"var(--global-space-comp-l) var(--global-space-comp-m) var(--global-space-comp-l) var(--global-space-comp-l)",subtleGap:"var(--global-space-comp-l)",contentGap:"var(--global-space-comp-xs)",closeButtonPadding:"var(--global-space-comp-m) var(--global-space-comp-m) 0 0",contentFont:"var(--global-font-static-comp-regular-l)",titleFont:"var(--global-font-static-comp-medium-l)"}},exports.variantPrimaryColor={error:"var(--message-contextual-error-bg-default)",info:"var(--message-contextual-info-bg-default)",success:"var(--message-contextual-success-bg-default)",warning:"var(--message-contextual-warning-bg-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-bg-default)"},exports.variantPrimaryColorBorder={error:"var(--message-contextual-error-border-default)",info:"var(--message-contextual-info-border-default)",success:"var(--message-contextual-success-border-default)",warning:"var(--message-contextual-warning-border-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-border-default)"},exports.variantSubtleColor={error:"var(--message-contextual-error-bg-alt)",info:"var(--message-contextual-info-bg-alt)",success:"var(--message-contextual-success-bg-alt)",warning:"var(--message-contextual-warning-bg-alt)",ai:"var(--message-contextual-ai-bg-alt)",callout:"var(--message-contextual-callout-bg-alt)"},exports.variantSubtleIconColor={error:"var(--message-contextual-error-icon)",info:"var(--message-contextual-info-icon)",success:"var(--message-contextual-success-icon) ",warning:"var(--message-contextual-warning-icon)",ai:"var(--message-contextual-ai-icon)",callout:"var(--message-contextual-callout-icon)"};
+const a={error:"var(--message-contextual-error-bg-default)",info:"var(--message-contextual-info-bg-default)",success:"var(--message-contextual-success-bg-default)",warning:"var(--message-contextual-warning-bg-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-bg-default)"},e={error:"var(--message-contextual-error-border-default)",info:"var(--message-contextual-info-border-default)",success:"var(--message-contextual-success-border-default)",warning:"var(--message-contextual-warning-border-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-border-default)"},o={error:"var(--message-contextual-error-bg-alt)",info:"var(--message-contextual-info-bg-alt)",success:"var(--message-contextual-success-bg-alt)",warning:"var(--message-contextual-warning-bg-alt)",ai:"var(--message-contextual-ai-bg-alt)",callout:"var(--message-contextual-callout-bg-alt)"},l={error:"var(--message-contextual-error-icon)",info:"var(--message-contextual-info-icon)",success:"var(--message-contextual-success-icon) ",warning:"var(--message-contextual-warning-icon)",ai:"var(--message-contextual-ai-icon)",callout:"var(--message-contextual-callout-icon)"},t={medium:{padding:"var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-m)",subtleGap:"var(--global-space-comp-m)",contentGap:"var(--global-space-comp-2-xs)",closeButtonPadding:"var(--global-space-comp-s) var(--global-space-comp-s) 0 0",contentFont:"var(--global-font-static-comp-regular-m)",titleFont:"var(--global-font-static-comp-medium-m)"},large:{padding:"var(--global-space-comp-l) var(--global-space-comp-m) var(--global-space-comp-l) var(--global-space-comp-l)",subtleGap:"var(--global-space-comp-l)",contentGap:"var(--global-space-comp-xs)",closeButtonPadding:"var(--global-space-comp-m) var(--global-space-comp-m) 0 0",contentFont:"var(--global-font-static-comp-regular-l)",titleFont:"var(--global-font-static-comp-medium-l)"}};export{t as sizeMap,a as variantPrimaryColor,e as variantPrimaryColorBorder,o as variantSubtleColor,l as variantSubtleIconColor};

package/lib/components/message/message.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),a=require("styled-system"),s=require("../../style/themes/apply-base-theme.js"),t=require("./message.config.js");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(e);const n=o.default.div.attrs(s.default).withConfig({displayName:"message.style__MessageStyle",componentId:"carbon_v162_9_1__sc-8540121a-0"})(["position:relative;display:flex;box-sizing:border-box;border-radius:var(--global-radius-container-m);overflow:hidden;border:var(--global-borderwidth-xs) solid ",";background-color:var(--message-contextual-bg);max-width:720px;:focus{outline:none;}"," "," "," ",""],(({variant:e})=>t.variantPrimaryColorBorder[e]),(({isSubtle:a,variant:s})=>a&&e.css(["border:",";background-color:",";"],(e=>{switch(e){case"info":return"var(--global-borderwidth-xs) solid var(--message-contextual-info-border-alt)";case"success":return"var(--global-borderwidth-xs) solid var(--message-contextual-success-border-alt)";case"warning":return"var(--global-borderwidth-xs) solid var(--message-contextual-warning-border-alt)";case"ai":return"var(--global-borderwidth-xs) solid var(--message-contextual-ai-border-alt)";default:return"none"}})(s),t.variantSubtleColor[s])),(({transparent:a})=>a&&e.css(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),a.margin),i=o.default.div.withConfig({displayName:"message.style__MessageWrapper",componentId:"carbon_v162_9_1__sc-8540121a-1"})(["display:flex;align-items:flex-start;flex:1 0 0;"]),l=o.default.div.withConfig({displayName:"message.style__MessageContent",componentId:"carbon_v162_9_1__sc-8540121a-2"})(["display:flex;flex:1 0 0;",""],(({size:a,isSubtle:s})=>e.css(["padding:",";",""],t.sizeMap[a].padding,s&&e.css(["gap:",";"],t.sizeMap[a].subtleGap)))),d=o.default.div.withConfig({displayName:"message.style__MessageContentWrapper",componentId:"carbon_v162_9_1__sc-8540121a-3"})(["display:flex;flex-direction:column;justify-content:center;color:var(--message-contextual-txt);",""],(({size:a})=>e.css(["gap:",";font:",";"],t.sizeMap[a].contentGap,t.sizeMap[a].contentFont))),c=o.default.p.withConfig({displayName:"message.style__MessageTitle",componentId:"carbon_v162_9_1__sc-8540121a-4"})(["",""],(({size:a})=>e.css(["margin:0;font:",";"],t.sizeMap[a].titleFont))),p=o.default.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_9_1__sc-8540121a-5"})(["",""],(({size:a})=>e.css(["padding:",";"],t.sizeMap[a].closeButtonPadding))),g=o.default.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_9_1__sc-8540121a-6"})(["",""],(({transparent:a,isSubtle:s,variant:r})=>e.css(["display:flex;span{width:var(--global-size-2-xs);height:var(--global-size-2-xs);}"," ",""],!s&&e.css(["background-color:",";justify-content:center;align-items:center;width:var(--global-size-s);span{&:before{color:var(--message-contextual-icon);}}"],t.variantPrimaryColor[r]),(s||a)&&e.css(["background-color:transparent;span{&:before{color:",";}}"],t.variantSubtleIconColor[r]))));exports.CloseButtonWrapper=p,exports.MessageContent=l,exports.MessageContentWrapper=d,exports.MessageStyle=n,exports.MessageTitle=c,exports.MessageWrapper=i,exports.TypeIconStyle=g;
+import e,{css as a}from"styled-components";import{margin as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import{variantPrimaryColorBorder as t,variantSubtleColor as r,sizeMap as n,variantPrimaryColor as i,variantSubtleIconColor as l}from"./message.config.js";const d=e.div.attrs(o).withConfig({displayName:"message.style__MessageStyle",componentId:"carbon_v162_12_0__sc-8540121a-0"})(["position:relative;display:flex;box-sizing:border-box;border-radius:var(--global-radius-container-m);overflow:hidden;border:var(--global-borderwidth-xs) solid ",";background-color:var(--message-contextual-bg);max-width:720px;:focus{outline:none;}"," "," "," ",""],(({variant:e})=>t[e]),(({isSubtle:e,variant:s})=>e&&a(["border:",";background-color:",";"],(e=>{switch(e){case"info":return"var(--global-borderwidth-xs) solid var(--message-contextual-info-border-alt)";case"success":return"var(--global-borderwidth-xs) solid var(--message-contextual-success-border-alt)";case"warning":return"var(--global-borderwidth-xs) solid var(--message-contextual-warning-border-alt)";case"ai":return"var(--global-borderwidth-xs) solid var(--message-contextual-ai-border-alt)";default:return"none"}})(s),r[s])),(({transparent:e})=>e&&a(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),s),c=e.div.withConfig({displayName:"message.style__MessageWrapper",componentId:"carbon_v162_12_0__sc-8540121a-1"})(["display:flex;align-items:flex-start;flex:1 0 0;"]),g=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"carbon_v162_12_0__sc-8540121a-2"})(["display:flex;flex:1 0 0;",""],(({size:e,isSubtle:s})=>a(["padding:",";",""],n[e].padding,s&&a(["gap:",";"],n[e].subtleGap)))),p=e.div.withConfig({displayName:"message.style__MessageContentWrapper",componentId:"carbon_v162_12_0__sc-8540121a-3"})(["display:flex;flex-direction:column;justify-content:center;color:var(--message-contextual-txt);",""],(({size:e})=>a(["gap:",";font:",";"],n[e].contentGap,n[e].contentFont))),_=e.p.withConfig({displayName:"message.style__MessageTitle",componentId:"carbon_v162_12_0__sc-8540121a-4"})(["",""],(({size:e})=>a(["margin:0;font:",";"],n[e].titleFont))),m=e.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_12_0__sc-8540121a-5"})(["",""],(({size:e})=>a(["padding:",";"],n[e].closeButtonPadding))),b=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_12_0__sc-8540121a-6"})(["",""],(({transparent:e,isSubtle:s,variant:o})=>a(["display:flex;span{width:var(--global-size-2-xs);height:var(--global-size-2-xs);}"," ",""],!s&&a(["background-color:",";justify-content:center;align-items:center;width:var(--global-size-s);span{&:before{color:var(--message-contextual-icon);}}"],i[o]),(s||e)&&a(["background-color:transparent;span{&:before{color:",";}}"],l[o]))));export{m as CloseButtonWrapper,g as MessageContent,p as MessageContentWrapper,d as MessageStyle,_ as MessageTitle,c as MessageWrapper,b as TypeIconStyle};

package/lib/components/modal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/logger/index.js"),t=require("../../__internal__/modal/modal.component.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let o=!1;exports.default=a=>(o||(o=!0,r.default.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e.jsx(t.default,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({},a)));
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/logger/index.js";import r from"../../__internal__/modal/modal.component.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let o=!1;const a=a=>(o||(o=!0,t.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e(r,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({},a)));export{a as default};

package/lib/components/multi-action-button/__internal__/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export declare const globalSizeS = "32px";
+export declare const globalSizeM = "40px";
+export declare const globalSizeL = "48px";

package/lib/components/multi-action-button/__internal__/tokens/index.js

@@ -0,0 +1 @@
+const p="32px",x="40px",o="48px";export{o as globalSizeL,x as globalSizeM,p as globalSizeS};

package/lib/components/multi-action-button/index.js

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

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),i=require("./multi-action-button.style.js"),l=require("../button/button.component.js"),u=require("../icon/icon.component.js");require("../icon/icon.style.js");var s=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),c=require("../../style/utils/filter-out-styled-system-spacing-props.js"),d=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),p=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),f=require("../flat-table/__internal__/flat-table.context.js"),b=require("../../__internal__/utils/helpers/guid/index.js");function y(e){return e&&e.__esModule?e:{default:e}}var j=y(t);function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){m(e,t,r[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const _=t.forwardRef(((y,m)=>{var{align:_="left",position:h="left",disabled:v,buttonType:x,size:w,children:P,text:q,subtext:k,width:S,onClick:B,"data-element":C,"data-role":M}=y,A=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(y,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const D=t.useRef(null),{isInFlatTable:T}=t.useContext(f.default),I=t.useRef(b.default());t.useImperativeHandle(m,(()=>({focusMainButton(){var e;null===(e=D.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:z,showButtons:E,hideButtons:F,buttonNode:R,handleToggleButtonKeyDown:K,wrapperProps:L,contextValue:H}=d.default(D),N=n.default(F);p.default((()=>F()));const U=t.useMemo((()=>[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})]),[]);return e.jsxs(i.StyledMultiActionButton,O(g({ref:R,"data-component":"multi-action-button","data-element":C,"data-role":M,displayed:z,width:S},a.default(A)),{children:[e.jsxs(l.default,O(g({"aria-expanded":z,"aria-controls":I.current,"data-element":"toggle-button",ref:D,iconPosition:"after",disabled:v,buttonType:x,size:w,subtext:k,onKeyDown:K,onClick:e=>{null==B||B(e),z?F():E(),N()}},c.default(A)),{children:[q,e.jsx(u.default,{type:"dropdown",color:"inherit",bg:"transparent"})]}),"toggle-button"),e.jsx(s.default,{isOpen:z,disableBackgroundUI:T&&z,disablePortal:!0,placement:"left"===h?"bottom-start":"bottom-end",reference:R,popoverStrategy:"fixed",middleware:U,children:e.jsx(i.StyledButtonChildrenContainer,O(g({id:I.current},L),{align:_,hidden:!z,children:e.jsx(o.default.Provider,{value:H,children:j.default.Children.map(P,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=_,exports.default=_;
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useRef as n,useContext as i,useImperativeHandle as l,useMemo as s}from"react";import{offset as a,flip as c}from"@floating-ui/dom";import p from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import u from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as d,StyledButtonChildrenContainer as m}from"./multi-action-button.style.js";import f from"../button/button.component.js";import b from"../icon/icon.component.js";import"../icon/icon.style.js";import y from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import g from"../../style/utils/filter-out-styled-system-spacing-props.js";import O from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import h from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import _ from"../flat-table/__internal__/flat-table.context.js";import w from"../../__internal__/utils/helpers/guid/index.js";function v(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function P(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){v(t,e,o[e])}))}return t}function x(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}const k=r(((r,v)=>{var{align:k="left",position:S="left",disabled:B,buttonType:C,size:D,children:A,text:T,subtext:z,width:E,onClick:F,"data-element":I,"data-role":M}=r,K=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const L=n(null),{isInFlatTable:N}=i(_),U=n(w());l(v,(()=>({focusMainButton(){var t;null===(t=L.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:V,showButtons:q,hideButtons:G,buttonNode:H,handleToggleButtonKeyDown:J,wrapperProps:Q,contextValue:R}=O(L),W=p(G);h((()=>G()));const X=s((()=>[a(6),c({fallbackStrategy:"initialPlacement"})]),[]);return t(d,x(P({ref:H,"data-component":"multi-action-button","data-element":I,"data-role":M,displayed:V,width:E},j(K)),{children:[t(f,x(P({"aria-expanded":V,"aria-controls":U.current,"data-element":"toggle-button",ref:L,iconPosition:"after",disabled:B,buttonType:C,size:D,subtext:z,onKeyDown:J,onClick:t=>{null==F||F(t),V?G():q(),W()}},g(K)),{children:[T,e(b,{type:"dropdown",color:"inherit",bg:"transparent"})]}),"toggle-button"),e(y,{isOpen:V,disableBackgroundUI:N&&V,disablePortal:!0,placement:"left"===S?"bottom-start":"bottom-end",reference:H,popoverStrategy:"fixed",middleware:X,children:e(m,x(P({id:U.current},Q),{align:k,hidden:!V,children:e(u.Provider,{value:R,children:o.Children.map(A,(t=>e("li",{children:t})))})}))})]}))}));export{k as MultiActionButton,k as default};

package/lib/components/multi-action-button/multi-action-button.config.js

@@ -1 +1 @@
-"use strict";exports.MULTI_ACTION_BUTTON_ALIGNMENTS=["left","right"],exports.MULTI_ACTION_BUTTON_POSITIONS=["left","right"],exports.MULTI_ACTION_BUTTON_SIZES=["small","medium","large"],exports.MULTI_ACTION_BUTTON_THEMES=["primary","secondary","tertiary"];
+const r=["left","right"],t=["small","medium","large"],e=["primary","secondary","tertiary"],a=["left","right"];export{r as MULTI_ACTION_BUTTON_ALIGNMENTS,a as MULTI_ACTION_BUTTON_POSITIONS,t as MULTI_ACTION_BUTTON_SIZES,e as MULTI_ACTION_BUTTON_THEMES};

package/lib/components/multi-action-button/multi-action-button.style.js

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),r=require("styled-system"),t=require("../button/button.style.js"),a=require("../../style/themes/apply-base-theme.js"),e=require("../icon/icon.style.js"),n=require("../../style/utils/element-sizing.js");function i(o){return o&&o.__esModule?o:{default:o}}var d=i(o);const s=d.default.div.attrs(a.default).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"carbon_v162_9_1__sc-8c926c18-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,",'{color:var(--colorsActionMajorYang100);}}&:active{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&&&{color:var(--colorsActionMajorYang100);}&&& [data-component="icon"]:not([data-color]){color:var(--colorsActionMajorYang100);}}',"}"],r.margin,(({width:r})=>r&&o.css([""," ","{width:100%;justify-content:space-between;}& > ",'{> span{flex:1;min-width:0;}[data-element="main-text"]{width:100%;justify-content:space-between;}}'],n.default({width:r}),t.default,t.default)),t.default,e.default,e.default,(({displayed:r})=>r&&o.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e.default))),l=d.default.ul.attrs(a.default).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"carbon_v162_9_1__sc-8c926c18-1"})(["",""],(({theme:r,align:a,minWidth:e})=>o.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],e,r.zIndex.popover,"\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",t.default,a,a)));exports.StyledButtonChildrenContainer=l,exports.StyledMultiActionButton=s;
+import o,{css as r}from"styled-components";import{margin as t}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import e from"../../style/utils/element-sizing.js";const d=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"carbon_v162_12_0__sc-8c926c18-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,",'{color:var(--colorsActionMajorYang100);}}&:active{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&&&{color:var(--colorsActionMajorYang100);}&&& [data-component="icon"]:not([data-color]){color:var(--colorsActionMajorYang100);}}',"}"],t,(({width:o})=>o&&r([""," ","{width:100%;justify-content:space-between;}& > ",'{> span{flex:1;min-width:0;}[data-element="main-text"]{width:100%;justify-content:space-between;}}'],e({width:o}),i,i)),i,a,a,(({displayed:o})=>o&&r(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],a))),s=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"carbon_v162_12_0__sc-8c926c18-1"})(["",""],(({theme:o,align:t,minWidth:n})=>r(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],n,o.zIndex.popover,"\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",i,t,t)));export{s as StyledButtonChildrenContainer,d as StyledMultiActionButton};