@elliemae/ds-label-value 3.16.0-next.2 → 3.16.0-next.4

package/dist/cjs/components/Group.js

@@ -30,7 +30,7 @@ __export(Group_exports, {
 module.exports = __toCommonJS(Group_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -43,7 +43,7 @@ const Group = ({ children, inline, orientation }) => /* @__PURE__ */ (0, import_
 Group.propTypes = import_props.groupProps;
 Group.defaultProps = import_defaultProps.groupDefault;
 Group.displayName = "Group";
-const GroupWithSchema = (0, import_ds_utilities.describe)(Group);
+const GroupWithSchema = (0, import_ds_props_helpers.describe)(Group);
 GroupWithSchema.propTypes = import_props.groupProps;
 var Group_default = Group;
 //# sourceMappingURL=Group.js.map

package/dist/cjs/components/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props';\nimport { groupDefault } from './defaultProps';\n\nconst blockName = 'labelValueGroup';\n\nconst WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', ({ orientation, inline }) => ({\n  inline,\n  [orientation]: orientation,\n}));\n\nconst Group = ({ children, inline, orientation }) => (\n  <WrapperGroup classProps={{ orientation, inline }}>{children}</WrapperGroup>\n);\n\nGroup.propTypes = groupProps;\nGroup.defaultProps = groupDefault;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,EAChG;AAAA,EACA,CAAC,cAAc;AACjB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,YAAY,MAC7C,4CAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props';\nimport { groupDefault } from './defaultProps';\n\nconst blockName = 'labelValueGroup';\n\nconst WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', ({ orientation, inline }) => ({\n  inline,\n  [orientation]: orientation,\n}));\n\nconst Group = ({ children, inline, orientation }) => (\n  <WrapperGroup classProps={{ orientation, inline }}>{children}</WrapperGroup>\n);\n\nGroup.propTypes = groupProps;\nGroup.defaultProps = groupDefault;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,EAChG;AAAA,EACA,CAAC,cAAc;AACjB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,YAAY,MAC7C,4CAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/components/Label.js

@@ -30,7 +30,7 @@ __export(Label_exports, {
 module.exports = __toCommonJS(Label_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -43,7 +43,7 @@ const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */
 Label.propTypes = import_props.labelProps;
 Label.defaultProps = import_defaultProps.labelDefault;
 Label.displayName = "Label";
-const LabelWithSchema = (0, import_ds_utilities.describe)(Label);
+const LabelWithSchema = (0, import_ds_props_helpers.describe)(Label);
 LabelWithSchema.propTypes = import_props.labelProps;
 var Label_default = Label;
 //# sourceMappingURL=Label.js.map

package/dist/cjs/components/Label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Label.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props';\nimport { labelDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelStyled = aggregatedClasses('div')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n  [labelPosition]: labelPosition,\n  [labelColor]: labelColor,\n}));\n\nconst Label = ({ children, position: labelPosition, color }) => (\n  <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>\n);\n\nLabel.propTypes = labelProps;\nLabel.defaultProps = labelDefault;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,EACnG,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAChB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,MACxD,4CAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props';\nimport { labelDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelStyled = aggregatedClasses('div')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n  [labelPosition]: labelPosition,\n  [labelColor]: labelColor,\n}));\n\nconst Label = ({ children, position: labelPosition, color }) => (\n  <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>\n);\n\nLabel.propTypes = labelProps;\nLabel.defaultProps = labelDefault;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,EACnG,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAChB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,MACxD,4CAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/components/Value.js

@@ -30,7 +30,7 @@ __export(Value_exports, {
 module.exports = __toCommonJS(Value_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -56,7 +56,7 @@ const Value = ({ children, position: valuePosition, size, color: valueColor, sem
 Value.propTypes = import_props.valueProps;
 Value.defaultProps = import_defaultProps.valueDefault;
 Value.displayName = "Value";
-const ValueWithSchema = (0, import_ds_utilities.describe)(Value);
+const ValueWithSchema = (0, import_ds_props_helpers.describe)(Value);
 ValueWithSchema.propTypes = import_props.valueProps;
 var Value_default = Value;
 //# sourceMappingURL=Value.js.map

package/dist/cjs/components/Value.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Value.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props';\nimport { valueDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst ValueStyled = aggregatedClasses('div')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n  [size]: size,\n  [valuePosition]: valuePosition,\n  [valueColor]: valueColor,\n  semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\n  <ValueStyled\n    classProps={{\n      size,\n      valuePosition,\n      valueColor,\n      semibold,\n    }}\n  >\n    <span>{children}</span>\n  </ValueStyled>\n);\n\nValue.propTypes = valueProps;\nValue.defaultProps = valueDefault;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,EACnH,CAAC,OAAO;AAAA,EACR,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAAA,EACd;AACF,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,YAAY,WAAW,MAAM,MAC5F;AAAA,EAAC;AAAA;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IAEA,sDAAC,UAAM,UAAS;AAAA;AAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props';\nimport { valueDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst ValueStyled = aggregatedClasses('div')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n  [size]: size,\n  [valuePosition]: valuePosition,\n  [valueColor]: valueColor,\n  semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\n  <ValueStyled\n    classProps={{\n      size,\n      valuePosition,\n      valueColor,\n      semibold,\n    }}\n  >\n    <span>{children}</span>\n  </ValueStyled>\n);\n\nValue.propTypes = valueProps;\nValue.defaultProps = valueDefault;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,8BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,EACnH,CAAC,OAAO;AAAA,EACR,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAAA,EACd;AACF,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,YAAY,WAAW,MAAM,MAC5F;AAAA,EAAC;AAAA;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IAEA,sDAAC,UAAM,UAAS;AAAA;AAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/components/Wrapper.js

@@ -30,7 +30,7 @@ __export(Wrapper_exports, {
 module.exports = __toCommonJS(Wrapper_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
@@ -46,7 +46,7 @@ const Wrapper = ({ containerProps, children, className, icon, inverted }) => /*
 Wrapper.propTypes = import_props.wrapperProps;
 Wrapper.defaultProps = import_defaultProps.wrapperDefault;
 Wrapper.displayName = "Wrapper";
-const WrapperWithSchema = (0, import_ds_utilities.describe)(Wrapper);
+const WrapperWithSchema = (0, import_ds_props_helpers.describe)(Wrapper);
 WrapperWithSchema.propTypes = import_props.wrapperProps;
 var Wrapper_default = Wrapper;
 //# sourceMappingURL=Wrapper.js.map

package/dist/cjs/components/Wrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Wrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n  inverted,\n}));\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n  <Container classProps={{ inverted }}>\n    {icon}\n    <LabelValueWrapper className={className} {...containerProps}>\n      {children}\n    </LabelValueWrapper>\n  </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA6B;AAC7B,0BAA+B;AAE/B,MAAM,YAAY;AAElB,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,uBAAuB,MAAM,IAAI;AAC/F,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,EAClF;AACF,EAAE;AAEF,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,SAAS,MACrE,6CAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,EACD,4CAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,GACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n  inverted,\n}));\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n  <Container classProps={{ inverted }}>\n    {icon}\n    <LabelValueWrapper className={className} {...containerProps}>\n      {children}\n    </LabelValueWrapper>\n  </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,2BAAkC;AAClC,mBAA6B;AAC7B,0BAA+B;AAE/B,MAAM,YAAY;AAElB,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,uBAAuB,MAAM,IAAI;AAC/F,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,EAClF;AACF,EAAE;AAEF,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,SAAS,MACrE,6CAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,EACD,4CAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,GACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/components/props.js

@@ -31,30 +31,30 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_shared = require("@elliemae/ds-shared");
 const groupProps = {
-  children: import_ds_utilities.PropTypes.node.description("The elements to be wrapped"),
-  inline: import_ds_utilities.PropTypes.bool.description("If the label value should be inline"),
-  orientation: import_ds_utilities.PropTypes.string.description("'vertical' or 'horizontal'")
+  children: import_ds_props_helpers.PropTypes.node.description("The elements to be wrapped"),
+  inline: import_ds_props_helpers.PropTypes.bool.description("If the label value should be inline"),
+  orientation: import_ds_props_helpers.PropTypes.string.description("'vertical' or 'horizontal'")
 };
 const labelProps = {
-  children: import_ds_utilities.PropTypes.node.description("Label element").isRequired,
-  position: import_ds_utilities.PropTypes.string.description("labels position").defaultValue(import_ds_shared.position.LEFT),
-  color: import_ds_utilities.PropTypes.string.description("labels color").defaultValue(import_ds_shared.fontColor.NEUTRAL500)
+  children: import_ds_props_helpers.PropTypes.node.description("Label element").isRequired,
+  position: import_ds_props_helpers.PropTypes.string.description("labels position").defaultValue(import_ds_shared.position.LEFT),
+  color: import_ds_props_helpers.PropTypes.string.description("labels color").defaultValue(import_ds_shared.fontColor.NEUTRAL500)
 };
 const wrapperProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
-  className: import_ds_utilities.PropTypes.string.description("html class attribute"),
-  icon: import_ds_utilities.PropTypes.element.description("Icon to be attached near value"),
-  inverted: import_ds_utilities.PropTypes.bool.description("Changes the position of the label").defaultValue(false),
-  children: import_ds_utilities.PropTypes.node.description("label value").isRequired
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
+  icon: import_ds_props_helpers.PropTypes.element.description("Icon to be attached near value"),
+  inverted: import_ds_props_helpers.PropTypes.bool.description("Changes the position of the label").defaultValue(false),
+  children: import_ds_props_helpers.PropTypes.node.description("label value").isRequired
 };
 const valueProps = {
-  children: import_ds_utilities.PropTypes.node.description("value element").isRequired,
-  size: import_ds_utilities.PropTypes.string.description("values size").defaultValue(import_ds_shared.sizeVariants.M),
-  position: import_ds_utilities.PropTypes.string.description("position of the value").defaultValue(import_ds_shared.position.LEFT),
-  color: import_ds_utilities.PropTypes.string.description("value color").defaultValue(import_ds_shared.fontColor.NEUTRAL700),
-  semibold: import_ds_utilities.PropTypes.bool.description("semibold or not").defaultValue(false)
+  children: import_ds_props_helpers.PropTypes.node.description("value element").isRequired,
+  size: import_ds_props_helpers.PropTypes.string.description("values size").defaultValue(import_ds_shared.sizeVariants.M),
+  position: import_ds_props_helpers.PropTypes.string.description("position of the value").defaultValue(import_ds_shared.position.LEFT),
+  color: import_ds_props_helpers.PropTypes.string.description("value color").defaultValue(import_ds_shared.fontColor.NEUTRAL700),
+  semibold: import_ds_props_helpers.PropTypes.bool.description("semibold or not").defaultValue(false)
 };
 //# sourceMappingURL=props.js.map

package/dist/cjs/components/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n  /**\n   * The elements to be wrapped\n   */\n  children: PropTypes.node.description('The elements to be wrapped'),\n  /**\n   * If the label value should be inline\n   */\n  inline: PropTypes.bool.description('If the label value should be inline'),\n  /**\n   * 'vertical' or 'horizontal'\n   */\n  orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n  children: PropTypes.node.description('Label element').isRequired,\n  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  icon: PropTypes.element.description('Icon to be attached near value'),\n  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n  children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n  children: PropTypes.node.description('value element').isRequired,\n  size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n  color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n  semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,uBAAkD;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,8BAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,8BAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,0BAAS,IAAI;AAAA,EACpF,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE,aAAa,2BAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,8BAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,8BAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,8BAAa,CAAC;AAAA,EAC7E,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,0BAAS,IAAI;AAAA,EAC1F,OAAO,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,2BAAU,UAAU;AAAA,EACpF,UAAU,8BAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n  /**\n   * The elements to be wrapped\n   */\n  children: PropTypes.node.description('The elements to be wrapped'),\n  /**\n   * If the label value should be inline\n   */\n  inline: PropTypes.bool.description('If the label value should be inline'),\n  /**\n   * 'vertical' or 'horizontal'\n   */\n  orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n  children: PropTypes.node.description('Label element').isRequired,\n  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  icon: PropTypes.element.description('Icon to be attached near value'),\n  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n  children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n  children: PropTypes.node.description('value element').isRequired,\n  size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n  color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n  semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,uBAAkD;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,kCAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,kCAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,kCAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,0BAAS,IAAI;AAAA,EACpF,OAAO,kCAAU,OAAO,YAAY,cAAc,EAAE,aAAa,2BAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,kCAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,kCAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,kCAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,kCAAU,OAAO,YAAY,aAAa,EAAE,aAAa,8BAAa,CAAC;AAAA,EAC7E,UAAU,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,0BAAS,IAAI;AAAA,EAC1F,OAAO,kCAAU,OAAO,YAAY,aAAa,EAAE,aAAa,2BAAU,UAAU;AAAA,EACpF,UAAU,kCAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/components/Group.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { groupProps } from "./props";
 import { groupDefault } from "./defaultProps";

package/dist/esm/components/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Group.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props';\nimport { groupDefault } from './defaultProps';\n\nconst blockName = 'labelValueGroup';\n\nconst WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', ({ orientation, inline }) => ({\n  inline,\n  [orientation]: orientation,\n}));\n\nconst Group = ({ children, inline, orientation }) => (\n  <WrapperGroup classProps={{ orientation, inline }}>{children}</WrapperGroup>\n);\n\nGroup.propTypes = groupProps;\nGroup.defaultProps = groupDefault;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props';\nimport { groupDefault } from './defaultProps';\n\nconst blockName = 'labelValueGroup';\n\nconst WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', ({ orientation, inline }) => ({\n  inline,\n  [orientation]: orientation,\n}));\n\nconst Group = ({ children, inline, orientation }) => (\n  <WrapperGroup classProps={{ orientation, inline }}>{children}</WrapperGroup>\n);\n\nGroup.propTypes = groupProps;\nGroup.defaultProps = groupDefault;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,EAChG;AAAA,EACA,CAAC,cAAc;AACjB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,YAAY,MAC7C,oBAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/Label.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { labelProps } from "./props";
 import { labelDefault } from "./defaultProps";

package/dist/esm/components/Label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Label.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props';\nimport { labelDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelStyled = aggregatedClasses('div')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n  [labelPosition]: labelPosition,\n  [labelColor]: labelColor,\n}));\n\nconst Label = ({ children, position: labelPosition, color }) => (\n  <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>\n);\n\nLabel.propTypes = labelProps;\nLabel.defaultProps = labelDefault;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props';\nimport { labelDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelStyled = aggregatedClasses('div')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n  [labelPosition]: labelPosition,\n  [labelColor]: labelColor,\n}));\n\nconst Label = ({ children, position: labelPosition, color }) => (\n  <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>\n);\n\nLabel.propTypes = labelProps;\nLabel.defaultProps = labelDefault;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,EACnG,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAChB,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,MACxD,oBAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/Value.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { valueProps } from "./props";
 import { valueDefault } from "./defaultProps";

package/dist/esm/components/Value.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Value.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props';\nimport { valueDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst ValueStyled = aggregatedClasses('div')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n  [size]: size,\n  [valuePosition]: valuePosition,\n  [valueColor]: valueColor,\n  semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\n  <ValueStyled\n    classProps={{\n      size,\n      valuePosition,\n      valueColor,\n      semibold,\n    }}\n  >\n    <span>{children}</span>\n  </ValueStyled>\n);\n\nValue.propTypes = valueProps;\nValue.defaultProps = valueDefault;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props';\nimport { valueDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst ValueStyled = aggregatedClasses('div')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n  [size]: size,\n  [valuePosition]: valuePosition,\n  [valueColor]: valueColor,\n  semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\n  <ValueStyled\n    classProps={{\n      size,\n      valuePosition,\n      valueColor,\n      semibold,\n    }}\n  >\n    <span>{children}</span>\n  </ValueStyled>\n);\n\nValue.propTypes = valueProps;\nValue.defaultProps = valueDefault;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAvBJ,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,EACnH,CAAC,OAAO;AAAA,EACR,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAAA,EACd;AACF,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,YAAY,WAAW,MAAM,MAC5F;AAAA,EAAC;AAAA;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IAEA,8BAAC,UAAM,UAAS;AAAA;AAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/Wrapper.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { wrapperProps } from "./props";
 import { wrapperDefault } from "./defaultProps";

package/dist/esm/components/Wrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Wrapper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n  inverted,\n}));\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n  <Container classProps={{ inverted }}>\n    {icon}\n    <LabelValueWrapper className={className} {...containerProps}>\n      {children}\n    </LabelValueWrapper>\n  </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n  inverted,\n}));\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n  <Container classProps={{ inverted }}>\n    {icon}\n    <LabelValueWrapper className={className} {...containerProps}>\n      {children}\n    </LabelValueWrapper>\n  </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACcrB,SAEE,KAFF;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,MAAM,YAAY;AAElB,MAAM,oBAAoB,kBAAkB,KAAK,EAAE,WAAW,uBAAuB,MAAM,IAAI;AAC/F,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,EAClF;AACF,EAAE;AAEF,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,SAAS,MACrE,qBAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,EACD,oBAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,GACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/components/props.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 import { position, fontColor, sizeVariants } from "@elliemae/ds-shared";
 const groupProps = {
   children: PropTypes.node.description("The elements to be wrapped"),

package/dist/esm/components/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n  /**\n   * The elements to be wrapped\n   */\n  children: PropTypes.node.description('The elements to be wrapped'),\n  /**\n   * If the label value should be inline\n   */\n  inline: PropTypes.bool.description('If the label value should be inline'),\n  /**\n   * 'vertical' or 'horizontal'\n   */\n  orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n  children: PropTypes.node.description('Label element').isRequired,\n  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  icon: PropTypes.element.description('Icon to be attached near value'),\n  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n  children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n  children: PropTypes.node.description('value element').isRequired,\n  size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n  color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n  semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n  /**\n   * The elements to be wrapped\n   */\n  children: PropTypes.node.description('The elements to be wrapped'),\n  /**\n   * If the label value should be inline\n   */\n  inline: PropTypes.bool.description('If the label value should be inline'),\n  /**\n   * 'vertical' or 'horizontal'\n   */\n  orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n  children: PropTypes.node.description('Label element').isRequired,\n  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  icon: PropTypes.element.description('Icon to be attached near value'),\n  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n  children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n  children: PropTypes.node.description('value element').isRequired,\n  size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n  color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n  semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,WAAW,oBAAoB;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,UAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,SAAS,IAAI;AAAA,EACpF,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE,aAAa,UAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,UAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,aAAa,CAAC;AAAA,EAC7E,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,SAAS,IAAI;AAAA,EAC1F,OAAO,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,UAAU,UAAU;AAAA,EACpF,UAAU,UAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/DSLabelValue.d.ts

@@ -11,11 +11,11 @@ declare const DSLabelValue: {
         inverted: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        inverted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         containerProps: {};
@@ -32,9 +32,9 @@ declare const DSLabelValue: {
             orientation: any;
         }): JSX.Element;
         propTypes: {
-            children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+            children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            inline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         };
         defaultProps: {
             inline: boolean;
@@ -51,11 +51,11 @@ declare const DSLabelValue: {
             inverted: any;
         }): JSX.Element;
         propTypes: {
-            containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+            containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            inverted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         };
         defaultProps: {
             containerProps: {};
@@ -72,9 +72,9 @@ declare const DSLabelValue: {
             color: any;
         }): JSX.Element;
         propTypes: {
-            children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+            children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         };
         defaultProps: {
             position: "left";
@@ -91,11 +91,11 @@ declare const DSLabelValue: {
             semibold?: boolean | undefined;
         }): JSX.Element;
         propTypes: {
-            children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-            semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+            children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+            semibold: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         };
         defaultProps: {
             position: "left";

package/dist/types/components/Group.d.ts

@@ -5,9 +5,9 @@ declare const Group: {
         orientation: any;
     }): JSX.Element;
     propTypes: {
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        inline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         inline: boolean;
@@ -15,7 +15,7 @@ declare const Group: {
     };
     displayName: string;
 };
-declare const GroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const GroupWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     children: any;
     inline: any;
     orientation: any;

package/dist/types/components/Label.d.ts

@@ -5,9 +5,9 @@ declare const Label: {
         color: any;
     }): JSX.Element;
     propTypes: {
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         position: "left";
@@ -15,7 +15,7 @@ declare const Label: {
     };
     displayName: string;
 };
-declare const LabelWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const LabelWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     children: any;
     position: any;
     color: any;

package/dist/types/components/Value.d.ts

@@ -7,11 +7,11 @@ declare const Value: {
         semibold?: boolean | undefined;
     }): JSX.Element;
     propTypes: {
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        semibold: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         position: "left";
@@ -21,7 +21,7 @@ declare const Value: {
     };
     displayName: string;
 };
-declare const ValueWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const ValueWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     children: any;
     position: any;
     size: any;

package/dist/types/components/Wrapper.d.ts

@@ -7,11 +7,11 @@ declare const Wrapper: {
         inverted: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        inverted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     defaultProps: {
         containerProps: {};
@@ -21,7 +21,7 @@ declare const Wrapper: {
     };
     displayName: string;
 };
-declare const WrapperWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const WrapperWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     containerProps: any;
     children: any;
     className: any;

package/dist/types/components/props.d.ts

@@ -2,32 +2,32 @@ export declare const groupProps: {
     /**
      * The elements to be wrapped
      */
-    children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * If the label value should be inline
      */
-    inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    inline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * 'vertical' or 'horizontal'
      */
-    orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const labelProps: {
-    children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const wrapperProps: {
-    containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inverted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const valueProps: {
-    children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    semibold: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-label-value",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Label value",
   "files": [
@@ -63,9 +63,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.16.0-next.2",
-    "@elliemae/ds-shared": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-classnames": "3.16.0-next.4",
+    "@elliemae/ds-props-helpers": "3.16.0-next.4",
+    "@elliemae/ds-utilities": "3.16.0-next.4",
+    "@elliemae/ds-shared": "3.16.0-next.4"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -83,7 +84,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }