carbon-react 106.6.6 → 106.6.9

package/esm/components/multi-action-button/multi-action-button.style.js

@@ -50,12 +50,11 @@ const StyledMultiActionButton = styled.div`
 const StyledButtonChildrenContainer = styled.div`
   ${({
   theme,
-  align
+  align,
+  minWidth
 }) => css`
     background-color: var(--colorsActionMajorYang100);
-    min-width: ${({
-  minWidth
-}) => minWidth}px;
+    min-width: ${minWidth}px;
     white-space: nowrap;
     z-index: ${theme.zIndex.popover};
     box-shadow: var(--boxShadow100);
@@ -90,8 +89,6 @@ StyledButtonChildrenContainer.defaultProps = {
   theme: baseTheme
 };
 StyledMultiActionButton.defaultProps = {
-  theme: baseTheme,
-  size: "medium",
-  legacyColorVariant: "blue"
+  theme: baseTheme
 };
 export { StyledButtonChildrenContainer, StyledMultiActionButton };

package/esm/components/portal/portal.js

@@ -2,7 +2,6 @@ import React, { useContext, useEffect, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import ReactDOM from "react-dom";
 import guid from "../../__internal__/utils/helpers/guid";
-import Browser from "../../__internal__/utils/helpers/browser";
 import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component";
 export const PortalContext = /*#__PURE__*/React.createContext({});
 
@@ -76,10 +75,6 @@ const Portal = ({
     return node;
   };
 
-  if (!Browser.isDomAvailable()) {
-    return null;
-  }
-
   return /*#__PURE__*/React.createElement("span", {
     "data-portal-entrance": uniqueId
   }, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, children), getPortalContainer()));

package/esm/components/portrait/portrait-initials.component.js

@@ -3,7 +3,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import tokens from "@sage/design-tokens/js/base/common";
-import Browser from "../../__internal__/utils/helpers/browser";
 import { StyledPortraitInitials, StyledPortraitInitialsImg, getColorsForInitials } from "./portrait.style";
 import { PORTRAIT_SIZE_PARAMS } from "./portrait.config";
 
@@ -29,7 +28,7 @@ const PortraitInitials = ({
       textColor,
       bgColor
     } = getColorsForInitials(darkBackground);
-    let canvas = Browser.getDocument().createElement("canvas");
+    let canvas = document.createElement("canvas");
     const context = canvas.getContext("2d");
     let {
       dimensions

package/esm/components/tile-select/__internal__/accordion/accordion.style.d.ts

@@ -1,2 +1,2 @@
-export const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledContentContainer: import("styled-components").StyledComponent<"div", any, import("../../../accordion/accordion.style").StyledAccordionContentContainerProps, never>;
+export const StyledContent: import("styled-components").StyledComponent<"div", any, import("../../../accordion/accordion.style").StyledAccordionContentProps, never>;

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

@@ -26,8 +26,11 @@ export interface TooltipProps {
      * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
      */
     flipOverrides?: TooltipPositions[];
+    /** @ignore @private */
     target?: Element;
+    /** @ignore @private */
     isPartOfInput?: boolean;
+    /** @ignore @private */
     inputSize?: InputSizes;
 }
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement | null>>;

package/esm/style/utils/filter-out-styled-system-spacing-props.d.ts

@@ -1,2 +1,2 @@
-declare const filterOutStyledSystemSpacingProps: (obj: Record<string, unknown>) => Record<string, unknown>;
+declare const filterOutStyledSystemSpacingProps: (props: Record<string, any>) => Record<string, unknown>;
 export default filterOutStyledSystemSpacingProps;

package/esm/style/utils/filter-out-styled-system-spacing-props.js

@@ -1,5 +1,5 @@
 import styledSystemPropTypes from "@styled-system/prop-types";
 
-const filterOutStyledSystemSpacingProps = obj => Object.fromEntries(Object.entries(obj).filter(([key]) => !styledSystemPropTypes.space[key]));
+const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => !styledSystemPropTypes.space[key]));
 
 export default filterOutStyledSystemSpacingProps;

package/lib/__internal__/utils/argTypes/specialCharacters.d.ts

@@ -0,0 +1,36 @@
+export declare const singleSpecialCharacters: {
+    options: string[];
+    mapping: {
+        minus: string;
+        questionMark: string;
+        hash: string;
+        at: string;
+        dollar: string;
+        percent: string;
+        caret: string;
+        exclamation: string;
+        asterisk: string;
+    };
+};
+export declare const email: {
+    options: string[];
+    mapping: {
+        email: string;
+    };
+};
+export declare const number: {
+    options: string[];
+    mapping: {
+        floatNumberCommaString: string;
+        floatMinusNumberCommaString: string;
+    };
+};
+declare const _default: {
+    options: string[];
+    mapping: {
+        undefined: undefined;
+        otherLanguage: string;
+        specialCharacters: string;
+    };
+};
+export default _default;

package/lib/__internal__/utils/argTypes/specialCharacters.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.number = exports.email = exports.singleSpecialCharacters = void 0;
+const singleSpecialCharacters = {
+  options: ["minus", "questionMark", "hash", "at", "dollar", "percent", "caret", "exclamation", "asterisk"],
+  mapping: {
+    minus: "-",
+    questionMark: "?",
+    hash: "#",
+    at: "@",
+    dollar: "$",
+    percent: "%",
+    caret: "^",
+    exclamation: "!",
+    asterisk: "*"
+  }
+};
+exports.singleSpecialCharacters = singleSpecialCharacters;
+const email = {
+  options: ["email"],
+  mapping: {
+    email: "test.frontend.squad@gmail.com"
+  }
+};
+exports.email = email;
+const number = {
+  options: ["floatNumberCommaString", "floatMinusNumberCommaString"],
+  mapping: {
+    floatNumberCommaString: "0,112",
+    floatMinusNumberCommaString: "-0,112"
+  }
+};
+exports.number = number;
+var _default = {
+  options: ["undefined", "otherLanguage", "specialCharacters"],
+  mapping: {
+    // eslint-disable-next-line object-shorthand
+    undefined: undefined,
+    otherLanguage: "mp150ú¿¡üßä",
+    specialCharacters: "!@#$%^*()_+-=~[];:.,?{}&\"'<>"
+  }
+};
+exports.default = _default;

package/lib/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -1,24 +1,10 @@
-export default AccordionGroup;
-declare function AccordionGroup({ children, ...rest }: {
-    [x: string]: any;
-    children: any;
-}): JSX.Element;
-declare namespace AccordionGroup {
-    const propTypes: {
-        children: (props: any, propName: any, componentName: any) => undefined;
-        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    };
+import React from "react";
+import { MarginProps } from "styled-system";
+declare type AccordionGroupChild = React.ReactElement | boolean | null | undefined | AccordionGroupChildArray;
+interface AccordionGroupChildArray extends Array<AccordionGroupChild> {
+}
+export interface AccordionGroupProps extends MarginProps {
+    children?: AccordionGroupChild;
 }
+export declare const AccordionGroup: ({ children, ...rest }: AccordionGroupProps) => JSX.Element;
+export default AccordionGroup;

package/lib/components/accordion/accordion-group/accordion-group.component.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.AccordionGroup = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _utils = require("../../../style/utils");
+var _invariant = _interopRequireDefault(require("invariant"));
 
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
-var _accordionComponent = _interopRequireDefault(require("../accordion.component.js"));
+var _accordion = _interopRequireDefault(require("../accordion.component"));
 
-var _accordionStyle = require("../accordion.style.js");
+var _accordion2 = require("../accordion.style");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,23 +23,41 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const marginProptypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes.default.space);
-
 const AccordionGroup = ({
   children,
   ...rest
 }) => {
-  const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
+  const hasProperChildren = (0, _react.useMemo)(() => {
+    let hasAccordionChildren = true;
+
+    _react.default.Children.toArray(children).forEach(child => {
+      if (typeof child === "string" || /*#__PURE__*/_react.default.isValidElement(child) && child.type.displayName !== "Accordion") {
+        hasAccordionChildren = false;
+      }
+    });
+
+    return hasAccordionChildren;
+  }, [children]);
+  (0, _invariant.default)(hasProperChildren, `AccordionGroup accepts only children of type \`${_accordion.default.displayName}\`.`);
+  const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children).filter(child => {
+    return /*#__PURE__*/_react.default.isValidElement(child);
+  }), [children]);
   const refs = (0, _react.useMemo)(() => filteredChildren.map(child => child.ref || /*#__PURE__*/_react.default.createRef()), [filteredChildren]);
   const focusAccordion = (0, _react.useCallback)((ev, index) => {
     ev.preventDefault();
 
     if (index === -1) {
-      refs[refs.length - 1].current.focus();
+      var _refs$current;
+
+      (_refs$current = refs[refs.length - 1].current) === null || _refs$current === void 0 ? void 0 : _refs$current.focus();
     } else if (index === refs.length) {
-      refs[0].current.focus();
+      var _refs$0$current;
+
+      (_refs$0$current = refs[0].current) === null || _refs$0$current === void 0 ? void 0 : _refs$0$current.focus();
     } else {
-      refs[index].current.focus();
+      var _refs$index$current;
+
+      (_refs$index$current = refs[index].current) === null || _refs$index$current === void 0 ? void 0 : _refs$index$current.focus();
     }
   }, [refs]);
   const handleKeyboardAccessibility = (0, _react.useCallback)((ev, index) => {
@@ -59,30 +77,208 @@ const AccordionGroup = ({
       focusAccordion(ev, refs.length - 1);
     }
   }, [focusAccordion, refs]);
-  return /*#__PURE__*/_react.default.createElement(_accordionStyle.StyledAccordionGroup, rest, filteredChildren.map((child, index) => /*#__PURE__*/_react.default.cloneElement(child, {
+  return /*#__PURE__*/_react.default.createElement(_accordion2.StyledAccordionGroup, rest, filteredChildren.map((child, index) =>
+  /*#__PURE__*/
+  // casted to ReactElement as there is no overload for an FunctionComponentElement in cloneElement
+  _react.default.cloneElement(child, {
     ref: refs[index],
     index,
     handleKeyboardAccessibility
   })));
 };
 
-AccordionGroup.propTypes = { ...marginProptypes,
-  children: (props, propName, componentName) => {
-    let error;
-    const prop = props[propName];
-
-    _react.default.Children.forEach(prop, child => {
-      if (!child) {
-        return;
-      }
-
-      if (_accordionComponent.default.displayName !== child.type.displayName) {
-        error = new Error(`\`${componentName}\` only accepts children of type \`${_accordionComponent.default.displayName}\`.`);
-      }
-    });
-
-    return error;
-  }
+exports.AccordionGroup = AccordionGroup;
+AccordionGroup.propTypes = {
+  "children": _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.shape({
+    "__@iterator": _propTypes.default.func.isRequired,
+    "__@unscopables": _propTypes.default.func.isRequired,
+    "concat": _propTypes.default.func.isRequired,
+    "copyWithin": _propTypes.default.func.isRequired,
+    "entries": _propTypes.default.func.isRequired,
+    "every": _propTypes.default.func.isRequired,
+    "fill": _propTypes.default.func.isRequired,
+    "filter": _propTypes.default.func.isRequired,
+    "find": _propTypes.default.func.isRequired,
+    "findIndex": _propTypes.default.func.isRequired,
+    "flat": _propTypes.default.func.isRequired,
+    "flatMap": _propTypes.default.func.isRequired,
+    "forEach": _propTypes.default.func.isRequired,
+    "includes": _propTypes.default.func.isRequired,
+    "indexOf": _propTypes.default.func.isRequired,
+    "join": _propTypes.default.func.isRequired,
+    "keys": _propTypes.default.func.isRequired,
+    "lastIndexOf": _propTypes.default.func.isRequired,
+    "length": _propTypes.default.number.isRequired,
+    "map": _propTypes.default.func.isRequired,
+    "pop": _propTypes.default.func.isRequired,
+    "push": _propTypes.default.func.isRequired,
+    "reduce": _propTypes.default.func.isRequired,
+    "reduceRight": _propTypes.default.func.isRequired,
+    "reverse": _propTypes.default.func.isRequired,
+    "shift": _propTypes.default.func.isRequired,
+    "slice": _propTypes.default.func.isRequired,
+    "some": _propTypes.default.func.isRequired,
+    "sort": _propTypes.default.func.isRequired,
+    "splice": _propTypes.default.func.isRequired,
+    "toLocaleString": _propTypes.default.func.isRequired,
+    "toString": _propTypes.default.func.isRequired,
+    "unshift": _propTypes.default.func.isRequired,
+    "values": _propTypes.default.func.isRequired
+  }), _propTypes.default.bool]),
+  "m": _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]),
+  "margin": _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]),
+  "marginBottom": _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]),
+  "marginLeft": _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]),
+  "marginRight": _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]),
+  "marginTop": _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]),
+  "marginX": _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]),
+  "marginY": _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]),
+  "mb": _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]),
+  "ml": _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]),
+  "mr": _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]),
+  "mt": _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]),
+  "mx": _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]),
+  "my": _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])
 };
 var _default = AccordionGroup;
 exports.default = _default;

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

@@ -1,3 +1,45 @@
-export default Accordion;
-declare const Accordion: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from "react";
+import { SpaceProps } from "styled-system";
+import { StyledAccordionContainerProps } from "./accordion.style";
+export interface AccordionProps extends StyledAccordionContainerProps, SpaceProps {
+    /** Width of the buttonHeading when it's set, defaults to 150px */
+    buttonWidth?: number;
+    children?: React.ReactNode;
+    /** Set the default state of expansion of the Accordion if component is meant to be used as uncontrolled */
+    defaultExpanded?: boolean;
+    /** Disable padding for the content */
+    disableContentPadding?: boolean;
+    /** Sets the expansion state of the Accordion if component is meant to be used as controlled */
+    expanded?: boolean;
+    /** An error message to be displayed in the tooltip */
+    error?: string;
+    /** Styled system spacing props provided to Accordion Title */
+    headerSpacing?: SpaceProps;
+    id?: string;
+    /** Sets icon type - accepted values: 'chevron_down' (default), 'dropdown' */
+    iconType?: "chevron_down" | "dropdown";
+    /** Sets icon alignment - accepted values: 'left', 'right' (default) */
+    iconAlign?: "left" | "right";
+    /** Sets accordion title */
+    title: React.ReactNode;
+    /** An info message to be displayed in the tooltip */
+    info?: string;
+    /** Callback fired when expansion state changes */
+    onChange?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, isExpanded: boolean) => void;
+    /** When the Accordion is open the title can change to this */
+    openTitle?: string;
+    /** Sets accordion size */
+    size?: "large" | "small";
+    /** Sets accordion sub title */
+    subTitle?: string;
+    /** A warning message to be displayed in the tooltip */
+    warning?: string;
+}
+export interface AccordionInternalProps {
+    /** @ignore @private */
+    handleKeyboardAccessibility?: (ev: React.KeyboardEvent<HTMLElement>, index?: number) => void;
+    /** @ignore @private */
+    index?: number;
+}
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & AccordionInternalProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;