carbon-react 104.58.7 → 105.0.1

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

@@ -98,7 +98,8 @@ const MenuFullscreen = ({
   }, React.Children.map(children, (child, index) => /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: {
       inFullscreenView: true,
-      menuType
+      menuType,
+      inMenu: true
     }
   }, child, index < React.Children.count(children) - 1 && /*#__PURE__*/React.createElement(MenuDivider, null)))))))));
 };

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

@@ -43,7 +43,8 @@ const Menu = ({
       value: {
         menuType,
         handleKeyDown: ev => handleKeyDown(ev, index),
-        isFocused
+        isFocused,
+        inMenu: true
       }
     }, child);
   }));

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

@@ -1,5 +1,6 @@
 declare var _default: React.Context<{
     menuType: string;
+    inMenu: boolean;
 }>;
 export default _default;
 import React from "react";

package/esm/components/menu/menu.context.js

@@ -1,4 +1,5 @@
 import React from "react";
 export default /*#__PURE__*/React.createContext({
-  menuType: "light"
+  menuType: "light",
+  inMenu: false
 });

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

@@ -8,6 +8,7 @@ interface MenuContextProps {
   handleKeyDown: (ev, submenuOpen) => void;
   isFocused: boolean;
   openSubmenu: boolean;
+  inMenu: boolean;
 }
 
 export interface MenuProps extends LayoutProps, FlexBoxProps {

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

@@ -1,22 +1,12 @@
 export default MessageContent;
-declare function MessageContent({ variant, title, transparent, children }: {
-    variant: any;
+declare function MessageContent({ title, children }: {
     title: any;
-    transparent: any;
     children: any;
 }): JSX.Element;
 declare namespace MessageContent {
-    namespace defaultProps {
-        const variant: string;
-        const transparent: boolean;
-    }
     namespace propTypes {
-        const variant_1: PropTypes.Requireable<string>;
-        export { variant_1 as variant };
-        export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const transparent_1: PropTypes.Requireable<boolean>;
-        export { transparent_1 as transparent };
-        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
 import PropTypes from "prop-types";

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

@@ -4,28 +4,17 @@ import Content from "../../content/content.component.js";
 import MessageContentStyle from "./message-content.style";
 
 const MessageContent = ({
-  variant,
   title,
-  transparent,
   children
 }) => {
-  return /*#__PURE__*/React.createElement(MessageContentStyle, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/React.createElement(Content, {
+  return /*#__PURE__*/React.createElement(MessageContentStyle, null, /*#__PURE__*/React.createElement(Content, {
     title: title,
     className: "message-content"
   }, children));
 };
 
-MessageContent.defaultProps = {
-  variant: "info",
-  transparent: false
-};
 MessageContent.propTypes = {
-  variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
   title: PropTypes.node,
-  transparent: PropTypes.bool,
   children: PropTypes.node
 };
 export default MessageContent;

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

@@ -51,8 +51,6 @@ const Message = ({
     variant: variant,
     transparent: transparent
   }), /*#__PURE__*/React.createElement(MessageContent, {
-    variant: variant,
-    transparent: transparent,
     title: title
   }, children), renderCloseIcon());
 };
@@ -60,7 +58,7 @@ const Message = ({
 Message.propTypes = { ...marginPropTypes,
 
   /** set type of message based on new DLS standard */
-  variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
 
   /** set content to component */
   children: PropTypes.node,

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

@@ -21,15 +21,7 @@ export interface MessageProps extends MarginProps {
   /** set background to be invisible */
   transparent?: boolean;
   /** set type of message based on new DLS standard */
-  variant?:
-    | "default"
-    | "error"
-    | "help"
-    | "info"
-    | "maintenance"
-    | "new"
-    | "success"
-    | "warning";
+  variant?: "error" | "info" | "success" | "warning";
 }
 
 declare function Message(props: MessageProps): JSX.Element;

package/esm/components/message/type-icon/type-icon.component.js

@@ -20,7 +20,7 @@ TypeIcon.defaultProps = {
   transparent: false
 };
 TypeIcon.propTypes = {
-  variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
   transparent: PropTypes.bool
 };
 export default TypeIcon;

package/esm/components/message/type-icon/type-icon.style.js

@@ -39,7 +39,7 @@ TypeIconStyle.defaultProps = {
   transparent: false
 };
 TypeIconStyle.propTypes = {
-  variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
   border: PropTypes.bool,
   transparent: PropTypes.bool
 };

package/esm/components/toast/toast.component.js

@@ -13,7 +13,7 @@ import Events from "../../__internal__/utils/helpers/events";
 import useLocale from "../../hooks/__internal__/useLocale";
 
 const Toast = ({
-  as = "warning",
+  as = "success",
   children,
   className,
   id,
@@ -109,10 +109,10 @@ const Toast = ({
 
 Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
-  variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
 
   /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  as: PropTypes.oneOf(["error", "info", "success", "warning"]),
 
   /** Custom className */
   className: PropTypes.string,

package/esm/components/toast/toast.config.js

@@ -1,2 +1,2 @@
 // eslint-disable-next-line import/prefer-default-export
-export const TOAST_COLORS = ["default", "error", "help", "info", "maintenance", "new", "success", "warning"];
+export const TOAST_COLORS = ["error", "info", "success", "warning"];

package/esm/components/toast/toast.d.ts

@@ -1,28 +1,14 @@
 import * as React from "react";
 
+type ToastVariants = "error" | "info" | "success" | "warning";
+
 export interface ToastPropTypes {
   /** The rendered children of the component. */
   children: React.ReactNode;
   /** Customizes the appearance in the DLS theme */
-  variant?:
-    | "default"
-    | "error"
-    | "help"
-    | "info"
-    | "maintenance"
-    | "new"
-    | "success"
-    | "warning";
+  variant?: ToastVariants;
   /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as?:
-    | "default"
-    | "error"
-    | "help"
-    | "info"
-    | "maintenance"
-    | "new"
-    | "success"
-    | "warning";
+  as?: ToastVariants;
   /** Custom className */
   className?: string;
   /** Custom id  */

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

@@ -1,2 +1 @@
-export { default } from "./vertical-divider";
-export * from "./vertical-divider";
+export { default } from "./vertical-divider.component";

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

@@ -1,10 +1,12 @@
-export default VerticalDivider;
-declare function VerticalDivider({ h, displayInline, tint, ...props }: {
-    [x: string]: any;
-    h: any;
-    displayInline?: boolean | undefined;
-    tint?: number | undefined;
-}): JSX.Element;
-declare namespace VerticalDivider {
-    const propTypes: any;
+/// <reference types="react" />
+import { SpaceProps } from "styled-system";
+declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
+export interface VerticalDividerPropTypes extends SpaceProps {
+    h?: number | string;
+    height?: number | string;
+    displayInline?: boolean;
+    /** the supported rage is 1-100  */
+    tint?: TintRange;
 }
+declare const VerticalDivider: ({ h, height, displayInline, tint, ...props }: VerticalDividerPropTypes) => JSX.Element;
+export default VerticalDivider;