carbon-react 111.15.0 → 111.17.0

package/lib/components/confirm/confirm.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Confirm = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -39,10 +39,10 @@ const Confirm = ({
   "aria-label": ariaLabel,
   open,
   children,
-  cancelButtonDestructive,
-  confirmButtonDestructive,
-  cancelButtonType,
-  confirmButtonType,
+  cancelButtonDestructive = false,
+  confirmButtonDestructive = false,
+  cancelButtonType = "secondary",
+  confirmButtonType = "primary",
   cancelButtonIconType,
   cancelButtonIconPosition,
   confirmButtonIconType,
@@ -57,6 +57,8 @@ const Confirm = ({
   iconType,
   subtitle,
   title,
+  size = "extra-small",
+  showCloseIcon = false,
   ...rest
 }) => {
   const l = (0, _useLocale.default)();
@@ -134,123 +136,54 @@ const Confirm = ({
     subtitle: subtitle,
     title: getTitle(),
     "data-component": "confirm",
-    role: "alertdialog"
+    role: "alertdialog",
+    size: size,
+    showCloseIcon: showCloseIcon
   }, ariaProps, rest), children, /*#__PURE__*/_react.default.createElement(_confirm.StyledConfirmButtons, null, renderCancelButton(), renderConfirmButton()));
 };
 
-Confirm.defaultProps = {
-  size: "extra-small",
-  showCloseIcon: false,
-  cancelButtonDestructive: false,
-  confirmButtonDestructive: false,
-  iconType: null,
-  cancelButtonType: "secondary",
-  confirmButtonType: "primary"
-};
+exports.Confirm = Confirm;
 Confirm.propTypes = {
-  /** Prop to specify the aria-describedby property of the component */
   "aria-describedby": _propTypes.default.string,
-
-  /**
-   * Prop to specify the aria-label of the component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
   "aria-label": _propTypes.default.string,
-
-  /**
-   * Prop to specify the aria-labeledby property of the component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
   "aria-labelledby": _propTypes.default.string,
-
-  /** Confirm content */
-  children: _propTypes.default.node,
-
-  /** Controls the open state of the component */
-  open: _propTypes.default.bool.isRequired,
-
-  /** A custom close event handler */
-  onCancel: _propTypes.default.func,
-
-  /** Determines if the Esc Key closes the Confirm */
-  disableEscKey: _propTypes.default.bool,
-
-  /** Allows developers to specify a specific height for the Confirm. */
-  height: _propTypes.default.string,
-
-  /** Title displayed at top of component */
-  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
-  /** Subtitle displayed at top of component */
-  subtitle: _propTypes.default.string,
-
-  /** Size of component */
-  size: _propTypes.default.oneOf(["auto", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Determines if the close icon is shown */
-  showCloseIcon: _propTypes.default.bool,
-
-  /** Optional reference to an element meant to be focused on open */
-  focusFirstElement: _propTypes.default.shape({
-    current: _propTypes.default.any
+  "cancelButtonDestructive": _propTypes.default.bool,
+  "cancelButtonIconPosition": _propTypes.default.oneOf(["after", "before"]),
+  "cancelButtonIconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "cancelButtonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "cancelLabel": _propTypes.default.string,
+  "children": _propTypes.default.node,
+  "confirmButtonDestructive": _propTypes.default.bool,
+  "confirmButtonIconPosition": _propTypes.default.oneOf(["after", "before"]),
+  "confirmButtonIconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "confirmButtonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
+  "confirmLabel": _propTypes.default.string,
+  "data-component": _propTypes.default.string,
+  "data-element": _propTypes.default.string,
+  "data-role": _propTypes.default.string,
+  "disableAutoFocus": _propTypes.default.bool,
+  "disableCancel": _propTypes.default.bool,
+  "disableConfirm": _propTypes.default.bool,
+  "disableEscKey": _propTypes.default.bool,
+  "focusFirstElement": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
   }),
-
-  /** Disables auto focus functionality on child elements */
-  disableAutoFocus: _propTypes.default.bool,
-
-  /** A custom event handler when a confirmation takes place */
-  onConfirm: _propTypes.default.func.isRequired,
-
-  /** Customise the confirm button label */
-  confirmLabel: _propTypes.default.string,
-
-  /** Customise the cancel button label */
-  cancelLabel: _propTypes.default.string,
-
-  /** Apply destructive style to the cancel button */
-  cancelButtonDestructive: _propTypes.default.bool,
-
-  /** Apply destructive style to the confirm button */
-  confirmButtonDestructive: _propTypes.default.bool,
-
-  /** Defines a cancel button Icon position related to the children: "before" | "after" */
-  cancelButtonIconPosition: _propTypes.default.oneOf(["before", "after"]),
-
-  /**
-   * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-   *
-   *  Defines an Icon type within the cancel button (see Icon for options)
-   * */
-  cancelButtonIconType: _propTypes.default.string,
-
-  /** Defines a confirm button Icon position related to the children: "before" | "after" */
-  confirmButtonIconPosition: _propTypes.default.oneOf(["before", "after"]),
-
-  /**
-   *  <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-   *
-   * Defines an Icon type within the confirm button (see Icon for options)
-   * */
-  confirmButtonIconType: _propTypes.default.string,
-
-  /** Defines an Icon type within the button (see Icon for options) */
-  iconType: _propTypes.default.oneOf(["error", "warning"]),
-
-  /** Makes cancel button disabled */
-  disableCancel: _propTypes.default.bool,
-
-  /** Makes confirm button disabled */
-  disableConfirm: _propTypes.default.bool,
-
-  /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
-  cancelButtonType: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "dashed", "darkBackground"]),
-
-  /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
-  confirmButtonType: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "dashed", "darkBackground"]),
-
-  /** Adds isLoading state into confirm button */
-  isLoadingConfirm: _propTypes.default.bool
+  "height": _propTypes.default.string,
+  "iconType": _propTypes.default.oneOf(["error", "warning"]),
+  "isLoadingConfirm": _propTypes.default.bool,
+  "onCancel": _propTypes.default.func,
+  "onConfirm": _propTypes.default.func.isRequired,
+  "open": _propTypes.default.bool.isRequired,
+  "showCloseIcon": _propTypes.default.bool,
+  "size": _propTypes.default.oneOf(["auto", "extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"]),
+  "subtitle": _propTypes.default.string,
+  "title": _propTypes.default.node
 };
 var _default = Confirm;
 exports.default = _default;

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

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

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

@@ -0,0 +1,5 @@
+import { ConfirmProps } from ".";
+export declare const StyledConfirmButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledConfirmHeading: import("styled-components").StyledComponent<"div", any, {
+    type: ConfirmProps["iconType"];
+}, never>;

package/lib/components/confirm/confirm.style.js

@@ -7,8 +7,6 @@ exports.StyledConfirmHeading = exports.StyledConfirmButtons = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
 
 var _heading = require("../heading/heading.style");
@@ -48,7 +46,4 @@ const StyledConfirmHeading = _styledComponents.default.div`
       `}
   }
 `;
-exports.StyledConfirmHeading = StyledConfirmHeading;
-StyledConfirmHeading.propTypes = {
-  type: _propTypes.default.oneOf(["error", "warning"])
-};
+exports.StyledConfirmHeading = StyledConfirmHeading;

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

@@ -1 +1,2 @@
-export { default } from "./confirm";
+export { default } from "./confirm.component";
+export type { ConfirmProps } from "./confirm.component";

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/dialog-full-screen/content.style.d.ts

@@ -0,0 +1,7 @@
+declare type StyledContentProps = {
+    hasHeader: boolean;
+    hasStickyFooter: boolean;
+    disableContentPadding?: boolean;
+};
+declare const StyledContent: import("styled-components").StyledComponent<"div", any, StyledContentProps, never>;
+export default StyledContent;

package/lib/components/dialog-full-screen/dialog-full-screen.component.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import { ModalProps } from "../modal";
+export interface DialogFullScreenProps extends ModalProps {
+    /** Prop to specify the aria-describedby property of the DialogFullscreen component */
+    "aria-describedby"?: string;
+    /**
+     * Prop to specify the aria-label of the DialogFullscreen component.
+     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
+     */
+    "aria-label"?: string;
+    /**
+     * Prop to specify the aria-labelledby property of the DialogFullscreen component
+     * To be used when the title prop is a custom React Node,
+     * or the component is labelled by an internal element other than the title.
+     */
+    "aria-labelledby"?: string;
+    /** Child elements */
+    children?: React.ReactNode;
+    /** Reference to the scrollable content element */
+    contentRef?: React.ForwardedRef<HTMLDivElement>;
+    /** Disables auto focus functionality on child elements */
+    disableAutoFocus?: boolean;
+    /** remove padding from content */
+    disableContentPadding?: boolean;
+    /** Optional reference to an element meant to be focused on open */
+    focusFirstElement?: React.MutableRefObject<HTMLElement | null>;
+    /**
+     * Function to replace focus trap
+     * @ignore
+     * @private
+     */
+    bespokeFocusTrap?: (ev: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void;
+    /** Container for components to be displayed in the header */
+    headerChildren?: React.ReactNode;
+    /** Adds Help tooltip to Header */
+    help?: string;
+    /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
+    pagesStyling?: boolean;
+    /** Determines if the close icon is shown */
+    showCloseIcon?: boolean;
+    /** Subtitle displayed at top of dialog */
+    subtitle?: string;
+    /** Title displayed at top of dialog */
+    title?: React.ReactNode;
+    /** The ARIA role to be applied to the DialogFullscreen container */
+    role?: string;
+    /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
+    focusableContainers?: React.MutableRefObject<HTMLElement | null>[];
+    /** Optional selector to identify the focusable elements, if not provided a default selector is used */
+    focusableSelectors?: string;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const DialogFullScreen: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disableAutoFocus, focusFirstElement, bespokeFocusTrap, open, children, title, subtitle, pagesStyling, headerChildren, showCloseIcon, disableContentPadding, disableEscKey, onCancel, contentRef, help, role, focusableContainers, focusableSelectors, ...rest }: DialogFullScreenProps) => JSX.Element;
+export default DialogFullScreen;

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.DialogFullScreen = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -45,7 +45,7 @@ const DialogFullScreen = ({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
-  disableAutoFocus,
+  disableAutoFocus = false,
   focusFirstElement,
   bespokeFocusTrap,
   open,
@@ -54,7 +54,7 @@ const DialogFullScreen = ({
   subtitle,
   pagesStyling,
   headerChildren,
-  showCloseIcon,
+  showCloseIcon = true,
   disableContentPadding,
   disableEscKey,
   onCancel,
@@ -141,90 +141,55 @@ const DialogFullScreen = ({
   }, children))));
 };
 
-DialogFullScreen.defaultProps = {
-  showCloseIcon: true,
-  disableAutoFocus: false
-};
+exports.DialogFullScreen = DialogFullScreen;
 DialogFullScreen.propTypes = {
-  /** Prop to specify the aria-describedby property of the DialogFullscreen component */
   "aria-describedby": _propTypes.default.string,
-
-  /**
-   * Prop to specify the aria-label of the DialogFullscreen component.
-   * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-   */
   "aria-label": _propTypes.default.string,
-
-  /**
-   * Prop to specify the aria-labelledby property of the DialogFullscreen component
-   * To be used when the title prop is a custom React Node,
-   * or the component is labelled by an internal element other than the title.
-   */
   "aria-labelledby": _propTypes.default.string,
-
-  /** Controls the open state of the component */
-  open: _propTypes.default.bool.isRequired,
-
-  /** A custom close event handler */
-  onCancel: _propTypes.default.func,
-
-  /** Optional reference to an element meant to be focused on open */
-  focusFirstElement: _propTypes.default.shape({
-    current: _propTypes.default.any
-  }),
-
-  /** Disables auto focus functionality on child elements */
-  disableAutoFocus: _propTypes.default.bool,
-
-  /**
-   * Function to replace focus trap
-   * @ignore
-   * @private
-   */
-  bespokeFocusTrap: _propTypes.default.func,
-
-  /** Determines if the Esc Key closes the Dialog */
-  disableEscKey: _propTypes.default.bool,
-
-  /** Adds Help tooltip to Header */
-  help: _propTypes.default.string,
-
-  /** remove padding from content */
-  disableContentPadding: _propTypes.default.bool,
-
-  /** Child elements */
-  children: _propTypes.default.node,
-
-  /** Title displayed at top of dialog */
-  title: _propTypes.default.node,
-
-  /** Subtitle displayed at top of dialog */
-  subtitle: _propTypes.default.string,
-
-  /** Determines if the close icon is shown */
-  showCloseIcon: _propTypes.default.bool,
-
-  /** Container for components to be displayed in the header */
-  headerChildren: _propTypes.default.node,
-
-  /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
-  pagesStyling: _propTypes.default.bool,
-
-  /** Reference to the scrollable content element */
-  contentRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(Element)
+  "ariaRole": _propTypes.default.string,
+  "bespokeFocusTrap": _propTypes.default.func,
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "contentRef": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
   })]),
-
-  /** The ARIA role to be applied to the DialogFullscreen container */
-  role: _propTypes.default.string,
-
-  /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
-  focusableContainers: _propTypes.default.arrayOf(_propTypes.default.shape({
-    current: _propTypes.default.any
+  "data-component": _propTypes.default.string,
+  "data-element": _propTypes.default.string,
+  "data-role": _propTypes.default.string,
+  "disableAutoFocus": _propTypes.default.bool,
+  "disableClose": _propTypes.default.bool,
+  "disableContentPadding": _propTypes.default.bool,
+  "disableEscKey": _propTypes.default.bool,
+  "enableBackgroundUI": _propTypes.default.bool,
+  "focusableContainers": _propTypes.default.arrayOf(_propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
   })),
-
-  /** Optional selector to identify the focusable elements, if not provided a default selector is used */
-  focusableSelectors: _propTypes.default.string
+  "focusableSelectors": _propTypes.default.string,
+  "focusFirstElement": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  }),
+  "headerChildren": _propTypes.default.node,
+  "help": _propTypes.default.string,
+  "onCancel": _propTypes.default.func,
+  "open": _propTypes.default.bool.isRequired,
+  "pagesStyling": _propTypes.default.bool,
+  "role": _propTypes.default.string,
+  "showCloseIcon": _propTypes.default.bool,
+  "subtitle": _propTypes.default.string,
+  "timeout": _propTypes.default.number,
+  "title": _propTypes.default.node
 };
 var _default = DialogFullScreen;
 exports.default = _default;

package/lib/components/dialog-full-screen/dialog-full-screen.style.d.ts

@@ -0,0 +1,4 @@
+declare const StyledDialogFullScreen: import("styled-components").StyledComponent<"div", any, {
+    pagesStyling?: boolean | undefined;
+}, never>;
+export default StyledDialogFullScreen;

package/lib/components/dialog-full-screen/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./dialog-full-screen";
+export { default } from "./dialog-full-screen.component";
+export type { DialogFullScreenProps } from "./dialog-full-screen.component";

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;