carbon-react 162.10.0 → 162.12.0-beta.1

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

@@ -1,2 +0,0 @@
-export { default } from "./menu-divider.component";
-export type { MenuDividerProps } from "./menu-divider.component";

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

@@ -1 +0,0 @@
-export{default}from"./menu-divider.component.js";

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

@@ -1,7 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface MenuDividerProps extends TagProps {
-    size?: "default" | "large";
-}
-declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps & React.RefAttributes<HTMLDivElement>>;
-export default MenuDivider;

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

@@ -1 +0,0 @@
-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/esm/components/menu/menu-divider/menu-divider.style.d.ts

@@ -1,6 +0,0 @@
-import { MenuDividerProps } from "./menu-divider.component";
-import type { MenuType } from "../menu.types";
-declare const StyledDivider: import("styled-components").StyledComponent<"div", any, MenuDividerProps & {
-    menuType: MenuType;
-}, never>;
-export default StyledDivider;

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

@@ -1 +0,0 @@
-import e,{css as o}from"styled-components";import i from"../menu.config.js";const r=e.div.withConfig({displayName:"menu-divider.style__StyledDivider",componentId:"carbon_v162_9_1__sc-ce8f3542-0"})(["cursor:default;",""],(({menuType:e,size:r})=>o(["margin:0px ",";height:",";background-color:",";"],"large"===r?"":"16px","large"===r?"4px":"1px",i[e].divider)));export{r as default};

package/esm/components/menu/menu-full-screen/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./menu-full-screen.component";
-export type { MenuFullscreenProps } from "./menu-full-screen.component";

package/esm/components/menu/menu-full-screen/index.js

@@ -1 +0,0 @@
-export{MenuFullscreen as default}from"./menu-full-screen.component.js";

package/esm/components/menu/menu-full-screen/menu-full-screen.component.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import type { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface MenuFullscreenProps extends TagProps {
-    /** Accessible name that conveys the purpose of the menu   */
-    "aria-label"?: string;
-    /** The child elements to render */
-    children?: React.ReactNode;
-    /** Sets whether the component is open or closed */
-    isOpen?: boolean;
-    /** The start position for the component to open from */
-    startPosition?: "left" | "right";
-    /** A callback to be called when the close icon is clicked or enter is pressed when focused */
-    onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
-    /** Manually override the internal modal stacking order to set this as top */
-    topModalOverride?: boolean;
-}
-export declare const MenuFullscreen: (props: MenuFullscreenProps) => React.JSX.Element;
-export default MenuFullscreen;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import r,{useRef as t,useCallback as l}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as c}from"./menu-full-screen.style.js";import{StyledMenuWrapper as s}from"../menu.style.js";import{useStrictMenuContext as u,StrictMenuProvider as p}from"../__internal__/strict-menu.context.js";import d from"../../../__internal__/utils/helpers/events/events.js";import{Box as f}from"../../box/box.component.js";import _ from"../../icon-button/icon-button.component.js";import h from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Portal as b}from"../../portal/portal.js";import j from"../../../__internal__/focus-trap/focus-trap.component.js";import y from"../menu-divider/menu-divider.component.js";import{getDocument as v}from"../../../__internal__/dom/globals.js";import O from"../../../hooks/__internal__/useLocale/useLocale.js";import g from"../../../hooks/__internal__/useModalAria/useModalAria.js";import x from"../../../hooks/__internal__/useModalManager/useModalManager.js";function w(e,o,n){return o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n,e}function M(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{},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(o){w(e,o,n[o])}))}return e}const k=({"aria-label":b="Fullscreen menu","data-element":w,"data-role":M,children:k,isOpen:P=!1,onClose:T,startPosition:A="left",topModalOverride:C})=>{var E;const F=t(null),I=t(null),S=t(null),D=g(I),{menuType:L}=u(),R=["dark","black"].includes(L),V=O(),B=r.Children.toArray(k),K=r.Children.toArray(B.map(((r,t)=>t<B.length-1?o(n,{children:[r,e(y,{"data-role":"divider"})]}):r))),Y=l((e=>{T&&d.isEscKey(e)&&(e.stopImmediatePropagation(),T(e))}),[T]);return x({open:P,closeModal:Y,modalRef:F,topModalOverride:C,focusCallToActionElement:null===(E=v())||void 0===E?void 0:E.activeElement}),e(i,{nodeRef:F,in:P,timeout:200,unmountOnExit:!0,children:e(a,{ref:F,startPosition:A,transitionDuration:200,children:e(j,{wrapperRef:I,isOpen:P,children:o(m,{"aria-label":b,"aria-modal":!!D||void 0,"data-component":"menu-fullscreen","data-element":w,"data-role":M,menuType:L,ref:I,role:"dialog",tabIndex:-1,children:[e(c,{menuType:L,children:e(_,{"aria-label":V.menuFullscreen.ariaLabels.closeButton(),onClick:T,"data-element":"close",children:e(h,{type:"close",inverse:R})})}),e(f,{overflowY:"auto",width:"100%",height:"calc(100% - 40px)",children:e(s,{"data-component":"menu",menuType:L,ref:S,display:"flex",flexDirection:"column",role:"list",inFullscreenView:!0,children:e(p,{value:{inFullscreenView:!0,menuType:L,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:K})})})]})})})})},P=o=>e("li",{children:e(b,{children:e(k,M({},o))})});export{P as MenuFullscreen,P as default};

package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,16 +0,0 @@
-import type { MenuType } from "../menu.types";
-declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & {
-    transitionDuration: number;
-    startPosition: "left" | "right";
-}, "theme">;
-declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & {
-    menuType: MenuType;
-}, "theme">;
-declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {
-    menuType: MenuType;
-}, never>;
-export { StyledMenuModal, StyledMenuFullscreen, StyledMenuFullscreenHeader };

package/esm/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import e from"../../../style/themes/apply-base-theme.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import n from"../../search/__internal__/legacy/search.style.js";import s from"../../icon/icon.style.js";import l from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as c}from"../../link/link.style.js";const m=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"carbon_v162_9_1__sc-f9ae5d65-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:e})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,e,o,o,e))),b=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"carbon_v162_9_1__sc-f9ae5d65-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],c,c,c,(({menuType:o})=>t(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,n,s,l,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"carbon_v162_9_1__sc-f9ae5d65-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{m as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,b as StyledMenuModal};

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

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

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

@@ -1 +0,0 @@
-export{MenuItem as default}from"./menu-item.component.js";

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

@@ -1,83 +0,0 @@
-import React from "react";
-import { FlexboxProps, LayoutProps, MaxWidthProps, PaddingProps } from "styled-system";
-import { IconType } from "../../icon";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export type VariantType = "default" | "alternate";
-type AriaCurrent = Pick<React.HTMLAttributes<HTMLElement>, "aria-current">["aria-current"];
-interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWidth" | "minWidth">, FlexboxProps, PaddingProps {
-    /** onClick handler */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Defines which direction the submenu will hang eg. left/right */
-    submenuDirection?: string;
-    /** Is the menu item the currently selected item. */
-    selected?: boolean;
-    /** A title for the menu item that has a submenu. */
-    submenu?: React.ReactNode;
-    /** The href to use for the menu item. */
-    href?: string;
-    /** onKeyDown handler */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** The target to use for the menu item. */
-    target?: string;
-    /** The rel attribute to be used for the underlying <a> tag */
-    rel?: string;
-    /** set the colour variant for a menuType */
-    variant?: VariantType;
-    /** Flag to display the dropdown arrow when an item has a submenu */
-    showDropdownArrow?: boolean;
-    /** If no text is provided an ariaLabel should be given to facilitate accessibility. */
-    ariaLabel?: string;
-    /** Marks the element as the current item within a navigation context. */
-    ariaCurrent?: AriaCurrent;
-    /** Callback triggered when submenu opens. Only valid with submenu prop */
-    onSubmenuOpen?: () => void;
-    /** Callback triggered when submenu closes. Only valid with submenu prop */
-    onSubmenuClose?: () => void;
-    /**
-      @ignore @private
-      private prop, used inside ScrollableBlock to ensure the MenuItem's color variant overrides the CSS
-      for other MenuItems inside the block
-     */
-    overrideColor?: boolean;
-    /** When set the submenu opens by click instead of hover */
-    clickToOpen?: boolean;
-    /**
-     * Sets the maxWidth of the MenuItem, setting this on a non-submenu
-     * item will truncate any text/content that may overflow
-     * */
-    maxWidth?: MaxWidthProps["maxWidth"];
-    /**
-     * @private @ignore
-     * Renders MenuItem as a div element
-     * */
-    as?: "div";
-    /**
-     * Sets the maximum width for the item's submenu when it is opened.
-     * This prop is only applicable if the item has a submenu.
-     * Overrides the maximum width of any items within the submenu.
-     * Accepts any valid CSS width value (e.g. "200px", "50%").
-     * */
-    submenuMaxWidth?: string;
-    /**
-     * Sets a minimum width for the item's submenu when it is opened.
-     * Accepts any valid CSS width value (e.g. "200px", "50%").
-     * This prop is only applicable if the item has a submenu.
-     * */
-    submenuMinWidth?: string;
-}
-export interface MenuWithChildren extends MenuItemBaseProps {
-    children?: React.ReactNode;
-    /** Either prop `icon` must be defined or this node must have children. */
-    icon?: IconType;
-}
-export interface MenuWithIcon extends MenuItemBaseProps {
-    /** Either prop `icon` must be defined or this node must have children. */
-    icon: IconType;
-    children?: React.ReactNode;
-}
-export type MenuItemHandle = {
-    /** Programmatically focus the MenuItem. */
-    focus: () => void;
-} | null;
-export declare const MenuItem: React.ForwardRefExoticComponent<(MenuWithChildren | MenuWithIcon) & React.RefAttributes<MenuItemHandle>>;
-export default MenuItem;

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

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

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

@@ -1,24 +0,0 @@
-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;
-}
-declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {
-    theme: object;
-} & {
-    as: import("react").ForwardRefExoticComponent<import("../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-} & StyledMenuItemWrapperProps, "theme" | "as">;
-export default StyledMenuItemWrapper;

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

@@ -1 +0,0 @@
-import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as u,StyledLink as s}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"carbon_v162_9_1__sc-3770d50b-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:f,inFullscreenView:x,overrideColor:k,asPassiveItem:y,asDiv:w,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["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,d(!0),u,!k&&n(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],r[o].background),k&&!x&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!x&&n(["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);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,f&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!w&&!y&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!x&&n(["&& > 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%;}}"],e,u,e),i,r[o].color),!S&&!x&&n(["",""],p||f?n(["& > a,& > button{padding:11px 16px ",";}"],p&&f?"12px":"10px"):n(["& > a,& > button{padding:11px 16px;}"])),s,s,x&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),s,s,s,!C&&`color: ${r[o].color};`,!x&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!x&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["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:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> 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;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),x&&n([""," > 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;}","}"],w&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!y&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};

package/esm/components/menu/menu-segment-title/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./menu-segment-title.component";
-export type { MenuTitleProps } from "./menu-segment-title.component";

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

@@ -1 +0,0 @@
-export{default}from"./menu-segment-title.component.js";

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

@@ -1,17 +0,0 @@
-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];
-export interface MenuTitleProps extends TagProps {
-    children?: React.ReactNode;
-    text: string;
-    /** Set the colour variant for a menuType */
-    variant?: VariantType;
-    /** Set the heading level for the segment title */
-    as?: AllowedAsValues;
-    /** Data tag prop bag for segmented children */
-    segmentWrapperProps?: TagProps;
-}
-declare const MenuSegmentTitle: React.ForwardRefExoticComponent<MenuTitleProps & React.RefAttributes<HTMLDivElement>>;
-export default MenuSegmentTitle;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useContext as n,useMemo as o}from"react";import{StyledTitle as i,StyledSegmentChildren as l}from"./menu-segment-title.style.js";import{useStrictMenuContext as u}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as a}from"../menu.style.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import s from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as m}from"./menu-segment-title.context.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(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){p(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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 y=["h2","h3","h4","h5","h6"],O=r.forwardRef(((r,p)=>{var{children:O,variant:d="default",text:g,as:h="h2",segmentWrapperProps:j}=r,v=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{menuType:P,inFullscreenView:w}=u(),{submenuHasMaxWidth:_}=n(s),x=!!w,S=o((()=>x&&"alternate"===d&&["white","black"].includes(P)?"default":d),[x,P,d]);return e(a,{inSubmenu:!0,children:[t(i,b(f({as:y.includes(h)?h:"h2"},c("menu-segment-title",v)),{menuType:P,ref:p,variant:S,shouldWrap:_,children:g})),O&&t(l,b(f({menuType:P,variant:S},c("menu-segment-title",f({"data-role":"menu-segment-children"},j))),{children:t(m.Provider,{value:{isChildOfSegment:!0,overriddenVariant:S},children:O})}))]})}));O.displayName="MenuSegmentTitle";export{O as default};

package/esm/components/menu/menu-segment-title/menu-segment-title.context.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface MenuSegmentContextProps {
-    isChildOfSegment: boolean;
-    overriddenVariant: string;
-}
-export declare const MenuSegmentContext: React.Context<MenuSegmentContextProps>;
-export default MenuSegmentContext;

package/esm/components/menu/menu-segment-title/menu-segment-title.context.js

@@ -1 +0,0 @@
-import e from"react";const t=e.createContext({isChildOfSegment:!1,overriddenVariant:"default"});export{t as MenuSegmentContext,t as default};

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

@@ -1,13 +0,0 @@
-import { VariantType } from "../menu-item";
-import type { MenuType } from "../menu.types";
-interface StyledTitleProps {
-    variant?: VariantType;
-    menuType: MenuType;
-    shouldWrap?: 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>;
-export { StyledTitle, StyledSegmentChildren };

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

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import n from"../menu.config.js";const a=t.h2.withConfig({displayName:"menu-segment-title.style__StyledTitle",componentId:"carbon_v162_9_1__sc-41a2d76d-0"})(["",""],(({menuType:t,variant:a,shouldWrap:o})=>e(["margin:0px;padding:16px 16px 8px;font-size:12px;font-weight:500;text-transform:uppercase;line-height:14px;cursor:default;color:",";"," white-space:",";"],n[t].title,"alternate"===a&&`background-color: ${n[t].alternate};`,o?"normal":"nowrap"))),o=t.ul.withConfig({displayName:"menu-segment-title.style__StyledSegmentChildren",componentId:"carbon_v162_9_1__sc-41a2d76d-1"})(["",""],(({menuType:t,variant:a})=>e(["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(["background-color:",";"],n[t].alternate))));export{o as StyledSegmentChildren,a as StyledTitle};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import type { MenuProps } from "./menu.types";
-export declare const Menu: ({ menuType, children, ...rest }: MenuProps) => React.JSX.Element;
-export default Menu;

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

@@ -1 +0,0 @@
-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 s}from"./__internal__/locators.js";function p(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:a="light",children:m}=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","children"]);const[b,O]=r(null),j=t(null),[d,g]=r(void 0),[_,v]=r([]),P=n((e=>{v((r=>[...r,e]))}),[]),h=n((e=>{v((r=>r.filter((r=>r!==e))))}),[]);return e(i,(w=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){p(e,r,t[r])}))}return e}({menuType:a},y,o("menu",y)),S=null!=(S={ref:j,role:"list",onKeyDown:e=>{if(j.current){const r=j.current.querySelectorAll(s);if(r){const t=u(e,Array.from(r));void 0!==t&&g(_[t])}}},children:e(c,{value:{menuType:a,openSubmenuId:b,setOpenSubmenuId:O,focusId:d,updateFocusId:g,registerItem:P,unregisterItem:h},children:e(l.Provider,{value:{inMenu:!0},children:m})})})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,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(w,e,Object.getOwnPropertyDescriptor(S,e))})),w));var w,S};export{f as Menu,f as default};

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

@@ -1,71 +0,0 @@
-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;
-        submenuOpenedBackground: string;
-        submenuBackground: string;
-        submenuSelected: string;
-        submenuItemBackground: string;
-        submenuItemBackgroundHover: string;
-        title: string;
-        alternate: string;
-        alternateHover: string;
-        divider: string;
-        scrollbarThumb: string;
-        scrollbarTrack: string;
-        scrollbarColor: string;
-    };
-    white: {
-        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;
-    };
-};
-export default _default;

package/esm/components/menu/menu.config.js

@@ -1 +0,0 @@
-var n={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"}};export{n as default};

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

@@ -1,14 +0,0 @@
-import { FlexboxProps, LayoutProps, PaddingProps } from "styled-system";
-import type { MenuProps } from "./menu.types";
-interface StyledMenuProps extends Pick<MenuProps, "menuType">, FlexboxProps, LayoutProps {
-    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 };

package/esm/components/menu/menu.style.js

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import{layout as i,flexbox as o}from"styled-system";import n from"./menu.config.js";import{StyledVerticalWrapper as a,StyledDivider as r}from"../vertical-divider/vertical-divider.style.js";import{StyledLink as s}from"../link/link.style.js";import l from"../../style/themes/apply-base-theme.js";const m=t.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;}}"],i,o,a,(({menuType:t})=>t&&e(["display:inline-block;vertical-align:bottom;background-color:",";",""],n[t].background,"dark"===t&&e(["color:",";"],n[t].color))),r),d=t.li.attrs(l).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(["align-items:stretch;"])),i,o,s,s,(({inSubmenu:t})=>e([""," ",""],t&&e(["display:list-item;"]),!t&&e(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e(["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,s,s)));export{d as StyledMenuItem,m as StyledMenuWrapper};

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

@@ -1,9 +0,0 @@
-import { FlexboxProps, LayoutProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export type MenuType = "light" | "dark" | "white" | "black";
-export interface MenuProps extends TagProps, Pick<LayoutProps, "width" | "minWidth" | "maxWidth" | "overflow" | "overflowX" | "verticalAlign">, FlexboxProps {
-    /** Children elements */
-    children: React.ReactNode;
-    /** Defines the color scheme of the component */
-    menuType?: MenuType;
-}

package/esm/components/menu/scrollable-block/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./scrollable-block.component";
-export type { ScrollableBlockProps } from "./scrollable-block.component";

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

@@ -1 +0,0 @@
-export{ScrollableBlock as default}from"./scrollable-block.component.js";

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

@@ -1,21 +0,0 @@
-import React from "react";
-import { VariantType } from "../menu-item";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface ScrollableBlockProps extends TagProps {
-    /** Children elements */
-    children: React.ReactNode;
-    /** A custom height to be applied to the component. */
-    height?: string | number;
-    /** A custom max height to be applied to the component. */
-    maxHeight?: string | number;
-    /** set the colour variant for a menuType */
-    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
-     */
-    parent?: React.ReactElement;
-    /** the colour variant for the parent element, if different from the variant of the block */
-    parentVariant?: VariantType;
-}
-export declare const ScrollableBlock: ({ children, height, maxHeight, variant, parent, parentVariant, ...rest }: ScrollableBlockProps) => React.JSX.Element;
-export default ScrollableBlock;

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

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

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

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

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

@@ -1 +0,0 @@
-import r,{css as o}from"styled-components";import l from"../menu-item/menu-item.style.js";import a from"../menu.config.js";import{StyledMenuItem as t}from"../menu.style.js";import{StyledLink as e}from"../../link/link.style.js";const i=r.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"carbon_v162_9_1__sc-676da6b1-0"})(["",""],(({menuType:r,variant:i,$inFullscreenView:s})=>o(["&& ","{",' 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:",";}}"],l,!s&&o(["background-color:",";"],"default"===i?a[r].submenuItemBackground:a[r].alternate),t,e,t,t,a[r].scrollbarColor,a[r].scrollbarThumb,a[r].scrollbarTrack)));export{i as default};

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

@@ -1,2 +0,0 @@
-export { default } from "./message.component";
-export type { MessageProps } from "./message.component";

package/esm/components/message/index.js

@@ -1 +0,0 @@
-export{Message as default}from"./message.component.js";

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

@@ -1,42 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export type MessageVariant = "error" | "info" | "success" | "warning" | "neutral" | "ai" | "error-subtle" | "info-subtle" | "success-subtle" | "warning-subtle" | "ai-subtle" | "callout-subtle";
-export type InternalMessageVariant = "error" | "info" | "success" | "warning" | "neutral" | "ai" | "callout";
-export interface MessageProps extends MarginProps, TagProps {
-    /** Content to be rendered within the Message. */
-    children?: React.ReactNode;
-    /** Set custom aria-label for component's close button. */
-    closeButtonAriaLabel?: string;
-    /** Set custom id to component root. */
-    id?: string;
-    /**
-     * Callback triggered on dismiss, will render the close button.
-     */
-    onDismiss?: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Flag to determine if the message is rendered. */
-    open?: boolean;
-    /**
-     * Flag to determine if the close button is rendered.
-     * @deprecated Please use the `onDismiss` prop to determine whether the close button is rendered instead.
-     */
-    showCloseIcon?: boolean;
-    /** Set message title. */
-    title?: React.ReactNode;
-    /**
-     * Set transparent styling.
-     * @deprecated The transparent prop is deprecated and will be removed in a future release, please use the subtle variants instead.
-     */
-    transparent?: boolean;
-    /** Set the component's variant. */
-    variant?: MessageVariant;
-    /**
-     * Set the component's width, accepts any valid css string.
-     * Please note the component has a max-width of 720px.
-     */
-    width?: string;
-    /** Set the component's size. */
-    size?: "medium" | "large";
-}
-export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
-export default Message;

package/esm/components/message/message.component.js

@@ -1 +0,0 @@
-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};