@elliemae/ds-label-value 3.16.0-next.1 → 3.16.0-next.10

package/dist/cjs/DSLabelValue.js

@@ -32,10 +32,10 @@ __export(DSLabelValue_exports, {
 });
 module.exports = __toCommonJS(DSLabelValue_exports);
 var React = __toESM(require("react"));
-var import_Wrapper = __toESM(require("./components/Wrapper"));
-var import_Group = __toESM(require("./components/Group"));
-var import_Label = __toESM(require("./components/Label"));
-var import_Value = __toESM(require("./components/Value"));
+var import_Wrapper = __toESM(require("./components/Wrapper.js"));
+var import_Group = __toESM(require("./components/Group.js"));
+var import_Label = __toESM(require("./components/Label.js"));
+var import_Value = __toESM(require("./components/Value.js"));
 const DSLabelValue = Object.assign(import_Wrapper.default, {
   Group: import_Group.default,
   Wrapper: import_Wrapper.default,

package/dist/cjs/DSLabelValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSLabelValue.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import Wrapper, { WrapperWithSchema } from './components/Wrapper';\nimport Group, { GroupWithSchema } from './components/Group';\nimport Label, { LabelWithSchema } from './components/Label';\nimport Value, { ValueWithSchema } from './components/Value';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n  Group,\n  Wrapper,\n  Label,\n  Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import Wrapper, { WrapperWithSchema } from './components/Wrapper.js';\nimport Group, { GroupWithSchema } from './components/Group.js';\nimport Label, { LabelWithSchema } from './components/Label.js';\nimport Value, { ValueWithSchema } from './components/Value.js';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n  Group,\n  Wrapper,\n  Label,\n  Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAuC;AACvC,mBAAuC;AACvC,mBAAuC;AAEvC,MAAM,eAAe,OAAO,OAAO,eAAAA,SAAS;AAAA,EAC1C,oBAAAC;AAAA,EACA,wBAAAD;AAAA,EACA,oBAAAE;AAAA,EACA,oBAAAC;AACF,CAAC;AAGD,IAAO,uBAAQ;",
   "names": ["Wrapper", "Group", "Label", "Value"]
 }

package/dist/cjs/components/Group.js

@@ -31,19 +31,23 @@ 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");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const blockName = "labelValueGroup";
 const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ orientation, inline }) => ({
   inline,
   [orientation]: orientation
 }));
-const Group = ({ children, inline, orientation }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, { classProps: { orientation, inline }, children });
+const Group = ({ children, inline, orientation }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, { classProps: { orientation, inline }, children });
+};
 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 { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props.js';\nimport { groupDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return <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;ADiBd;AAhBT,0BAAsC;AACtC,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,MAAM;AACnD,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,4CAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AACtE;AAEA,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

@@ -31,19 +31,23 @@ 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");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const blockName = "labelValue";
 const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
   [labelPosition]: labelPosition,
   [labelColor]: labelColor
 }));
-const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, { classProps: { labelPosition, color }, children });
+const Label = ({ children, position: labelPosition, color }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, { classProps: { labelPosition, color }, children });
+};
 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 { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props.js';\nimport { labelDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>;\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;ADiBd;AAhBT,0BAAsC;AACtC,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,MAAM;AAC9D,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,4CAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AACtE;AACA,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

@@ -31,9 +31,10 @@ 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");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const blockName = "labelValue";
 const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
   [size]: size,
@@ -41,22 +42,25 @@ const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName
   [valueColor]: valueColor,
   semibold
 }));
-const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  ValueStyled,
-  {
-    classProps: {
-      size,
-      valuePosition,
-      valueColor,
-      semibold
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
-  }
-);
+const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ValueStyled,
+    {
+      classProps: {
+        size,
+        valuePosition,
+        valueColor,
+        semibold
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+    }
+  );
+};
 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 { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props.js';\nimport { valueDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <ValueStyled\n      classProps={{\n        size,\n        valuePosition,\n        valueColor,\n        semibold,\n      }}\n    >\n      <span>{children}</span>\n    </ValueStyled>\n  );\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;AD4BjB;AA3BN,0BAAsC;AACtC,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,MAAM;AAClG,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,sDAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;AAEA,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

@@ -31,22 +31,26 @@ 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");
+var import_props = require("./props.js");
+var import_defaultProps = require("./defaultProps.js");
 const blockName = "labelValue";
 const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-value-wrapper", () => null);
 const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ inverted }) => ({
   inverted
 }));
-const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { inverted }, children: [
-  icon,
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, { className, ...containerProps, children })
-] });
+const Wrapper = ({ containerProps, children, className, icon, inverted }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { inverted }, children: [
+    icon,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, { className, ...containerProps, children })
+  ] });
+};
 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 { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props.js';\nimport { wrapperDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <Container classProps={{ inverted }}>\n      {icon}\n      <LabelValueWrapper className={className} {...containerProps}>\n        {children}\n      </LabelValueWrapper>\n    </Container>\n  );\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;ADkBnB;AAjBJ,0BAAsC;AACtC,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,MAAM;AAC3E,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,6CAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,IACD,4CAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,KACF;AAEJ;AAEA,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/index.js

@@ -33,5 +33,5 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSLabelValue = __toESM(require("./DSLabelValue"));
+var import_DSLabelValue = __toESM(require("./DSLabelValue.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export {\n  default,\n  default as DSLabelValue,\n  WrapperWithSchema,\n  GroupWithSchema,\n  LabelWithSchema,\n  ValueWithSchema,\n} from './DSLabelValue';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export {\n  default,\n  default as DSLabelValue,\n  WrapperWithSchema,\n  GroupWithSchema,\n  LabelWithSchema,\n  ValueWithSchema,\n} from './DSLabelValue.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAOO;",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/esm/DSLabelValue.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-import Wrapper, { WrapperWithSchema } from "./components/Wrapper";
-import Group, { GroupWithSchema } from "./components/Group";
-import Label, { LabelWithSchema } from "./components/Label";
-import Value, { ValueWithSchema } from "./components/Value";
+import Wrapper, { WrapperWithSchema } from "./components/Wrapper.js";
+import Group, { GroupWithSchema } from "./components/Group.js";
+import Label, { LabelWithSchema } from "./components/Label.js";
+import Value, { ValueWithSchema } from "./components/Value.js";
 const DSLabelValue = Object.assign(Wrapper, {
   Group,
   Wrapper,

package/dist/esm/DSLabelValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSLabelValue.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Wrapper, { WrapperWithSchema } from './components/Wrapper';\nimport Group, { GroupWithSchema } from './components/Group';\nimport Label, { LabelWithSchema } from './components/Label';\nimport Value, { ValueWithSchema } from './components/Value';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n  Group,\n  Wrapper,\n  Label,\n  Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Wrapper, { WrapperWithSchema } from './components/Wrapper.js';\nimport Group, { GroupWithSchema } from './components/Group.js';\nimport Label, { LabelWithSchema } from './components/Label.js';\nimport Value, { ValueWithSchema } from './components/Value.js';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n  Group,\n  Wrapper,\n  Label,\n  Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,WAAW,yBAAyB;AAC3C,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AAEvC,MAAM,eAAe,OAAO,OAAO,SAAS;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGD,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/components/Group.js

@@ -1,15 +1,19 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } 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";
+import { groupProps } from "./props.js";
+import { groupDefault } from "./defaultProps.js";
 const blockName = "labelValueGroup";
 const WrapperGroup = aggregatedClasses("div")(blockName, "wrapper", ({ orientation, inline }) => ({
   inline,
   [orientation]: orientation
 }));
-const Group = ({ children, inline, orientation }) => /* @__PURE__ */ jsx(WrapperGroup, { classProps: { orientation, inline }, children });
+const Group = ({ children, inline, orientation }) => {
+  useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(WrapperGroup, { classProps: { orientation, inline }, children });
+};
 Group.propTypes = groupProps;
 Group.defaultProps = groupDefault;
 Group.displayName = "Group";

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"],
-  "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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props.js';\nimport { groupDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return <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;ACiBd;AAhBT,SAAS,6BAA6B;AACtC,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,MAAM;AACnD,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,oBAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AACtE;AAEA,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,15 +1,19 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } 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";
+import { labelProps } from "./props.js";
+import { labelDefault } from "./defaultProps.js";
 const blockName = "labelValue";
 const LabelStyled = aggregatedClasses("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
   [labelPosition]: labelPosition,
   [labelColor]: labelColor
 }));
-const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ jsx(LabelStyled, { classProps: { labelPosition, color }, children });
+const Label = ({ children, position: labelPosition, color }) => {
+  useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(LabelStyled, { classProps: { labelPosition, color }, children });
+};
 Label.propTypes = labelProps;
 Label.defaultProps = labelDefault;
 Label.displayName = "Label";

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"],
-  "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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props.js';\nimport { labelDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>;\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;ACiBd;AAhBT,SAAS,6BAA6B;AACtC,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,MAAM;AAC9D,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,oBAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AACtE;AACA,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,9 +1,10 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } 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";
+import { valueProps } from "./props.js";
+import { valueDefault } from "./defaultProps.js";
 const blockName = "labelValue";
 const ValueStyled = aggregatedClasses("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
   [size]: size,
@@ -11,18 +12,21 @@ const ValueStyled = aggregatedClasses("div")(blockName, "value", ({ size, valueP
   [valueColor]: valueColor,
   semibold
 }));
-const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => /* @__PURE__ */ jsx(
-  ValueStyled,
-  {
-    classProps: {
-      size,
-      valuePosition,
-      valueColor,
-      semibold
-    },
-    children: /* @__PURE__ */ jsx("span", { children })
-  }
-);
+const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => {
+  useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(
+    ValueStyled,
+    {
+      classProps: {
+        size,
+        valuePosition,
+        valueColor,
+        semibold
+      },
+      children: /* @__PURE__ */ jsx("span", { children })
+    }
+  );
+};
 Value.propTypes = valueProps;
 Value.defaultProps = valueDefault;
 Value.displayName = "Value";

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"],
-  "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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props.js';\nimport { valueDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <ValueStyled\n      classProps={{\n        size,\n        valuePosition,\n        valueColor,\n        semibold,\n      }}\n    >\n      <span>{children}</span>\n    </ValueStyled>\n  );\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;AC4BjB;AA3BN,SAAS,6BAA6B;AACtC,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,MAAM;AAClG,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;AAEA,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,18 +1,22 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } 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";
+import { wrapperProps } from "./props.js";
+import { wrapperDefault } from "./defaultProps.js";
 const blockName = "labelValue";
 const LabelValueWrapper = aggregatedClasses("div")(blockName, "label-value-wrapper", () => null);
 const Container = aggregatedClasses("div")(blockName, "wrapper", ({ inverted }) => ({
   inverted
 }));
-const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ jsxs(Container, { classProps: { inverted }, children: [
-  icon,
-  /* @__PURE__ */ jsx(LabelValueWrapper, { className, ...containerProps, children })
-] });
+const Wrapper = ({ containerProps, children, className, icon, inverted }) => {
+  useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
+  return /* @__PURE__ */ jsxs(Container, { classProps: { inverted }, children: [
+    icon,
+    /* @__PURE__ */ jsx(LabelValueWrapper, { className, ...containerProps, children })
+  ] });
+};
 Wrapper.propTypes = wrapperProps;
 Wrapper.defaultProps = wrapperDefault;
 Wrapper.displayName = "Wrapper";

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"],
-  "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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props.js';\nimport { wrapperDefault } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n  return (\n    <Container classProps={{ inverted }}>\n      {icon}\n      <LabelValueWrapper className={className} {...containerProps}>\n        {children}\n      </LabelValueWrapper>\n    </Container>\n  );\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;ACkBnB,SAEE,KAFF;AAjBJ,SAAS,6BAA6B;AACtC,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,MAAM;AAC3E,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,qBAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,IACD,oBAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,KACF;AAEJ;AAEA,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/index.js

@@ -6,7 +6,7 @@ import {
   GroupWithSchema,
   LabelWithSchema,
   ValueWithSchema
-} from "./DSLabelValue";
+} from "./DSLabelValue.js";
 export {
   default3 as DSLabelValue,
   GroupWithSchema,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  default as DSLabelValue,\n  WrapperWithSchema,\n  GroupWithSchema,\n  LabelWithSchema,\n  ValueWithSchema,\n} from './DSLabelValue';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  default as DSLabelValue,\n  WrapperWithSchema,\n  GroupWithSchema,\n  LabelWithSchema,\n  ValueWithSchema,\n} from './DSLabelValue.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE,WAAAA;AAAA,EACW,WAAXA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": ["default"]
 }

package/dist/esm/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-label-value",
-  "version": "3.16.0-next.1",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Label value",
   "files": [
@@ -63,9 +63,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.16.0-next.1",
-    "@elliemae/ds-shared": "3.16.0-next.1",
-    "@elliemae/ds-utilities": "3.16.0-next.1"
+    "@elliemae/ds-classnames": "3.16.0-next.10",
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-shared": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -80,10 +81,10 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
+    "eslint:fix": "exit 0",
+    "dts": "exit 0",
     "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/*\""
   }

package/dist/types/DSLabelValue.d.ts

@@ -1,110 +0,0 @@
-import { WrapperWithSchema } from './components/Wrapper';
-import { GroupWithSchema } from './components/Group';
-import { LabelWithSchema } from './components/Label';
-import { ValueWithSchema } from './components/Value';
-declare const DSLabelValue: {
-    ({ containerProps, children, className, icon, inverted }: {
-        containerProps: any;
-        children: any;
-        className: any;
-        icon: any;
-        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;
-    };
-    defaultProps: {
-        containerProps: {};
-        className: string;
-        icon: null;
-        inverted: boolean;
-    };
-    displayName: string;
-} & {
-    Group: {
-        ({ children, inline, orientation }: {
-            children: any;
-            inline: any;
-            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;
-        };
-        defaultProps: {
-            inline: boolean;
-            orientation: "vertical";
-        };
-        displayName: string;
-    };
-    Wrapper: {
-        ({ containerProps, children, className, icon, inverted }: {
-            containerProps: any;
-            children: any;
-            className: any;
-            icon: any;
-            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;
-        };
-        defaultProps: {
-            containerProps: {};
-            className: string;
-            icon: null;
-            inverted: boolean;
-        };
-        displayName: string;
-    };
-    Label: {
-        ({ children, position: labelPosition, color }: {
-            children: any;
-            position: any;
-            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;
-        };
-        defaultProps: {
-            position: "left";
-            color: "neutral500";
-        };
-        displayName: string;
-    };
-    Value: {
-        ({ children, position: valuePosition, size, color: valueColor, semibold }: {
-            children: any;
-            position: any;
-            size: any;
-            color: any;
-            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;
-        };
-        defaultProps: {
-            position: "left";
-            size: "m";
-            color: "neutral700";
-            semibold: boolean;
-        };
-        displayName: string;
-    };
-};
-export { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };
-export default DSLabelValue;

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

@@ -1,24 +0,0 @@
-declare const Group: {
-    ({ children, inline, orientation }: {
-        children: any;
-        inline: any;
-        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;
-    };
-    defaultProps: {
-        inline: boolean;
-        orientation: "vertical";
-    };
-    displayName: string;
-};
-declare const GroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
-    children: any;
-    inline: any;
-    orientation: any;
-}>;
-export { GroupWithSchema };
-export default Group;

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

@@ -1,24 +0,0 @@
-declare const Label: {
-    ({ children, position: labelPosition, color }: {
-        children: any;
-        position: any;
-        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;
-    };
-    defaultProps: {
-        position: "left";
-        color: "neutral500";
-    };
-    displayName: string;
-};
-declare const LabelWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
-    children: any;
-    position: any;
-    color: any;
-}>;
-export { LabelWithSchema };
-export default Label;

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

@@ -1,32 +0,0 @@
-declare const Value: {
-    ({ children, position: valuePosition, size, color: valueColor, semibold }: {
-        children: any;
-        position: any;
-        size: any;
-        color: any;
-        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;
-    };
-    defaultProps: {
-        position: "left";
-        size: "m";
-        color: "neutral700";
-        semibold: boolean;
-    };
-    displayName: string;
-};
-declare const ValueWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
-    children: any;
-    position: any;
-    size: any;
-    color: any;
-    semibold?: boolean | undefined;
-}>;
-export { ValueWithSchema };
-export default Value;

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

@@ -1,32 +0,0 @@
-declare const Wrapper: {
-    ({ containerProps, children, className, icon, inverted }: {
-        containerProps: any;
-        children: any;
-        className: any;
-        icon: any;
-        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;
-    };
-    defaultProps: {
-        containerProps: {};
-        className: string;
-        icon: null;
-        inverted: boolean;
-    };
-    displayName: string;
-};
-declare const WrapperWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
-    containerProps: any;
-    children: any;
-    className: any;
-    icon: any;
-    inverted: any;
-}>;
-export { WrapperWithSchema };
-export default Wrapper;

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

@@ -1,20 +0,0 @@
-export declare const groupDefault: {
-    inline: boolean;
-    orientation: "vertical";
-};
-export declare const labelDefault: {
-    position: "left";
-    color: "neutral500";
-};
-export declare const valueDefault: {
-    position: "left";
-    size: "m";
-    color: "neutral700";
-    semibold: boolean;
-};
-export declare const wrapperDefault: {
-    containerProps: {};
-    className: string;
-    icon: null;
-    inverted: boolean;
-};

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

@@ -1,33 +0,0 @@
-export declare const groupProps: {
-    /**
-     * The elements to be wrapped
-     */
-    children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    /**
-     * If the label value should be inline
-     */
-    inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    /**
-     * 'vertical' or 'horizontal'
-     */
-    orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/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;
-};
-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;
-};
-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;
-};

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export { default, default as DSLabelValue, WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema, } from './DSLabelValue';