@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/index.js

@@ -1,94 +1,132 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  DSCategoryBox: () => import_CategoryBox.DSCategoryBox,
-  DSCategoryBoxWithSchema: () => import_CategoryBox.DSCategoryBoxWithSchema,
-  DSCollectionBox: () => import_CollectionBox.DSCollectionBox,
-  DSCollectionBoxWithSchema: () => import_CollectionBox.DSCollectionBoxWithSchema,
-  DSGlobalHeader: () => import_GlobalHeader.DSGlobalHeader,
-  DSGlobalHeaderWithSchema: () => import_GlobalHeader.DSGlobalHeaderWithSchema,
-  DSGroupBox: () => import_GroupBox.DSGroupBox,
-  DSGroupBoxWithSchema: () => import_GroupBox.DSGroupBoxWithSchema,
-  DSMobileAccordion: () => import_Accordion.DSMobileAccordion,
-  DSMobileAccordionItem: () => import_Accordion.DSMobileAccordionItem,
-  DSMobileAccordionItemWithSchema: () => import_Accordion.DSMobileAccordionItemWithSchema,
-  DSMobileAccordionWithSchema: () => import_Accordion.DSMobileAccordionWithSchema,
-  DSMobileActionToolbar: () => import_MobileActionToolbar.default,
-  DSMobileCard: () => import_MobileCard.DSMobileCard,
-  DSMobileCardGroupWithSchema: () => import_MobileCard.DSMobileCardGroupWithSchema,
-  DSMobileCardWithSchema: () => import_MobileCard.DSMobileCardWithSchema,
-  DSMobileSeparator: () => import_MobileSeparator.default,
-  DSSideNav: () => import_SideNav.DSSideNav,
-  DSSideNavWithSchema: () => import_SideNav.DSSideNavWithSchema,
-  InfiniteLoader: () => import_InfiniteLoader.InfiniteLoader,
-  InfiniteLoaderWithSchema: () => import_InfiniteLoader.InfiniteLoaderWithSchema,
-  SubIcons: () => import_MobileCard.SubIcons,
-  SwipeToRefresh: () => import_SwipeToRefresh.SwipeToRefresh,
-  SwipeToRefreshWithSchema: () => import_SwipeToRefresh.SwipeToRefreshWithSchema,
-  VirtualizedInfiniteLoader: () => import_InfiniteLoader.VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema: () => import_InfiniteLoader.VirtualizedInfiniteLoaderWithSchema
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./PageList/PageList"));
-__reExport(src_exports, require("./PageFilter/PageFilter"));
-__reExport(src_exports, require("./PageForm/PageForm"));
-__reExport(src_exports, require("./PageSummary/PageSummary"));
-__reExport(src_exports, require("./LoadingPage"));
-__reExport(src_exports, require("./PageSearch/PageSearch"));
-var import_Accordion = require("./Accordion");
-__reExport(src_exports, require("./MobileSeparator"));
-__reExport(src_exports, require("./MobileListItem"));
-__reExport(src_exports, require("./MobileTouchable"));
-__reExport(src_exports, require("./MobileContextMenu"));
-__reExport(src_exports, require("./MobileFilterbar"));
-__reExport(src_exports, require("./MobileActionToolbar"));
-__reExport(src_exports, require("./MobileFooter"));
-__reExport(src_exports, require("./MobilePageHeader"));
-__reExport(src_exports, require("./MobileSelectList"));
-__reExport(src_exports, require("./MobileDatePicker"));
-__reExport(src_exports, require("./MobileTimePicker"));
-__reExport(src_exports, require("./MobileEmtpyState"));
-__reExport(src_exports, require("./MobileDropdownMenu"));
-__reExport(src_exports, require("./Tabs"));
-var import_MobileCard = require("./MobileCard");
-var import_CollectionBox = require("./CollectionBox");
-var import_CategoryBox = require("./CategoryBox");
-var import_GroupBox = require("./GroupBox");
-var import_SwipeToRefresh = require("./SwipeToRefresh/SwipeToRefresh");
-var import_GlobalHeader = require("./GlobalHeader");
-__reExport(src_exports, require("./Modal"));
-var import_SideNav = require("./SideNav");
-var import_InfiniteLoader = require("./InfiniteLoader");
-__reExport(src_exports, require("./MobileBanner"));
-__reExport(src_exports, require("./MobileActionToolbar"));
-var import_MobileActionToolbar = require("./MobileActionToolbar");
-__reExport(src_exports, require("./MobileSeparator"));
-var import_MobileSeparator = require("./MobileSeparator");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PageList = require('./PageList/PageList.js');
+var PageFilter = require('./PageFilter/PageFilter.js');
+var PageForm = require('./PageForm/PageForm.js');
+var PageSummary = require('./PageSummary/PageSummary.js');
+var Page = require('./LoadingPage/Page.js');
+var PageSearch = require('./PageSearch/PageSearch.js');
+var Accordion = require('./Accordion/Accordion.js');
+var Separator = require('./MobileSeparator/Separator.js');
+var MobileListItem = require('./MobileListItem/MobileListItem.js');
+var MobileTouchable = require('./MobileTouchable/MobileTouchable.js');
+var MobileContextMenu = require('./MobileContextMenu/MobileContextMenu.js');
+var MobileContextMenuItem = require('./MobileContextMenu/MobileContextMenuItem.js');
+var MobileContextMenuGroup = require('./MobileContextMenu/MobileContextMenuGroup.js');
+var Filterbar = require('./MobileFilterbar/Filterbar.js');
+var FilterbarSort = require('./MobileFilterbar/FilterbarSort.js');
+var FilterbarItem = require('./MobileFilterbar/FilterbarItem.js');
+var MobileActionToolbar = require('./MobileActionToolbar/MobileActionToolbar.js');
+var MobileActionToolbarItem = require('./MobileActionToolbar/MobileActionToolbarItem.js');
+var Footer = require('./MobileFooter/Footer.js');
+var Text = require('./MobileFooter/Text.js');
+var Action = require('./MobileFooter/Action.js');
+var MobilePageHeader = require('./MobilePageHeader/MobilePageHeader.js');
+var MobileSelectList = require('./MobileSelectList/MobileSelectList.js');
+var MobileDatePicker = require('./MobileDatePicker/MobileDatePicker.js');
+var MobileTimePicker = require('./MobileTimePicker/MobileTimePicker.js');
+var MobileEmptyState = require('./MobileEmtpyState/MobileEmptyState.js');
+var MobileDropdownMenu = require('./MobileDropdownMenu/MobileDropdownMenu.js');
+var MobileDropdownInput = require('./MobileDropdownMenu/MobileDropdownInput.js');
+var index$1 = require('./Tabs/index.js');
+var index = require('./MobileCard/index.js');
+var CollectionBox = require('./CollectionBox/CollectionBox.js');
+var CategoryBox = require('./CategoryBox/CategoryBox.js');
+var GroupBox = require('./GroupBox/GroupBox.js');
+var SwipeToRefresh = require('./SwipeToRefresh/SwipeToRefresh.js');
+var MobileGlobalHeader = require('./GlobalHeader/MobileGlobalHeader.js');
+var Modal = require('./Modal/Modal.js');
+var SideNav = require('./SideNav/SideNav.js');
+var Infiniteloader = require('./InfiniteLoader/Infiniteloader.js');
+var VirtualizedInfiniteLoader = require('./InfiniteLoader/VirtualizedInfiniteLoader.js');
+var MobileBanner = require('./MobileBanner/MobileBanner.js');
+var bannerTypes = require('./MobileBanner/utils/bannerTypes.js');
+var Card = require('./MobileCard/Card.js');
+var Group = require('./MobileCard/Group.js');
+var CardIcons = require('./MobileCard/CardIcons.js');
+
+
+
+exports.DSMobilePageList = PageList.DSMobilePageList;
+exports.DSPageList = PageList.DSPageList;
+exports.DSPageFilter = PageFilter.DSPageFilter;
+exports.DSMobilePageForm = PageForm.DSMobilePageForm;
+exports.DSPageForm = PageForm.DSPageForm;
+exports.DSPageSummary = PageSummary.DSPageSummary;
+exports.DSMobileLoadingPage = Page.DSMobileLoadingPage;
+exports.DSMobilePageSearch = PageSearch.DSMobilePageSearch;
+exports.DSPageSearch = PageSearch.DSPageSearch;
+exports.DSMobileAccordion = Accordion.DSMobileAccordion;
+exports.DSMobileAccordionItem = Accordion.DSMobileAccordionItem;
+exports.DSMobileAccordionItemWithSchema = Accordion.DSMobileAccordionItemWithSchema;
+exports.DSMobileAccordionWithSchema = Accordion.DSMobileAccordionWithSchema;
+exports.DSMobileSeparator = Separator["default"];
+exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
+exports.DSMobileListItem = MobileListItem.DSMobileListItem;
+exports.ListItemWithSchema = MobileListItem.ListItemWithSchema;
+exports.DSMobileTouchable = MobileTouchable.DSMobileTouchable;
+exports.DSMobileContextMenu = MobileContextMenu.DSMobileContextMenu;
+exports.DSMobileContextMenuWithSchema = MobileContextMenu.DSMobileContextMenuWithSchema;
+exports.DSMobileContextMenuItem = MobileContextMenuItem.DSMobileContextMenuItem;
+exports.DSMobileContextMenuItemWithSchema = MobileContextMenuItem.DSMobileContextMenuItemWithSchema;
+exports.DSMobileContextMenuGroup = MobileContextMenuGroup.DSMobileContextMenuGroup;
+exports.DSMobileContextMenuGroupWithSchema = MobileContextMenuGroup.DSMobileContextMenuGroupWithSchema;
+exports.DSMobileFilterbar = Filterbar.DSMobileFilterbar;
+exports.FilterbarWithSchema = Filterbar.FilterbarWithSchema;
+exports.DSMobileFilterbarSort = FilterbarSort.DSMobileFilterbarSort;
+exports.FilterbarSortWithSchema = FilterbarSort.FilterbarSortWithSchema;
+exports.DSMobileFilterbarItem = FilterbarItem.DSMobileFilterbarItem;
+exports.FilterbarItemWithSchema = FilterbarItem.FilterbarItemWithSchema;
+exports.DSMobileActionToolbar = MobileActionToolbar["default"];
+exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
+exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
+exports.ToolbarItem = MobileActionToolbarItem["default"];
+exports.DSMobileFooter = Footer["default"];
+exports.MobileFooterWithSchema = Footer.MobileFooterWithSchema;
+exports.DSMobileFooterText = Text.DSMobileFooterText;
+exports.DSMobileFooterTextWithSchema = Text.DSMobileFooterTextWithSchema;
+exports.DSMobileFooterAction = Action.DSMobileFooterAction;
+exports.DSMobileFooterActionWithSchema = Action.DSMobileFooterActionWithSchema;
+exports.DSMobilePageHeader = MobilePageHeader.DSMobilePageHeader;
+exports.PageHeaderWithSchema = MobilePageHeader.PageHeaderWithSchema;
+exports.DSMobileSelectList = MobileSelectList.DSMobileSelectList;
+exports.DSMobileDatePicker = MobileDatePicker.DSMobileDatePicker;
+exports.DSMobileDatePickerWithSchema = MobileDatePicker.DSMobileDatePickerWithSchema;
+exports.DSMobileTimePicker = MobileTimePicker.DSMobileTimePicker;
+exports.DSMobileTimePickerWithSchema = MobileTimePicker.DSMobileTimePickerWithSchema;
+exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
+exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
+exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
+exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
+exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;
+exports.DSMobileTab = index$1.DSMobileTab;
+exports.DSMobileTabWithSchema = index$1.DSMobileTabWithSchema;
+exports.DSMobileTabs = index$1.DSMobileTabs;
+exports.DSMobileTabsWithSchema = index$1.DSMobileTabsWithSchema;
+exports.DSMobileCard = index.DSMobileCard;
+exports.DSCollectionBox = CollectionBox.DSCollectionBox;
+exports.DSCollectionBoxWithSchema = CollectionBox.DSCollectionBoxWithSchema;
+exports.DSCategoryBox = CategoryBox.DSCategoryBox;
+exports.DSCategoryBoxWithSchema = CategoryBox.DSCategoryBoxWithSchema;
+exports.DSGroupBox = GroupBox.DSGroupBox;
+exports.DSGroupBoxWithSchema = GroupBox.DSGroupBoxWithSchema;
+exports.SwipeToRefresh = SwipeToRefresh.SwipeToRefresh;
+exports.SwipeToRefreshWithSchema = SwipeToRefresh.SwipeToRefreshWithSchema;
+exports.DSGlobalHeader = MobileGlobalHeader.DSGlobalHeader;
+exports.DSGlobalHeaderWithSchema = MobileGlobalHeader.DSGlobalHeaderWithSchema;
+exports.Modal = Modal.Modal;
+exports.ModalWithSchema = Modal.ModalWithSchema;
+exports.DSSideNav = SideNav.DSSideNav;
+exports.DSSideNavWithSchema = SideNav.DSSideNavWithSchema;
+exports.InfiniteLoader = Infiniteloader.InfiniteLoader;
+exports.InfiniteLoaderWithSchema = Infiniteloader.InfiniteLoaderWithSchema;
+exports.VirtualizedInfiniteLoader = VirtualizedInfiniteLoader.VirtualizedInfiniteLoader;
+exports.VirtualizedInfiniteLoaderWithSchema = VirtualizedInfiniteLoader.VirtualizedInfiniteLoaderWithSchema;
+exports.DSMobileBanner = MobileBanner.DSMobileBanner;
+exports.DSMobileBannerWithSchema = MobileBanner.DSMobileBannerWithSchema;
+exports.MOBILE_BANNER_TYPES = bannerTypes.MOBILE_BANNER_TYPES;
+exports.DSMobileCardWithSchema = Card.DSMobileCardWithSchema;
+exports.DSMobileCardGroupWithSchema = Group.DSMobileCardGroupWithSchema;
+exports.SubIcons = CardIcons.SubIcons;

package/esm/Accordion/Accordion.js

@@ -1,24 +1,45 @@
-import * as React from "react";
-import { describe } from "react-desc";
-import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
-import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./propTypes";
-const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordion, {
-  ...props,
-  isDSMobile: true
-}, children);
-const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordionItem, {
-  ...props
-}, children);
-DSMobileAccordionItem.propTypes = mobileAccordionItemPropTypes;
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { describe } from 'react-desc';
+import { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';
+import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './propTypes.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["children"],
+      _excluded2 = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const DSMobileAccordion = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(DSAccordion, _objectSpread(_objectSpread({}, props), {}, {
+    isDSMobile: true,
+    children: children
+  }));
+};
+const DSMobileAccordionItem = _ref2 => {
+  let {
+    children
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  return /*#__PURE__*/jsx(DSAccordionItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
+};
 const DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);
 DSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;
-DSMobileAccordion.propTypes = mobileAccordionPropTypes;
 const DSMobileAccordionWithSchema = describe(DSMobileAccordion);
 DSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;
-export {
-  DSMobileAccordion,
-  DSMobileAccordionItem,
-  DSMobileAccordionItemWithSchema,
-  DSMobileAccordionWithSchema
-};
-//# sourceMappingURL=Accordion.js.map
+
+export { DSMobileAccordion, DSMobileAccordionItem, DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };

package/esm/Accordion/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./Accordion";
-//# sourceMappingURL=index.js.map
+export { DSMobileAccordion, DSMobileAccordionItem, DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema } from './Accordion.js';

package/esm/Accordion/propTypes.js

@@ -1,28 +1,21 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const mobileAccordionItemPropTypes = {
-  children: PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
-  title: PropTypes.string.description("Set a primary title."),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
-  iconClosed: PropTypes.node.description("Custom Dimsum Icon when it is closed."),
-  iconOpened: PropTypes.node.description("Custom Dimsum Icon when it is open."),
-  secondaryTitle: PropTypes.string.description("Set a secondary title"),
-  customActions: PropTypes.arrayOf(PropTypes.object).description("Set Dimsum AccordionItem custom actions."),
-  renderCustomActions: PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.")
+  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
+  title: PropTypes.string.description('Set a primary title.'),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
+  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
+  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),
+  secondaryTitle: PropTypes.string.description('Set a secondary title'),
+  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
+  renderCustomActions: PropTypes.func.description('This property will render any JSX in the custom actions area. You can access to all references and active values within the props.')
 };
 const mobileAccordionPropTypes = {
-  containerProps: PropTypes.object.description("Adds props to the container."),
-  activeValue: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
-    PropTypes.string,
-    PropTypes.number
-  ]).description("Selected active value. This property makes the component a controlled one."),
-  children: PropTypes.node.description("Dimsum AccordionItems to show."),
-  allowMultipleOpen: PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
-  onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+  containerProps: PropTypes.object.description('Adds props to the container.'),
+  activeValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.string, PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
+  children: PropTypes.node.description('Dimsum AccordionItems to show.'),
+  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
+  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
 };
-export {
-  mobileAccordionItemPropTypes,
-  mobileAccordionPropTypes
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { mobileAccordionItemPropTypes, mobileAccordionPropTypes };

package/esm/CategoryBox/CategoryBox.js

@@ -1,54 +1,72 @@
-import * as React from "react";
-import React2 from "react";
-import { times } from "lodash";
-import { PropTypes, describe } from "react-desc";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { truncate } from "@elliemae/ds-system";
-const Title = styled.h3`
-  font-size: 18px;
-  margin: 0;
-  color: ${(props2) => props2.theme.colors.neutral["700"]};
-  line-height: inherit;
-  ${truncate()}
-  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
-`;
-const CategoryBox = styled(Grid)`
-  background: ${(props2) => props2.theme.colors.neutral["0"]};
-  border-top: ${(props2) => props2.borderTop ? `1px solid ${props2.theme.colors.neutral["100"]}` : "none"};
-`;
-const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {
-  const rows = ["auto"];
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { times } from 'lodash';
+import { PropTypes, describe } from 'react-desc';
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import { truncate } from '@elliemae/ds-system';
+
+const Title = /*#__PURE__*/styled.h3.withConfig({
+  componentId: "sc-iv6vo1-0"
+})(["font-size:18px;margin:0;color:", ";line-height:inherit;", " font-weight:", ";"], props => props.theme.colors.neutral['700'], truncate(), props => props.theme.fontWeights.semibold);
+const CategoryBox = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-iv6vo1-1"
+})(["background:", ";border-top:", ";"], props => props.theme.colors.neutral['0'], props => props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none');
+
+const DSCategoryBox = _ref => {
+  let {
+    borderTop = true,
+    actionsRight = [],
+    title,
+    headerLevel = 3,
+    children
+  } = _ref;
+  const rows = ['auto'];
   const hasActions = actionsRight.length > 0;
-  if (hasActions)
-    rows.push("auto");
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    rows: ["40px", "auto"]
-  }, /* @__PURE__ */ React2.createElement(CategoryBox, {
+  if (hasActions) rows.push('auto');
+  return /*#__PURE__*/_jsx(Grid, {
+    rows: ['40px', 'auto']
+  }, void 0, /*#__PURE__*/_jsx(CategoryBox, {
     cols: rows,
-    borderTop,
+    borderTop: borderTop,
     alignItems: "center",
     pl: "xs",
-    pr: actionsRight.length > 0 ? "xxs" : "xs"
-  }, /* @__PURE__ */ React2.createElement(Title, {
-    as: `h${headerLevel}`
-  }, title), hasActions && /* @__PURE__ */ React2.createElement(Grid, {
-    cols: times(actionsRight.length, () => "auto"),
+    pr: actionsRight.length > 0 ? 'xxs' : 'xs'
+  }, void 0, /*#__PURE__*/_jsx(Title, {
+    as: "h".concat(headerLevel)
+  }, void 0, title), hasActions && /*#__PURE__*/_jsx(Grid, {
+    cols: times(actionsRight.length, () => 'auto'),
     justifySelf: "end"
-  }, actionsRight)), children);
+  }, void 0, actionsRight)), children);
 };
+
 const props = {
-  title: PropTypes.string.isRequired.description("Category Box title"),
-  borderTop: PropTypes.bool.description("Toggle border top of category box"),
-  actionsRight: PropTypes.arrayOf(PropTypes.element).description("Array of button icons"),
-  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
-  children: PropTypes.element.description("In-box children")
+  /**
+   * Category Box title
+   */
+  title: PropTypes.string.isRequired.description('Category Box title'),
+
+  /**
+   * Toggle border top of category box
+   */
+  borderTop: PropTypes.bool.description('Toggle border top of category box'),
+
+  /**
+   * Array of button icons
+   */
+  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),
+
+  /**
+   * semantic level of header tag for the title
+   */
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),
+
+  /**
+   * In-box children
+   */
+  children: PropTypes.element.description('In-box children')
 };
-DSCategoryBox.propTypes = props;
 const DSCategoryBoxWithSchema = describe(DSCategoryBox);
 DSCategoryBoxWithSchema.propTypes = props;
-export {
-  DSCategoryBox,
-  DSCategoryBoxWithSchema
-};
-//# sourceMappingURL=CategoryBox.js.map
+
+export { DSCategoryBox, DSCategoryBoxWithSchema };

package/esm/CategoryBox/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-import { DSCategoryBox, DSCategoryBoxWithSchema } from "./CategoryBox";
-export {
-  DSCategoryBox,
-  DSCategoryBoxWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox.js';