@elliemae/ds-mobile 1.57.0-rc.0 → 1.57.0-rc.4

package/cjs/Accordion/Accordion.js

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Accordion = require('@elliemae/ds-basic/Accordion');
+var dsAccordion = require('@elliemae/ds-accordion');
 
 
 
 Object.defineProperty(exports, 'DSMobileAccordion', {
   enumerable: true,
   get: function () {
-    return Accordion.DSAccordion;
+    return dsAccordion.DSAccordion;
   }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItem', {
   enumerable: true,
   get: function () {
-    return Accordion.DSAccordionItem;
+    return dsAccordion.DSAccordionItem;
   }
 });
 Object.defineProperty(exports, 'DSMobileAccordionItemWithSchema', {
   enumerable: true,
   get: function () {
-    return Accordion.DSAccordionItemWithSchema;
+    return dsAccordion.DSAccordionItemWithSchema;
   }
 });
 Object.defineProperty(exports, 'DSMobileAccordionWithSchema', {
   enumerable: true,
   get: function () {
-    return Accordion.DSAccordionWithSchema;
+    return dsAccordion.DSAccordionWithSchema;
   }
 });
 //# sourceMappingURL=Accordion.js.map

package/cjs/Accordion/index.js

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Accordion = require('@elliemae/ds-basic/Accordion');
+var dsAccordion = require('@elliemae/ds-accordion');
 
 
 
 Object.defineProperty(exports, 'DSMobileAccordion', {
 	enumerable: true,
 	get: function () {
-		return Accordion.DSAccordion;
+		return dsAccordion.DSAccordion;
 	}
 });
 Object.defineProperty(exports, 'DSMobileAccordionItem', {
 	enumerable: true,
 	get: function () {
-		return Accordion.DSAccordionItem;
+		return dsAccordion.DSAccordionItem;
 	}
 });
 Object.defineProperty(exports, 'DSMobileAccordionItemWithSchema', {
 	enumerable: true,
 	get: function () {
-		return Accordion.DSAccordionItemWithSchema;
+		return dsAccordion.DSAccordionItemWithSchema;
 	}
 });
 Object.defineProperty(exports, 'DSMobileAccordionWithSchema', {
 	enumerable: true,
 	get: function () {
-		return Accordion.DSAccordionWithSchema;
+		return dsAccordion.DSAccordionWithSchema;
 	}
 });
 //# sourceMappingURL=index.js.map

package/cjs/CategoryBox/CategoryBox.js

@@ -6,7 +6,7 @@ var React = require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,7 +21,7 @@ var Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
 }, dsSystem.truncate(), function (props) {
   return props.theme.fontWeights.semibold;
 });
-var CategoryBox = /*#__PURE__*/styled__default['default'](dsBasic.Grid).withConfig({
+var CategoryBox = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-iv6vo1-1"
 })(["background:", ";border-top:", ";"], function (props) {
   return props.theme.colors.neutral['0'];
@@ -41,7 +41,7 @@ var DSCategoryBox = function DSCategoryBox(_ref) {
   var rows = ['auto'];
   var hasActions = actionsRight.length > 0;
   if (hasActions) rows.push('auto');
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     rows: ['40px', 'auto']
   }, /*#__PURE__*/React__default['default'].createElement(CategoryBox, {
     cols: rows,
@@ -51,7 +51,7 @@ var DSCategoryBox = function DSCategoryBox(_ref) {
     pr: actionsRight.length > 0 ? 'xxs' : 'xs'
   }, /*#__PURE__*/React__default['default'].createElement(Title, {
     as: "h".concat(headerLevel)
-  }, title), hasActions && /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  }, title), hasActions && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     cols: lodash.times(actionsRight.length, function () {
       return 'auto';
     }),

package/cjs/CategoryBox/CategoryBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) =>\n    props.borderTop\n      ? `1px solid ${props.theme.colors.neutral['100']}`\n      : 'none'};\n`;\n\nconst DSCategoryBox = ({\n  borderTop = true,\n  actionsRight = [],\n  title,\n  headerLevel = 3,\n  children,\n}) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid\n            cols={times(actionsRight.length, () => 'auto')}\n            justifySelf=\"end\"\n          >\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description(\n    'Array of button icons',\n  ),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description(\n    'semantic level of header tag for the title',\n  ),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","React","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","React","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":"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"}

package/cjs/CategoryBox/index.js

@@ -7,7 +7,7 @@ require('react');
 require('lodash');
 require('react-desc');
 require('styled-components');
-require('@elliemae/ds-basic');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-system');
 
 

package/cjs/CollectionBox/CollectionBox.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable complexity */
-var CollectionBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+var CollectionBox = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-0"
 })(["background:", ";font-size:13px;color:", ";font-weight:", ";border-top:1px solid ", ";"], function (props) {
   return props.theme.colors.neutral['000'];
@@ -25,12 +25,12 @@ var CollectionBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfi
 }, function (props) {
   return props.theme.colors.neutral['100'];
 });
-var Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+var Footer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-1"
 })(["border-top:1px dashed ", ";"], function (props) {
   return props.theme.colors.neutral['100'];
 });
-var Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+var Body = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-2"
 })(["min-height:92px;font-weight:", ";"], function (props) {
   return props.theme.fontWeights.regular;
@@ -38,7 +38,7 @@ var Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
 var Header = /*#__PURE__*/styled__default['default'].h3.withConfig({
   componentId: "sc-z729w4-3"
 })(["line-height:unset;font-size:inherit;font-weight:inherit;margin:0;", "}"], dsSystem.truncate());
-var ActionWrap = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+var ActionWrap = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-z729w4-4"
 })(["& .em-ds-button{padding:0;min-width:unset;}"]);
 
@@ -60,7 +60,7 @@ var DSCollectionBox = function DSCollectionBox(_ref) {
   if (footerAction) footerCols.push('auto');
   return /*#__PURE__*/React__default['default'].createElement(CollectionBox, {
     rows: rows
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     alignItems: "center",
     cols: headerCols
   }, title && /*#__PURE__*/React__default['default'].createElement(Header, {

package/cjs/CollectionBox/CollectionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({\n  body,\n  title,\n  headerAction,\n  footerAction,\n  headerLevel = 3,\n}) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && (\n          <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>\n        )}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description(\n    'Collection box header action, expects a button with size s',\n  ),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description(\n    'Collection box footer action, expects a button with size s',\n  ),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description(\n    'Semantic header tag used for the header title',\n  ),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","React","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","React","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":"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"}

package/cjs/CollectionBox/index.js

@@ -6,7 +6,7 @@ var CollectionBox_CollectionBox = require('./CollectionBox.js');
 require('react');
 require('react-desc');
 require('styled-components');
-require('@elliemae/ds-basic/Grid');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-system');
 
 

package/cjs/FullPageContainer/FullPageContainer.js

@@ -6,7 +6,7 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var PropTypes = require('prop-types');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 var FullPageContainer_useMobileHeight = require('./useMobileHeight.js');
 require('@babel/runtime/helpers/slicedToArray');
 
@@ -24,7 +24,7 @@ var DSFullPageContainer = function DSFullPageContainer(_ref) {
       props = _objectWithoutProperties__default['default'](_ref, _excluded);
 
   var height = FullPageContainer_useMobileHeight.useMobileHeight();
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, _extends__default['default']({
+  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, _extends__default['default']({
     height: height,
     width: "100%"
   }, props), children);

package/cjs/FullPageContainer/FullPageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-basic';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","React","Grid","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAZC,KAAY;;AACtD,MAAMC,MAAM,GAAGC,iDAAe,EAA9B;AACA,sBACEC,wCAACC,YAAD;AAAM,IAAA,MAAM,EAAEH,MAAd;AAAsB,IAAA,KAAK,EAAC;AAA5B,KAAuCD,KAAvC,GACGD,QADH,CADF;AAKD;;AAEDD,mBAAmB,CAACO,SAApB,GAAgC;AAC9BN,EAAAA,QAAQ,EAAEO,6BAAS,CAACC;AADU,CAAhC;;;;"}
+{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","React","Grid","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAZC,KAAY;;AACtD,MAAMC,MAAM,GAAGC,iDAAe,EAA9B;AACA,sBACEC,wCAACC,WAAD;AAAM,IAAA,MAAM,EAAEH,MAAd;AAAsB,IAAA,KAAK,EAAC;AAA5B,KAAuCD,KAAvC,GACGD,QADH,CADF;AAKD;;AAEDD,mBAAmB,CAACO,SAApB,GAAgC;AAC9BN,EAAAA,QAAQ,EAAEO,6BAAS,CAACC;AADU,CAAhC;;;;"}

package/cjs/FullPageContainer/FullPageContainerScroll.js

@@ -7,7 +7,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var PropTypes = require('prop-types');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +29,7 @@ var DSFullPageContainerScroll = function DSFullPageContainerScroll(_ref) {
       children = _ref.children,
       props = _objectWithoutProperties__default['default'](_ref, _excluded);
 
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, _extends__default['default']({
+  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, _extends__default['default']({
     maxHeight: "100%",
     style: _objectSpread({
       overflow: 'auto'

package/cjs/FullPageContainer/FullPageContainerScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-basic';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","React","Grid","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,MAAeC,QAAf,QAAeA,QAAf;AAAA,MAA4BC,KAA5B;;AAAA,sBAChCC,wCAACC,YAAD;AAAM,IAAA,SAAS,EAAC,MAAhB;AAAuB,IAAA,KAAK;AAAIC,MAAAA,QAAQ,EAAE;AAAd,OAAyBL,KAAzB;AAA5B,KAAkEE,KAAlE,GACGD,QADH,CADgC;AAAA;;AAMlCF,yBAAyB,CAACO,SAA1B,GAAsC;AACpCL,EAAAA,QAAQ,EAAEM,6BAAS,CAACC,GADgB;AAEpCR,EAAAA,KAAK,EAAEO,6BAAS,CAACE;AAFmB,CAAtC;;;;"}
+{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","React","Grid","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,MAAeC,QAAf,QAAeA,QAAf;AAAA,MAA4BC,KAA5B;;AAAA,sBAChCC,wCAACC,WAAD;AAAM,IAAA,SAAS,EAAC,MAAhB;AAAuB,IAAA,KAAK;AAAIC,MAAAA,QAAQ,EAAE;AAAd,OAAyBL,KAAzB;AAA5B,KAAkEE,KAAlE,GACGD,QADH,CADgC;AAAA;;AAMlCF,yBAAyB,CAACO,SAA1B,GAAsC;AACpCL,EAAAA,QAAQ,EAAEM,6BAAS,CAACC,GADgB;AAEpCR,EAAAA,KAAK,EAAEO,6BAAS,CAACE;AAFmB,CAAtC;;;;"}

package/cjs/FullPageContainer/index.js

@@ -8,7 +8,7 @@ require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 require('prop-types');
-require('@elliemae/ds-basic');
+require('@elliemae/ds-grid');
 require('./useMobileHeight.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/defineProperty');

package/cjs/GlobalHeader/MobileGlobalHeader.js

@@ -5,21 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var Search = require('@elliemae/ds-icons/Search');
-var DSInput = require('@elliemae/ds-basic/form/Input');
+var dsIcons = require('@elliemae/ds-icons');
+var dsForm = require('@elliemae/ds-form');
 var reactDesc = require('react-desc');
-var DSButton = require('@elliemae/ds-basic/Button');
-var Icon = require('@elliemae/ds-basic/Icon');
+var DSButton = require('@elliemae/ds-button');
+var dsIcon = require('@elliemae/ds-icon');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var Icons_EM_logo = require('../Icons/EM_logo.js');
 var GlobalHeader_styles = require('./styles.js');
 var SideNav_SideNav = require('../SideNav/SideNav.js');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('styled-components');
 require('@elliemae/ds-system');
-require('@elliemae/ds-basic');
-require('@elliemae/ds-icons/Close');
+require('@elliemae/ds-backdrop');
 require('../SideNav/styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -27,8 +26,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var DSGlobalHeader = function DSGlobalHeader(_ref) {
@@ -80,15 +77,15 @@ var DSGlobalHeader = function DSGlobalHeader(_ref) {
     "data-testid": containerProps['data-testid'] || 'global-header-wrapper'
   }, containerProps), !searchBarVisible ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.MainSection, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Icon, {
     onClick: menuToggle.bind(null, true)
-  }, Icons_EM_logo()), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Label, null, title), /*#__PURE__*/React__default['default'].createElement("span", null), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.RightSection, null, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, Icons_EM_logo()), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Label, null, title), /*#__PURE__*/React__default['default'].createElement("span", null), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.RightSection, null, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     cols: lastIcon ? [1 / 2, 1 / 2] : [1],
     gutter: "xs"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, /*#__PURE__*/React__default['default'].createElement(Search__default['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
     "data-testid": "mobile-global-header-search",
-    size: Icon.DSIconSizes.M,
-    color: Icon.DSIconColors.WHITE,
+    size: dsIcon.DSIconSizes.M,
+    color: dsIcon.DSIconColors.WHITE,
     onClick: searchClicked
-  })), lastIcon && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, lastIcon))))) : /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.SearchWrapper, null, /*#__PURE__*/React__default['default'].createElement(DSInput__default['default'], {
+  })), lastIcon && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, lastIcon))))) : /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.SearchWrapper, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInput, {
     clearable: true,
     className: "dsInput",
     placeholder: "Search here",
@@ -96,9 +93,9 @@ var DSGlobalHeader = function DSGlobalHeader(_ref) {
     rightComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
       buttonType: "primary",
       className: "dsButton",
-      icon: /*#__PURE__*/React__default['default'].createElement(Search__default['default'], {
-        size: Icon.DSIconSizes.M,
-        color: Icon.DSIconColors.WHITE,
+      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
+        size: dsIcon.DSIconSizes.M,
+        color: dsIcon.DSIconColors.WHITE,
         onClick: searchCloseClicked
       })
     }),

package/cjs/GlobalHeader/MobileGlobalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport Search from '@elliemae/ds-icons/Search';\nimport DSInput from '@elliemae/ds-basic/form/Input';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-basic/Grid';\nimport Logo from '../Icons/EM_logo';\nimport {\n  Container,\n  Label,\n  SearchWrapper,\n  Icon,\n  RightSection,\n  MainSection,\n} from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(\n    debounce(onSearchChange, 250),\n    [],\n  );\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container\n        data-testid={containerProps['data-testid'] || 'global-header-wrapper'}\n        {...containerProps}\n      >\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={\n                    <Search\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchCloseClicked}\n                    />\n                  }\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description(\n    'Callback function for search change',\n  ),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","React","Container","MainSection","Icon","bind","Logo","Label","RightSection","Grid","Search","DSIconSizes","M","DSIconColors","WHITE","SearchWrapper","DSInput","DSButton","DSSideNav","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","React","Container","MainSection","Icon","bind","Logo","Label","RightSection","Grid","Search","DSIconSizes","M","DSIconColors","WHITE","SearchWrapper","DSInput","DSButton","DSSideNav","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":"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"}

package/cjs/GlobalHeader/index.js

@@ -6,21 +6,20 @@ var GlobalHeader_MobileGlobalHeader = require('./MobileGlobalHeader.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
-require('@elliemae/ds-icons/Search');
-require('@elliemae/ds-basic/form/Input');
+require('@elliemae/ds-icons');
+require('@elliemae/ds-form');
 require('react-desc');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-basic/Icon');
+require('@elliemae/ds-button');
+require('@elliemae/ds-icon');
 require('lodash');
-require('@elliemae/ds-basic/Grid');
+require('@elliemae/ds-grid');
 require('../Icons/EM_logo.js');
 require('./styles.js');
 require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('styled-components');
 require('@elliemae/ds-system');
 require('../SideNav/SideNav.js');
-require('@elliemae/ds-basic');
-require('@elliemae/ds-icons/Close');
+require('@elliemae/ds-backdrop');
 require('../SideNav/styles.js');
 
 

package/cjs/GlobalHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/GroupBox/GroupBox.js

@@ -7,7 +7,7 @@ var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var dsSystem = require('@elliemae/ds-system');
 var styled = require('styled-components');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,7 +21,7 @@ var Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
 }, function (props) {
   return props.theme.fontWeights.semibold;
 });
-var GroupBox = /*#__PURE__*/styled__default['default'](dsBasic.Grid).withConfig({
+var GroupBox = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-1g87w66-1"
 })(["background:", ";border-top:", ";"], function (props) {
   return props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000'];
@@ -42,7 +42,7 @@ var DSGroupBox = function DSGroupBox(_ref) {
   var rows = ['auto'];
   var hasActions = actionsRight.length > 0;
   if (hasActions) rows.push('auto');
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     rows: ['32px', 'auto']
   }, /*#__PURE__*/React__default['default'].createElement(GroupBox, {
     background: background,
@@ -53,7 +53,7 @@ var DSGroupBox = function DSGroupBox(_ref) {
     pr: hasActions ? 'xxs' : 'xs'
   }, /*#__PURE__*/React__default['default'].createElement(Title, {
     as: "h".concat(headerLevel)
-  }, title), hasActions && /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  }, title), hasActions && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     cols: lodash.times(actionsRight.length, function () {
       return 'auto';
     }),

package/cjs/GroupBox/GroupBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-basic';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey'\n      ? props.theme.colors.neutral['050']\n      : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) =>\n    props.borderTop\n      ? `1px solid ${props.theme.colors.neutral['100']}`\n      : 'none'};\n`;\n\nconst DSGroupBox = ({\n  children,\n  title,\n  background = 'grey',\n  headerLevel = 3,\n  actionsRight = [],\n  borderTop,\n}) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid\n            cols={times(actionsRight.length, () => 'auto')}\n            justifySelf=\"end\"\n          >\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description(\n    'Title background',\n  ),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description(\n    'semantic level of header tag for the title',\n  ),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description(\n    'Array of button icons',\n  ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","React","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","React","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}

package/cjs/GroupBox/index.js

@@ -8,7 +8,7 @@ require('react-desc');
 require('lodash');
 require('@elliemae/ds-system');
 require('styled-components');
-require('@elliemae/ds-basic');
+require('@elliemae/ds-grid');
 
 
 

package/cjs/InfiniteLoader/Infiniteloader.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDesc = require('react-desc');
-var dsBasic = require('@elliemae/ds-basic');
+var dsGrid = require('@elliemae/ds-grid');
 var InfiniteLoader_Loader = require('./Loader.js');
 require('prop-types');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+require('@elliemae/ds-indeterminate-progress-indicator');
 require('./styled.js');
 require('styled-components');
 
@@ -58,13 +58,13 @@ var InfiniteLoader = function InfiniteLoader(_ref) {
       (_observer$current2 = observer.current) === null || _observer$current2 === void 0 ? void 0 : _observer$current2.disconnect();
     };
   }, [target, observer, fetchData]);
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     style: {
       position: 'relative',
       height: height,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
     style: {
       overflow: isFetching ? 'hidden' : 'auto',
       height: height