carbon-react 111.15.0 → 111.16.0

package/esm/components/sidebar/sidebar.component.js

@@ -1,6 +1,6 @@
 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); }
 
-import React, { useRef, useCallback, useContext } from "react";
+import React, { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import Modal from "../modal";
 import StyledSidebar from "./sidebar.style";
@@ -35,6 +35,7 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
   focusableContainers,
   focusableSelectors,
   width,
+  headerPadding = {},
   ...rest
 }, ref) => {
   const locale = useLocale();
@@ -82,9 +83,11 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
     role: role
   }, filterStyledSystemPaddingProps(rest), {
     width: width
-  }), header && /*#__PURE__*/React.createElement(SidebarHeader, {
+  }), header && /*#__PURE__*/React.createElement(SidebarHeader, _extends({
+    closeIcon: closeIcon()
+  }, headerPadding, {
     id: headerId
-  }, header), closeIcon(), /*#__PURE__*/React.createElement(Box, _extends({
+  }), header), !header && closeIcon(), /*#__PURE__*/React.createElement(Box, _extends({
     "data-element": "sidebar-content",
     pt: "var(--spacing300)",
     pb: "var(--spacing400)",
@@ -145,6 +148,162 @@ Sidebar.propTypes = {
     }]).isRequired
   }),
   "header": PropTypes.node,
+  "headerPadding": PropTypes.shape({
+    "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])
+  }),
   "onCancel": PropTypes.func,
   "open": PropTypes.bool.isRequired,
   "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({

package/esm/style/utils/form-style-utils.d.ts

@@ -10,9 +10,11 @@ export declare const calculateFormSpacingValues: (props: PaddingProps, isFormCon
     "margin-left": string;
     "margin-right": string;
 } | {
+    ":not(.padded)"?: {
+        "padding-left": string;
+        "padding-right": string;
+    } | undefined;
     "margin-bottom": string;
-    "padding-left": string | undefined;
-    "padding-right": string | undefined;
     "margin-left": string;
     "margin-right": string;
 };

package/esm/style/utils/form-style-utils.js

@@ -92,8 +92,13 @@ export const calculateFormSpacingValues = (props, isFormContent, containerCompon
       "padding-right": spacingRightValue
     } : {
       "margin-bottom": setNegativeValue(spacingBottomValue),
-      "padding-left": isSidebar ? SIDEBAR_LEFT_PADDING : undefined,
-      "padding-right": isSidebar ? SIDEBAR_RIGHT_PADDING : undefined
+      ...(isSidebar && {
+        // if footer already has custom padding do not set
+        ":not(.padded)": {
+          "padding-left": SIDEBAR_LEFT_PADDING,
+          "padding-right": SIDEBAR_RIGHT_PADDING
+        }
+      })
     })
   };
 };

package/lib/components/dialog/dialog.style.js

@@ -83,7 +83,7 @@ const StyledDialog = _styledComponents.default.div`
   }
 
   ${_form.StyledFormFooter}.sticky {
-    ${_formStyleUtils.calculateWidthValue};
+    ${_formStyleUtils.calculateWidthValue}
     ${props => (0, _formStyleUtils.calculateFormSpacingValues)(props, false)}
   }
 

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { SpaceProps } from "styled-system";
+import { SpaceProps, PaddingProps } from "styled-system";
 import { FormButtonAlignment } from "./form.config";
 export interface FormProps extends SpaceProps {
     /** Alignment of buttons */
@@ -28,9 +28,11 @@ export interface FormProps extends SpaceProps {
     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;
+    /** Padding to be set on the form footer */
+    footerPadding?: PaddingProps;
 }
 export declare const Form: {
-    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, stickyFooter, fieldSpacing, noValidate, height, fullWidthButtons, ...rest }: FormProps): JSX.Element;
+    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, stickyFooter, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, ...rest }: FormProps): JSX.Element;
     displayName: string;
 };
 export default Form;

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

@@ -39,6 +39,7 @@ const Form = ({
   noValidate = true,
   height,
   fullWidthButtons = false,
+  footerPadding = {},
   ...rest
 }) => {
   const {
@@ -49,7 +50,9 @@ const Form = ({
   } = (0, _react.useContext)(_modal.ModalContext);
   const formRef = (0, _react.useRef)(null);
   const formFooterRef = (0, _react.useRef)(null);
+  const hasPadding = !!Object.keys(footerPadding).length;
   const renderFooter = !!(saveButton || leftSideButtons || rightSideButtons || errorCount || warningCount);
+  const classNames = `${stickyFooter ? "sticky" : ""} ${hasPadding ? "padded" : ""}`.trimEnd();
   return /*#__PURE__*/_react.default.createElement(_form.StyledForm, _extends({
     ref: formRef,
     stickyFooter: stickyFooter,
@@ -65,28 +68,28 @@ const Form = ({
     className: stickyFooter ? "sticky" : "",
     stickyFooter: stickyFooter,
     isInModal: isInModal
-  }, children), !fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+  }, children), !fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, _extends({
     "data-element": "form-footer",
-    className: stickyFooter ? "sticky" : "",
+    className: classNames,
     ref: formFooterRef,
     stickyFooter: stickyFooter,
     buttonAlignment: buttonAlignment,
     isInModal: isInModal
-  }, leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
+  }, footerPadding), leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
     buttonAlignment: buttonAlignment
   }, leftSideButtons), /*#__PURE__*/_react.default.createElement(_formSummary.default, {
     errorCount: errorCount,
     warningCount: warningCount
   }, saveButton), rightSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledRightButtons, {
     buttonAlignment: buttonAlignment
-  }, rightSideButtons)), fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+  }, rightSideButtons)), fullWidthButtons && renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, _extends({
     "data-element": "form-footer",
-    className: stickyFooter ? "sticky" : "",
+    className: classNames,
     ref: formFooterRef,
     stickyFooter: stickyFooter,
     buttonAlignment: buttonAlignment,
     fullWidthButtons: fullWidthButtons
-  }, leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
+  }, footerPadding), leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
     fullWidthButtons: fullWidthButtons
   }, leftSideButtons), rightSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledRightButtons, {
     fullWidthButtons: fullWidthButtons
@@ -103,6 +106,162 @@ Form.propTypes = {
   "children": _propTypes.default.node,
   "errorCount": _propTypes.default.number,
   "fieldSpacing": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7]),
+  "footerPadding": _propTypes.default.shape({
+    "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string]),
+    "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+      "__@toStringTag": _propTypes.default.string.isRequired,
+      "description": _propTypes.default.string,
+      "toString": _propTypes.default.func.isRequired,
+      "valueOf": _propTypes.default.func.isRequired
+    }), _propTypes.default.string])
+  }),
   "fullWidthButtons": _propTypes.default.bool,
   "height": _propTypes.default.string,
   "leftSideButtons": _propTypes.default.node,

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

@@ -80,8 +80,13 @@ const StyledFormFooter = _styledComponents.default.div`
       align-items: stretch;
     `}
   `}
+
+  ${_styledSystem.padding}
 `;
 exports.StyledFormFooter = StyledFormFooter;
+StyledFormFooter.defaultProps = {
+  theme: _base.default
+};
 
 const formBottomMargins = fieldSpacing => ({
   0: "var(--spacing000)",

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts

@@ -1,9 +1,15 @@
 import React from "react";
-interface SidebarHeaderProps {
+import { PaddingProps } from "styled-system";
+export interface SidebarHeaderProps extends PaddingProps {
     /** This component supports children. */
     children?: React.ReactNode;
     /** A custom id. */
     id: string;
+    /** Close icon button to be rendered */
+    closeIcon?: React.ReactNode;
 }
-declare const SidebarHeader: ({ children, id }: SidebarHeaderProps) => JSX.Element;
+declare const SidebarHeader: {
+    ({ children, id, closeIcon, ...rest }: SidebarHeaderProps): JSX.Element;
+    displayName: string;
+};
 export default SidebarHeader;