@elliemae/ds-group-box 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/ActionItem.js

@@ -1,55 +1,24 @@
-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 ActionItem_exports = {};
-__export(ActionItem_exports, {
-  default: () => ActionItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_prop_types = __toESM(require("prop-types"));
-const ActionItemNode = import_styled_components.default.div`
-  padding-right: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
-  font-weight: 300;
-  overflow: hidden;
-  align-items: center;
-  display: flex;
-  &:last-child {
-    padding-right: 0;
-  }
-`;
-function ActionItem({ children }) {
-  return /* @__PURE__ */ import_react.default.createElement(ActionItemNode, null, children);
+'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 ActionItemNode = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ysc0gb-0"
+})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+
+function ActionItem(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](ActionItemNode, {}, void 0, children);
 }
-ActionItem.propTypes = {
-  children: import_prop_types.default.node.isRequired
-};
-var ActionItem_default = ActionItem;
-module.exports = __toCommonJS(ActionItem_exports);
-//# sourceMappingURL=ActionItem.js.map
+
+module.exports = ActionItem;

package/cjs/Actions.js

@@ -1,64 +1,37 @@
-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 Actions_exports = {};
-__export(Actions_exports, {
-  Actions: () => Actions,
-  default: () => Actions_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_styled_components2 = __toESM(require("@xstyled/styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_ActionItem = __toESM(require("./ActionItem"));
-const ActionsNode = import_styled_components.default.div`
-  display: flex;
-  flex-direction: row;
-  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
-  overflow: hidden;
-  ${import_styled_components2.space}
-`;
-function Actions({ actions = [], centerActions, rightActions }) {
-  if (actions.length < 1)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(ActionsNode, {
-    marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto"
-  }, actions.map((action, key) => /* @__PURE__ */ import_react.default.createElement(import_ActionItem.default, {
-    key
-  }, action)));
+'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)));
 }
-Actions.propTypes = {
-  actions: import_prop_types.default.array,
-  centerActions: import_prop_types.default.bool,
-  rightActions: import_prop_types.default.bool
-};
-var Actions_default = Actions;
-module.exports = __toCommonJS(Actions_exports);
-//# sourceMappingURL=Actions.js.map
+
+exports.Actions = Actions;
+exports["default"] = Actions;

package/cjs/DSGroupBox.js

@@ -1,106 +1,140 @@
-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 DSGroupBox_exports = {};
-__export(DSGroupBox_exports, {
-  DSGroupBox: () => DSGroupBox,
-  DSGroupBoxWithSchema: () => DSGroupBoxWithSchema,
-  default: () => DSGroupBox_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_blocks = __toESM(require("./components/blocks"));
-var import_GroupHeader = __toESM(require("./components/GroupHeader"));
-var import_constants = __toESM(require("./constants"));
-const DSGroupBox = ({
-  containerProps = {},
-  labelProps = {
-    labelText: "",
-    borderBottom: false,
-    id: "ds-group-box__header"
-  },
-  rightActions = [],
-  centerActions = [],
-  type = import_constants.BOX_TYPES.CATEGORY,
-  asRow = false,
-  onlyHeader = false,
-  noBorder = true,
-  noPadding = false,
-  children: components = [],
-  isMain = true
-}) => {
-  const { labelText } = labelProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, {
-    ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
-    centerActions,
-    isMain,
-    labelProps,
-    noBorder,
-    rightActions,
-    type
-  }), /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxContent, {
+'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: {
-      type,
-      asRow,
       onlyHeader,
-      noPadding,
       noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, {
-    ...component.props,
-    isMain: false
-  }), null) : components));
+      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 = {
-  containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
-  labelProps: import_react_desc.PropTypes.shape({
-    labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
-    borderBottom: import_react_desc.PropTypes.bool,
-    id: import_react_desc.PropTypes.string
-  }).description("Label attributes to be rendered"),
-  type: import_react_desc.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
-  children: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.element,
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element)
-  ]).isRequired.description("Components to be rendered inside the box"),
-  rightActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the right side of the label"),
-  centerActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the next to the label"),
-  asRow: import_react_desc.PropTypes.bool.description("Display the content of the group box with flex direction row"),
-  onlyHeader: import_react_desc.PropTypes.bool.description("Show border only on the header"),
-  noBorder: import_react_desc.PropTypes.bool.description("Remove the wrapper border"),
-  noPadding: import_react_desc.PropTypes.bool.description("Remove the top and bottom padding from the content")
+  /** 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')
 };
-DSGroupBox.propTypes = props;
-const DSGroupBoxWithSchema = (0, import_react_desc.describe)(DSGroupBox);
+const DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
-var DSGroupBox_default = DSGroupBox;
-module.exports = __toCommonJS(DSGroupBox_exports);
-//# sourceMappingURL=DSGroupBox.js.map
+
+exports.DSGroupBox = DSGroupBox;
+exports.DSGroupBoxWithSchema = DSGroupBoxWithSchema;
+exports["default"] = DSGroupBox;

package/cjs/GroupBoxLabel.js

@@ -1,83 +1,40 @@
-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 GroupBoxLabel_exports = {};
-__export(GroupBoxLabel_exports, {
-  default: () => GroupBoxLabel_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_constants = __toESM(require("./constants"));
-const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
-const categoryBoxStyles = `
-  width: 100%;
-  height: 36px;
-  padding:0 0;
-  color: ${(props) => props.theme.colors.neutral[800]};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-bottom: ${borderBase200}
-`;
-const groupBoxStyles = `
-  border: unset;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
-  padding: 12px 0;
-`;
-const GroupBoxLabelNode = import_styled_components.default.div`
-  ${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
-  ${(props) => props.noBorder ? "border: none;" : ""}
-  ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
-  ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
-`;
-function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
-  return /* @__PURE__ */ import_react.default.createElement(GroupBoxLabelNode, {
+'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,
-    "data-testid": "ds-group-box__header",
-    isMain,
+    children,
     noBorder,
-    nodeType: type,
+    isMain,
+    type,
     id
-  }, children);
+  } = _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);
 }
-GroupBoxLabel.propTypes = {
-  children: import_prop_types.default.oneOfType([
-    import_prop_types.default.arrayOf(import_prop_types.default.node),
-    import_prop_types.default.node
-  ]).isRequired,
-  type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),
-  borderBottom: import_prop_types.default.bool,
-  isMain: import_prop_types.default.bool.isRequired,
-  noBorder: import_prop_types.default.bool,
-  id: import_prop_types.default.string
-};
-var GroupBoxLabel_default = GroupBoxLabel;
-module.exports = __toCommonJS(GroupBoxLabel_exports);
-//# sourceMappingURL=GroupBoxLabel.js.map
+
+module.exports = GroupBoxLabel;

package/cjs/LabelElement.js

@@ -1,52 +1,24 @@
-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 LabelElement_exports = {};
-__export(LabelElement_exports, {
-  default: () => LabelElement_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-const LabelElementNode = import_styled_components.default.div`
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
-  font-weight: 400;
-`;
-function LabelElement({ children }) {
-  return /* @__PURE__ */ import_react.default.createElement(LabelElementNode, null, children);
+'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);
 }
-LabelElement.propTypes = {
-  children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
-};
-var LabelElement_default = LabelElement;
-module.exports = __toCommonJS(LabelElement_exports);
-//# sourceMappingURL=LabelElement.js.map
+
+module.exports = LabelElement;