carbon-react 104.58.6 → 105.0.0

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/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/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.6",
+  "version": "105.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/row/column/column.component.d.ts

@@ -1,30 +0,0 @@
-export default Column;
-declare function Column({ columnAlign, columns, columnSpan, columnOffset, columnClasses, className, ...props }: {
-    [x: string]: any;
-    columnAlign: any;
-    columns: any;
-    columnSpan: any;
-    columnOffset: any;
-    columnClasses: any;
-    className: any;
-}): JSX.Element;
-declare namespace Column {
-    namespace defaultProps {
-        const columnOffset: string;
-        const columnSpan: string;
-        const columnAlign: string;
-    }
-    namespace propTypes {
-        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const className: PropTypes.Requireable<string>;
-        export const columns: PropTypes.Requireable<string | number>;
-        export const columnClasses: PropTypes.Requireable<string>;
-        const columnAlign_1: PropTypes.Requireable<string>;
-        export { columnAlign_1 as columnAlign };
-        const columnOffset_1: PropTypes.Requireable<string | number>;
-        export { columnOffset_1 as columnOffset };
-        const columnSpan_1: PropTypes.Requireable<string | number>;
-        export { columnSpan_1 as columnSpan };
-    }
-}
-import PropTypes from "prop-types";

package/esm/components/row/column/column.component.js

@@ -1,72 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-import StyledColumn from "./column.style";
-import Logger from "../../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-
-const Column = ({
-  columnAlign,
-  columns,
-  columnSpan,
-  columnOffset,
-  columnClasses,
-  className,
-  ...props
-}) => {
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    Logger.deprecate("`Column` component is deprecated and will soon be removed.");
-  }
-
-  return /*#__PURE__*/React.createElement(StyledColumn, {
-    columnAlign: columnAlign,
-    className: classNames(className, columnClasses),
-    columns: columns,
-    columnSpan: columnSpan,
-    columnOffset: columnOffset,
-    "data-component": "column"
-  }, props.children);
-};
-
-Column.defaultProps = {
-  columnOffset: "0",
-  columnSpan: "1",
-  columnAlign: "left"
-};
-/* eslint-disable react/no-unused-prop-types */
-
-Column.propTypes = {
-  /** Content. */
-  children: PropTypes.node,
-
-  /** Classes to apply to the component. */
-  className: PropTypes.string,
-
-  /**
-   * @private
-   * @ignore
-   */
-
-  /** Total column count */
-  columns: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-   * @private
-   * @ignore
-   */
-
-  /** Classes applied by row component to affect all rows */
-  columnClasses: PropTypes.string,
-
-  /** Alignment of content within column. */
-  columnAlign: PropTypes.oneOf(["left", "center", "middle", "right"]),
-
-  /** Offset this column by a certain number of columns. */
-  columnOffset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** Span this column by a certain number of columns. */
-  columnSpan: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-};
-export default Column;

package/esm/components/row/column/column.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-
-export interface ColumnProps {
-  /** Children. */
-  children?: React.ReactNode;
-  /** Classes to apply to the component. */
-  className?: string;
-  /** Total column count. */
-  columns?: number | string;
-  /** Classes applied by row component to affect all rows */
-  columnClasses?: string;
-  /** Alignment of content within column. */
-  columnAlign?: "left" | "center" | "middle" | "right";
-  /** Offset this column by a certain number of columns. */
-  columnOffset?: number | string;
-  /** Span this column by a certain number of columns. */
-  columnSpan?: number | string;
-}
-
-declare function Column(props: ColumnProps): JSX.Element;
-
-export default Column;

package/esm/components/row/column/column.style.d.ts

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

package/esm/components/row/column/column.style.js

@@ -1,32 +0,0 @@
-import styled, { css } from "styled-components";
-const StyledColumn = styled.div`
-  box-sizing: border-box;
-  float: left;
-  min-height: 1px;
-  width: 100%;
-  ${({
-  columnAlign
-}) => (columnAlign === "center" || columnAlign === "middle") && "text-align: center"}
-
-  ${({
-  columnAlign
-}) => columnAlign === "right" && "text-align: right"}
-  ${({
-  columns
-}) => css`
-    width: ${100 / columns}%;
-  `}
-  ${({
-  columns,
-  columnSpan
-}) => css`
-    width: ${100 / columns * +columnSpan}%;
-  `}
-  ${({
-  columns,
-  columnOffset
-}) => css`
-    margin-left: ${100 / columns * +columnOffset}%;
-  `}
-`;
-export default StyledColumn;

package/esm/components/row/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Row } from "./row";
-export { default as Column } from "./column/column";

package/esm/components/row/index.js

@@ -1,2 +0,0 @@
-export { default as Row } from "./row.component";
-export { default as Column } from "./column/column.component";

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

@@ -1,24 +0,0 @@
-export default Row;
-declare function Row({ columns, children, columnClasses, columnDivide, gutter, className, }: {
-    columns: any;
-    children: any;
-    columnClasses: any;
-    columnDivide: any;
-    gutter: any;
-    className: any;
-}): JSX.Element;
-declare namespace Row {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const className: PropTypes.Requireable<string>;
-        const gutter: PropTypes.Requireable<string>;
-        const columnDivide: PropTypes.Requireable<boolean>;
-        const columns: PropTypes.Requireable<string | number>;
-        const columnClasses: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const gutter_1: string;
-        export { gutter_1 as gutter };
-    }
-}
-import PropTypes from "prop-types";

package/esm/components/row/row.component.js

@@ -1,59 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import StyledRow from "./row.style";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-
-const Row = ({
-  columns,
-  children,
-  columnClasses,
-  columnDivide,
-  gutter,
-  className
-}) => {
-  const columnsCount = columns || React.Children.toArray(children).length;
-
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    Logger.deprecate("`Row` component is deprecated and will soon be removed.");
-  }
-
-  const buildColumns = () => React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
-    columnClasses,
-    columns: columnsCount
-  }, child.props.children));
-
-  return /*#__PURE__*/React.createElement(StyledRow, {
-    "data-component": "row",
-    columnDivide: columnDivide,
-    gutter: gutter,
-    className: className,
-    columns: columns || React.Children.toArray(children).length
-  }, buildColumns());
-};
-
-Row.propTypes = {
-  /** This component supports children of type Column. */
-  children: PropTypes.node.isRequired,
-
-  /** Classes to apply to the component. */
-  className: PropTypes.string,
-
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter: PropTypes.oneOf(["none", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Enable a divider between each column. */
-  columnDivide: PropTypes.bool,
-
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** Classes to apply to all column children. */
-  columnClasses: PropTypes.string
-};
-Row.defaultProps = {
-  gutter: "medium"
-};
-export default Row;

package/esm/components/row/row.config.d.ts

@@ -1,11 +0,0 @@
-export const ROW_SIZES: string[];
-export const ROW_SIZES_CSS: {
-    none: number;
-    "extra-small": number;
-    small: number;
-    "medium-small": number;
-    medium: number;
-    "medium-large": number;
-    large: number;
-    "extra-large": number;
-};

package/esm/components/row/row.config.js

@@ -1,12 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export const ROW_SIZES = ["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
-export const ROW_SIZES_CSS = {
-  none: 0,
-  "extra-small": 2,
-  small: 5,
-  "medium-small": 10,
-  medium: 15,
-  "medium-large": 30,
-  large: 60,
-  "extra-large": 90
-};

package/esm/components/row/row.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-
-export interface RowProps {
-  /** This component supports children of type Column. */
-  children: React.ReactNode;
-  /** Classes to apply to the component. */
-  className?: string;
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter?:
-    | "extra-small"
-    | "small"
-    | "medium-small"
-    | "medium"
-    | "medium-large"
-    | "large"
-    | "extra-large";
-  /** Enable a divider between each column. */
-  columnDivide?: boolean;
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns?: number | string;
-  /** Classes to apply to all column children. */
-  columnClasses?: string;
-}
-
-declare function Row(props: RowProps): JSX.Element;
-
-export default Row;

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

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

package/esm/components/row/row.style.js

@@ -1,53 +0,0 @@
-import styled, { css } from "styled-components";
-import baseTheme from "../../style/themes/base";
-import StyledColumn from "./column/column.style";
-import { ROW_SIZES_CSS } from "./row.config";
-const StyledRow = styled.div`
-  clear: both;
-  position: relative;
-
-  ${({
-  gutter,
-  columnDivide
-}) => {
-  const size = ROW_SIZES_CSS[gutter];
-  return css`
-      margin-bottom: -${size}px;
-      margin-left: -${size}px;
-
-      ${StyledColumn} {
-        margin-bottom: ${size}px;
-        padding-left: ${size}px;
-
-        ${columnDivide && css`
-          position: relative;
-
-          &:before {
-            content: "";
-            position: absolute;
-            width: 1px;
-            height: 100%;
-            background-color: ${baseTheme.palette.slateTint(70)};
-            left: ${size / 2}px;
-            top: 0;
-          }
-
-          &:first-child:before {
-            display: none;
-          }
-        `}
-      }
-    `;
-}}
-
-  /* Clearfix */
-  &:before,
-  &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-  }
-`;
-export default StyledRow;

package/lib/components/row/column/column.component.d.ts

@@ -1,30 +0,0 @@
-export default Column;
-declare function Column({ columnAlign, columns, columnSpan, columnOffset, columnClasses, className, ...props }: {
-    [x: string]: any;
-    columnAlign: any;
-    columns: any;
-    columnSpan: any;
-    columnOffset: any;
-    columnClasses: any;
-    className: any;
-}): JSX.Element;
-declare namespace Column {
-    namespace defaultProps {
-        const columnOffset: string;
-        const columnSpan: string;
-        const columnAlign: string;
-    }
-    namespace propTypes {
-        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const className: PropTypes.Requireable<string>;
-        export const columns: PropTypes.Requireable<string | number>;
-        export const columnClasses: PropTypes.Requireable<string>;
-        const columnAlign_1: PropTypes.Requireable<string>;
-        export { columnAlign_1 as columnAlign };
-        const columnOffset_1: PropTypes.Requireable<string | number>;
-        export { columnOffset_1 as columnOffset };
-        const columnSpan_1: PropTypes.Requireable<string | number>;
-        export { columnSpan_1 as columnSpan };
-    }
-}
-import PropTypes from "prop-types";

package/lib/components/row/column/column.component.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _column = _interopRequireDefault(require("./column.style"));
-
-var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let deprecatedWarnTriggered = false;
-
-const Column = ({
-  columnAlign,
-  columns,
-  columnSpan,
-  columnOffset,
-  columnClasses,
-  className,
-  ...props
-}) => {
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    _logger.default.deprecate("`Column` component is deprecated and will soon be removed.");
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_column.default, {
-    columnAlign: columnAlign,
-    className: (0, _classnames.default)(className, columnClasses),
-    columns: columns,
-    columnSpan: columnSpan,
-    columnOffset: columnOffset,
-    "data-component": "column"
-  }, props.children);
-};
-
-Column.defaultProps = {
-  columnOffset: "0",
-  columnSpan: "1",
-  columnAlign: "left"
-};
-/* eslint-disable react/no-unused-prop-types */
-
-Column.propTypes = {
-  /** Content. */
-  children: _propTypes.default.node,
-
-  /** Classes to apply to the component. */
-  className: _propTypes.default.string,
-
-  /**
-   * @private
-   * @ignore
-   */
-
-  /** Total column count */
-  columns: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /**
-   * @private
-   * @ignore
-   */
-
-  /** Classes applied by row component to affect all rows */
-  columnClasses: _propTypes.default.string,
-
-  /** Alignment of content within column. */
-  columnAlign: _propTypes.default.oneOf(["left", "center", "middle", "right"]),
-
-  /** Offset this column by a certain number of columns. */
-  columnOffset: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Span this column by a certain number of columns. */
-  columnSpan: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-};
-var _default = Column;
-exports.default = _default;

package/lib/components/row/column/column.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-
-export interface ColumnProps {
-  /** Children. */
-  children?: React.ReactNode;
-  /** Classes to apply to the component. */
-  className?: string;
-  /** Total column count. */
-  columns?: number | string;
-  /** Classes applied by row component to affect all rows */
-  columnClasses?: string;
-  /** Alignment of content within column. */
-  columnAlign?: "left" | "center" | "middle" | "right";
-  /** Offset this column by a certain number of columns. */
-  columnOffset?: number | string;
-  /** Span this column by a certain number of columns. */
-  columnSpan?: number | string;
-}
-
-declare function Column(props: ColumnProps): JSX.Element;
-
-export default Column;

package/lib/components/row/column/column.style.d.ts

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

package/lib/components/row/column/column.style.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-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 StyledColumn = _styledComponents.default.div`
-  box-sizing: border-box;
-  float: left;
-  min-height: 1px;
-  width: 100%;
-  ${({
-  columnAlign
-}) => (columnAlign === "center" || columnAlign === "middle") && "text-align: center"}
-
-  ${({
-  columnAlign
-}) => columnAlign === "right" && "text-align: right"}
-  ${({
-  columns
-}) => (0, _styledComponents.css)`
-    width: ${100 / columns}%;
-  `}
-  ${({
-  columns,
-  columnSpan
-}) => (0, _styledComponents.css)`
-    width: ${100 / columns * +columnSpan}%;
-  `}
-  ${({
-  columns,
-  columnOffset
-}) => (0, _styledComponents.css)`
-    margin-left: ${100 / columns * +columnOffset}%;
-  `}
-`;
-var _default = StyledColumn;
-exports.default = _default;

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

@@ -1,2 +0,0 @@
-export { default as Row } from "./row";
-export { default as Column } from "./column/column";

package/lib/components/row/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _row.default;
-  }
-});
-Object.defineProperty(exports, "Column", {
-  enumerable: true,
-  get: function () {
-    return _column.default;
-  }
-});
-
-var _row = _interopRequireDefault(require("./row.component"));
-
-var _column = _interopRequireDefault(require("./column/column.component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/row/package.json

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

package/lib/components/row/row.component.d.ts

@@ -1,24 +0,0 @@
-export default Row;
-declare function Row({ columns, children, columnClasses, columnDivide, gutter, className, }: {
-    columns: any;
-    children: any;
-    columnClasses: any;
-    columnDivide: any;
-    gutter: any;
-    className: any;
-}): JSX.Element;
-declare namespace Row {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const className: PropTypes.Requireable<string>;
-        const gutter: PropTypes.Requireable<string>;
-        const columnDivide: PropTypes.Requireable<boolean>;
-        const columns: PropTypes.Requireable<string | number>;
-        const columnClasses: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const gutter_1: string;
-        export { gutter_1 as gutter };
-    }
-}
-import PropTypes from "prop-types";

package/lib/components/row/row.component.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _row = _interopRequireDefault(require("./row.style"));
-
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let deprecatedWarnTriggered = false;
-
-const Row = ({
-  columns,
-  children,
-  columnClasses,
-  columnDivide,
-  gutter,
-  className
-}) => {
-  const columnsCount = columns || _react.default.Children.toArray(children).length;
-
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    _logger.default.deprecate("`Row` component is deprecated and will soon be removed.");
-  }
-
-  const buildColumns = () => _react.default.Children.toArray(children).map(child => /*#__PURE__*/_react.default.cloneElement(child, {
-    columnClasses,
-    columns: columnsCount
-  }, child.props.children));
-
-  return /*#__PURE__*/_react.default.createElement(_row.default, {
-    "data-component": "row",
-    columnDivide: columnDivide,
-    gutter: gutter,
-    className: className,
-    columns: columns || _react.default.Children.toArray(children).length
-  }, buildColumns());
-};
-
-Row.propTypes = {
-  /** This component supports children of type Column. */
-  children: _propTypes.default.node.isRequired,
-
-  /** Classes to apply to the component. */
-  className: _propTypes.default.string,
-
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter: _propTypes.default.oneOf(["none", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Enable a divider between each column. */
-  columnDivide: _propTypes.default.bool,
-
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Classes to apply to all column children. */
-  columnClasses: _propTypes.default.string
-};
-Row.defaultProps = {
-  gutter: "medium"
-};
-var _default = Row;
-exports.default = _default;

package/lib/components/row/row.config.d.ts

@@ -1,11 +0,0 @@
-export const ROW_SIZES: string[];
-export const ROW_SIZES_CSS: {
-    none: number;
-    "extra-small": number;
-    small: number;
-    "medium-small": number;
-    medium: number;
-    "medium-large": number;
-    large: number;
-    "extra-large": number;
-};

package/lib/components/row/row.config.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ROW_SIZES_CSS = exports.ROW_SIZES = void 0;
-// eslint-disable-next-line import/prefer-default-export
-const ROW_SIZES = ["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
-exports.ROW_SIZES = ROW_SIZES;
-const ROW_SIZES_CSS = {
-  none: 0,
-  "extra-small": 2,
-  small: 5,
-  "medium-small": 10,
-  medium: 15,
-  "medium-large": 30,
-  large: 60,
-  "extra-large": 90
-};
-exports.ROW_SIZES_CSS = ROW_SIZES_CSS;

package/lib/components/row/row.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-
-export interface RowProps {
-  /** This component supports children of type Column. */
-  children: React.ReactNode;
-  /** Classes to apply to the component. */
-  className?: string;
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter?:
-    | "extra-small"
-    | "small"
-    | "medium-small"
-    | "medium"
-    | "medium-large"
-    | "large"
-    | "extra-large";
-  /** Enable a divider between each column. */
-  columnDivide?: boolean;
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns?: number | string;
-  /** Classes to apply to all column children. */
-  columnClasses?: string;
-}
-
-declare function Row(props: RowProps): JSX.Element;
-
-export default Row;

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

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

package/lib/components/row/row.style.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
-var _column = _interopRequireDefault(require("./column/column.style"));
-
-var _row = require("./row.config");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-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 StyledRow = _styledComponents.default.div`
-  clear: both;
-  position: relative;
-
-  ${({
-  gutter,
-  columnDivide
-}) => {
-  const size = _row.ROW_SIZES_CSS[gutter];
-  return (0, _styledComponents.css)`
-      margin-bottom: -${size}px;
-      margin-left: -${size}px;
-
-      ${_column.default} {
-        margin-bottom: ${size}px;
-        padding-left: ${size}px;
-
-        ${columnDivide && (0, _styledComponents.css)`
-          position: relative;
-
-          &:before {
-            content: "";
-            position: absolute;
-            width: 1px;
-            height: 100%;
-            background-color: ${_base.default.palette.slateTint(70)};
-            left: ${size / 2}px;
-            top: 0;
-          }
-
-          &:first-child:before {
-            display: none;
-          }
-        `}
-      }
-    `;
-}}
-
-  /* Clearfix */
-  &:before,
-  &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-  }
-`;
-var _default = StyledRow;
-exports.default = _default;