carbon-react 118.5.1 → 118.5.2

package/esm/__spec_helper__/mock-resize-observer.js

@@ -2,12 +2,10 @@ const setupResizeObserverMock = () => {
   if (!window) {
     return;
   }
-
   window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(() => ({
     disconnect: jest.fn(),
     observe: jest.fn(),
     unobserve: jest.fn()
   }));
 };
-
 export default setupResizeObserverMock;

package/esm/__spec_helper__/test-utils.d.ts

@@ -6,7 +6,7 @@ import { mockMatchMedia } from "./mock-match-media";
 declare const toCSSCase: (str: string) => string;
 declare const assertStyleMatch: <Props>(styleSpec: {
     [key: string]: string | number | undefined;
-}, component: ReactWrapper<Props, {}, import("react").Component<{}, {}, any>> | ShallowWrapper<Props, {}, import("react").Component<{}, {}, any>> | ReactTestRendererJSON | ReactTestRendererJSON[] | null, opts?: jest.Options | undefined) => void;
+}, component: ReactWrapper<Props, {}, import("react").Component<{}, {}, any>> | ShallowWrapper<Props, {}, import("react").Component<{}, {}, any>> | ReactTestRendererJSON | ReactTestRendererJSON[] | null, opts?: jest.Options) => void;
 declare const makeArrayKeys: (n: number) => number[];
 declare const keyboard: Record<string, () => void>;
 declare const simulate: {
@@ -36,17 +36,17 @@ declare const paddingProps: readonly [readonly ["p", "padding"], readonly ["pl",
 declare type PaddingProps = {
     [K in typeof paddingProps[number][0]]?: string | number;
 };
-export declare const getDefaultValue: (value?: string | number | undefined) => string | number | undefined;
-declare const testStyledSystemMargin: (component: (spacingProps?: MarginProps | undefined) => JSX.Element, defaults?: MarginProps | undefined, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options | undefined) => void;
-declare const testStyledSystemPadding: (component: (spacingProps?: PaddingProps | undefined) => JSX.Element, defaults?: PaddingProps | undefined, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options | undefined) => void;
-declare const testStyledSystemSpacing: (component: (spacingProps?: MarginProps | PaddingProps | undefined) => JSX.Element, defaults?: MarginProps | PaddingProps | undefined, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options | undefined) => void;
+export declare const getDefaultValue: (value?: string | number) => string | number | undefined;
+declare const testStyledSystemMargin: (component: (spacingProps?: MarginProps) => JSX.Element, defaults?: MarginProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
+declare const testStyledSystemPadding: (component: (spacingProps?: PaddingProps) => JSX.Element, defaults?: PaddingProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
+declare const testStyledSystemSpacing: (component: (spacingProps?: MarginProps | PaddingProps) => JSX.Element, defaults?: MarginProps | PaddingProps, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined, assertOpts?: jest.Options) => void;
 declare const testStyledSystemColor: (component: (colorProperties?: any) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => void) | undefined) => void;
 declare const testStyledSystemWidth: (component: (widthProperties?: {
     width: string;
-} | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemLayout: (component: (layoutProperties?: LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemFlexBox: (component: (flexboxProperties?: FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemBackground: (component: (backgroundProperties?: BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
-declare const testStyledSystemPosition: (component: (positionProperties?: PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+}) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+declare const testStyledSystemLayout: (component: (layoutProperties?: LayoutProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+declare const testStyledSystemFlexBox: (component: (flexboxProperties?: FlexboxProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+declare const testStyledSystemBackground: (component: (backgroundProperties?: BackgroundProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+declare const testStyledSystemPosition: (component: (positionProperties?: PositionProps) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
 declare const expectConsoleOutput: (message: string, type?: "warn" | "error") => () => void;
 export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, testStyledSystemPosition, expectConsoleOutput, };

package/esm/__spec_helper__/test-utils.js

@@ -1,104 +1,85 @@
 /* eslint-disable jest/no-conditional-expect */
-
 /* eslint-disable jest/no-identical-title */
-
 /* eslint-disable jest/no-export */
 import { mount } from "enzyme";
 import { sprintf } from "sprintf-js";
 import { space } from "../style/themes/base/base-theme.config";
 import { carbonThemeList } from "../style/themes";
 import { mockMatchMedia } from "./mock-match-media";
-
 const isUpper = char => char.toUpperCase() === char;
-
 const humpToDash = (acc, char) => `${acc}${isUpper(char) ? `-${char.toLowerCase()}` : char}`;
-
 const toCSSCase = str => {
   return str.split("").reduce(humpToDash, "");
 };
-
 const assertStyleMatch = (styleSpec, component, opts) => {
-  Object.entries(styleSpec).forEach(([attr, value]) => {
+  Object.entries(styleSpec).forEach(_ref => {
+    let [attr, value] = _ref;
     expect(component).toHaveStyleRule(toCSSCase(attr), value, opts);
   });
 };
-
 const makeArrayKeys = n => [...Array(n).keys()];
-
 const dispatchKeyPress = code => {
   const ev = new KeyboardEvent("keydown", {
     key: code
   });
   document.dispatchEvent(ev);
 };
-
 const keys = ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft", "Enter", "Tab", " ", "Escape", "End", "Home", "D", "E", "P", "Z", "1"];
 const keyboard = keys.reduce((acc, key) => {
   const methodName = `press${key === " " ? "Space" : key}`;
-
   acc[methodName] = () => dispatchKeyPress(key);
-
   return acc;
-}, {}); // Build an object of Enzyme simulate helpers
+}, {});
+
+// Build an object of Enzyme simulate helpers
 // e.g. simulate.keydown.pressTab(target, { shiftKey: true })
 // e.g. simulate.keydown.pressEscape(target)
-
 const keydown = keys.reduce((acc, key) => {
   const methodName = `press${key === " " ? "Space" : key}`;
-
-  acc[methodName] = (target, {
-    shiftKey
-  } = {
-    shiftKey: false
-  }) => {
+  acc[methodName] = function (target) {
+    let {
+      shiftKey
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      shiftKey: false
+    };
     target.simulate("keydown", {
       shiftKey,
       key
     });
   };
-
   return acc;
 }, {});
 const simulate = {
   keydown
 };
-
 const listFrom = wrapper => wrapper.find("ul");
-
 const childrenFrom = node => node.children();
-
 const hoverList = wrapper => item => {
   childrenFrom(listFrom(wrapper)).at(item).simulate("mouseover");
 };
-
 const simulateEvent = eventName => wrapper => wrapper.simulate(eventName);
-
 const click = simulateEvent("click");
-
 const selectedItemOf = wrapper => wrapper.state().selectedItem;
-
 const isUnique = (val, index, self) => self.indexOf(val) === index;
-
 const isSelectableGiven = nonSelectables => i => !nonSelectables.includes(i);
-
 const selectedItemReducer = method => wrapper => (acc, i) => {
   method(wrapper)(i);
   return [...acc, selectedItemOf(wrapper)];
 };
-
 const arraysEqual = (arr1, arr2) => arr1.sort().join(",") === arr2.sort().join(",");
-
-const assertCorrectTraversal = method => expect => ({
-  num,
-  nonSelectables = []
-}) => wrapper => {
-  const array = makeArrayKeys(num);
-  const validIndexes = array.filter(isSelectableGiven(nonSelectables));
-  const selectedItem = selectedItemOf(wrapper);
-  const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
-  expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
+const assertCorrectTraversal = method => expect => _ref2 => {
+  let {
+    num,
+    nonSelectables = []
+  } = _ref2;
+  return wrapper => {
+    const array = makeArrayKeys(num);
+    const validIndexes = array.filter(isSelectableGiven(nonSelectables));
+    const selectedItem = selectedItemOf(wrapper);
+    const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
+    expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
+  };
 };
-
 const assertKeyboardTraversal = assertCorrectTraversal(() => keyboard.pressArrowDown)(expect);
 const assertHoverTraversal = assertCorrectTraversal(wrapper => hoverList(wrapper))(expect);
 const carbonThemesJestTable = carbonThemeList.map(theme => [theme.name, theme]);
@@ -114,25 +95,21 @@ export const getDefaultValue = value => {
   const spaceArrayLength = space.length - 1;
   if (value === undefined) return value;
   const parsedValue = +value;
-
   if (typeof value === "string" && parsedValue > spaceArrayLength) {
     return `${value}px`;
   }
-
   if (parsedValue <= spaceArrayLength) {
     return space[parsedValue];
   }
-
   if (parsedValue > spaceArrayLength) {
     return `${parsedValue * 8}px`;
   }
-
   return value;
 };
-
 const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts) => {
   describe("default props", () => {
-    const wrapper = mount(component({ ...defaults
+    const wrapper = mount(component({
+      ...defaults
     }));
     const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
     it("should set the correct margins", () => {
@@ -141,7 +118,6 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
       let marginRight;
       let marginTop;
       let marginBottom;
-
       if (defaults) {
         margin = getDefaultValue(defaults.m);
         marginLeft = getDefaultValue(defaults.ml || defaults.mx);
@@ -169,7 +145,8 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
       const props = {
         [styledSystemProp]: 2
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
       assertStyleMatch({
         [propName]: "var(--spacing200)"
@@ -177,10 +154,10 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
     });
   });
 };
-
 const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts) => {
   describe("default props", () => {
-    const wrapper = mount(component({ ...defaults
+    const wrapper = mount(component({
+      ...defaults
     }));
     const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
     it("should set the correct paddings", () => {
@@ -189,7 +166,6 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
       let paddingRight;
       let paddingTop;
       let paddingBottom;
-
       if (defaults) {
         padding = getDefaultValue(defaults.p);
         paddingLeft = getDefaultValue(defaults.pl || defaults.px);
@@ -217,7 +193,8 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
       const props = {
         [styledSystemProp]: 2
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
       assertStyleMatch({
         [propName]: "var(--spacing200)"
@@ -225,27 +202,25 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
     });
   });
 };
-
 const testStyledSystemSpacing = (component, defaults, styleContainer, assertOpts) => {
   testStyledSystemMargin(component, defaults, styleContainer, assertOpts);
   testStyledSystemPadding(component, defaults, styleContainer, assertOpts);
 };
-
 const testStyledSystemColor = (component, styleContainer) => {
   describe.each(colorProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper; // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
-
+      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
+      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
-
 const testStyledSystemWidth = (component, styleContainer) => {
   describe("when a width prop is specified using styled system props", () => {
     it("then width should have been set correctly", () => {
@@ -253,29 +228,29 @@ const testStyledSystemWidth = (component, styleContainer) => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
       const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
-
 const testStyledSystemLayout = (component, styleContainer) => {
   describe.each(layoutProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper; // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
-
+      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
+      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
-
 const testStyledSystemFlexBox = (component, styleContainer) => {
   describe.each(flexBoxProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
@@ -289,14 +264,14 @@ const testStyledSystemFlexBox = (component, styleContainer) => {
     });
   });
 };
-
 const testStyledSystemBackground = (component, styleContainer) => {
   describe.each(backgroundProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
       assertStyleMatch({
         [styledSystemProp]: value
@@ -304,41 +279,42 @@ const testStyledSystemBackground = (component, styleContainer) => {
     });
   });
 };
-
 const testStyledSystemPosition = (component, styleContainer) => {
   describe.each(positionProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, value) => {
     it(`then ${styledSystemProp} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = mount(component({ ...props
+      const wrapper = mount(component({
+        ...props
       }));
       assertStyleMatch({
         [styledSystemProp]: value
       }, styleContainer ? styleContainer(wrapper) : wrapper);
     });
   });
-}; // this util will catch that a console output occurred without polluting the output when running the unit tests
-
+};
 
-const expectConsoleOutput = (message, type = "error") => {
+// this util will catch that a console output occurred without polluting the output when running the unit tests
+const expectConsoleOutput = function (message) {
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
   if (!message) {
     throw new Error(`no ${type} message provided`);
   }
-
   expect.assertions(1);
   const consoleType = global.console[type];
   let consoleArgs;
-  jest.spyOn(global.console, type).mockImplementation((...args) => {
+  jest.spyOn(global.console, type).mockImplementation(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     if (!args.length) return;
     const msg = args.join(" ");
     const params = args.slice(1, args.length);
-
     if (sprintf(msg, ...params).includes(message)) {
       consoleArgs = args;
       return;
     }
-
     consoleType(...args);
   });
   return () => {
@@ -346,9 +322,7 @@ const expectConsoleOutput = (message, type = "error") => {
       // eslint-disable-next-line no-console
       expect(console[type]).toHaveBeenCalledWith(...consoleArgs);
     }
-
     global.console[type] = consoleType;
   };
 };
-
 export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, testStyledSystemPosition, expectConsoleOutput };

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

@@ -8,7 +8,7 @@ export interface AccordionGroupProps extends MarginProps {
     children?: AccordionGroupChild;
 }
 export declare const AccordionGroup: {
-    ({ children, ...rest }: AccordionGroupProps): JSX.Element;
+    ({ children, ...rest }: AccordionGroupProps): React.JSX.Element;
     displayName: string;
 };
 export default AccordionGroup;

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

@@ -5,10 +5,13 @@ import Events from "../../../__internal__/utils/helpers/events";
 import Accordion from "../accordion.component";
 import { StyledAccordionGroup } from "../accordion.style";
 
-const AccordionGroup = ({
-  children,
-  ...rest
-}) => {
+// typescript-to-proptypes breaks on recursive type references so it has to be an interface
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export const AccordionGroup = _ref => {
+  let {
+    children,
+    ...rest
+  } = _ref;
   const hasProperChildren = useMemo(() => {
     let hasAccordionChildren = true;
     React.Children.toArray(children).forEach(child => {
@@ -25,34 +28,24 @@ const AccordionGroup = ({
   const refs = useMemo(() => filteredChildren.map(child => child.ref || /*#__PURE__*/React.createRef()), [filteredChildren]);
   const focusAccordion = useCallback((ev, index) => {
     ev.preventDefault();
-
     if (index === -1) {
-      var _refs$current;
-
-      (_refs$current = refs[refs.length - 1].current) === null || _refs$current === void 0 ? void 0 : _refs$current.focus();
+      refs[refs.length - 1].current?.focus();
     } else if (index === refs.length) {
-      var _refs$0$current;
-
-      (_refs$0$current = refs[0].current) === null || _refs$0$current === void 0 ? void 0 : _refs$0$current.focus();
+      refs[0].current?.focus();
     } else {
-      var _refs$index$current;
-
-      (_refs$index$current = refs[index].current) === null || _refs$index$current === void 0 ? void 0 : _refs$index$current.focus();
+      refs[index].current?.focus();
     }
   }, [refs]);
   const handleKeyboardAccessibility = useCallback((ev, index) => {
     if (Events.isUpKey(ev)) {
       focusAccordion(ev, index - 1);
     }
-
     if (Events.isDownKey(ev)) {
       focusAccordion(ev, index + 1);
     }
-
     if (Events.isHomeKey(ev)) {
       focusAccordion(ev, 0);
     }
-
     if (Events.isEndKey(ev)) {
       focusAccordion(ev, refs.length - 1);
     }
@@ -66,200 +59,5 @@ const AccordionGroup = ({
     handleKeyboardAccessibility
   })));
 };
-
-AccordionGroup.propTypes = {
-  "children": PropTypes.oneOfType([PropTypes.element, PropTypes.shape({
-    "__@iterator": PropTypes.func.isRequired,
-    "__@unscopables": PropTypes.func.isRequired,
-    "at": PropTypes.func.isRequired,
-    "concat": PropTypes.func.isRequired,
-    "copyWithin": PropTypes.func.isRequired,
-    "entries": PropTypes.func.isRequired,
-    "every": PropTypes.func.isRequired,
-    "fill": PropTypes.func.isRequired,
-    "filter": PropTypes.func.isRequired,
-    "find": PropTypes.func.isRequired,
-    "findIndex": PropTypes.func.isRequired,
-    "flat": PropTypes.func.isRequired,
-    "flatMap": PropTypes.func.isRequired,
-    "forEach": PropTypes.func.isRequired,
-    "includes": PropTypes.func.isRequired,
-    "indexOf": PropTypes.func.isRequired,
-    "join": PropTypes.func.isRequired,
-    "keys": PropTypes.func.isRequired,
-    "lastIndexOf": PropTypes.func.isRequired,
-    "length": PropTypes.number.isRequired,
-    "map": PropTypes.func.isRequired,
-    "pop": PropTypes.func.isRequired,
-    "push": PropTypes.func.isRequired,
-    "reduce": PropTypes.func.isRequired,
-    "reduceRight": PropTypes.func.isRequired,
-    "reverse": PropTypes.func.isRequired,
-    "shift": PropTypes.func.isRequired,
-    "slice": PropTypes.func.isRequired,
-    "some": PropTypes.func.isRequired,
-    "sort": PropTypes.func.isRequired,
-    "splice": PropTypes.func.isRequired,
-    "toLocaleString": PropTypes.func.isRequired,
-    "toString": PropTypes.func.isRequired,
-    "unshift": PropTypes.func.isRequired,
-    "values": PropTypes.func.isRequired
-  }), PropTypes.bool]),
-  "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])
-};
-export { AccordionGroup };
 AccordionGroup.displayName = "AccordionGroup";
 export default AccordionGroup;