carbon-react 111.8.1 → 111.8.3

package/esm/components/form/__internal__/form-summary.component.d.ts

@@ -1,14 +1,19 @@
-export default FormSummary;
-declare function FormSummary({ fullWidth, ...props }: {
-    [x: string]: any;
-    fullWidth: any;
-}): JSX.Element;
-declare namespace FormSummary {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const errors: PropTypes.Requireable<number>;
-        const warnings: PropTypes.Requireable<number>;
-        const fullWidth: PropTypes.Requireable<boolean>;
-    }
+import React from "react";
+import { StyledInternalSummaryProps } from "./form-summary.style";
+interface SummaryProps extends StyledInternalSummaryProps {
+    errorCount?: number;
+    warningCount?: number;
+}
+export interface FormSummaryProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The total number of errors present in the form */
+    errorCount?: number;
+    /** The total number of warnings present in the form */
+    warningCount?: number;
+    /** Applies full width styling */
+    fullWidth?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Summary: ({ type, errorCount, warningCount, }: SummaryProps) => JSX.Element | null;
+declare const FormSummary: ({ fullWidth, ...props }: FormSummaryProps) => JSX.Element;
+export default FormSummary;

package/esm/components/form/__internal__/form-summary.component.js

@@ -8,53 +8,54 @@ import useLocale from "../../../hooks/__internal__/useLocale";
 
 const Summary = ({
   type,
-  errors,
-  warnings
+  errorCount = 0,
+  warningCount = 0
 }) => {
   const l = useLocale();
   const messages = {
-    errors,
-    warnings
+    errorCount,
+    warningCount
   };
-  const message = useMemo(() => l.errors.messages.formSummary(errors, warnings, type), [l.errors.messages, errors, warnings, type]);
+  const message = useMemo(() => l.errors.messages.formSummary(errorCount, warningCount, type), [l.errors.messages, errorCount, warningCount, type]);
 
-  if (messages[type]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledMessagePrefix, null, message[0]), /*#__PURE__*/React.createElement(StyledInternalSummary, {
+  if (messages[`${type}Count`]) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledMessagePrefix, null, message === null || message === void 0 ? void 0 : message[0]), /*#__PURE__*/React.createElement(StyledInternalSummary, {
       type: type,
-      "data-element": type
+      "data-element": `${type}s`
     }, /*#__PURE__*/React.createElement(Icon, {
-      type: type.slice(0, -1)
-    }), /*#__PURE__*/React.createElement("span", null, message[1])));
+      type: type
+    }), /*#__PURE__*/React.createElement("span", null, message === null || message === void 0 ? void 0 : message[1])));
   }
 
   return null;
 };
 
 Summary.propTypes = {
-  type: PropTypes.oneOf(["errors", "warnings"]),
-  errors: PropTypes.number,
-  warnings: PropTypes.number
+  "errorCount": PropTypes.number,
+  "type": PropTypes.oneOf(["error", "warning"]).isRequired,
+  "warningCount": PropTypes.number
 };
+export { Summary };
 
 const FormSummary = ({
   fullWidth,
   ...props
 }) => {
   return /*#__PURE__*/React.createElement(StyledFormSummary, {
-    showSummary: props.errors || props.warnings,
+    showSummary: !!(props.errorCount || props.warningCount),
     "data-element": "form-summary",
     fullWidth: fullWidth
   }, /*#__PURE__*/React.createElement(Summary, _extends({
-    type: "errors"
+    type: "error"
   }, props)), /*#__PURE__*/React.createElement(Summary, _extends({
-    type: "warnings"
+    type: "warning"
   }, props)), props.children);
 };
 
 FormSummary.propTypes = {
-  children: PropTypes.node,
-  errors: PropTypes.number,
-  warnings: PropTypes.number,
-  fullWidth: PropTypes.bool
+  "children": PropTypes.node,
+  "errorCount": PropTypes.number,
+  "fullWidth": PropTypes.bool,
+  "warningCount": PropTypes.number
 };
 export default FormSummary;

package/esm/components/form/__internal__/form-summary.style.d.ts

@@ -1,3 +1,11 @@
-export const StyledFormSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledMessagePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledInternalSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type StyledFormSummaryProps = {
+    showSummary?: boolean;
+    fullWidth?: boolean;
+};
+export declare const StyledFormSummary: import("styled-components").StyledComponent<"div", any, StyledFormSummaryProps, never>;
+export declare const StyledMessagePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare type StyledInternalSummaryProps = {
+    type: "error" | "warning";
+};
+export declare const StyledInternalSummary: import("styled-components").StyledComponent<"div", any, StyledInternalSummaryProps, never>;
+export {};

package/esm/components/form/__internal__/form-summary.style.js

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import StyledIcon from "../../icon/icon.style";
 import StyledButton from "../../button/button.style";
 export const StyledFormSummary = styled.div`
@@ -44,12 +43,12 @@ export const StyledInternalSummary = styled.div`
   }
   ${({
   type
-}) => type === "warnings" && css`
+}) => type === "warning" && css`
       color: var(--colorsSemanticCaution650);
     `}
   ${({
   type
-}) => type === "errors" && css`
+}) => type === "error" && css`
       color: var(--colorsSemanticNegative600);
     `}
 
@@ -57,20 +56,13 @@ export const StyledInternalSummary = styled.div`
     margin-right: 4px;
     ${({
   type
-}) => type === "warnings" && css`
+}) => type === "warning" && css`
         color: var(--colorsSemanticCaution650);
       `}
     ${({
   type
-}) => type === "errors" && css`
+}) => type === "error" && css`
         color: var(--colorsSemanticNegative600);
       `}
   }
-`;
-StyledFormSummary.propTypes = {
-  showSummary: PropTypes.bool,
-  fullWidth: PropTypes.bool
-};
-StyledInternalSummary.propTypes = {
-  type: PropTypes.oneOf(["errors", "warnings"])
-};
+`;

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

@@ -1,21 +1,36 @@
-export default Form;
-declare function Form({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, stickyFooter, fieldSpacing, noValidate, height, fullWidthButtons, ...rest }: {
-    [x: string]: any;
-    children: any;
-    saveButton: any;
-    leftSideButtons: any;
-    rightSideButtons: any;
-    errorCount: any;
-    warningCount: any;
-    onSubmit: any;
-    buttonAlignment?: string | undefined;
-    stickyFooter: any;
-    fieldSpacing?: number | undefined;
-    noValidate?: boolean | undefined;
-    height: any;
-    fullWidthButtons?: boolean | undefined;
-}): JSX.Element;
-declare namespace Form {
-    const propTypes: any;
-    const displayName: string;
+import React from "react";
+import { SpaceProps } from "styled-system";
+import { FormButtonAlignment } from "./form.config";
+export interface FormProps extends SpaceProps {
+    /** Alignment of buttons */
+    buttonAlignment?: FormButtonAlignment;
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The total number of errors present in the form */
+    errorCount?: number;
+    /** Spacing between form fields, given number will be multiplied by base spacing unit (8) */
+    fieldSpacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    /** Additional buttons rendered on the left side of the save button */
+    leftSideButtons?: React.ReactNode;
+    /** Disable HTML5 validation */
+    noValidate?: boolean;
+    /** Callback passed to the form element */
+    onSubmit?: React.FormEventHandler;
+    /** Additional buttons rendered on the right side of the save button */
+    rightSideButtons?: React.ReactNode;
+    /** Save button to be rendered */
+    saveButton?: React.ReactNode;
+    /** Enables the sticky footer. */
+    stickyFooter?: boolean;
+    /** The total number of warnings present in the form */
+    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;
 }
+export declare const Form: {
+    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, stickyFooter, fieldSpacing, noValidate, height, fullWidthButtons, ...rest }: FormProps): JSX.Element;
+    displayName: string;
+};
+export default Form;

package/esm/components/form/form.component.js

@@ -2,7 +2,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
 import { SidebarContext } from "../sidebar/sidebar.component";
 import { ModalContext } from "../modal/modal.component";
 import FormSummary from "./__internal__/form-summary.component";
@@ -30,8 +29,8 @@ const Form = ({
   const {
     isInModal
   } = useContext(ModalContext);
-  const formRef = useRef();
-  const formFooterRef = useRef();
+  const formRef = useRef(null);
+  const formFooterRef = useRef(null);
   const renderFooter = !!(saveButton || leftSideButtons || rightSideButtons || errorCount || warningCount);
   return /*#__PURE__*/React.createElement(StyledForm, _extends({
     ref: formRef,
@@ -58,8 +57,8 @@ const Form = ({
   }, leftSideButtons && /*#__PURE__*/React.createElement(StyledLeftButtons, {
     buttonAlignment: buttonAlignment
   }, leftSideButtons), /*#__PURE__*/React.createElement(FormSummary, {
-    errors: errorCount,
-    warnings: warningCount
+    errorCount: errorCount,
+    warningCount: warningCount
   }, saveButton), rightSideButtons && /*#__PURE__*/React.createElement(StyledRightButtons, {
     buttonAlignment: buttonAlignment
   }, rightSideButtons)), fullWidthButtons && renderFooter && /*#__PURE__*/React.createElement(StyledFormFooter, {
@@ -75,51 +74,334 @@ const Form = ({
     fullWidthButtons: fullWidthButtons
   }, rightSideButtons), /*#__PURE__*/React.createElement(StyledFullWidthButtons, null, /*#__PURE__*/React.createElement(FormSummary, {
     fullWidth: fullWidthButtons,
-    errors: errorCount,
-    warnings: warningCount
+    errorCount: errorCount,
+    warningCount: warningCount
   }, saveButton))));
 };
 
-Form.propTypes = { ...styledSystemPropTypes.space,
-
-  /** Alignment of buttons */
-  buttonAlignment: PropTypes.oneOf(["left", "right"]),
-
-  /** Enables the sticky footer. */
-  stickyFooter: PropTypes.bool,
-
-  /** Additional buttons rendered on the left side of the save button */
-  leftSideButtons: PropTypes.node,
-
-  /** Additional buttons rendered on the right side of the save button */
-  rightSideButtons: PropTypes.node,
-
-  /** Callback passed to the form element */
-  onSubmit: PropTypes.func,
-
-  /** Child elements */
-  children: PropTypes.node,
-
-  /** Save button to be rendered */
-  saveButton: PropTypes.node,
-
-  /** The total number of errors present in the form */
-  errorCount: PropTypes.number,
-
-  /** The total number of warnings present in the form */
-  warningCount: PropTypes.number,
-
-  /** Spacing between form fields, given number will be multiplied by base spacing unit (8) */
-  fieldSpacing: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 7]),
-
-  /** Disable HTML5 validation */
-  noValidate: PropTypes.bool,
-
-  /** Height of the form (any valid CSS value) */
-  height: PropTypes.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.bool
+Form.propTypes = {
+  "buttonAlignment": PropTypes.oneOf(["left", "right"]),
+  "children": PropTypes.node,
+  "errorCount": PropTypes.number,
+  "fieldSpacing": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7]),
+  "fullWidthButtons": PropTypes.bool,
+  "height": PropTypes.string,
+  "leftSideButtons": PropTypes.node,
+  "m": 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]),
+  "margin": 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]),
+  "marginBottom": 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]),
+  "marginLeft": 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]),
+  "marginRight": 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]),
+  "marginTop": 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]),
+  "marginX": 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]),
+  "marginY": 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]),
+  "mb": 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]),
+  "ml": 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]),
+  "mr": 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]),
+  "mt": 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]),
+  "mx": 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]),
+  "my": 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]),
+  "noValidate": PropTypes.bool,
+  "onSubmit": PropTypes.func,
+  "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]),
+  "rightSideButtons": PropTypes.node,
+  "saveButton": PropTypes.node,
+  "stickyFooter": PropTypes.bool,
+  "warningCount": PropTypes.number
 };
+export { Form };
 Form.displayName = "Form";
 export default Form;

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

@@ -1 +1,2 @@
-export const FORM_BUTTON_ALIGNMENTS: string[];
+export declare const FORM_BUTTON_ALIGNMENTS: readonly ["left", "right"];
+export declare type FormButtonAlignment = typeof FORM_BUTTON_ALIGNMENTS[number];

package/esm/components/form/form.config.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
 export const FORM_BUTTON_ALIGNMENTS = ["left", "right"];