@elliemae/ds-group-box 2.3.1 → 3.0.0-alpha.3

package/cjs/Actions.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('react');
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var ActionItem = require('./ActionItem.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ActionsNode = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1umfb8g-0"
-})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), styledComponents.space);
-
-function Actions(_ref) {
-  let {
-    actions = [],
-    centerActions,
-    rightActions
-  } = _ref;
-  if (actions.length < 1) return null;
-  return /*#__PURE__*/_jsx__default["default"](ActionsNode, {
-    marginLeft: !!rightActions && 'auto',
-    marginRight: !!centerActions && 'auto'
-  }, void 0, actions.map((action, key) => /*#__PURE__*/_jsx__default["default"](ActionItem, {}, key, action)));
-}
-
-exports.Actions = Actions;
-exports["default"] = Actions;

package/cjs/DSGroupBox.js

@@ -1,140 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var blocks = require('./components/blocks.js');
-var GroupHeader = require('./components/GroupHeader.js');
-var constants = require('./constants.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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__default["default"](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 DSGroupBox = _ref => {
-  let {
-    containerProps = {},
-    labelProps = {
-      labelText: '',
-      borderBottom: false,
-      id: 'ds-group-box__header'
-    },
-    rightActions = [],
-    centerActions = [],
-    type = constants.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__*/jsxRuntime.jsxs(blocks.GroupBoxWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    classProps: {
-      onlyHeader,
-      noBorder,
-      type,
-      isMain
-    },
-    children: [labelText && /*#__PURE__*/_jsx__default["default"](GroupHeader.DSGroupBoxHeader, {
-      centerActions: centerActions,
-      isMain: isMain,
-      labelProps: labelProps,
-      noBorder: noBorder,
-      rightActions: rightActions,
-      type: type
-    }), /*#__PURE__*/_jsx__default["default"](blocks.GroupBoxContent, {
-      classProps: {
-        type,
-        asRow,
-        onlyHeader,
-        noPadding,
-        noBorder,
-        noBorderTop: !!labelText
-      }
-    }, void 0, components && components.props ? React__default["default"].Children.map(components, component => /*#__PURE__*/React__default["default"].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
-      isMain: false
-    })), null) : components)]
-  }));
-};
-
-const props = {
-  /** props to inject to wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props to inject to wrapper'),
-
-  /**
-   * Label attributes to be rendered
-   */
-  labelProps: reactDesc.PropTypes.shape({
-    labelText: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]),
-    borderBottom: reactDesc.PropTypes.bool,
-    id: reactDesc.PropTypes.string
-  }).description('Label attributes to be rendered'),
-
-  /**
-   * ['category-box', 'group-box']
-   */
-  type: reactDesc.PropTypes.oneOf(constants.BOX_TYPES_ARRAY).description(constants.BOX_TYPES_ARRAY.toString()),
-
-  /**
-   * Components to be rendered inside the box
-   */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element)]).isRequired.description('Components to be rendered inside the box'),
-
-  /**
-   * Actions on the right side of the label
-   */
-  rightActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Actions on the right side of the label'),
-
-  /**
-   * Actions on the next to the label
-   */
-  centerActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Actions on the next to the label'),
-
-  /**
-   * Display the content of the group box with flex direction row
-   */
-  asRow: reactDesc.PropTypes.bool.description('Display the content of the group box with flex direction row'),
-
-  /**
-   * Show border only on the header
-   */
-  onlyHeader: reactDesc.PropTypes.bool.description('Show border only on the header'),
-
-  /**
-   * Remove the wrapper border
-   */
-  noBorder: reactDesc.PropTypes.bool.description('Remove the wrapper border'),
-
-  /**
-   * Remove the top and bottom padding from the content
-   */
-  noPadding: reactDesc.PropTypes.bool.description('Remove the top and bottom padding from the content')
-};
-const DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
-DSGroupBoxWithSchema.propTypes = props;
-
-exports.DSGroupBox = DSGroupBox;
-exports.DSGroupBoxWithSchema = DSGroupBoxWithSchema;
-exports["default"] = DSGroupBox;

package/cjs/GroupBoxLabel.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
-
-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 => dsSystem.toMobile(props.theme.fontSizes.title[500]), ";\n  padding: 12px 0;\n");
-const GroupBoxLabelNode = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-141ikkh-0"
-})(["", " ", " ", " ", ""], 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(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '');
-
-function GroupBoxLabel(_ref) {
-  let {
-    borderBottom,
-    children,
-    noBorder,
-    isMain,
-    type,
-    id
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](GroupBoxLabelNode, {
-    borderBottom: borderBottom,
-    "data-testid": "ds-group-box__header",
-    isMain: isMain,
-    noBorder: noBorder,
-    nodeType: type,
-    id: id
-  }, void 0, children);
-}
-
-module.exports = GroupBoxLabel;

package/cjs/LabelElement.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const LabelElementNode = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-nu03bl-0"
-})(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], props => dsSystem.toMobile(props.theme.fontSizes.title[700]));
-
-function LabelElement(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](LabelElementNode, {}, void 0, children);
-}
-
-module.exports = LabelElement;

package/cjs/components/GroupHeader.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var constants = require('../constants.js');
-var Actions = require('../Actions.js');
-var LabelElement = require('../LabelElement.js');
-var GroupBoxLabel = require('../GroupBoxLabel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-const DSGroupBoxHeader = _ref => {
-  let {
-    labelProps = {
-      labelText: '',
-      borderBottom: false,
-      id: 'ds-group-box__header'
-    },
-    rightActions = [],
-    centerActions = [],
-    type = constants.BOX_TYPES.CATEGORY,
-    noBorder,
-    isMain
-  } = _ref;
-  const {
-    labelText,
-    borderBottom,
-    id
-  } = labelProps;
-  return /*#__PURE__*/_jsx__default["default"](GroupBoxLabel, {
-    borderBottom: borderBottom,
-    isMain: isMain,
-    noBorder: noBorder,
-    type: type,
-    id: id
-  }, void 0, /*#__PURE__*/_jsx__default["default"](LabelElement, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    value: labelText
-  })), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
-    actions: centerActions,
-    centerActions: centerActions.length > 0
-  }), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
-    actions: rightActions,
-    rightActions: rightActions.length > 0
-  }));
-};
-
-exports.DSGroupBoxHeader = DSGroupBoxHeader;

package/cjs/components/blocks.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const blockName = 'group-box';
-const GroupBoxWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
-  let {
-    onlyHeader,
-    noBorder,
-    type,
-    isMain
-  } = _ref;
-  return {
-    'only-header': onlyHeader,
-    'no-border': noBorder,
-    [type]: type,
-    'main-box': isMain,
-    'nested-box': !isMain
-  };
-});
-const GroupBoxContent = dsClassnames.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
-  };
-});
-const Label = dsClassnames.aggregatedClasses('div')(blockName, 'label', _ref3 => {
-  let {
-    borderBottom,
-    type,
-    noBorder
-  } = _ref3;
-  return {
-    'border-bottom': borderBottom,
-    [type]: type,
-    'no-border': noBorder
-  };
-});
-
-exports.GroupBoxContent = GroupBoxContent;
-exports.GroupBoxWrapper = GroupBoxWrapper;
-exports.Label = Label;

package/cjs/constants.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const BOX_TYPES = {
-  CATEGORY: 'category-box',
-  GROUP: 'group-box'
-};
-const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
-
-exports.BOX_TYPES = BOX_TYPES;
-exports.BOX_TYPES_ARRAY = BOX_TYPES_ARRAY;

package/cjs/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSGroupBox = require('./DSGroupBox.js');
-var constants = require('./constants.js');
-
-
-
-exports.DSGroupBox = DSGroupBox.DSGroupBox;
-exports.DSGroupBoxWithSchema = DSGroupBox.DSGroupBoxWithSchema;
-exports["default"] = DSGroupBox.DSGroupBox;
-exports.BOX_TYPES = constants.BOX_TYPES;
-exports.BOX_TYPES_ARRAY = constants.BOX_TYPES_ARRAY;

package/esm/ActionItem.js

@@ -1,17 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-
-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;}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-
-function ActionItem(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(ActionItemNode, {}, void 0, children);
-}
-
-export { ActionItem as default };

package/esm/Actions.js

@@ -1,27 +0,0 @@
-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 { space } from '@xstyled/styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import ActionItem from './ActionItem.js';
-
-const ActionsNode = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1umfb8g-0"
-})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), space);
-
-function Actions(_ref) {
-  let {
-    actions = [],
-    centerActions,
-    rightActions
-  } = _ref;
-  if (actions.length < 1) return null;
-  return /*#__PURE__*/_jsx(ActionsNode, {
-    marginLeft: !!rightActions && 'auto',
-    marginRight: !!centerActions && 'auto'
-  }, void 0, actions.map((action, key) => /*#__PURE__*/_jsx(ActionItem, {}, key, action)));
-}
-
-export { Actions, Actions as default };

package/esm/DSGroupBox.js

@@ -1,128 +0,0 @@
-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 { jsxs } from 'react/jsx-runtime';
-
-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 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,
-      noBorder,
-      type,
-      isMain
-    },
-    children: [labelText && /*#__PURE__*/_jsx(DSGroupBoxHeader, {
-      centerActions: centerActions,
-      isMain: isMain,
-      labelProps: labelProps,
-      noBorder: noBorder,
-      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)]
-  }));
-};
-
-const props = {
-  /** props to inject to wrapper */
-  containerProps: PropTypes.object.description('props to inject to wrapper'),
-
-  /**
-   * Label attributes to be rendered
-   */
-  labelProps: PropTypes.shape({
-    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    borderBottom: PropTypes.bool,
-    id: PropTypes.string
-  }).description('Label attributes to be rendered'),
-
-  /**
-   * ['category-box', 'group-box']
-   */
-  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),
-
-  /**
-   * Components to be rendered inside the box
-   */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Components to be rendered inside the box'),
-
-  /**
-   * Actions on the right side of the label
-   */
-  rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),
-
-  /**
-   * Actions on the next to the label
-   */
-  centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),
-
-  /**
-   * Display the content of the group box with flex direction row
-   */
-  asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),
-
-  /**
-   * Show border only on the header
-   */
-  onlyHeader: PropTypes.bool.description('Show border only on the header'),
-
-  /**
-   * Remove the wrapper border
-   */
-  noBorder: PropTypes.bool.description('Remove the wrapper border'),
-
-  /**
-   * Remove the top and bottom padding from the content
-   */
-  noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content')
-};
-const DSGroupBoxWithSchema = describe(DSGroupBox);
-DSGroupBoxWithSchema.propTypes = props;
-
-export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default };

package/esm/GroupBoxLabel.js

@@ -1,33 +0,0 @@
-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';
-
-const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
-
-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"
-})(["", " ", " ", " ", ""], 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) {
-  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
-  }, void 0, children);
-}
-
-export { GroupBoxLabel as default };

package/esm/LabelElement.js

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

package/esm/components/GroupHeader.js

@@ -1,44 +0,0 @@
-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';
-
-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
-  }, void 0, /*#__PURE__*/_jsx(LabelElement, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-    value: labelText
-  })), /*#__PURE__*/_jsx(Actions, {
-    actions: centerActions,
-    centerActions: centerActions.length > 0
-  }), /*#__PURE__*/_jsx(Actions, {
-    actions: rightActions,
-    rightActions: rightActions.length > 0
-  }));
-};
-
-export { DSGroupBoxHeader };