carbon-react 104.58.5 → 104.58.8

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/pager/pager.component.js

@@ -110,8 +110,7 @@ const Pager = ({
       onChange: ev => setValue(ev.target.value),
       onBlur: () => setValue(currentPageSize),
       onKeyDown: handleKeyDown,
-      "data-element": "page-select",
-      id: "page-select"
+      "data-element": "page-select"
     }, pageSizeSelectionOptions.map(sizeOption => /*#__PURE__*/React.createElement(Option, {
       key: sizeOption.id,
       text: sizeOption.id,

package/esm/components/textarea/textarea.component.js

@@ -11,7 +11,7 @@ import { InputBehaviour } from "../../__internal__/input-behaviour";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import InputIconToggle from "../../__internal__/input-icon-toggle";
 import guid from "../../__internal__/utils/helpers/guid";
-import StyledTextarea from "./textarea.style";
+import StyledTextarea, { MIN_HEIGHT } from "./textarea.style";
 import LocaleContext from "../../__internal__/i18n-context";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
 import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility";
@@ -72,13 +72,12 @@ const Textarea = ({
     current: id
   } = useRef(idProp || guid());
   const inputRef = useRef();
-  const minHeight = useRef(0);
+  const minHeight = useRef(MIN_HEIGHT);
 
   const expandTextarea = () => {
     const textarea = inputRef.current;
 
     if (textarea.scrollHeight > minHeight.current) {
-      // Reset height to zero - IE specific
       textarea.style.height = "0px"; // Set the height so all content is shown
 
       textarea.style.height = `${Math.max(textarea.scrollHeight, minHeight.current)}px`;
@@ -99,6 +98,11 @@ const Textarea = ({
     label,
     fieldHelp
   });
+  useEffect(() => {
+    if (rows) {
+      minHeight.current = inputRef.current.scrollHeight;
+    }
+  }, [rows]);
   useEffect(() => {
     if (expandable) {
       expandTextarea();

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

@@ -1,2 +1,3 @@
+export const MIN_HEIGHT: 40;
 export default StyledTextarea;
 declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/textarea/textarea.style.js

@@ -4,12 +4,13 @@ import StyledInput from "../../__internal__/input/input.style";
 import { StyledLabelContainer } from "../../__internal__/label/label.style";
 import InputIconToggleStyle from "../../__internal__/input-icon-toggle/input-icon-toggle.style";
 import BaseTheme from "../../style/themes/base";
+export const MIN_HEIGHT = 40;
 const StyledTextarea = styled.div`
   ${margin};
 
   ${StyledInput} {
     resize: none;
-    min-height: 40px;
+    min-height: ${MIN_HEIGHT}px;
     margin-top: 5px;
     margin-bottom: 5px;
   }

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/lib/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/lib/components/message/message-content/message-content.component.js

@@ -16,28 +16,17 @@ var _messageContent = _interopRequireDefault(require("./message-content.style"))
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const MessageContent = ({
-  variant,
   title,
-  transparent,
   children
 }) => {
-  return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/_react.default.createElement(_contentComponent.default, {
+  return /*#__PURE__*/_react.default.createElement(_messageContent.default, null, /*#__PURE__*/_react.default.createElement(_contentComponent.default, {
     title: title,
     className: "message-content"
   }, children));
 };
 
-MessageContent.defaultProps = {
-  variant: "info",
-  transparent: false
-};
 MessageContent.propTypes = {
-  variant: _propTypes.default.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
   title: _propTypes.default.node,
-  transparent: _propTypes.default.bool,
   children: _propTypes.default.node
 };
 var _default = MessageContent;

package/lib/components/message/message.component.js

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

package/lib/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/lib/components/message/type-icon/type-icon.component.js

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

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

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

package/lib/components/pager/pager.component.js

@@ -130,8 +130,7 @@ const Pager = ({
       onChange: ev => setValue(ev.target.value),
       onBlur: () => setValue(currentPageSize),
       onKeyDown: handleKeyDown,
-      "data-element": "page-select",
-      id: "page-select"
+      "data-element": "page-select"
     }, pageSizeSelectionOptions.map(sizeOption => /*#__PURE__*/_react.default.createElement(_option.default, {
       key: sizeOption.id,
       text: sizeOption.id,

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

@@ -27,7 +27,7 @@ var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-
 
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
-var _textarea = _interopRequireDefault(require("./textarea.style"));
+var _textarea = _interopRequireWildcard(require("./textarea.style"));
 
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
 
@@ -102,13 +102,12 @@ const Textarea = ({
     current: id
   } = (0, _react.useRef)(idProp || (0, _guid.default)());
   const inputRef = (0, _react.useRef)();
-  const minHeight = (0, _react.useRef)(0);
+  const minHeight = (0, _react.useRef)(_textarea.MIN_HEIGHT);
 
   const expandTextarea = () => {
     const textarea = inputRef.current;
 
     if (textarea.scrollHeight > minHeight.current) {
-      // Reset height to zero - IE specific
       textarea.style.height = "0px"; // Set the height so all content is shown
 
       textarea.style.height = `${Math.max(textarea.scrollHeight, minHeight.current)}px`;
@@ -129,6 +128,11 @@ const Textarea = ({
     label,
     fieldHelp
   });
+  (0, _react.useEffect)(() => {
+    if (rows) {
+      minHeight.current = inputRef.current.scrollHeight;
+    }
+  }, [rows]);
   (0, _react.useEffect)(() => {
     if (expandable) {
       expandTextarea();

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

@@ -1,2 +1,3 @@
+export const MIN_HEIGHT: 40;
 export default StyledTextarea;
 declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/textarea/textarea.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.MIN_HEIGHT = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -23,12 +23,14 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const MIN_HEIGHT = 40;
+exports.MIN_HEIGHT = MIN_HEIGHT;
 const StyledTextarea = _styledComponents.default.div`
   ${_styledSystem.margin};
 
   ${_input.default} {
     resize: none;
-    min-height: 40px;
+    min-height: ${MIN_HEIGHT}px;
     margin-top: 5px;
     margin-bottom: 5px;
   }

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

@@ -36,7 +36,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Toast = ({
-  as = "warning",
+  as = "success",
   children,
   className,
   id,
@@ -135,10 +135,10 @@ const Toast = ({
 
 Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
-  variant: _propTypes.default.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
 
   /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as: _propTypes.default.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
+  as: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
 
   /** Custom className */
   className: _propTypes.default.string,

package/lib/components/toast/toast.config.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TOAST_COLORS = void 0;
 // eslint-disable-next-line import/prefer-default-export
-const TOAST_COLORS = ["default", "error", "help", "info", "maintenance", "new", "success", "warning"];
+const TOAST_COLORS = ["error", "info", "success", "warning"];
 exports.TOAST_COLORS = TOAST_COLORS;

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "104.58.5",
+  "version": "104.58.8",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {