carbon-react 153.0.0-beta.1 → 153.0.1

package/lib/components/textarea/textarea.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _input = require("../../__internal__/input");
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
-var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+var _useCharacterCount = _interopRequireDefault(require("../../hooks/useCharacterCount"));
 var _input2 = _interopRequireDefault(require("../../__internal__/input/input.component"));
 var _inputBehaviour = require("../../__internal__/input-behaviour");
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
@@ -28,9 +28,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 let deprecateUncontrolledWarnTriggered = false;
+let deprecatedAriaDescribedByWarnTriggered = false;
 let warnBorderRadiusArrayTooLarge = false;
 const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_react.default.forwardRef(({
   "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedByProp,
+  ariaDescribedBy: ariaDescribedByPropDeprecated,
   autoFocus,
   inputHint,
   fieldHelp,
@@ -112,6 +115,10 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
     deprecateUncontrolledWarnTriggered = true;
     _logger.default.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
+  if (!deprecatedAriaDescribedByWarnTriggered && ariaDescribedByPropDeprecated) {
+    deprecatedAriaDescribedByWarnTriggered = true;
+    _logger.default.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.");
+  }
   if (Array.isArray(borderRadius) && borderRadius.length > 4 && !warnBorderRadiusArrayTooLarge) {
     // eslint-disable-next-line no-console
     console.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values.");
@@ -181,7 +188,7 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
   const hasIconInside = !!(inputIcon || validationId && !validationOnLabel);
   const hintId = (0, _react.useRef)((0, _guid.default)());
   const inputHintId = inputHint ? hintId.current : undefined;
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId].filter(Boolean).join(" ");
+  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId, ariaDescribedByProp || ariaDescribedByPropDeprecated].filter(Boolean).join(" ");
   const input = /*#__PURE__*/_react.default.createElement(_input.InputPresentation, {
     disabled: disabled,
     readOnly: readOnly,
@@ -195,7 +202,7 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
   }, /*#__PURE__*/_react.default.createElement(_input2.default, _extends({
     "aria-invalid": !!error,
     "aria-labelledby": ariaLabelledBy,
-    ariaDescribedBy: combinedAriaDescribedBy,
+    "aria-describedby": combinedAriaDescribedBy,
     autoFocus: autoFocus,
     name: name,
     value: value,

package/lib/components/textbox/textbox.component.js

@@ -17,7 +17,7 @@ var _utils = require("../../style/utils");
 var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 var _numeralDate = _interopRequireDefault(require("../numeral-date/__internal__/numeral-date.context"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+var _useCharacterCount = _interopRequireDefault(require("../../hooks/useCharacterCount"));
 var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
@@ -32,8 +32,11 @@ const SIZE_DEFAULT = exports.SIZE_DEFAULT = "medium";
 const LABEL_WIDTH_DEFAULT = exports.LABEL_WIDTH_DEFAULT = 30;
 const LABEL_VALIDATION_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = false;
 let deprecateUncontrolledWarnTriggered = false;
+let deprecatedAriaDescribedByWarnTriggered = false;
 const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedByProp,
+  ariaDescribedBy: ariaDescribedByDeprecated,
   align = ALIGN_DEFAULT,
   autoFocus,
   children,
@@ -115,6 +118,10 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
     deprecateUncontrolledWarnTriggered = true;
     _logger.default.deprecate("Uncontrolled behaviour in `Textbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
+  if (!deprecatedAriaDescribedByWarnTriggered && ariaDescribedByDeprecated) {
+    deprecatedAriaDescribedByWarnTriggered = true;
+    _logger.default.deprecate("The `ariaDescribedBy` prop in `Textbox` is deprecated and will soon be removed, please use `aria-describedby` instead.");
+  }
   const {
     labelId,
     validationId,
@@ -131,7 +138,7 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   });
   const hintId = (0, _react.useRef)((0, _guid.default)());
   const inputHintId = inputHint ? hintId.current : undefined;
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId].filter(Boolean).join(" ");
+  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId, ariaDescribedByProp || ariaDescribedByDeprecated].filter(Boolean).join(" ");
   const hasIconInside = !!(inputIcon || validationId && !validationOnLabel);
   const input = /*#__PURE__*/_react.default.createElement(_input.InputPresentation, {
     align: align,
@@ -155,7 +162,7 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
     align: align,
     "aria-invalid": !!error,
     "aria-labelledby": ariaLabelledBy,
-    ariaDescribedBy: combinedAriaDescribedBy,
+    "aria-describedby": combinedAriaDescribedBy,
     autoFocus: autoFocus,
     deferTimeout: deferTimeout,
     disabled: disabled,

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

@@ -1,6 +1,6 @@
 import { SpaceProps } from "styled-system";
 import { TileProps } from "./tile.component";
-declare const StyledTile: import("styled-components").StyledComponent<"div", any, Pick<TileProps, "width" | "height" | "variant" | "roundness" | "borderWidth" | "borderVariant" | "highlightVariant"> & {
+declare const StyledTile: import("styled-components").StyledComponent<"div", any, Pick<TileProps, "width" | "height" | "variant" | "highlightVariant" | "roundness" | "borderWidth" | "borderVariant"> & {
     isHorizontal?: boolean | undefined;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
 export default StyledTile;

package/lib/components/time/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Time } from "./time.component";
-export type { TimeValue, TimeProps, TimeHandle, ToggleValue, } from "./time.component";
+export type { TimeValue, TimeProps, TimeHandle, ToggleValue, TimeInputEvent, } from "./time.component";

package/lib/components/time/time.component.js

@@ -78,6 +78,21 @@ const Time = /*#__PURE__*/_react.default.forwardRef(({
   const minsAriaLabel = minutesAriaLabel || locale.time.minutesAriaLabelText();
   const hoursRef = (0, _react.useRef)(null);
   const minsRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const updates = [...inputValues];
+    if (inputValues[0] !== hourValue) {
+      updates[0] = hourValue;
+    }
+    if (inputValues[1] !== minuteValue) {
+      updates[1] = minuteValue;
+    }
+    if (inputValues[0] !== hourValue || inputValues[1] !== minuteValue) {
+      setInputValues(updates);
+      const formattedHours = hourValue.length ? hourValue.padStart(2, "0") : hourValue;
+      const formattedMinutes = minuteValue.length ? minuteValue.padStart(2, "0") : minuteValue;
+      setFormattedInputValues([formattedHours, formattedMinutes]);
+    }
+  }, [hourValue, minuteValue, inputValues]);
   const computedValidations = (hrs, mins) => {
     const hoursIsString = typeof hrs === "string";
     const minutesIsString = typeof mins === "string";

package/lib/components/toast/toast.component.js

@@ -9,6 +9,7 @@ var _reactTransitionGroup = require("react-transition-group");
 var _icon = _interopRequireDefault(require("../icon"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _toast = require("./toast.style");
+var _message = require("../message/message.style");
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
@@ -141,7 +142,7 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
     }, !disableAutoFocus && {
       tabIndex,
       onBlur: () => setTabIndex(undefined)
-    }), !isNotice && /*#__PURE__*/_react.default.createElement(_toast.TypeIcon, {
+    }), !isNotice && /*#__PURE__*/_react.default.createElement(_message.TypeIconStyle, {
       variant: isNotification ? "info" : variant,
       "data-role": "toast-type-icon"
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import TypeIcon from "../message/__internal__/type-icon/type-icon.style";
 import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
     align?: "center" | "left" | "right" | undefined;
     alignY?: "center" | "top" | "bottom" | undefined;
     isNotice?: boolean | undefined;
 }, never>;
-type ToastVariants = MessageVariant;
+type ToastVariants = Exclude<MessageVariant, "ai">;
 type ToastStyleProps = {
     align?: "left" | "center" | "right";
     alignY?: "top" | "center" | "bottom";
@@ -24,4 +23,4 @@ declare const ToastWrapper: import("styled-components").StyledComponent<"div", a
     align?: "center" | "left" | "right" | undefined;
     isNotice?: boolean | undefined;
 }, never>;
-export { StyledPortal, StyledToast, TypeIcon, StyledToastContent, ToastWrapper, };
+export { StyledPortal, StyledToast, StyledToastContent, ToastWrapper };

package/lib/components/toast/toast.style.js

@@ -4,14 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToastWrapper = exports.StyledToastContent = exports.StyledToast = exports.StyledPortal = void 0;
-Object.defineProperty(exports, "TypeIcon", {
-  enumerable: true,
-  get: function () {
-    return _typeIcon.default;
-  }
-});
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _typeIcon = _interopRequireDefault(require("../message/__internal__/type-icon/type-icon.style"));
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
 var _portal = _interopRequireDefault(require("../portal/portal"));
 var _base = _interopRequireDefault(require("../../style/themes/base"));

package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.d.ts

@@ -12,5 +12,5 @@ export interface VerticalMenuFullScreenProps extends TagProps {
     /** A callback to be called when the close icon is clicked or enter is pressed when focused */
     onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
 }
-export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => React.JSX.Element | null;
+export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => React.JSX.Element;
 export default VerticalMenuFullScreen;

package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js

@@ -17,6 +17,7 @@ var _verticalMenuFullScreen = _interopRequireDefault(require("./__internal__/ver
 var _globals = require("../../../__internal__/dom/globals");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events/events"));
 var _useModalManager = _interopRequireDefault(require("../../../hooks/__internal__/useModalManager"));
+var _useMediaQuery = _interopRequireDefault(require("../../../hooks/useMediaQuery"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,6 +32,7 @@ const VerticalMenuFullScreen = ({
 }) => {
   const l = (0, _useLocale.default)();
   const menuWrapperRef = (0, _react.useRef)(null);
+  const reduceMotion = !(0, _useMediaQuery.default)("screen and (prefers-reduced-motion: no-preference)");
   const handleKeyDown = (0, _react.useCallback)(ev => {
     // istanbul ignore else
     if (_events.default.isEscKey(ev)) {
@@ -45,14 +47,13 @@ const VerticalMenuFullScreen = ({
     topModalOverride: true,
     focusCallToActionElement: safeDocument?.activeElement
   });
-
-  // TODO remove this as part of FE-5650
-  if (!isOpen) return null;
   return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_focusTrap.default, {
     isOpen: isOpen,
     wrapperRef: menuWrapperRef
   }, /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledVerticalMenuFullScreen, _extends({
     ref: menuWrapperRef,
+    isOpen: isOpen,
+    prefersReducedMotion: reduceMotion,
     scrollVariant: "light",
     as: "nav",
     "aria-label": ariaLabel,
@@ -71,9 +72,7 @@ const VerticalMenuFullScreen = ({
     "data-element": "close"
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "close",
-    color: "var(--colorsComponentsLeftnavWinterStandardContent)",
-    bgSize: "small",
-    fontSize: "medium"
+    color: "var(--colorsComponentsLeftnavWinterStandardContent)"
   }))), /*#__PURE__*/_react.default.createElement(_verticalMenuFullScreen.default.Provider, {
     value: {
       isFullScreen: true

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

@@ -18,6 +18,10 @@ export declare const StyledVerticalMenu: import("styled-components").StyledCompo
         width?: string | undefined;
     } | undefined;
 }, never>;
+interface FullScreenProps {
+    isOpen: boolean;
+    prefersReducedMotion?: boolean;
+}
 export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps & {
     cssProps?: {
         color?: string | undefined;
@@ -25,5 +29,5 @@ export declare const StyledVerticalMenuFullScreen: import("styled-components").S
         height?: string | undefined;
         width?: string | undefined;
     } | undefined;
-}, never>;
+} & FullScreenProps, never>;
 export {};

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

@@ -123,11 +123,30 @@ const StyledVerticalMenuFullScreen = exports.StyledVerticalMenuFullScreen = (0,
   overflow: auto;
   background-color: var(--colorsComponentsLeftnavWinterStandardBackground);
   box-sizing: border-box;
-  transition: all 0.3s ease;
   z-index: ${({
   theme
 }) => theme.zIndex.fullScreenModal};
 
+  ${({
+  prefersReducedMotion
+}) => !prefersReducedMotion && (0, _styledComponents.css)`
+      transition: all 0.3s ease;
+    `}
+
+  ${({
+  isOpen
+}) => isOpen && (0, _styledComponents.css)`
+      visibility: visible;
+      transform: translateX(0);
+    `}
+
+  ${({
+  isOpen
+}) => !isOpen && (0, _styledComponents.css)`
+      transform: translateX(-100%);
+      visibility: hidden;
+    `}
+
   // TODO remove hardcoded values when DS have had chance to review which token to use
   &::-webkit-scrollbar-track {
     background-color: #cccccc;

package/lib/hooks/useCharacterCount/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/hooks/useCharacterCount/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/hooks/{__internal__/useCharacterCount → useCharacterCount}/useCharacterCount.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _characterCount = _interopRequireDefault(require("../../../__internal__/character-count"));
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _useDebounce = _interopRequireDefault(require("../useDebounce"));
+var _characterCount = _interopRequireDefault(require("../../__internal__/character-count"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+var _useDebounce = _interopRequireDefault(require("../__internal__/useDebounce"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/locales/en-gb.js

@@ -115,7 +115,8 @@ const enGB = {
     info: () => "Information",
     success: () => "Success",
     warning: () => "Warning",
-    neutral: () => "Information"
+    neutral: () => "Information",
+    ai: () => "AI Information"
   },
   numeralDate: {
     validation: {

package/lib/locales/locale.d.ts

@@ -93,6 +93,7 @@ interface Locale {
         success: () => string;
         warning: () => string;
         neutral: () => string;
+        ai?: () => string;
     };
     numeralDate: {
         validation: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "153.0.0-beta.1",
+  "version": "153.0.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -74,20 +74,20 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-actions": "^8.4.7",
-    "@storybook/addon-controls": "^8.4.7",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-toolbars": "^8.4.7",
-    "@storybook/addon-viewport": "^8.4.7",
+    "@storybook/addon-a11y": "~8.6.7",
+    "@storybook/addon-actions": "~8.6.7",
+    "@storybook/addon-controls": "~8.6.7",
+    "@storybook/addon-docs": "~8.6.7",
+    "@storybook/addon-toolbars": "~8.6.7",
+    "@storybook/addon-viewport": "~8.6.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/components": "^8.4.7",
-    "@storybook/manager-api": "^8.4.7",
-    "@storybook/preview-api": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-webpack5": "^8.4.7",
-    "@storybook/theming": "^8.4.7",
-    "@storybook/types": "^8.4.7",
+    "@storybook/components": "~8.6.7",
+    "@storybook/manager-api": "~8.6.7",
+    "@storybook/preview-api": "~8.6.7",
+    "@storybook/react": "~8.6.7",
+    "@storybook/react-webpack5": "~8.6.7",
+    "@storybook/theming": "~8.6.7",
+    "@storybook/types": "~8.6.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -161,7 +161,7 @@
     "semantic-release": "^24.2.3",
     "semver": "^7.5.4",
     "sprintf-js": "^1.1.3",
-    "storybook": "^8.4.7",
+    "storybook": "~8.6.7",
     "styled-components": "^5.3.11",
     "typescript": "~5.3.0",
     "url-loader": "^4.1.1",

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

@@ -1,9 +0,0 @@
-import React from "react";
-export interface MessageContentProps {
-    title?: React.ReactNode;
-    children?: React.ReactNode;
-    showCloseIcon?: boolean;
-    reduceLeftPadding?: boolean;
-}
-declare const MessageContent: ({ title, children, showCloseIcon, reduceLeftPadding, }: MessageContentProps) => React.JSX.Element;
-export default MessageContent;

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

@@ -1,19 +0,0 @@
-import React from "react";
-import Content from "../../../content";
-import MessageContentStyle from "./message-content.style";
-const MessageContent = ({
-  title,
-  children,
-  showCloseIcon,
-  reduceLeftPadding
-}) => {
-  return /*#__PURE__*/React.createElement(MessageContentStyle, {
-    showCloseIcon: showCloseIcon,
-    reduceLeftPadding: reduceLeftPadding,
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, /*#__PURE__*/React.createElement(Content, {
-    title: title
-  }, children));
-};
-export default MessageContent;

package/esm/components/message/__internal__/message-content/message-content.style.d.ts

@@ -1,3 +0,0 @@
-import { MessageContentProps } from "./message-content.component";
-declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon" | "reduceLeftPadding">, never>;
-export default MessageContentStyle;

package/esm/components/message/__internal__/message-content/message-content.style.js

@@ -1,12 +0,0 @@
-import styled from "styled-components";
-const MessageContentStyle = styled.div`
-  padding: 15px ${({
-  showCloseIcon
-}) => showCloseIcon ? "50px" : "20px"} 15px
-    ${({
-  reduceLeftPadding
-}) => reduceLeftPadding ? "10px" : "20px"};
-  white-space: pre-wrap;
-  flex: 1;
-`;
-export default MessageContentStyle;

package/esm/components/message/__internal__/type-icon/type-icon.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { MessageVariant } from "../../message.component";
-export interface TypeIconProps {
-    transparent?: boolean;
-    variant: MessageVariant;
-}
-declare const TypeIcon: ({ variant, transparent }: TypeIconProps) => React.JSX.Element;
-export default TypeIcon;

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

@@ -1,20 +0,0 @@
-import React from "react";
-import TypeIconStyle from "./type-icon.style";
-import Icon from "../../../icon";
-const TypeIcon = ({
-  variant,
-  transparent
-}) => {
-  function iconToRender() {
-    if (variant === "neutral") return "info";
-    if (variant === "success") return "tick_circle";
-    return variant;
-  }
-  return /*#__PURE__*/React.createElement(TypeIconStyle, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: iconToRender()
-  }));
-};
-export default TypeIcon;

package/esm/components/message/__internal__/type-icon/type-icon.style.d.ts

@@ -1,7 +0,0 @@
-import { MessageVariant } from "../../message.component";
-type TypeIconStyleProps = {
-    transparent?: boolean;
-    variant: MessageVariant;
-};
-declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconStyleProps, never>;
-export default TypeIconStyle;

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

@@ -1,38 +0,0 @@
-import styled, { css } from "styled-components";
-const messageVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)",
-  notification: "var(--colorsSemanticInfo500)"
-};
-const TypeIconStyle = styled.div`
-  align-items: center;
-  background-color: ${({
-  variant
-}) => messageVariants[variant]};
-  display: flex;
-  justify-content: center;
-  line-height: 100%;
-  min-width: 30px;
-  text-align: center;
-  span {
-    &:before {
-      color: var(--colorsUtilityYang100);
-    }
-  }
-
-  ${({
-  transparent,
-  variant
-}) => transparent && css`
-      background-color: transparent;
-      span {
-        &:before {
-          color: ${messageVariants[variant]};
-        }
-      }
-    `}
-`;
-export default TypeIconStyle;

package/lib/components/message/__internal__/message-content/message-content.component.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface MessageContentProps {
-    title?: React.ReactNode;
-    children?: React.ReactNode;
-    showCloseIcon?: boolean;
-    reduceLeftPadding?: boolean;
-}
-declare const MessageContent: ({ title, children, showCloseIcon, reduceLeftPadding, }: MessageContentProps) => React.JSX.Element;
-export default MessageContent;

package/lib/components/message/__internal__/message-content/message-content.component.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _content = _interopRequireDefault(require("../../../content"));
-var _messageContent = _interopRequireDefault(require("./message-content.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageContent = ({
-  title,
-  children,
-  showCloseIcon,
-  reduceLeftPadding
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
-    showCloseIcon: showCloseIcon,
-    reduceLeftPadding: reduceLeftPadding,
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, /*#__PURE__*/_react.default.createElement(_content.default, {
-    title: title
-  }, children));
-};
-var _default = exports.default = MessageContent;

package/lib/components/message/__internal__/message-content/message-content.style.d.ts

@@ -1,3 +0,0 @@
-import { MessageContentProps } from "./message-content.component";
-declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon" | "reduceLeftPadding">, never>;
-export default MessageContentStyle;

package/lib/components/message/__internal__/message-content/message-content.style.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageContentStyle = _styledComponents.default.div`
-  padding: 15px ${({
-  showCloseIcon
-}) => showCloseIcon ? "50px" : "20px"} 15px
-    ${({
-  reduceLeftPadding
-}) => reduceLeftPadding ? "10px" : "20px"};
-  white-space: pre-wrap;
-  flex: 1;
-`;
-var _default = exports.default = MessageContentStyle;

package/lib/components/message/__internal__/type-icon/type-icon.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { MessageVariant } from "../../message.component";
-export interface TypeIconProps {
-    transparent?: boolean;
-    variant: MessageVariant;
-}
-declare const TypeIcon: ({ variant, transparent }: TypeIconProps) => React.JSX.Element;
-export default TypeIcon;

package/lib/components/message/__internal__/type-icon/type-icon.component.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _typeIcon = _interopRequireDefault(require("./type-icon.style"));
-var _icon = _interopRequireDefault(require("../../../icon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TypeIcon = ({
-  variant,
-  transparent
-}) => {
-  function iconToRender() {
-    if (variant === "neutral") return "info";
-    if (variant === "success") return "tick_circle";
-    return variant;
-  }
-  return /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: iconToRender()
-  }));
-};
-var _default = exports.default = TypeIcon;

package/lib/components/message/__internal__/type-icon/type-icon.style.d.ts

@@ -1,7 +0,0 @@
-import { MessageVariant } from "../../message.component";
-type TypeIconStyleProps = {
-    transparent?: boolean;
-    variant: MessageVariant;
-};
-declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconStyleProps, never>;
-export default TypeIconStyle;