@elliemae/ds-accordion 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/DSAccordion.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -23,14 +30,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const DSAccordion = ({
-  containerProps = {},
-  activeValue = '',
-  children,
-  allowMultipleOpen = false,
-  contentExpandable = false,
-  onChange = () => {}
-}) => {
+const DSAccordion = _ref => {
+  let {
+    containerProps = {},
+    activeValue = '',
+    children,
+    allowMultipleOpen = false,
+    contentExpandable = false,
+    onChange = () => {}
+  } = _ref;
   const {
     cssClassName
   } = dsClassnames.convertPropToCssClassName('accordion');

package/cjs/DSAccordionHeader.js

@@ -3,8 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsSystem = require('@elliemae/ds-system');
-var ChevronDown = require('@elliemae/ds-icons/ChevronDown');
-var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var DSAccordionHeaderActions = require('./DSAccordionHeaderActions.js');
 var DSAccordionHeaderTitle = require('./DSAccordionHeaderTitle.js');
@@ -13,37 +12,36 @@ var blocks = require('./blocks.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
-var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-const DSAccordionHeader = dsSystem.withTheme(({
-  title,
-  secondaryTitle,
-  customActions,
-  idx,
-  icon,
-  selected,
-  setTabRef,
-  onClick,
-  onKeyDown
-}) => {
+const DSAccordionHeader = dsSystem.withTheme(_ref => {
+  let {
+    title,
+    secondaryTitle,
+    customActions,
+    idx,
+    icon,
+    selected,
+    setTabRef,
+    onClick,
+    onKeyDown
+  } = _ref;
   const mobile = dsSystem.useIsMobile();
   const hasSecondaryTitle = Boolean(secondaryTitle);
   const selectedClass = selected ? 'selected' : '';
   const labelClass = hasSecondaryTitle ? 'secondary-title' : '';
-  const IconMobile = selected ? ChevronDown__default["default"] : ChevronRight__default["default"];
+  const IconMobile = selected ? dsIcons.ChevronDown : dsIcons.ChevronRight;
   return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    "aria-controls": `sec${idx}`,
+    "aria-controls": "sec".concat(idx),
     "aria-expanded": selected,
     "aria-label": title,
     as: "div",
     buttonType: "secondary",
-    className: `${blocks.accordionButton} ${selectedClass} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`,
+    className: "".concat(blocks.accordionButton, " ").concat(selectedClass, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : ''),
     "data-testid": "ds-accordion_item-header",
     innerRef: setTabRef,
     labelText: /*#__PURE__*/_jsx__default["default"]("div", {
-      className: `${blocks.accordionTitle} ${selectedClass} ${labelClass}`
+      className: "".concat(blocks.accordionTitle, " ").concat(selectedClass, " ").concat(labelClass)
     }, void 0, !mobile && icon, /*#__PURE__*/_jsx__default["default"](DSAccordionHeaderTitle, {
       idx: idx,
       secondaryTitle: secondaryTitle,

package/cjs/DSAccordionHeaderActions.js

@@ -3,6 +3,13 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
 var DSButton = require('@elliemae/ds-button');
 var blocks = require('./blocks.js');
@@ -21,17 +28,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const DSAccordionHeaderActions = ({
-  customActions
-}) => {
+const DSAccordionHeaderActions = _ref => {
+  let {
+    customActions
+  } = _ref;
   if (!customActions) return null;
   return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: `${blocks.accordionActions}`
-  }, void 0, customActions.map((_ref, key) => {
+    className: "".concat(blocks.accordionActions)
+  }, void 0, customActions.map((_ref2, key) => {
     let {
       onClick
-    } = _ref,
-        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+    } = _ref2,
+        rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
     return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
       onClick: e => {

package/cjs/DSAccordionHeaderTitle.js

@@ -12,16 +12,17 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
 
 var _div;
 
-const DSAccordionHeader = ({
-  title,
-  secondaryTitle,
-  idx
-}) => {
+const DSAccordionHeader = _ref => {
+  let {
+    title,
+    secondaryTitle,
+    idx
+  } = _ref;
   const hasSecondaryTitle = Boolean(secondaryTitle);
   return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: `${blocks.accordionTitleWrapper} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`
+    className: "".concat(blocks.accordionTitleWrapper, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : '')
   }, void 0, /*#__PURE__*/_jsx__default["default"]("h2", {
-    id: `accordion_${idx}id`
+    id: "accordion_".concat(idx, "id")
   }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     className: blocks.accordionH2Title,
     value: title

package/cjs/DSAccordionItem.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
+var dsIcons = require('@elliemae/ds-icons');
 var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
 var dsClassnames = require('@elliemae/ds-classnames');
 var reactDesc = require('react-desc');
@@ -16,10 +14,7 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
 
 const ICON_SIZE = 's';
@@ -34,7 +29,7 @@ class DSAccordionItem extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "setHeight", element => {
+    this.setHeight = element => {
       const {
         actualHeight
       } = this.state;
@@ -52,7 +47,7 @@ class DSAccordionItem extends React.Component {
           });
         }
       }, 0);
-    });
+    };
 
     this.childElements = /*#__PURE__*/React__default["default"].createRef();
     this.state = {
@@ -115,10 +110,10 @@ class DSAccordionItem extends React.Component {
         }), /*#__PURE__*/_jsx__default["default"]("div", {
           "data-testid": "ds-accordion_item-content",
           "aria-hidden": !selected,
-          "aria-labelledby": `accordion_${idx}id`,
-          className: `${classNameElement('container')} ${selected ? 'expanded' : 'closed'}`,
+          "aria-labelledby": "accordion_".concat(idx, "id"),
+          className: "".concat(classNameElement('container'), " ").concat(selected ? 'expanded' : 'closed'),
           "data-testid": "ds-accordion_item-content",
-          id: `sec${idx}`,
+          id: "sec".concat(idx),
           role: "region",
           style: {
             height: selected ? actualHeight : 0
@@ -159,11 +154,11 @@ const props = {
   customActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('accordion item custom actions')
 };
 DSAccordionItem.defaultProps = {
-  iconClosed: () => /*#__PURE__*/_jsx__default["default"](ArrowheadRight__default["default"], {
+  iconClosed: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
     width: "20px",
     color: ['brand-primary', 800]
   }),
-  iconOpened: () => /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
+  iconOpened: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
     width: "20px",
     color: ['brand-primary', 800]
   }),

package/esm/DSAccordion.js

@@ -1,5 +1,12 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -12,14 +19,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const DSAccordion = ({
-  containerProps = {},
-  activeValue = '',
-  children,
-  allowMultipleOpen = false,
-  contentExpandable = false,
-  onChange = () => {}
-}) => {
+const DSAccordion = _ref => {
+  let {
+    containerProps = {},
+    activeValue = '',
+    children,
+    allowMultipleOpen = false,
+    contentExpandable = false,
+    onChange = () => {}
+  } = _ref;
   const {
     cssClassName
   } = convertPropToCssClassName('accordion');

package/esm/DSAccordionHeader.js

@@ -1,40 +1,40 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { withTheme, useIsMobile } from '@elliemae/ds-system';
-import ChevronDown from '@elliemae/ds-icons/ChevronDown';
-import ChevronRight from '@elliemae/ds-icons/ChevronRight';
+import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSAccordionHeaderActions from './DSAccordionHeaderActions.js';
 import DSAccordionHeader$1 from './DSAccordionHeaderTitle.js';
 import { accordionButton, accordionTitle } from './blocks.js';
 
-const DSAccordionHeader = withTheme(({
-  title,
-  secondaryTitle,
-  customActions,
-  idx,
-  icon,
-  selected,
-  setTabRef,
-  onClick,
-  onKeyDown
-}) => {
+const DSAccordionHeader = withTheme(_ref => {
+  let {
+    title,
+    secondaryTitle,
+    customActions,
+    idx,
+    icon,
+    selected,
+    setTabRef,
+    onClick,
+    onKeyDown
+  } = _ref;
   const mobile = useIsMobile();
   const hasSecondaryTitle = Boolean(secondaryTitle);
   const selectedClass = selected ? 'selected' : '';
   const labelClass = hasSecondaryTitle ? 'secondary-title' : '';
   const IconMobile = selected ? ChevronDown : ChevronRight;
   return /*#__PURE__*/_jsx(DSButton, {
-    "aria-controls": `sec${idx}`,
+    "aria-controls": "sec".concat(idx),
     "aria-expanded": selected,
     "aria-label": title,
     as: "div",
     buttonType: "secondary",
-    className: `${accordionButton} ${selectedClass} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`,
+    className: "".concat(accordionButton, " ").concat(selectedClass, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : ''),
     "data-testid": "ds-accordion_item-header",
     innerRef: setTabRef,
     labelText: /*#__PURE__*/_jsx("div", {
-      className: `${accordionTitle} ${selectedClass} ${labelClass}`
+      className: "".concat(accordionTitle, " ").concat(selectedClass, " ").concat(labelClass)
     }, void 0, !mobile && icon, /*#__PURE__*/_jsx(DSAccordionHeader$1, {
       idx: idx,
       secondaryTitle: secondaryTitle,

package/esm/DSAccordionHeaderActions.js

@@ -1,6 +1,13 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import 'react';
 import DSButton, { BUTTON_TYPE } from '@elliemae/ds-button';
 import { accordionActions } from './blocks.js';
@@ -12,17 +19,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const DSAccordionHeaderActions = ({
-  customActions
-}) => {
+const DSAccordionHeaderActions = _ref => {
+  let {
+    customActions
+  } = _ref;
   if (!customActions) return null;
   return /*#__PURE__*/_jsx("div", {
-    className: `${accordionActions}`
-  }, void 0, customActions.map((_ref, key) => {
+    className: "".concat(accordionActions)
+  }, void 0, customActions.map((_ref2, key) => {
     let {
       onClick
-    } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
+    } = _ref2,
+        rest = _objectWithoutProperties(_ref2, _excluded);
 
     return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
       onClick: e => {

package/esm/DSAccordionHeaderTitle.js

@@ -5,16 +5,17 @@ import { accordionTitleWrapper, accordionH2Title, accordionSecondaryTitle } from
 
 var _div;
 
-const DSAccordionHeader = ({
-  title,
-  secondaryTitle,
-  idx
-}) => {
+const DSAccordionHeader = _ref => {
+  let {
+    title,
+    secondaryTitle,
+    idx
+  } = _ref;
   const hasSecondaryTitle = Boolean(secondaryTitle);
   return /*#__PURE__*/_jsx("div", {
-    className: `${accordionTitleWrapper} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`
+    className: "".concat(accordionTitleWrapper, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : '')
   }, void 0, /*#__PURE__*/_jsx("h2", {
-    id: `accordion_${idx}id`
+    id: "accordion_".concat(idx, "id")
   }, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     className: accordionH2Title,
     value: title

package/esm/DSAccordionItem.js

@@ -1,8 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { Component } from 'react';
-import ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';
-import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
+import { ArrowheadRight, ArrowheadDown } from '@elliemae/ds-icons';
 import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { PropTypes, describe } from 'react-desc';
@@ -21,7 +19,7 @@ class DSAccordionItem extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "setHeight", element => {
+    this.setHeight = element => {
       const {
         actualHeight
       } = this.state;
@@ -39,7 +37,7 @@ class DSAccordionItem extends Component {
           });
         }
       }, 0);
-    });
+    };
 
     this.childElements = /*#__PURE__*/React.createRef();
     this.state = {
@@ -102,10 +100,10 @@ class DSAccordionItem extends Component {
         }), /*#__PURE__*/_jsx("div", {
           "data-testid": "ds-accordion_item-content",
           "aria-hidden": !selected,
-          "aria-labelledby": `accordion_${idx}id`,
-          className: `${classNameElement('container')} ${selected ? 'expanded' : 'closed'}`,
+          "aria-labelledby": "accordion_".concat(idx, "id"),
+          className: "".concat(classNameElement('container'), " ").concat(selected ? 'expanded' : 'closed'),
           "data-testid": "ds-accordion_item-content",
-          id: `sec${idx}`,
+          id: "sec".concat(idx),
           role: "region",
           style: {
             height: selected ? actualHeight : 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "module": "./esm/index.js",
@@ -56,14 +56,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-alpha.10",
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-icons": "2.0.0-alpha.10",
-    "@elliemae/ds-shared": "2.0.0-alpha.10",
-    "@elliemae/ds-system": "2.0.0-alpha.10",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.10",
+    "@elliemae/ds-button": "2.0.0-alpha.14",
+    "@elliemae/ds-classnames": "2.0.0-alpha.14",
+    "@elliemae/ds-icons": "2.0.0-alpha.14",
+    "@elliemae/ds-shared": "2.0.0-alpha.14",
+    "@elliemae/ds-system": "2.0.0-alpha.14",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.14",
     "react-desc": "^4.1.3"
   },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/types/DSAccordion.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSAccordion: {
     ({ containerProps, activeValue, children, allowMultipleOpen, contentExpandable, onChange, }: {
@@ -10,11 +11,21 @@ declare const DSAccordion: {
     }): JSX.Element;
     propTypes: {
         /** inject props to wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Selected default active value
          */
-        activeValue: any;
+        activeValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Accordion items to show
          */
@@ -22,17 +33,43 @@ declare const DSAccordion: {
         /**
          * Allows multiple accordion items to be open at the same time
          */
-        allowMultipleOpen: any;
+        allowMultipleOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Whether content is expandable or not
          */
-        contentExpandable: any;
+        contentExpandable: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Allows a function that is triggered once the accordion changes
          */
-        onChange: any;
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSAccordionWithSchema: any;
+declare const DSAccordionWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        activeValue?: string | undefined;
+        children: any;
+        allowMultipleOpen?: boolean | undefined;
+        contentExpandable?: boolean | undefined;
+        onChange?: (() => void) | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSAccordion, DSAccordionWithSchema };
 export default DSAccordion;

package/types/DSAccordionHeader.d.ts

@@ -4,6 +4,6 @@ declare const DSAccordionHeader: React.ForwardRefExoticComponent<{
     [x: number]: any;
     [x: symbol]: any;
 } & {
-    theme?: any;
+    theme?: import("styled-components").DefaultTheme | undefined;
 }>;
 export default DSAccordionHeader;

package/types/DSAccordionItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import { Component } from 'react';
 declare class DSAccordionItem extends Component {
     constructor(props: any);
@@ -6,6 +7,10 @@ declare class DSAccordionItem extends Component {
     setHeight: (element: any) => void;
     render(): JSX.Element;
 }
-declare const DSAccordionItemWithSchema: any;
+declare const DSAccordionItemWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSAccordionItem, DSAccordionItemWithSchema };
 export default DSAccordionItem;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}