@elliemae/ds-group-box 1.60.0 → 2.0.0-alpha.12

package/esm/ActionItem.js

@@ -1,22 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import PropTypes from 'prop-types';
 
-var ActionItemNode = /*#__PURE__*/styled.div.withConfig({
+const ActionItemNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1ysc0gb-0"
-})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-});
+})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
 
 function ActionItem(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(ActionItemNode, null, children);
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(ActionItemNode, {}, void 0, children);
 }
 
-ActionItem.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
 export { ActionItem as default };
-//# sourceMappingURL=ActionItem.js.map

package/esm/Actions.js

@@ -1,38 +1,27 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
 import styled from 'styled-components';
 import { margin } from 'styled-system';
 import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import ActionItem from './ActionItem.js';
 
-/* eslint-disable react/forbid-prop-types */
-var ActionsNode = /*#__PURE__*/styled.div.withConfig({
+const ActionsNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1umfb8g-0"
-})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m);
-}, margin);
+})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), margin);
 
 function Actions(_ref) {
-  var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      centerActions = _ref.centerActions,
-      rightActions = _ref.rightActions;
+  let {
+    actions = [],
+    centerActions,
+    rightActions
+  } = _ref;
   if (actions.length < 1) return null;
-  return /*#__PURE__*/React.createElement(ActionsNode, {
+  return /*#__PURE__*/_jsx(ActionsNode, {
     marginLeft: !!rightActions && 'auto',
     marginRight: !!centerActions && 'auto'
-  }, actions.map(function (action, key) {
-    return /*#__PURE__*/React.createElement(ActionItem, {
-      key: key
-    }, action);
-  }));
+  }, void 0, actions.map((action, key) => /*#__PURE__*/_jsx(ActionItem, {}, key, action)));
 }
 
-Actions.propTypes = {
-  actions: PropTypes.array,
-  centerActions: PropTypes.bool,
-  rightActions: PropTypes.bool
-};
-
 export { Actions, Actions as default };
-//# sourceMappingURL=Actions.js.map

package/esm/DSGroupBox.js

@@ -1,84 +1,75 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 { GroupBoxWrapper, GroupBoxContent } from './components/blocks.js';
 import { DSGroupBoxHeader } from './components/GroupHeader.js';
 import { BOX_TYPES_ARRAY, BOX_TYPES } from './constants.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-truncated-tooltip-text';
-import './Actions.js';
-import 'prop-types';
-import 'styled-components';
-import 'styled-system';
-import '@elliemae/ds-system';
-import './ActionItem.js';
-import './LabelElement.js';
-import './GroupBoxLabel.js';
+import { jsxs } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 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; }
 
-var DSGroupBox = function DSGroupBox(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  } : _ref$labelProps,
-      _ref$rightActions = _ref.rightActions,
-      rightActions = _ref$rightActions === void 0 ? [] : _ref$rightActions,
-      _ref$centerActions = _ref.centerActions,
-      centerActions = _ref$centerActions === void 0 ? [] : _ref$centerActions,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? BOX_TYPES.CATEGORY : _ref$type,
-      _ref$asRow = _ref.asRow,
-      asRow = _ref$asRow === void 0 ? false : _ref$asRow,
-      _ref$onlyHeader = _ref.onlyHeader,
-      onlyHeader = _ref$onlyHeader === void 0 ? false : _ref$onlyHeader,
-      _ref$noBorder = _ref.noBorder,
-      noBorder = _ref$noBorder === void 0 ? true : _ref$noBorder,
-      _ref$noPadding = _ref.noPadding,
-      noPadding = _ref$noPadding === void 0 ? false : _ref$noPadding,
-      _ref$children = _ref.children,
-      components = _ref$children === void 0 ? [] : _ref$children,
-      _ref$isMain = _ref.isMain,
-      isMain = _ref$isMain === void 0 ? true : _ref$isMain;
-  var labelText = labelProps.labelText;
-  return /*#__PURE__*/React.createElement(GroupBoxWrapper, _extends({}, containerProps, {
+const DSGroupBox = _ref => {
+  let {
+    containerProps = {},
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = BOX_TYPES.CATEGORY,
+    asRow = false,
+    onlyHeader = false,
+    noBorder = true,
+    noPadding = false,
+    children: components = [],
+    // eslint-disable-next-line react/prop-types
+    isMain = true
+  } = _ref;
+  const {
+    labelText
+  } = labelProps;
+  return /*#__PURE__*/jsxs(GroupBoxWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
     classProps: {
-      onlyHeader: onlyHeader,
+      onlyHeader,
+      noBorder,
+      type,
+      isMain
+    },
+    children: [labelText && /*#__PURE__*/_jsx(DSGroupBoxHeader, {
+      centerActions: centerActions,
+      isMain: isMain,
+      labelProps: labelProps,
       noBorder: noBorder,
-      type: type,
-      isMain: isMain
-    }
-  }), labelText && /*#__PURE__*/React.createElement(DSGroupBoxHeader, {
-    centerActions: centerActions,
-    isMain: isMain,
-    labelProps: labelProps,
-    noBorder: noBorder,
-    rightActions: rightActions,
-    type: type
-  }), /*#__PURE__*/React.createElement(GroupBoxContent, {
-    classProps: {
-      type: type,
-      asRow: asRow,
-      onlyHeader: onlyHeader,
-      noPadding: noPadding,
-      noBorder: noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? React.Children.map(components, function (component) {
-    return /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
+      rightActions: rightActions,
+      type: type
+    }), /*#__PURE__*/_jsx(GroupBoxContent, {
+      classProps: {
+        type,
+        asRow,
+        onlyHeader,
+        noPadding,
+        noBorder,
+        noBorderTop: !!labelText
+      }
+    }, void 0, components && components.props ? React.Children.map(components, component => /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
       isMain: false
-    }));
-  }, null) : components));
+    })), null) : components)]
+  }));
 };
 
-var props = {
+const props = {
   /** props to inject to wrapper */
   containerProps: PropTypes.object.description('props to inject to wrapper'),
 
@@ -131,9 +122,7 @@ var props = {
    */
   noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content')
 };
-DSGroupBox.propTypes = props;
-var DSGroupBoxWithSchema = describe(DSGroupBox);
+const DSGroupBoxWithSchema = describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
 
 export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default };
-//# sourceMappingURL=DSGroupBox.js.map

package/esm/GroupBoxLabel.js

@@ -1,56 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';
-import { BOX_TYPES_ARRAY } from './constants.js';
 
-var borderBase200 = function borderBase200(props) {
-  return "1px solid ".concat(props.theme.colors.neutral[200], ";");
-};
+const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
 
-var categoryBoxStyles = "\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ".concat(function (props) {
-  return props.theme.colors.neutral[800];
-}, ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ").concat(borderBase200, "\n");
-var groupBoxStyles = "\n  border: unset;\n  font-size: ".concat(function (props) {
-  return toMobile(props.theme.fontSizes.title[500]);
-}, ";\n  padding: 12px 0;\n");
-var GroupBoxLabelNode = /*#__PURE__*/styled.div.withConfig({
+const categoryBoxStyles = "\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ".concat(props => props.theme.colors.neutral[800], ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ").concat(borderBase200, "\n");
+const groupBoxStyles = "\n  border: unset;\n  font-size: ".concat(props => toMobile(props.theme.fontSizes.title[500]), ";\n  padding: 12px 0;\n");
+const GroupBoxLabelNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-141ikkh-0"
-})(["", " ", " ", " ", ""], function (props) {
-  return props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles;
-}, function (props) {
-  return props.noBorder ? 'border: none;' : '';
-}, function (props) {
-  return props.borderBottom ? "border-bottom: ".concat(borderBase200(props)) : '';
-}, function (props) {
-  return props.isMain ? "padding-right: ".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '';
-});
+})(["", " ", " ", " ", ""], props => props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles, props => props.noBorder ? 'border: none;' : '', props => props.borderBottom ? "border-bottom: ".concat(borderBase200(props)) : '', props => props.isMain ? "padding-right: ".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '');
 
 function GroupBoxLabel(_ref) {
-  var borderBottom = _ref.borderBottom,
-      children = _ref.children,
-      noBorder = _ref.noBorder,
-      isMain = _ref.isMain,
-      type = _ref.type,
-      id = _ref.id;
-  return /*#__PURE__*/React.createElement(GroupBoxLabelNode, {
+  let {
+    borderBottom,
+    children,
+    noBorder,
+    isMain,
+    type,
+    id
+  } = _ref;
+  return /*#__PURE__*/_jsx(GroupBoxLabelNode, {
     borderBottom: borderBottom,
     "data-testid": "ds-group-box__header",
     isMain: isMain,
     noBorder: noBorder,
     nodeType: type,
     id: id
-  }, children);
+  }, void 0, children);
 }
 
-GroupBoxLabel.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  type: PropTypes.oneOf(BOX_TYPES_ARRAY),
-  borderBottom: PropTypes.bool,
-  isMain: PropTypes.bool.isRequired,
-  noBorder: PropTypes.bool,
-  id: PropTypes.string
-};
-
 export { GroupBoxLabel as default };
-//# sourceMappingURL=GroupBoxLabel.js.map

package/esm/LabelElement.js

@@ -1,22 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { toMobile } from '@elliemae/ds-system';
 
-var LabelElementNode = /*#__PURE__*/styled.div.withConfig({
+const LabelElementNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-nu03bl-0"
-})(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], function (props) {
-  return toMobile(props.theme.fontSizes.title[700]);
-});
+})(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], props => toMobile(props.theme.fontSizes.title[700]));
 
 function LabelElement(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(LabelElementNode, null, children);
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(LabelElementNode, {}, void 0, children);
 }
 
-LabelElement.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
-};
-
 export { LabelElement as default };
-//# sourceMappingURL=LabelElement.js.map

package/esm/components/GroupHeader.js

@@ -1,49 +1,44 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { BOX_TYPES } from '../constants.js';
 import { Actions } from '../Actions.js';
 import LabelElement from '../LabelElement.js';
 import GroupBoxLabel from '../GroupBoxLabel.js';
-import 'prop-types';
-import 'styled-components';
-import 'styled-system';
-import '@elliemae/ds-system';
-import '../ActionItem.js';
 
-var DSGroupBoxHeader = function DSGroupBoxHeader(_ref) {
-  var _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  } : _ref$labelProps,
-      _ref$rightActions = _ref.rightActions,
-      rightActions = _ref$rightActions === void 0 ? [] : _ref$rightActions,
-      _ref$centerActions = _ref.centerActions,
-      centerActions = _ref$centerActions === void 0 ? [] : _ref$centerActions,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? BOX_TYPES.CATEGORY : _ref$type,
-      noBorder = _ref.noBorder,
-      isMain = _ref.isMain;
-  var labelText = labelProps.labelText,
-      borderBottom = labelProps.borderBottom,
-      id = labelProps.id;
-  return /*#__PURE__*/React.createElement(GroupBoxLabel, {
+const DSGroupBoxHeader = _ref => {
+  let {
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = BOX_TYPES.CATEGORY,
+    noBorder,
+    isMain
+  } = _ref;
+  const {
+    labelText,
+    borderBottom,
+    id
+  } = labelProps;
+  return /*#__PURE__*/_jsx(GroupBoxLabel, {
     borderBottom: borderBottom,
     isMain: isMain,
     noBorder: noBorder,
     type: type,
     id: id
-  }, /*#__PURE__*/React.createElement(LabelElement, null, /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx(LabelElement, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     value: labelText
-  })), /*#__PURE__*/React.createElement(Actions, {
+  })), /*#__PURE__*/_jsx(Actions, {
     actions: centerActions,
     centerActions: centerActions.length > 0
-  }), /*#__PURE__*/React.createElement(Actions, {
+  }), /*#__PURE__*/_jsx(Actions, {
     actions: rightActions,
     rightActions: rightActions.length > 0
   }));
 };
 
 export { DSGroupBoxHeader };
-//# sourceMappingURL=GroupHeader.js.map

package/esm/components/blocks.js

@@ -1,40 +1,50 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'group-box';
-var GroupBoxWrapper = aggregatedClasses('div')(blockName, 'wrapper', function (_ref) {
-  var _ref2;
-
-  var onlyHeader = _ref.onlyHeader,
-      noBorder = _ref.noBorder,
-      type = _ref.type,
-      isMain = _ref.isMain;
-  return _ref2 = {
+const blockName = 'group-box';
+const GroupBoxWrapper = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    onlyHeader,
+    noBorder,
+    type,
+    isMain
+  } = _ref;
+  return {
     'only-header': onlyHeader,
-    'no-border': noBorder
-  }, _defineProperty(_ref2, type, type), _defineProperty(_ref2, 'main-box', isMain), _defineProperty(_ref2, 'nested-box', !isMain), _ref2;
+    'no-border': noBorder,
+    [type]: type,
+    'main-box': isMain,
+    'nested-box': !isMain
+  };
 });
-var GroupBoxContent = aggregatedClasses('div')(blockName, 'content', function (_ref3) {
-  var _ref4;
-
-  var type = _ref3.type,
-      asRow = _ref3.asRow,
-      onlyHeader = _ref3.onlyHeader,
-      noPadding = _ref3.noPadding,
-      noBorder = _ref3.noBorder,
-      noBorderTop = _ref3.noBorderTop;
-  return _ref4 = {}, _defineProperty(_ref4, type, type), _defineProperty(_ref4, 'as-row', asRow), _defineProperty(_ref4, 'only-header', onlyHeader), _defineProperty(_ref4, 'no-padding', noPadding), _defineProperty(_ref4, 'no-border', noBorder), _defineProperty(_ref4, 'no-border-top', noBorderTop), _ref4;
+const GroupBoxContent = aggregatedClasses('div')(blockName, 'content', _ref2 => {
+  let {
+    type,
+    asRow,
+    onlyHeader,
+    noPadding,
+    noBorder,
+    noBorderTop
+  } = _ref2;
+  return {
+    [type]: type,
+    'as-row': asRow,
+    'only-header': onlyHeader,
+    'no-padding': noPadding,
+    'no-border': noBorder,
+    'no-border-top': noBorderTop
+  };
 });
-var Label = aggregatedClasses('div')(blockName, 'label', function (_ref5) {
-  var _ref6;
-
-  var borderBottom = _ref5.borderBottom,
-      type = _ref5.type,
-      noBorder = _ref5.noBorder;
-  return _ref6 = {
-    'border-bottom': borderBottom
-  }, _defineProperty(_ref6, type, type), _defineProperty(_ref6, 'no-border', noBorder), _ref6;
+const Label = aggregatedClasses('div')(blockName, 'label', _ref3 => {
+  let {
+    borderBottom,
+    type,
+    noBorder
+  } = _ref3;
+  return {
+    'border-bottom': borderBottom,
+    [type]: type,
+    'no-border': noBorder
+  };
 });
 
 export { GroupBoxContent, GroupBoxWrapper, Label };
-//# sourceMappingURL=blocks.js.map

package/esm/constants.js

@@ -1,8 +1,7 @@
-var BOX_TYPES = {
+const BOX_TYPES = {
   CATEGORY: 'category-box',
   GROUP: 'group-box'
 };
-var BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
+const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
 
 export { BOX_TYPES, BOX_TYPES_ARRAY };
-//# sourceMappingURL=constants.js.map

package/esm/index.js

@@ -1,19 +1,2 @@
 export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default } from './DSGroupBox.js';
 export { BOX_TYPES, BOX_TYPES_ARRAY } from './constants.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import './components/blocks.js';
-import '@elliemae/ds-classnames';
-import './components/GroupHeader.js';
-import '@elliemae/ds-truncated-tooltip-text';
-import './Actions.js';
-import 'prop-types';
-import 'styled-components';
-import 'styled-system';
-import '@elliemae/ds-system';
-import './ActionItem.js';
-import './LabelElement.js';
-import './GroupBoxLabel.js';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,62 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Group Box",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Group Box",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./LabelElement": {
+      "import": "./esm/LabelElement.js",
+      "require": "./cjs/LabelElement.js"
+    },
+    "./GroupBoxLabel": {
+      "import": "./esm/GroupBoxLabel.js",
+      "require": "./cjs/GroupBoxLabel.js"
+    },
+    "./DSGroupBox": {
+      "import": "./esm/DSGroupBox.js",
+      "require": "./cjs/DSGroupBox.js"
+    },
+    "./constants": {
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
+    },
+    "./components/GroupHeader": {
+      "import": "./esm/components/GroupHeader.js",
+      "require": "./cjs/components/GroupHeader.js"
+    },
+    "./components/blocks": {
+      "import": "./esm/components/blocks.js",
+      "require": "./cjs/components/blocks.js"
+    },
+    "./Actions": {
+      "import": "./esm/Actions.js",
+      "require": "./cjs/Actions.js"
+    },
+    "./ActionItem": {
+      "import": "./esm/ActionItem.js",
+      "require": "./cjs/ActionItem.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,23 +64,27 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "@elliemae/ds-truncated-tooltip-text": "1.60.0",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
-    "styled-system": "~5.1.5"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/ActionItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function ActionItem({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace ActionItem {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    };
+}
+export default ActionItem;