carbon-react 162.9.1 → 162.11.0

package/esm/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/esm/components/menu/menu-item/menu-item.style.js

@@ -1 +1 @@
-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_0__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};
+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_10_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_10_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_10_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/esm/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/esm/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -1 +1 @@
-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};
+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/esm/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/esm/components/menu/menu-segment-title/menu-segment-title.style.js

@@ -1 +1 @@
-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_0__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_0__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};
+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_10_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_10_0__sc-6f99340f-1"})(["padding:0;"]);export{t as StyledSegmentChildren,n as StyledTitle};

package/esm/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/esm/components/menu/menu.component.js

@@ -1 +1 @@
-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};
+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/esm/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/esm/components/menu/menu.config.js

@@ -1 +1 @@
-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};
+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/esm/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/esm/components/menu/menu.style.js

@@ -1 +1 @@
-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_0__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_0__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};
+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_10_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/esm/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/esm/components/menu/scrollable-block/scrollable-block.component.js

@@ -1 +1 @@
-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};
+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/esm/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/esm/components/menu/scrollable-block/scrollable-block.style.js

@@ -1 +1 @@
-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_0__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};
+import e,{css as o}from"styled-components";const l=e.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"carbon_v162_10_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_10_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/esm/components/message/message.style.js

@@ -1 +1 @@
-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_9_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_9_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_9_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_9_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_9_0__sc-8540121a-4"})(["",""],(({size:e})=>a(["margin:0;font:",";"],n[e].titleFont))),m=e.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_9_0__sc-8540121a-5"})(["",""],(({size:e})=>a(["padding:",";"],n[e].closeButtonPadding))),b=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_9_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};
+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_10_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_10_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_10_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_10_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_10_0__sc-8540121a-4"})(["",""],(({size:e})=>a(["margin:0;font:",";"],n[e].titleFont))),m=e.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_10_0__sc-8540121a-5"})(["",""],(({size:e})=>a(["padding:",";"],n[e].closeButtonPadding))),b=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_10_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/esm/components/multi-action-button/multi-action-button.style.js

@@ -1 +1 @@
-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_9_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_9_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};
+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_10_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_10_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};

package/esm/components/navigation-bar/navigation-bar.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{padding as n,flexbox as o}from"styled-system";import i from"../../style/themes/apply-base-theme.js";const t=a.nav.attrs(i).withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"carbon_v162_9_0__sc-59d79374-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],n,o,(({$position:a,$orientation:n,$offset:o})=>a&&n&&e(["position:",";",":",";",""],a,n,o,"fixed"===a&&e(["box-sizing:border-box;width:100%;"]))),(({$variant:a})=>e(['min-height:40px;&[data-component="global-header"]{z-index:var(--carbon-zindex-global-nav);}&:not([data-component="global-header"]){z-index:var(--carbon-zindex-nav);}'," ",""],"black"===a&&e(["background-color:var(--nav-primary-bg-default);color:var(--nav-primary-label-default);"]),"white"===a&&e(["background-color:var(--nav-tertiary-bg-default);color:var(--nav-tertiary-label-default);"]))));export{t as default};
+import a,{css as e}from"styled-components";import{padding as n,flexbox as o}from"styled-system";import i from"../../style/themes/apply-base-theme.js";const t=a.nav.attrs(i).withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"carbon_v162_10_0__sc-3a53c00b-0"})(["display:flex;align-items:center;padding:0 40px;min-height:40px;& > *{box-sizing:border-box;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],n,o,(({$position:a,$orientation:n,$offset:o})=>a&&n&&e(["position:",";",":",";",""],a,n,o,"fixed"===a&&e(["box-sizing:border-box;width:100%;"]))),(({$variant:a})=>e(['&[data-component="global-header"]{z-index:var(--carbon-zindex-global-nav);}&:not([data-component="global-header"]){z-index:var(--carbon-zindex-nav);}'," ",""],"black"===a&&e(["background-color:var(--nav-primary-bg-default);color:var(--nav-primary-label-default);"]),"white"===a&&e(["background-color:var(--nav-tertiary-bg-default);color:var(--nav-tertiary-label-default);"]))));export{t as default};

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

@@ -14,7 +14,7 @@ export interface NoteProps extends MarginProps, TagProps {
     noteContent: string;
     /** Callback to report a url when a link is added */
     onLinkAdded?: (url: string) => void;
-    /** The previews to display of any links added to the Editor */
+    /** LinkPreviews to display of any links added to the Editor */
     previews?: React.ReactNode;
     /** Adds a status and timestamp below the created details */
     status?: {

package/esm/components/note/note.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as a,StyledTitleRow as l,StyledNoteTitle as p,StyledTitleWrapper as c,StyledInlineControl as d,StyledFooter as m,StyledFooterContent as s,StyledTimestamps as u}from"./note.style.js";import{ActionPopover as b}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import{Button as f}from"../button/__next__/button.component.js";import v from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import h from"../text-editor/text-editor.context.js";import{LinkPreview as y}from"../link-preview/link-preview.component.js";import j from"../../__internal__/utils/helpers/tags/tags.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import w from"./note.utils.js";function _(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){_(e,t,o[t])}))}return e}function P(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const x=_=>{var{"aria-label":x,createdDate:k,inlineControl:C,name:E,noteContent:S,onLinkAdded:D,previews:T,status:A,title:L,width:N=100}=_,$=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(_,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);const V=O();n(N>0,"<Note> width must be greater than 0"),n(!C||o.isValidElement(C)&&C.type===b,"<Note> inlineControl must be an instance of <ActionPopover>");const B=o.isValidElement(C)?C:void 0,I=B?o.cloneElement(B,{renderButton:B.props.renderButton||(({tabIndex:t,"data-element":o,ariaAttributes:n})=>e(f,P(g({},n),{tabIndex:t,"data-element":o,iconType:"ellipsis_vertical",size:"medium",variant:"default",variantType:"subtle"})))}):void 0;return e(h.Provider,{value:{onLinkAdded:D},children:t(r,P(g({width:N},$,j("note",$)),{children:[e(i,{"data-role":"note-main",children:t(a,{$hasTitlelessControl:!L&&!!I,$isBody:!0,"data-role":"note-body",children:[L&&t(l,{"data-role":"note-title-row",children:["string"==typeof L?e(p,{"data-role":"note-title",children:L}):e(c,{"data-role":"note-title-wrapper",children:L}),I&&e(d,{"data-role":"note-inline-control",children:I})]}),e(v,{"aria-label":x,initialValue:S}),!L&&I&&e(d,{$isTitleless:!0,"data-role":"note-inline-control",children:I})]})}),!!o.Children.count(T)&&e(a,{"data-role":"note-previews",children:o.Children.map(T,(e=>{return o.isValidElement(e)&&(t=e,n=y.displayName,t.type.displayName===n)?o.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),k&&e(a,{"data-role":"note-metadata",$hasPreviews:!!o.Children.count(T),children:t(m,{"data-element":"note-footer","data-role":"note-footer",children:[E&&e(s,{$isName:!0,children:E}),t(u,{"data-role":"note-timestamps",children:[t(s,{"data-role":"note-created-block",children:[e("span",{children:V.note.created()}),e("time",{dateTime:w(k)?k:void 0,children:k})]}),A&&t(s,{"data-component":"note-status","data-role":"note-updated-block",children:[e("span",{children:A.text}),e("time",{dateTime:w(A.timeStamp)?A.timeStamp:void 0,children:A.timeStamp})]})]})]})})]}))})};export{x as Note,x as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as a,StyledTitleRow as l,StyledNoteTitle as c,StyledTitleWrapper as p,StyledInlineControl as d,StyledFooter as s,StyledFooterContent as m,StyledTimestamps as u}from"./note.style.js";import{ActionPopover as b}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import{Button as f}from"../button/__next__/button.component.js";import v from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import h from"../text-editor/text-editor.context.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import O from"./note.utils.js";function w(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){w(e,t,o[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const P=w=>{var{"aria-label":P,createdDate:x,inlineControl:k,name:S,noteContent:C,onLinkAdded:E,previews:D,status:T,title:$,width:A=100}=w,L=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(w,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);const B=j();n(A>0,"<Note> width must be greater than 0"),n(!k||o.isValidElement(k)&&k.type===b,"<Note> inlineControl must be an instance of <ActionPopover>");const I=o.isValidElement(k)?k:void 0,N=I?o.cloneElement(I,{renderButton:I.props.renderButton||(({tabIndex:t,"data-element":o,ariaAttributes:n})=>e(f,g(_({},n),{tabIndex:t,"data-element":o,iconType:"ellipsis_vertical",size:"medium",variant:"default",variantType:"subtle"})))}):void 0;return e(h.Provider,{value:{onLinkAdded:E},children:t(r,g(_({width:A},L,y("note",L)),{children:[e(i,{"data-role":"note-main",children:t(a,{$hasTitlelessControl:!$&&!!N,$isBody:!0,"data-role":"note-body",children:[$&&t(l,{"data-role":"note-title-row",children:["string"==typeof $?e(c,{"data-role":"note-title",children:$}):e(p,{"data-role":"note-title-wrapper",children:$}),N&&e(d,{"data-role":"note-inline-control",children:N})]}),e(v,{"aria-label":P,initialValue:C}),!$&&N&&e(d,{$isTitleless:!0,"data-role":"note-inline-control",children:N})]})}),D&&e(a,{"data-role":"note-previews",$isPreviews:!0,children:D}),x&&e(a,{"data-role":"note-metadata",$hasPreviews:!!o.Children.count(D),children:t(s,{"data-element":"note-footer","data-role":"note-footer",children:[S&&e(m,{$isName:!0,children:S}),t(u,{"data-role":"note-timestamps",children:[t(m,{"data-role":"note-created-block",children:[e("span",{children:B.note.created()}),e("time",{dateTime:O(x)?x:void 0,children:x})]}),T&&t(m,{"data-component":"note-status","data-role":"note-updated-block",children:[e("span",{children:T.text}),e("time",{dateTime:O(T.timeStamp)?T.timeStamp:void 0,children:T.timeStamp})]})]})]})})]}))})};export{P as Note,P as default};

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

@@ -1,6 +1,7 @@
 declare const StyledNoteContent: import("styled-components").StyledComponent<"div", any, {
     $hasTitlelessControl?: boolean;
     $hasPreviews?: boolean;
+    $isPreviews?: boolean;
     $isBody?: boolean;
 }, never>;
 declare const StyledNoteMain: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/note/note.style.js

@@ -1 +1 @@
-import o,{css as a}from"styled-components";import{margin as e}from"styled-system";import t from"../../style/themes/apply-base-theme.js";import{StyledLinkPreview as l,StyledPreviewWrapper as n,StyledTitle as i,StyledUrl as r}from"../link-preview/link-preview.style.js";import{VARIANT_TYPES as d}from"../typography/typography.component.js";const s=o.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"carbon_v162_9_0__sc-2885d690-0"})(["position:relative;"," "," ",' a:not([data-component="link-preview"]){color:var(--link-typical-label-default);&:hover{cursor:pointer;color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],(({$isBody:o})=>o&&a(["display:flex;flex-direction:column;flex:1;gap:var(--global-space-comp-l);min-width:0;padding:var(--global-space-comp-xl);> div[readonly]{padding:var(--global-space-none);}"])),(({$hasPreviews:o})=>o&&a(["margin-top:var(--global-space-comp-l);"])),(({$hasTitlelessControl:o})=>o&&a(['[role="article"]{padding-inline-end:calc( var(--global-size-m) + var(--global-space-comp-l) );}']))),c=o.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"carbon_v162_9_0__sc-2885d690-1"})(['[role="article"]{color:var(--container-standard-txt-default);font:var(--global-font-static-body-regular-m);> :last-child{margin-bottom:var(--global-space-none);}}']),p=o.h3.withConfig({displayName:"note.style__StyledNoteTitle",componentId:"carbon_v162_9_0__sc-2885d690-2"})(["color:var(--container-standard-txt-default);font:var(--global-font-static-heading-m);margin:var(--global-space-none);"]),m=o.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"carbon_v162_9_0__sc-2885d690-3"})(["display:inline-flex;flex:0 0 var(--global-size-m);height:var(--global-size-m);min-width:fit-content;width:var(--global-size-m);",""],(({$isTitleless:o})=>o&&a(["inset-inline-end:var(--global-space-comp-xl);position:absolute;top:var(--global-space-comp-xl);"]))),g=o.div.withConfig({displayName:"note.style__StyledTitleRow",componentId:"carbon_v162_9_0__sc-2885d690-4"})(["align-items:flex-start;display:flex;gap:var(--global-space-comp-l);justify-content:flex-end;min-width:0;width:100%;> :not(","){flex:1;min-width:0;padding-top:var(--global-space-comp-xs);}"],m),v=o.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"carbon_v162_9_0__sc-2885d690-5"})(["",""],d.map((o=>`\n      ${o}{\n        font: var(--global-font-static-heading-m);\n      }\n    `))),b=o.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"carbon_v162_9_0__sc-2885d690-6"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);> span{color:var(--container-standard-txt-default);font:var(--global-font-static-comp-medium-m);}"," time{color:var(--container-standard-txt-alt);font:var(--global-font-static-comp-regular-xs);}"],(({$isName:o})=>o&&a(["color:var(--container-standard-txt-default);font:var(--global-font-static-section-heading-s);"]))),_=o.div.withConfig({displayName:"note.style__StyledFooter",componentId:"carbon_v162_9_0__sc-2885d690-7"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-s);padding:var(--global-space-comp-l) var(--global-space-none) var(--global-space-comp-xl);"]),f=o.div.withConfig({displayName:"note.style__StyledTimestamps",componentId:"carbon_v162_9_0__sc-2885d690-8"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xl);"]),y=o.div.attrs(t).withConfig({displayName:"note.style__StyledNote",componentId:"carbon_v162_9_0__sc-2885d690-9"})([""," ","{margin:var(--global-space-none);min-width:0;overflow:hidden;","{min-width:0;}",",",'{overflow:hidden;}:not(:first-of-type){margin-top:var(--global-space-comp-s);}}> [data-role="note-metadata"]{border-radius:var(--global-radius-action-xs) var(--global-radius-action-xs) var(--global-radius-none) var(--global-radius-none);border-top-color:var(--container-standard-border-default);border-top-style:solid;border-top-width:var(--global-borderwidth-xs);margin-left:var(--global-space-comp-xl);margin-right:var(--global-space-comp-xl);}> [data-role="note-previews"]{padding:var(--global-space-none) var(--global-space-comp-xl) var(--global-space-comp-xl);}.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}.mention{cursor:default !important;}',""],(({width:o})=>a(["background-color:var(--container-standard-bg-default);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);border-radius:var(--global-radius-action-m);display:flex;flex-direction:column;min-width:288px;padding:var(--global-space-none);position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],o,s)),l,n,i,r,e);export{_ as StyledFooter,b as StyledFooterContent,m as StyledInlineControl,y as StyledNote,s as StyledNoteContent,c as StyledNoteMain,p as StyledNoteTitle,f as StyledTimestamps,g as StyledTitleRow,v as StyledTitleWrapper};
+import a,{css as o}from"styled-components";import{margin as e}from"styled-system";import l from"../../style/themes/apply-base-theme.js";import{VARIANT_TYPES as t}from"../typography/typography.component.js";const n=a.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"carbon_v162_10_0__sc-5ea7ec6f-0"})(["position:relative;"," "," "," ",";"],(({$isBody:a})=>a&&o(["display:flex;flex-direction:column;flex:1;gap:var(--global-space-comp-l);min-width:0;padding:var(--global-space-comp-xl);> div[readonly]{padding:var(--global-space-none);}"])),(({$hasPreviews:a})=>a&&o(["margin-top:var(--global-space-comp-l);"])),(({$hasTitlelessControl:a})=>a&&o(['[role="article"]{padding-inline-end:calc( var(--global-size-m) + var(--global-space-comp-l) );}'])),(({$isPreviews:a})=>o([""," ",""],!a&&o(["a{color:var(--link-typical-label-default);&:hover{cursor:pointer;color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}"]),a&&o(["display:flex;flex-direction:column;gap:var(--global-space-comp-s);"])))),i=a.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"carbon_v162_10_0__sc-5ea7ec6f-1"})(['[role="article"]{color:var(--container-standard-txt-default);font:var(--global-font-static-body-regular-m);> :last-child{margin-bottom:var(--global-space-none);}}']),r=a.h3.withConfig({displayName:"note.style__StyledNoteTitle",componentId:"carbon_v162_10_0__sc-5ea7ec6f-2"})(["color:var(--container-standard-txt-default);font:var(--global-font-static-heading-m);margin:var(--global-space-none);"]),d=a.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"carbon_v162_10_0__sc-5ea7ec6f-3"})(["display:inline-flex;flex:0 0 var(--global-size-m);height:var(--global-size-m);min-width:fit-content;width:var(--global-size-m);",""],(({$isTitleless:a})=>a&&o(["inset-inline-end:var(--global-space-comp-xl);position:absolute;top:var(--global-space-comp-xl);"]))),s=a.div.withConfig({displayName:"note.style__StyledTitleRow",componentId:"carbon_v162_10_0__sc-5ea7ec6f-4"})(["align-items:flex-start;display:flex;gap:var(--global-space-comp-l);justify-content:flex-end;min-width:0;width:100%;> :not(","){flex:1;min-width:0;padding-top:var(--global-space-comp-xs);}"],d),c=a.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"carbon_v162_10_0__sc-5ea7ec6f-5"})(["",""],t.map((a=>`\n      ${a}{\n        font: var(--global-font-static-heading-m);\n      }\n    `))),p=a.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"carbon_v162_10_0__sc-5ea7ec6f-6"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);> span{color:var(--container-standard-txt-default);font:var(--global-font-static-comp-medium-m);}"," time{color:var(--container-standard-txt-alt);font:var(--global-font-static-comp-regular-xs);}"],(({$isName:a})=>a&&o(["color:var(--container-standard-txt-default);font:var(--global-font-static-section-heading-s);"]))),m=a.div.withConfig({displayName:"note.style__StyledFooter",componentId:"carbon_v162_10_0__sc-5ea7ec6f-7"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-s);padding:var(--global-space-comp-l) var(--global-space-none) var(--global-space-comp-xl);"]),g=a.div.withConfig({displayName:"note.style__StyledTimestamps",componentId:"carbon_v162_10_0__sc-5ea7ec6f-8"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xl);"]),b=a.div.attrs(l).withConfig({displayName:"note.style__StyledNote",componentId:"carbon_v162_10_0__sc-5ea7ec6f-9"})(["",' > [data-role="note-metadata"]{border-radius:var(--global-radius-action-xs) var(--global-radius-action-xs) var(--global-radius-none) var(--global-radius-none);border-top-color:var(--container-standard-border-default);border-top-style:solid;border-top-width:var(--global-borderwidth-xs);margin-left:var(--global-space-comp-xl);margin-right:var(--global-space-comp-xl);}> [data-role="note-previews"]{padding:var(--global-space-none) var(--global-space-comp-xl) var(--global-space-comp-xl);}.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}.mention{cursor:default !important;}',""],(({width:a})=>o(["background-color:var(--container-standard-bg-default);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);border-radius:var(--global-radius-action-m);display:flex;flex-direction:column;min-width:288px;padding:var(--global-space-none);position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],a,n)),e);export{m as StyledFooter,p as StyledFooterContent,d as StyledInlineControl,b as StyledNote,n as StyledNoteContent,i as StyledNoteMain,r as StyledNoteTitle,g as StyledTimestamps,s as StyledTitleRow,c as StyledTitleWrapper};

package/esm/components/numeral-date/numeral-date.style.js

@@ -1 +1 @@
-import a,{css as l}from"styled-components";const o={small:{font:"var(--global-font-static-comp-regular-s)",gap:"var(--global-space-comp-m)"},medium:{font:"var(--global-font-static-comp-regular-m)",gap:"var(--global-space-comp-l)"},large:{font:"var(--global-font-static-comp-regular-l)",gap:"var(--global-space-comp-xl)"}},e=a.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"carbon_v162_9_0__sc-cb8089db-0"})(["display:inline-flex;",""],(({$size:a})=>l(["gap:",";.numeral-date-wrapper label{font:",";}"],o[a].gap,o[a].font)));export{e as default};
+import a,{css as l}from"styled-components";const o={small:{font:"var(--global-font-static-comp-regular-s)",gap:"var(--global-space-comp-m)"},medium:{font:"var(--global-font-static-comp-regular-m)",gap:"var(--global-space-comp-l)"},large:{font:"var(--global-font-static-comp-regular-l)",gap:"var(--global-space-comp-xl)"}},e=a.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"carbon_v162_10_0__sc-cb8089db-0"})(["display:inline-flex;",""],(({$size:a})=>l(["gap:",";.numeral-date-wrapper label{font:",";}"],o[a].gap,o[a].font)));export{e as default};

package/esm/components/option-tile/option-tile.style.js

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.component.js";import"../icon/icon.style.js";const r=o.span.withConfig({displayName:"option-tile.style__StyledNumberBadge",componentId:"carbon_v162_9_0__sc-7fa99ef1-0"})(["box-sizing:border-box;flex-shrink:0;min-width:var(--global-size-xs);height:var(--global-size-xs);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xs);border:var(--global-borderwidth-xs) solid var(--input-quickpick-border-default);border-radius:var(--global-radius-action-circle);background-color:var(--input-quickpick-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-medium-m);font-variant-numeric:tabular-nums;"]),e=o(a).withConfig({displayName:"option-tile.style__StyledCustomIcon",componentId:"carbon_v162_9_0__sc-7fa99ef1-1"})(["flex-shrink:0;width:var(--global-size-3-xs);height:var(--global-size-3-xs);margin-left:4px;font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);color:var(--container-action-icon-default);&::before{font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);}"]),n=o.span.withConfig({displayName:"option-tile.style__StyledTileText",componentId:"carbon_v162_9_0__sc-7fa99ef1-2"})(["font:var(--global-font-static-comp-regular-m);text-align:left;"]),l=o.span.withConfig({displayName:"option-tile.style__StyledCheckboxDecoration",componentId:"carbon_v162_9_0__sc-7fa99ef1-3"})(["box-sizing:border-box;flex-shrink:0;width:var(--global-size-2-xs);height:var(--global-size-2-xs);display:inline-flex;align-items:center;justify-content:center;border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-s);background-color:var(--input-typical-bg-default);svg{width:14px;height:auto;}svg path{fill:transparent;}",""],(({$isSelected:o})=>o&&i(["svg path{fill:var(--input-typical-icon-active);}"]))),c=o.input.withConfig({displayName:"option-tile.style__StyledCustomInput",componentId:"carbon_v162_9_0__sc-7fa99ef1-4"})(["box-sizing:border-box;flex:1 1 auto;width:100%;height:var(--global-size-s);min-width:0;padding:0 var(--global-space-comp-s);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-m);background-color:var(--input-typical-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-regular-m);text-overflow:clip;white-space:nowrap;&:focus{","}"],t()),s=i(["box-sizing:border-box;width:424px;height:48px;display:flex;align-items:center;gap:var(--global-space-comp-m);padding:12px;border:var(--global-borderwidth-xs) solid transparent;border-radius:var(--global-radius-container-m);background-color:var(--container-action-bg-default);color:var(--container-action-txt-default);cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease;&:hover{background-color:var(--input-quickpick-bg-hover);color:var(--container-action-txt-hover);}&:focus-visible{","}",""],t(),(({$isDisabled:o})=>o&&i(["cursor:not-allowed;background-color:var(--container-action-bg-disabled);border-color:transparent;color:var(--container-action-txt-disabled);&:hover{background-color:var(--container-action-bg-disabled);color:var(--container-action-txt-disabled);}","{border-color:var(--container-action-border-inactive);color:var(--container-action-txt-disabled);}","{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);svg path{fill:var(--input-typical-icon-disabled);}}","{color:var(--container-action-txt-disabled);}"],r,l,e))),d=o.button.withConfig({displayName:"option-tile.style__StyledOptionTileButton",componentId:"carbon_v162_9_0__sc-7fa99ef1-5"})([""," text-align:left;&:hover ","{background-color:var(--input-quickpick-bg-hover);border-color:var(--input-quickpick-border-hover);}"],s,r),p=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileMultiple",componentId:"carbon_v162_9_0__sc-7fa99ef1-6"})([""," ",""],s,(({$isSelected:o,$isDisabled:t})=>o&&!t&&i(["background-color:var(--input-quickpick-bg-active);border-color:transparent;color:var(--input-quickpick-txt-active);&:hover{background-color:var(--input-quickpick-bg-active);color:var(--input-quickpick-txt-active);}"]))),b=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileCustomActive",componentId:"carbon_v162_9_0__sc-7fa99ef1-7"})([""," background-color:var(--input-quickpick-bg-active);border-color:transparent;cursor:text;&:hover{background-color:var(--input-quickpick-bg-active);}"],s),v=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileGroup",componentId:"carbon_v162_9_0__sc-7fa99ef1-8"})(["display:flex;flex-direction:column;align-items:flex-start;gap:4px;"]);export{l as StyledCheckboxDecoration,e as StyledCustomIcon,c as StyledCustomInput,r as StyledNumberBadge,d as StyledOptionTileButton,b as StyledOptionTileCustomActive,v as StyledOptionTileGroup,p as StyledOptionTileMultiple,n as StyledTileText};
+import o,{css as i}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.component.js";import"../icon/icon.style.js";const r=o.span.withConfig({displayName:"option-tile.style__StyledNumberBadge",componentId:"carbon_v162_10_0__sc-7fa99ef1-0"})(["box-sizing:border-box;flex-shrink:0;min-width:var(--global-size-xs);height:var(--global-size-xs);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xs);border:var(--global-borderwidth-xs) solid var(--input-quickpick-border-default);border-radius:var(--global-radius-action-circle);background-color:var(--input-quickpick-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-medium-m);font-variant-numeric:tabular-nums;"]),e=o(a).withConfig({displayName:"option-tile.style__StyledCustomIcon",componentId:"carbon_v162_10_0__sc-7fa99ef1-1"})(["flex-shrink:0;width:var(--global-size-3-xs);height:var(--global-size-3-xs);margin-left:4px;font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);color:var(--container-action-icon-default);&::before{font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);}"]),n=o.span.withConfig({displayName:"option-tile.style__StyledTileText",componentId:"carbon_v162_10_0__sc-7fa99ef1-2"})(["font:var(--global-font-static-comp-regular-m);text-align:left;"]),l=o.span.withConfig({displayName:"option-tile.style__StyledCheckboxDecoration",componentId:"carbon_v162_10_0__sc-7fa99ef1-3"})(["box-sizing:border-box;flex-shrink:0;width:var(--global-size-2-xs);height:var(--global-size-2-xs);display:inline-flex;align-items:center;justify-content:center;border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-s);background-color:var(--input-typical-bg-default);svg{width:14px;height:auto;}svg path{fill:transparent;}",""],(({$isSelected:o})=>o&&i(["svg path{fill:var(--input-typical-icon-active);}"]))),c=o.input.withConfig({displayName:"option-tile.style__StyledCustomInput",componentId:"carbon_v162_10_0__sc-7fa99ef1-4"})(["box-sizing:border-box;flex:1 1 auto;width:100%;height:var(--global-size-s);min-width:0;padding:0 var(--global-space-comp-s);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-m);background-color:var(--input-typical-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-regular-m);text-overflow:clip;white-space:nowrap;&:focus{","}"],t()),s=i(["box-sizing:border-box;width:424px;height:48px;display:flex;align-items:center;gap:var(--global-space-comp-m);padding:12px;border:var(--global-borderwidth-xs) solid transparent;border-radius:var(--global-radius-container-m);background-color:var(--container-action-bg-default);color:var(--container-action-txt-default);cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease;&:hover{background-color:var(--input-quickpick-bg-hover);color:var(--container-action-txt-hover);}&:focus-visible{","}",""],t(),(({$isDisabled:o})=>o&&i(["cursor:not-allowed;background-color:var(--container-action-bg-disabled);border-color:transparent;color:var(--container-action-txt-disabled);&:hover{background-color:var(--container-action-bg-disabled);color:var(--container-action-txt-disabled);}","{border-color:var(--container-action-border-inactive);color:var(--container-action-txt-disabled);}","{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);svg path{fill:var(--input-typical-icon-disabled);}}","{color:var(--container-action-txt-disabled);}"],r,l,e))),d=o.button.withConfig({displayName:"option-tile.style__StyledOptionTileButton",componentId:"carbon_v162_10_0__sc-7fa99ef1-5"})([""," text-align:left;&:hover ","{background-color:var(--input-quickpick-bg-hover);border-color:var(--input-quickpick-border-hover);}"],s,r),p=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileMultiple",componentId:"carbon_v162_10_0__sc-7fa99ef1-6"})([""," ",""],s,(({$isSelected:o,$isDisabled:t})=>o&&!t&&i(["background-color:var(--input-quickpick-bg-active);border-color:transparent;color:var(--input-quickpick-txt-active);&:hover{background-color:var(--input-quickpick-bg-active);color:var(--input-quickpick-txt-active);}"]))),b=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileCustomActive",componentId:"carbon_v162_10_0__sc-7fa99ef1-7"})([""," background-color:var(--input-quickpick-bg-active);border-color:transparent;cursor:text;&:hover{background-color:var(--input-quickpick-bg-active);}"],s),v=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileGroup",componentId:"carbon_v162_10_0__sc-7fa99ef1-8"})(["display:flex;flex-direction:column;align-items:flex-start;gap:4px;"]);export{l as StyledCheckboxDecoration,e as StyledCustomIcon,c as StyledCustomInput,r as StyledNumberBadge,d as StyledOptionTileButton,b as StyledOptionTileCustomActive,v as StyledOptionTileGroup,p as StyledOptionTileMultiple,n as StyledTileText};

package/esm/components/pager/__internal__/pagination-navigation.style.js

@@ -1 +1 @@
-import i,{css as a}from"styled-components";const n={small:{width:"var(--global-size-s)"},medium:{width:"var(--global-size-m)"}},t=i.div.withConfig({displayName:"pagination-navigation.style__StyledPaginationNavigation",componentId:"carbon_v162_9_0__sc-17846a48-0"})(["",""],(({$alignment:i})=>a(["display:flex;align-items:center;gap:var(--global-space-comp-xs);flex:1 0 0;",""],"centred"===i&&a(["justify-content:center;"])))),e=i.div.withConfig({displayName:"pagination-navigation.style__StyledButtonWrapper",componentId:"carbon_v162_9_0__sc-17846a48-1"})(["",""],(({$visible:i})=>a(["visibility:",";"],i?"visible":"hidden"))),o=i.div.withConfig({displayName:"pagination-navigation.style__StyledCurrentPageContainer",componentId:"carbon_v162_9_0__sc-17846a48-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);white-space:nowrap;"]),l=i.span.withConfig({displayName:"pagination-navigation.style__StyledCurrentPage",componentId:"carbon_v162_9_0__sc-17846a48-3"})(["padding:0 var(--global-space-layout-3-xs);white-space:nowrap;"]),s=i.div.withConfig({displayName:"pagination-navigation.style__StyledInputWrapper",componentId:"carbon_v162_9_0__sc-17846a48-4"})(["",""],(({$size:i})=>a(["min-width:",";&& input{text-align:center;field-sizing:content;}"],n[i].width)));export{e as StyledButtonWrapper,l as StyledCurrentPage,o as StyledCurrentPageContainer,s as StyledInputWrapper,t as StyledPaginationNavigation};
+import i,{css as a}from"styled-components";const n={small:{width:"var(--global-size-s)"},medium:{width:"var(--global-size-m)"}},t=i.div.withConfig({displayName:"pagination-navigation.style__StyledPaginationNavigation",componentId:"carbon_v162_10_0__sc-17846a48-0"})(["",""],(({$alignment:i})=>a(["display:flex;align-items:center;gap:var(--global-space-comp-xs);flex:1 0 0;",""],"centred"===i&&a(["justify-content:center;"])))),e=i.div.withConfig({displayName:"pagination-navigation.style__StyledButtonWrapper",componentId:"carbon_v162_10_0__sc-17846a48-1"})(["",""],(({$visible:i})=>a(["visibility:",";"],i?"visible":"hidden"))),o=i.div.withConfig({displayName:"pagination-navigation.style__StyledCurrentPageContainer",componentId:"carbon_v162_10_0__sc-17846a48-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);white-space:nowrap;"]),l=i.span.withConfig({displayName:"pagination-navigation.style__StyledCurrentPage",componentId:"carbon_v162_10_0__sc-17846a48-3"})(["padding:0 var(--global-space-layout-3-xs);white-space:nowrap;"]),s=i.div.withConfig({displayName:"pagination-navigation.style__StyledInputWrapper",componentId:"carbon_v162_10_0__sc-17846a48-4"})(["",""],(({$size:i})=>a(["min-width:",";&& input{text-align:center;field-sizing:content;}"],n[i].width)));export{e as StyledButtonWrapper,l as StyledCurrentPage,o as StyledCurrentPageContainer,s as StyledInputWrapper,t as StyledPaginationNavigation};

package/esm/components/pager/pager.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";const o={small:{padding:"var(--global-space-comp-m)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-m)"},medium:{padding:"var(--global-space-comp-l)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"}},n=a.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"carbon_v162_9_0__sc-e6346955-0"})(["",""],(({$variant:a,$size:n,$layout:t})=>e(["--fieldSpacing:0;display:flex;align-items:center;flex-direction:",";box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],"single"===t?"row":"column",o[n].font,o[n].padding,o[n].rowGap,"alternate"===a&&e(["background:none;border:none;"])))),t=a.div.withConfig({displayName:"pager.style__StyledPageInfo",componentId:"carbon_v162_9_0__sc-e6346955-1"})(["",""],(({$layout:a,$alignment:o})=>e(["display:flex;align-items:center;flex-direction:",";justify-content:",";gap:var(--global-space-comp-l);flex:1 0 0;white-space:nowrap;color:var(--input-labelset-label-default);"],"three-row"===a?"column":"row","centred"===o?"center":"flex-end"))),l=a.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"carbon_v162_9_0__sc-e6346955-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);min-width:fit-content;&& input{field-sizing:content;}"]),r=a.span.withConfig({displayName:"pager.style__StyledTotalRecords",componentId:"carbon_v162_9_0__sc-e6346955-3"})(["font:var(--global-font-static-comp-medium-s);margin-right:var(--global-space-comp-xs);"]);export{t as StyledPageInfo,l as StyledPageSizeSelect,n as StyledPagination,r as StyledTotalRecords};
+import a,{css as e}from"styled-components";const o={small:{padding:"var(--global-space-comp-m)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-m)"},medium:{padding:"var(--global-space-comp-l)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"}},n=a.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"carbon_v162_10_0__sc-e6346955-0"})(["",""],(({$variant:a,$size:n,$layout:t})=>e(["--fieldSpacing:0;display:flex;align-items:center;flex-direction:",";box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],"single"===t?"row":"column",o[n].font,o[n].padding,o[n].rowGap,"alternate"===a&&e(["background:none;border:none;"])))),t=a.div.withConfig({displayName:"pager.style__StyledPageInfo",componentId:"carbon_v162_10_0__sc-e6346955-1"})(["",""],(({$layout:a,$alignment:o})=>e(["display:flex;align-items:center;flex-direction:",";justify-content:",";gap:var(--global-space-comp-l);flex:1 0 0;white-space:nowrap;color:var(--input-labelset-label-default);"],"three-row"===a?"column":"row","centred"===o?"center":"flex-end"))),l=a.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"carbon_v162_10_0__sc-e6346955-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);min-width:fit-content;&& input{field-sizing:content;}"]),r=a.span.withConfig({displayName:"pager.style__StyledTotalRecords",componentId:"carbon_v162_10_0__sc-e6346955-3"})(["font:var(--global-font-static-comp-medium-s);margin-right:var(--global-space-comp-xs);"]);export{t as StyledPageInfo,l as StyledPageSizeSelect,n as StyledPagination,r as StyledTotalRecords};

package/esm/components/pages/page/page.style.js

@@ -1 +1 @@
-import t from"styled-components";import{padding as e}from"styled-system";import o from"../../../style/themes/apply-base-theme.js";const s=t.div.attrs(o).withConfig({displayName:"page.style__StyledPage",componentId:"carbon_v162_9_0__sc-535d517d-0"})(["width:100%;position:absolute;"]),i=t.div.attrs(o).withConfig({displayName:"page.style__StyledPageContent",componentId:"carbon_v162_9_0__sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],e);export{s as StyledPage,i as StyledPageContent};
+import t from"styled-components";import{padding as e}from"styled-system";import o from"../../../style/themes/apply-base-theme.js";const s=t.div.attrs(o).withConfig({displayName:"page.style__StyledPage",componentId:"carbon_v162_10_0__sc-535d517d-0"})(["width:100%;position:absolute;"]),i=t.div.attrs(o).withConfig({displayName:"page.style__StyledPageContent",componentId:"carbon_v162_10_0__sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],e);export{s as StyledPage,i as StyledPageContent};