npm - carbon-react - Versions diffs - 110.6.0 → 110.7.0 - Mend

carbon-react 110.6.0 → 110.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/lib/components/dialog/index.js CHANGED Viewed

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _dialogComponent.default;
+    return _dialog.default;
   }
 });
-var _dialogComponent = _interopRequireDefault(require("./dialog.component.js"));
+var _dialog = _interopRequireDefault(require("./dialog.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/dismissible-box/dismissible-box.component.js CHANGED Viewed

@@ -42,6 +42,7 @@ DismissibleBox.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -91,6 +92,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -141,6 +143,7 @@ DismissibleBox.propTypes = {
   "alignItems": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -190,6 +193,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -240,6 +244,7 @@ DismissibleBox.propTypes = {
   "alignSelf": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -289,6 +294,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -375,6 +381,7 @@ DismissibleBox.propTypes = {
   "bottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -424,6 +431,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -487,6 +495,7 @@ DismissibleBox.propTypes = {
   "flex": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -536,6 +545,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -586,6 +596,7 @@ DismissibleBox.propTypes = {
   "flexBasis": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -635,6 +646,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -718,6 +730,7 @@ DismissibleBox.propTypes = {
   "height": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -767,6 +780,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -817,6 +831,7 @@ DismissibleBox.propTypes = {
   "justifyItems": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "legacy", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "legacy", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -866,6 +881,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -916,6 +932,7 @@ DismissibleBox.propTypes = {
   "justifySelf": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "auto", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "left", "normal", "revert", "right", "self-end", "self-start", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -965,6 +982,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1015,6 +1033,7 @@ DismissibleBox.propTypes = {
   "left": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1064,6 +1083,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1202,6 +1222,7 @@ DismissibleBox.propTypes = {
   "maxHeight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1251,6 +1272,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1301,6 +1323,7 @@ DismissibleBox.propTypes = {
   "maxWidth": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1350,6 +1373,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1411,6 +1435,7 @@ DismissibleBox.propTypes = {
   "minHeight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1460,6 +1485,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1510,6 +1536,7 @@ DismissibleBox.propTypes = {
   "minWidth": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1559,6 +1586,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1665,6 +1693,7 @@ DismissibleBox.propTypes = {
   "opacity": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "inherit", "initial", "revert", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "inherit", "initial", "revert", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1714,6 +1743,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1779,6 +1809,7 @@ DismissibleBox.propTypes = {
   "overflow": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert", "scroll", "unset", "visible"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert", "scroll", "unset", "visible", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -1828,6 +1859,7 @@ DismissibleBox.propTypes = {
   })])), _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2036,6 +2068,7 @@ DismissibleBox.propTypes = {
   "right": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2085,6 +2118,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2136,6 +2170,7 @@ DismissibleBox.propTypes = {
   "size": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2185,6 +2220,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2236,6 +2272,7 @@ DismissibleBox.propTypes = {
   "top": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2285,6 +2322,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2336,6 +2374,7 @@ DismissibleBox.propTypes = {
   "verticalAlign": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,
@@ -2385,6 +2424,7 @@ DismissibleBox.propTypes = {
   }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,
     "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
     "big": _propTypes.default.func.isRequired,
     "blink": _propTypes.default.func.isRequired,
     "bold": _propTypes.default.func.isRequired,

package/lib/components/form/__internal__/form-summary.component.js CHANGED Viewed

@@ -53,19 +53,26 @@ Summary.propTypes = {
   warnings: _propTypes.default.number
 };
-const FormSummary = props => /*#__PURE__*/_react.default.createElement(_formSummary.StyledFormSummary, {
-  showSummary: props.errors > 0 || props.warnings > 0,
-  "data-element": "form-summary"
-}, /*#__PURE__*/_react.default.createElement(Summary, _extends({
-  type: "errors"
-}, props)), /*#__PURE__*/_react.default.createElement(Summary, _extends({
-  type: "warnings"
-}, props)), props.children);
+const FormSummary = ({
+  fullWidth,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_formSummary.StyledFormSummary, {
+    showSummary: props.errors || props.warnings,
+    "data-element": "form-summary",
+    fullWidth: fullWidth
+  }, /*#__PURE__*/_react.default.createElement(Summary, _extends({
+    type: "errors"
+  }, props)), /*#__PURE__*/_react.default.createElement(Summary, _extends({
+    type: "warnings"
+  }, props)), props.children);
+};
 FormSummary.propTypes = {
   children: _propTypes.default.node,
   errors: _propTypes.default.number,
-  warnings: _propTypes.default.number
+  warnings: _propTypes.default.number,
+  fullWidth: _propTypes.default.bool
 };
 var _default = FormSummary;
 exports.default = _default;

package/lib/components/form/__internal__/form-summary.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ export interface FormSummaryProps {
   errors?: number;
   /** The total number of warnings present in the form */
   warnings?: number;
+  /** Applies full width styling */
+  fullWidth?: boolean;
 }
 declare function FormSummary(props: FormSummaryProps): JSX.Element;

package/lib/components/form/__internal__/form-summary.style.js CHANGED Viewed

@@ -28,12 +28,20 @@ const StyledFormSummary = _styledComponents.default.div`
   padding: 8px;
   white-space: nowrap;
+  ${({
+  fullWidth
+}) => fullWidth && (0, _styledComponents.css)`
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      justify-content: flex-start;
+    `}
   ${({
   showSummary
 }) => showSummary && (0, _styledComponents.css)`
       background-color: var(--colorsUtilityMajor025);
     `}
   ${_button.default} {
     margin-right: 0;
   }
@@ -80,7 +88,8 @@ const StyledInternalSummary = _styledComponents.default.div`
 `;
 exports.StyledInternalSummary = StyledInternalSummary;
 StyledFormSummary.propTypes = {
-  showSummary: _propTypes.default.bool
+  showSummary: _propTypes.default.bool,
+  fullWidth: _propTypes.default.bool
 };
 StyledInternalSummary.propTypes = {
   type: _propTypes.default.oneOf(["errors", "warnings"])

package/lib/components/form/form.component.js CHANGED Viewed

@@ -40,6 +40,7 @@ const Form = ({
   fieldSpacing = 3,
   noValidate = true,
   height,
+  fullWidthButtons = false,
   ...rest
 }) => {
   const {
@@ -65,7 +66,7 @@ const Form = ({
     className: stickyFooter ? "sticky" : "",
     stickyFooter: stickyFooter,
     isInModal: isInModal
-  }, children), renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+  }, children), !fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
     "data-element": "form-footer",
     className: stickyFooter ? "sticky" : "",
     ref: formFooterRef,
@@ -78,7 +79,22 @@ const Form = ({
     warnings: warningCount
   }, saveButton), rightSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledRightButtons, {
     buttonAlignment: buttonAlignment
-  }, rightSideButtons)));
+  }, rightSideButtons)), fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+    "data-element": "form-footer",
+    className: stickyFooter ? "sticky" : "",
+    ref: formFooterRef,
+    stickyFooter: stickyFooter,
+    buttonAlignment: buttonAlignment,
+    fullWidthButtons: fullWidthButtons
+  }, leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
+    fullWidthButtons: fullWidthButtons
+  }, leftSideButtons), rightSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledRightButtons, {
+    fullWidthButtons: fullWidthButtons
+  }, rightSideButtons), /*#__PURE__*/_react.default.createElement(_form.StyledFullWidthButtons, null, /*#__PURE__*/_react.default.createElement(_formSummary.default, {
+    fullWidth: fullWidthButtons,
+    errors: errorCount,
+    warnings: warningCount
+  }, saveButton))));
 };
 Form.propTypes = { ..._propTypes2.default.space,
@@ -117,7 +133,10 @@ Form.propTypes = { ..._propTypes2.default.space,
   noValidate: _propTypes.default.bool,
   /** Height of the form (any valid CSS value) */
-  height: _propTypes.default.string
+  height: _propTypes.default.string,
+  /** Applies styling for full width buttons. Please note that you will still need to pass the `fullWidth` prop to the button you compose */
+  fullWidthButtons: _propTypes.default.bool
 };
 var _default = Form;
 exports.default = _default;

package/lib/components/form/form.config.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const FORM_BUTTON_ALIGNMENTS: string[];

package/lib/components/form/form.d.ts CHANGED Viewed

@@ -26,6 +26,8 @@ export interface FormProps extends SpaceProps {
   warningCount?: number;
   /** Height of the form (any valid CSS value) */
   height?: string;
+  /** Applies styling for full width buttons. Please note that you will still need to pass the `fullWidth` prop to the button you compose */
+  fullWidthButtons?: boolean;
 }
 declare function Form(props: FormProps): JSX.Element;

package/lib/components/form/form.style.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const StyledFormContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledFormFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledForm: import("styled-components").StyledComponent<"form", any, {}, never>;
+export const StyledRightButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledFullWidthButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLeftButtons: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/form/form.style.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledLeftButtons = exports.StyledRightButtons = exports.StyledForm = exports.StyledFormFooter = exports.StyledFormContent = void 0;
+exports.StyledLeftButtons = exports.StyledFullWidthButtons = exports.StyledRightButtons = exports.StyledForm = exports.StyledFormFooter = exports.StyledFormContent = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -58,7 +58,8 @@ const StyledFormFooter = _styledComponents.default.div`
     `}
   ${({
-  stickyFooter
+  stickyFooter,
+  fullWidthButtons
 }) => (0, _styledComponents.css)`
     ${!stickyFooter && (0, _styledComponents.css)`
       margin-top: 48px;
@@ -74,6 +75,11 @@ const StyledFormFooter = _styledComponents.default.div`
       position: sticky;
       bottom: 0;
     `}
+    ${fullWidthButtons && (0, _styledComponents.css)`
+      flex-direction: column;
+      align-items: stretch;
+    `}
   `}
 `;
 exports.StyledFormFooter = StyledFormFooter;
@@ -161,7 +167,9 @@ const StyledForm = _styledComponents.default.form`
 exports.StyledForm = StyledForm;
 const StyledRightButtons = _styledComponents.default.div`
   display: flex;
-  margin-left: 16px;
+  ${({
+  fullWidthButtons
+}) => fullWidthButtons ? `margin-left: 0px;` : `margin-left: 16px;`}
   ${({
   buttonAlignment
 }) => buttonAlignment === "left" && "flex-grow: 1"};
@@ -171,10 +179,17 @@ const StyledRightButtons = _styledComponents.default.div`
   }
 `;
 exports.StyledRightButtons = StyledRightButtons;
+const StyledFullWidthButtons = _styledComponents.default.div`
+  width: 100%;
+  display: flex;
+`;
+exports.StyledFullWidthButtons = StyledFullWidthButtons;
 const StyledLeftButtons = _styledComponents.default.div`
   display: flex;
   justify-content: flex-end;
-  margin-right: 16px;
+  ${({
+  fullWidthButtons
+}) => fullWidthButtons ? `margin-right: 0px;` : `margin-right: 16px;`}
   ${({
   buttonAlignment
 }) => buttonAlignment === "right" && "flex-grow: 1"};