carbon-react 154.4.1 → 154.4.2

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

@@ -1,70 +1 @@
-export default {
-  light: {
-    background: "var(--colorsComponentsMenuSpringStandard500)",
-    color: "var(--colorsComponentsMenuYin090)",
-    selected: "var(--colorsComponentsMenuSpringStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuSpringParent600)",
-    submenuBackground: "var(--colorsComponentsMenuSpringParent500)",
-    submenuSelected: "var(--colorsComponentsMenuSpringParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuSpringChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuSpringChild600)",
-    title: "var(--colorsComponentsMenuYin065)",
-    alternate: "var(--colorsComponentsMenuSpringChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuSpringChildAlt600)",
-    divider: "var(--colorsComponentsMenuSpringChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  },
-  dark: {
-    background: "var(--colorsComponentsMenuAutumnStandard500)",
-    color: "var(--colorsComponentsMenuYang100)",
-    selected: "var(--colorsComponentsMenuAutumnStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuAutumnParent600)",
-    submenuBackground: "var(--colorsComponentsMenuAutumnParent500)",
-    submenuSelected: "var(--colorsComponentsMenuAutumnParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuAutumnChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuAutumnChild600)",
-    title: "var(--colorsComponentsMenuYang080)",
-    alternate: "var(--colorsComponentsMenuAutumnChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuAutumnChildAlt600)",
-    divider: "var(--colorsComponentsMenuAutumnChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  },
-  black: {
-    background: "var(--colorsComponentsMenuWinterStandard500)",
-    color: "var(--colorsComponentsMenuYang100)",
-    selected: "var(--colorsComponentsMenuWinterStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuWinterParent600)",
-    submenuBackground: "var(--colorsComponentsMenuWinterParent500)",
-    submenuSelected: "var(--colorsComponentsMenuWinterParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuWinterChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuWinterChild600)",
-    title: "var(--colorsComponentsMenuYang080)",
-    alternate: "var(--colorsComponentsMenuWinterChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuWinterChildAlt600)",
-    divider: "var(--colorsComponentsMenuWinterChild400)",
-    scrollbarThumb: "#CCCCCC",
-    scrollbarTrack: "#808080",
-    scrollbarColor: "#CCCCCC #808080"
-  },
-  white: {
-    background: "var(--colorsComponentsMenuSummerStandard500)",
-    color: "var(--colorsComponentsMenuYin090)",
-    selected: "var(--colorsComponentsMenuSummerStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuSummerParent600)",
-    submenuBackground: "var(--colorsComponentsMenuSummerParent500)",
-    submenuSelected: "var(--colorsComponentsMenuSummerParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuSummerChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuSummerChild600)",
-    title: "var(--colorsComponentsMenuYin065)",
-    alternate: "var(--colorsComponentsMenuSummerChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuSummerChildAlt600)",
-    divider: "var(--colorsComponentsMenuSummerChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  }
-};
+var n={light:{background:"var(--colorsComponentsMenuSpringStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSpringStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSpringParent600)",submenuBackground:"var(--colorsComponentsMenuSpringParent500)",submenuSelected:"var(--colorsComponentsMenuSpringParent700)",submenuItemBackground:"var(--colorsComponentsMenuSpringChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSpringChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSpringChildAlt500)",alternateHover:"var(--colorsComponentsMenuSpringChildAlt600)",divider:"var(--colorsComponentsMenuSpringChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},dark:{background:"var(--colorsComponentsMenuAutumnStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuAutumnStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuAutumnParent600)",submenuBackground:"var(--colorsComponentsMenuAutumnParent500)",submenuSelected:"var(--colorsComponentsMenuAutumnParent700)",submenuItemBackground:"var(--colorsComponentsMenuAutumnChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuAutumnChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuAutumnChildAlt500)",alternateHover:"var(--colorsComponentsMenuAutumnChildAlt600)",divider:"var(--colorsComponentsMenuAutumnChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},black:{background:"var(--colorsComponentsMenuWinterStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuWinterStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuWinterParent600)",submenuBackground:"var(--colorsComponentsMenuWinterParent500)",submenuSelected:"var(--colorsComponentsMenuWinterParent700)",submenuItemBackground:"var(--colorsComponentsMenuWinterChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuWinterChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuWinterChildAlt500)",alternateHover:"var(--colorsComponentsMenuWinterChildAlt600)",divider:"var(--colorsComponentsMenuWinterChild400)",scrollbarThumb:"#CCCCCC",scrollbarTrack:"#808080",scrollbarColor:"#CCCCCC #808080"},white:{background:"var(--colorsComponentsMenuSummerStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSummerStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSummerParent600)",submenuBackground:"var(--colorsComponentsMenuSummerParent500)",submenuSelected:"var(--colorsComponentsMenuSummerParent700)",submenuItemBackground:"var(--colorsComponentsMenuSummerChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSummerChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSummerChildAlt500)",alternateHover:"var(--colorsComponentsMenuSummerChildAlt600)",divider:"var(--colorsComponentsMenuSummerChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"}};export{n as default};

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

@@ -1,87 +1 @@
-import styled, { css } from "styled-components";
-import { layout, flexbox } from "styled-system";
-import menuConfigVariants from "./menu.config";
-import { StyledVerticalWrapper, StyledDivider } from "../vertical-divider/vertical-divider.style";
-import { StyledLink } from "../link/link.style";
-import { baseTheme } from "../../style/themes";
-const StyledMenuWrapper = styled.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  outline: none;
-  display: flex;
-  align-items: stretch;
-  min-height: 40px;
-
-  ${layout}
-  ${flexbox}
-
-  ${StyledVerticalWrapper} {
-    ${({
-  menuType
-}) => menuType && css`
-        display: inline-block;
-        vertical-align: bottom;
-        background-color: ${menuConfigVariants[menuType].background};
-        ${menuType === "dark" && css`
-          color: ${menuConfigVariants[menuType].color};
-        `}
-      `}
-    ${StyledDivider} {
-      position: relative;
-      top: -1px;
-    }
-  }
-`;
-const StyledMenuItem = styled.li`
-  display: flex;
-  list-style: none;
-  ${({
-  maxWidth
-}) => maxWidth && css`
-      align-items: stretch;
-    `}
-
-  ${layout}
-  ${flexbox}
-
-  ${StyledLink} a:focus, ${StyledLink} button:focus {
-    border-radius: var(--borderRadius000);
-  }
-
-  ${({
-  inSubmenu
-}) => css`
-    ${inSubmenu && css`
-      display: list-item;
-    `}
-
-    ${!inSubmenu && css`
-      height: inherit;
-    `}
-  `}
-
-  ${({
-  inFullscreenView
-}) => inFullscreenView && css`
-      padding-top: var(--spacing200);
-      padding-bottom: var(--spacing200);
-
-      > a,
-      ${StyledLink} > a,
-      > button,
-      ${StyledLink} > button,
-      > span,
-      > div,
-      [data-component="submenu-wrapper"] > ${StyledLink} {
-        width: 100%;
-        box-sizing: border-box;
-        height: auto;
-        white-space: normal;
-      }
-    `}
-`;
-StyledMenuItem.defaultProps = {
-  theme: baseTheme
-};
-export { StyledMenuWrapper, StyledMenuItem };
+import e,{css as t}from"styled-components";import{layout as i,flexbox as o}from"styled-system";import n from"./menu.config.js";import{StyledVerticalWrapper as s,StyledDivider as r}from"../vertical-divider/vertical-divider.style.js";import{StyledLink as a}from"../link/link.style.js";import"../../style/themes/sage/index.js";import l from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const m=e.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"sc-fe2a8073-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],i,o,s,(({menuType:e})=>e&&t(["display:inline-block;vertical-align:bottom;background-color:",";",""],n[e].background,"dark"===e&&t(["color:",";"],n[e].color))),r),d=e.li.withConfig({displayName:"menu.style__StyledMenuItem",componentId:"sc-fe2a8073-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:e})=>e&&t(["align-items:stretch;"])),i,o,a,a,(({inSubmenu:e})=>t([""," ",""],e&&t(["display:list-item;"]),!e&&t(["height:inherit;"]))),(({inFullscreenView:e})=>e&&t(["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;}"],a,a,a)));d.defaultProps={theme:l};export{d as StyledMenuItem,m as StyledMenuWrapper};

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

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

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

@@ -1,44 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import { useStrictMenuContext } from "../__internal__/strict-menu.context";
-import MenuItem from "../menu-item";
-import StyledScrollableBlock from "./scrollable-block.style";
-import Box from "../../box";
-import tagComponent from "../../../__internal__/utils/helpers/tags";
-export const ScrollableBlock = ({
-  children,
-  height,
-  variant = "default",
-  parent,
-  parentVariant,
-  ...rest
-}) => {
-  const {
-    menuType
-  } = useStrictMenuContext();
-  const scrollVariants = {
-    light: "light",
-    dark: "dark",
-    white: "light",
-    black: "dark"
-  };
-  return /*#__PURE__*/React.createElement(StyledScrollableBlock, _extends({
-    menuType: menuType,
-    variant: variant
-  }, rest, tagComponent("submenu-scrollable-block", rest)), parent && /*#__PURE__*/React.createElement(MenuItem, {
-    "data-component": "scrollable-block-parent",
-    overrideColor: true,
-    variant: parentVariant,
-    p: "2px 16px",
-    as: "div",
-    "data-role": "scrollable-block-parent-menu-item"
-  }, parent), /*#__PURE__*/React.createElement(Box, {
-    overflowY: "scroll",
-    scrollVariant: scrollVariants[menuType],
-    height: height,
-    p: 0,
-    as: "ul",
-    role: "list"
-  }, children));
-};
-export default ScrollableBlock;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{useStrictMenuContext as t}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{Box as l}from"../../box/box.component.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=c=>{var{children:p,height:s,variant:b="default",parent:u,parentVariant:m}=c,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["children","height","variant","parent","parentVariant"]);const{menuType:O}=t();return e(o,(y=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){a(e,r,t[r])}))}return e}({menuType:O,variant:b},f,i("submenu-scrollable-block",f)),j=null!=(j={children:[u&&r(n,{"data-component":"scrollable-block-parent",overrideColor:!0,variant:m,p:"2px 16px",as:"div","data-role":"scrollable-block-parent-menu-item",children:u}),r(l,{overflowY:"scroll",scrollVariant:{light:"light",dark:"dark",white:"light",black:"dark"}[O],height:s,p:0,as:"ul",role:"list",children:p})]})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(j)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(j)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(j,e))})),y));var y,j};export{c as ScrollableBlock,c as default};

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

@@ -1,42 +1 @@
-import styled, { css } from "styled-components";
-import StyledMenuItemWrapper from "../menu-item/menu-item.style";
-import menuConfigVariants from "../menu.config";
-import StyledBox from "../../box/box.style";
-import { StyledMenuItem } from "../menu.style";
-import { StyledLink } from "../../link/link.style";
-const StyledScrollableBlock = styled.li`
-  ${({
-  menuType,
-  variant
-}) => css`
-    && ${StyledMenuItemWrapper} {
-      background-color: ${variant === "default" ? menuConfigVariants[menuType].submenuItemBackground : menuConfigVariants[menuType].alternate};
-      padding-right: var(--spacing150);
-    }
-
-    ${StyledBox} {
-      border-radius: var(--borderRadius000);
-      border-bottom-left-radius: var(--borderRadius100);
-
-      ${StyledMenuItem}:last-child ${StyledLink},
-      ${StyledMenuItem}:last-child a,
-      ${StyledMenuItem}:last-child button {
-        border-bottom-left-radius: var(--borderRadius100);
-        border-bottom-right-radius: var(--borderRadius000);
-      }
-
-      scrollbar-color: ${menuConfigVariants[menuType].scrollbarColor};
-
-      &::-webkit-scrollbar {
-        width: var(--sizing150);
-      }
-      &::-webkit-scrollbar-thumb {
-        background-color: ${menuConfigVariants[menuType].scrollbarThumb};
-      }
-      &::-webkit-scrollbar-track {
-        background-color: ${menuConfigVariants[menuType].scrollbarTrack};
-      }
-    }
-  `}
-`;
-export default StyledScrollableBlock;
+import r,{css as o}from"styled-components";import l from"../menu-item/menu-item.style.js";import t from"../menu.config.js";import a from"../../box/box.style.js";import{StyledMenuItem as e}from"../menu.style.js";import{StyledLink as s}from"../../link/link.style.js";const i=r.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"sc-278d2dad-0"})(["",""],(({menuType:r,variant:i})=>o(["&& ","{background-color:",";padding-right:var(--spacing150);}","{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,"default"===i?t[r].submenuItemBackground:t[r].alternate,a,e,s,e,e,t[r].scrollbarColor,t[r].scrollbarThumb,t[r].scrollbarTrack)));export{i as default};

package/esm/components/message/index.js

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

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

@@ -1,73 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from "react";
-import Typography from "../typography";
-import Content from "../content";
-import MessageStyle, { MessageContent, TypeIconStyle } from "./message.style";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import Icon from "../icon";
-import IconButton from "../icon-button";
-import AiIcon from "../../__internal__/ai-icon";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import useLocale from "../../hooks/__internal__/useLocale";
-export const Message = /*#__PURE__*/React.forwardRef(({
-  open = true,
-  transparent = false,
-  title,
-  variant = "info",
-  children,
-  onDismiss,
-  id,
-  closeButtonAriaLabel,
-  showCloseIcon = true,
-  width,
-  ...props
-}, ref) => {
-  const localRef = useRef(null);
-  const messageRef = ref || localRef;
-  const locale = useLocale();
-  const marginProps = filterStyledSystemMarginProps(props);
-  const VARIANT_ICON_MAP = {
-    neutral: "info",
-    success: "tick_circle",
-    error: "error",
-    warning: "warning",
-    info: "info"
-  };
-  if (!open) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(MessageStyle, _extends({}, tagComponent("Message", props), {
-    transparent: transparent,
-    variant: variant,
-    id: id,
-    width: width,
-    ref: messageRef
-  }, marginProps, {
-    tabIndex: -1
-  }), /*#__PURE__*/React.createElement(TypeIconStyle, {
-    variant: variant,
-    transparent: transparent
-  }, variant === "ai" ? /*#__PURE__*/React.createElement(AiIcon, {
-    "data-role": "ai-icon"
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    "data-role": "category-icon",
-    type: VARIANT_ICON_MAP[variant]
-  })), /*#__PURE__*/React.createElement(Typography, {
-    screenReaderOnly: true
-  }, locale.message[variant]()), /*#__PURE__*/React.createElement(MessageContent, {
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, !showCloseIcon || !onDismiss ? /*#__PURE__*/React.createElement(Content, {
-    title: title
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Content, {
-    title: title
-  }, children), /*#__PURE__*/React.createElement(IconButton, {
-    "data-element": "close",
-    "aria-label": closeButtonAriaLabel || locale.message.closeButtonAriaLabel(),
-    onClick: onDismiss
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "close"
-  })))));
-});
-Message.displayName = "Message";
-export default Message;
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import n,{useRef as o}from"react";import{Typography as i}from"../typography/typography.component.js";import{Content as s}from"../content/content.component.js";import a,{TypeIconStyle as c,MessageContent as l}from"./message.style.js";import p from"../../__internal__/utils/helpers/tags/tags.js";import m from"../icon/icon.component.js";import f from"../icon-button/icon-button.component.js";import{AiIcon as u}from"../../__internal__/ai-icon/ai-icon.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){d(e,t,r[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 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 j=n.forwardRef(((n,d)=>{var{open:j=!0,transparent:h=!1,title:w,variant:v="info",children:P,onDismiss:_,id:k,closeButtonAriaLabel:D,showCloseIcon:S=!0,width:x}=n,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["open","transparent","title","variant","children","onDismiss","id","closeButtonAriaLabel","showCloseIcon","width"]);const I=o(null),A=d||I,B=b(),C=y(L);return j?e(a,g(O(g(O({},p("Message",L)),{transparent:h,variant:v,id:k,width:x,ref:A}),C),{tabIndex:-1,children:[t(c,{variant:v,transparent:h,children:"ai"===v?t(u,{"data-role":"ai-icon"}):t(m,{"data-role":"category-icon",type:{neutral:"info",success:"tick_circle",error:"error",warning:"warning",info:"info"}[v]})}),t(i,{screenReaderOnly:!0,children:B.message[v]()}),t(l,{"data-element":"message-content","data-role":"message-content",children:S&&_?e(r,{children:[t(s,{title:w,children:P}),t(f,{"data-element":"close","aria-label":D||B.message.closeButtonAriaLabel(),onClick:_,children:t(m,{type:"close"})})]}):t(s,{title:w,children:P})})]})):null}));j.displayName="Message";export{j as Message,j as default};

package/esm/components/message/message.style.js

@@ -1,78 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import BaseTheme from "../../style/themes/base";
-const messageVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)",
-  ai: "var(--colorsUtilityYin100)"
-};
-const MessageStyle = styled.div`
-  position: relative;
-  display: flex;
-  border-radius: var(--borderRadius100);
-  overflow: hidden;
-  border: 1px solid ${({
-  variant
-}) => variant && messageVariants[variant]};
-  background-color: var(--colorsUtilityYang100);
-  min-height: 38px;
-
-  :focus {
-    outline: none;
-  }
-
-  ${({
-  transparent
-}) => transparent && css`
-      border: none;
-      background: transparent;
-    `}
-
-  ${({
-  width
-}) => width && `width: ${width};`}
-  ${margin}
-`;
-const MessageContent = styled.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--spacing200);
-  gap: var(--spacing300);
-`;
-const TypeIconStyle = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: ${({
-  variant
-}) => messageVariants[variant]};
-  min-width: 30px;
-
-  span {
-    &:before {
-      color: var(--colorsUtilityYang100);
-    }
-  }
-
-  ${({
-  transparent,
-  variant
-}) => transparent && css`
-      background-color: transparent;
-      span {
-        &:before {
-          color: ${messageVariants[variant]};
-        }
-      }
-    `}
-`;
-MessageStyle.defaultProps = {
-  theme: BaseTheme
-};
-export default MessageStyle;
-export { MessageContent, TypeIconStyle };
+import e,{css as o}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/base/index.js";const n={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--colorsUtilityYin100)"},r=e.div.withConfig({displayName:"message.style__MessageStyle",componentId:"sc-e5133bb9-0"})(["position:relative;display:flex;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}"," "," ",""],(({variant:e})=>e&&n[e]),(({transparent:e})=>e&&o(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),t),i=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"sc-e5133bb9-1"})(["width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing200);gap:var(--spacing300);"]),s=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"sc-e5133bb9-2"})(["display:flex;justify-content:center;align-items:center;background-color:",";min-width:30px;span{&:before{color:var(--colorsUtilityYang100);}}",""],(({variant:e})=>n[e]),(({transparent:e,variant:t})=>e&&o(["background-color:transparent;span{&:before{color:",";}}"],n[t])));r.defaultProps={theme:a};export{i as MessageContent,s as TypeIconStyle,r as default};

package/esm/components/modal/__internal__/modal-manager.js

@@ -1,110 +1 @@
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { getWindow } from "../../../__internal__/dom/globals";
-let ModalManagerInstance = /*#__PURE__*/function () {
-  function ModalManagerInstance() {
-    _classCallCheck(this, ModalManagerInstance);
-    _defineProperty(this, "modalList", void 0);
-    _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag, topModalOverride) => {
-      if (!modal) {
-        return;
-      }
-      const {
-        modal: topModal,
-        setTriggerRefocusFlag: setTrapFlag,
-        topModalOverride: topOverridden
-      } = this.getTopModal();
-      if (!topOverridden && topModal && setTrapFlag) {
-        setTrapFlag(false);
-      }
-      this.modalList.push({
-        modal,
-        setTriggerRefocusFlag,
-        topModalOverride
-      });
-      this.callTopModalSetters();
-    });
-    const safeWindow = getWindow();
-    if (!safeWindow) {
-      this.modalList = [];
-      return;
-    }
-    // Due to possibility of multiple carbon versions using it
-    // it is necessary to maintain same structure in this global variable
-    if (!safeWindow.__CARBON_INTERNALS_MODAL_LIST) {
-      safeWindow.__CARBON_INTERNALS_MODAL_LIST = [];
-    }
-    this.modalList = safeWindow.__CARBON_INTERNALS_MODAL_LIST;
-  }
-  return _createClass(ModalManagerInstance, [{
-    key: "getTopModal",
-    value: function getTopModal() {
-      if (!this.modalList.length) {
-        return {};
-      }
-      const topModalOverride = this.modalList.slice().reverse().find(modal => modal.topModalOverride);
-      return topModalOverride || this.modalList[this.modalList.length - 1];
-    }
-  }, {
-    key: "isTopmost",
-    value: function isTopmost(modal) {
-      const {
-        modal: topModal
-      } = this.getTopModal();
-      if (!modal || !topModal) {
-        return false;
-      }
-      return modal === topModal;
-    }
-  }, {
-    key: "removeModal",
-    value: function removeModal(modal, triggerRefocusOnClose = true) {
-      const modalIndex = this.modalList.findIndex(({
-        modal: m
-      }) => m === modal);
-      if (modalIndex === -1) {
-        return;
-      }
-      this.modalList.splice(modalIndex, 1);
-      this.callTopModalSetters();
-      if (!this.modalList.length) {
-        return;
-      }
-      const {
-        setTriggerRefocusFlag
-      } = this.getTopModal();
-      if (setTriggerRefocusFlag && triggerRefocusOnClose) {
-        setTriggerRefocusFlag(true);
-      }
-    }
-  }, {
-    key: "clearList",
-    value: function clearList() {
-      const safeWindow = getWindow();
-      const cleared = [];
-      if (safeWindow) {
-        safeWindow.__CARBON_INTERNALS_MODAL_LIST = cleared;
-      }
-      this.modalList = cleared;
-      this.callTopModalSetters();
-    }
-  }, {
-    key: "callTopModalSetters",
-    value: function callTopModalSetters() {
-      const safeWindow = getWindow();
-      if (safeWindow?.__CARBON_INTERNALS_MODAL_SETTER_LIST) {
-        const topModal = this.getTopModal()?.modal || null;
-        for (const setTopModal of safeWindow.__CARBON_INTERNALS_MODAL_SETTER_LIST) {
-          setTopModal(topModal);
-        }
-      }
-    }
-  }]);
-}();
-const ModalManager = new ModalManagerInstance();
-export { ModalManagerInstance };
-export default ModalManager;
+import{getWindow as t}from"../../../__internal__/dom/globals.js";function o(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}class s{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const s=this.modalList.findIndex((({modal:o})=>o===t));if(-1===s)return;if(this.modalList.splice(s,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:l}=this.getTopModal();l&&o&&l(!0)}clearList(){const o=t(),s=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=s),this.modalList=s,this.callTopModalSetters()}callTopModalSetters(){const o=t();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var s;const t=(null===(s=this.getTopModal())||void 0===s?void 0:s.modal)||null;for(const s of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)s(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,s)=>{if(!t)return;const{modal:l,setTriggerRefocusFlag:e,topModalOverride:i}=this.getTopModal();!i&&l&&e&&e(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:s}),this.callTopModalSetters()}));const s=t();s?(s.__CARBON_INTERNALS_MODAL_LIST||(s.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=s.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const l=new s;export{s as ModalManagerInstance,l as default};

package/esm/components/modal/__internal__/modal.context.js

@@ -1,2 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/modal/index.js

@@ -1 +1 @@
-export { default } from "./modal.component";
+export{default}from"./modal.component.js";