@elliemae/ds-separator 3.15.0 → 3.16.0-next.10

package/dist/cjs/DSSeparator.js

@@ -32,6 +32,7 @@ module.exports = __toCommonJS(DSSeparator_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");
 const blockName = "separator";
 const MARGIN_SIZE = {
@@ -62,31 +63,34 @@ const Separator = (0, import_ds_classnames.aggregatedClasses)("div")(blockName,
   [type]: type
 }));
 const types = ["category-level", "group-level", "non-form"];
-const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  SeparatorWrapper,
-  {
-    ...containerProps,
-    className,
-    classProps: {
-      margin,
-      orientation,
-      dashed,
-      position
-    },
-    style,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Separator,
-      {
-        classProps: {
-          dashed,
-          margin,
-          orientation,
-          type
+const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-separator", version: "TBD Date: 2023 Q3" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SeparatorWrapper,
+    {
+      ...containerProps,
+      className,
+      classProps: {
+        margin,
+        orientation,
+        dashed,
+        position
+      },
+      style,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Separator,
+        {
+          classProps: {
+            dashed,
+            margin,
+            orientation,
+            type
+          }
         }
-      }
-    )
-  }
-);
+      )
+    }
+  );
+};
 DSSeparator.defaultProps = {
   containerProps: {},
   dashed: false,
@@ -96,18 +100,18 @@ DSSeparator.defaultProps = {
   position: POSITION.INITIAL
 };
 const props = {
-  className: import_ds_utilities.PropTypes.string.description("class for separator"),
-  style: import_ds_utilities.PropTypes.object.description("style object for separator"),
-  containerProps: import_ds_utilities.PropTypes.object.description("Injected props to wrapper element of component"),
-  dashed: import_ds_utilities.PropTypes.bool.description("If the separator has to be dashed or solid"),
-  margin: import_ds_utilities.PropTypes.oneOf(["s", "m", "l", "none"]).description("Amount of margin to be added to the separator"),
-  orientation: import_ds_utilities.PropTypes.string.description("Orientation 'horizontal' or 'vertical'"),
-  type: import_ds_utilities.PropTypes.oneOf(types).description("['category-level', 'group-level', 'non-form']"),
-  position: import_ds_utilities.PropTypes.oneOf(["initial", "center", "end"]).description("['initial', 'center', 'end']")
+  className: import_ds_props_helpers.PropTypes.string.description("class for separator"),
+  style: import_ds_props_helpers.PropTypes.object.description("style object for separator"),
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Injected props to wrapper element of component"),
+  dashed: import_ds_props_helpers.PropTypes.bool.description("If the separator has to be dashed or solid"),
+  margin: import_ds_props_helpers.PropTypes.oneOf(["s", "m", "l", "none"]).description("Amount of margin to be added to the separator"),
+  orientation: import_ds_props_helpers.PropTypes.string.description("Orientation 'horizontal' or 'vertical'"),
+  type: import_ds_props_helpers.PropTypes.oneOf(types).description("['category-level', 'group-level', 'non-form']"),
+  position: import_ds_props_helpers.PropTypes.oneOf(["initial", "center", "end"]).description("['initial', 'center', 'end']")
 };
 DSSeparator.propTypes = props;
 DSSeparator.displayName = "DSSeparator";
-const DSSeparatorWithSchema = (0, import_ds_utilities.describe)(DSSeparator);
+const DSSeparatorWithSchema = (0, import_ds_props_helpers.describe)(DSSeparator);
 DSSeparatorWithSchema.propTypes = props;
 var DSSeparator_default = DSSeparator;
 //# sourceMappingURL=DSSeparator.js.map

package/dist/cjs/DSSeparator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSSeparator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n  none: 'none',\n};\n\nconst POSITION = {\n  INITIAL: 'initial',\n  CENTER: 'center',\n  END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n  'separator-wrapper',\n  null,\n  ({ margin, orientation, dashed, position }) => ({\n    dashed,\n    [margin]: margin,\n    [orientation]: orientation,\n    [position]: position,\n  }),\n);\n\nconst Separator = aggregatedClasses('div')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n  dashed,\n  [margin]: margin,\n  [orientation]: orientation,\n  [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => (\n  <SeparatorWrapper\n    {...containerProps}\n    className={className}\n    classProps={{\n      margin,\n      orientation,\n      dashed,\n      position,\n    }}\n    style={style}\n  >\n    <Separator\n      classProps={{\n        dashed,\n        margin,\n        orientation,\n        type,\n      }}\n    />\n  </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n  containerProps: {},\n  dashed: false,\n  margin: MARGIN_SIZE.S,\n  orientation: 'horizontal',\n  type: 'category-level',\n  position: POSITION.INITIAL,\n};\n\nconst props = {\n  /** class for separator */\n  className: PropTypes.string.description('class for separator'),\n  /** style object for separator */\n  style: PropTypes.object.description('style object for separator'),\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * If the separator has to be dashed or solid\n   */\n  dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n  /**\n   * Amount of margin to be added to the separator\n   */\n  margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n  /**\n   * Orientation 'horizontal' or 'vertical'\n   */\n  orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n  /**\n   * ['category-level', 'group-level', 'non-form']\n   */\n  type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n  /**\n   * ['initial', 'center', 'end']\n   */\n  position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDnB;AAlDJ,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,uBAAmB,wCAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MACnG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,8BAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,8BAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,8BAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,8BAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n  none: 'none',\n};\n\nconst POSITION = {\n  INITIAL: 'initial',\n  CENTER: 'center',\n  END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n  'separator-wrapper',\n  null,\n  ({ margin, orientation, dashed, position }) => ({\n    dashed,\n    [margin]: margin,\n    [orientation]: orientation,\n    [position]: position,\n  }),\n);\n\nconst Separator = aggregatedClasses('div')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n  dashed,\n  [margin]: margin,\n  [orientation]: orientation,\n  [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => {\n  useDeprecateComponent({ componentName: 'ds-separator', version: 'TBD Date: 2023 Q3' });\n\n  return (\n    <SeparatorWrapper\n      {...containerProps}\n      className={className}\n      classProps={{\n        margin,\n        orientation,\n        dashed,\n        position,\n      }}\n      style={style}\n    >\n      <Separator\n        classProps={{\n          dashed,\n          margin,\n          orientation,\n          type,\n        }}\n      />\n    </SeparatorWrapper>\n  );\n};\n\nDSSeparator.defaultProps = {\n  containerProps: {},\n  dashed: false,\n  margin: MARGIN_SIZE.S,\n  orientation: 'horizontal',\n  type: 'category-level',\n  position: POSITION.INITIAL,\n};\n\nconst props = {\n  /** class for separator */\n  className: PropTypes.string.description('class for separator'),\n  /** style object for separator */\n  style: PropTypes.object.description('style object for separator'),\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * If the separator has to be dashed or solid\n   */\n  dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n  /**\n   * Amount of margin to be added to the separator\n   */\n  margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n  /**\n   * Orientation 'horizontal' or 'vertical'\n   */\n  orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n  /**\n   * ['category-level', 'group-level', 'non-form']\n   */\n  type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n  /**\n   * ['initial', 'center', 'end']\n   */\n  position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2DjB;AAtDN,0BAAsC;AACtC,8BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,uBAAmB,wCAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MAAM;AACzG,iDAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,kCAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,kCAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,kCAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,kCAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,kCAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/index.js

@@ -29,7 +29,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSSeparator"), module.exports);
-__reExport(src_exports, require("./v2"), module.exports);
-var import_DSSeparator = __toESM(require("./DSSeparator"));
+__reExport(src_exports, require("./DSSeparator.js"), module.exports);
+__reExport(src_exports, require("./v2/index.js"), module.exports);
+var import_DSSeparator = __toESM(require("./DSSeparator.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 * from './DSSeparator';\nexport * from './v2';\nexport { default } from './DSSeparator';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,wBAAc,iBADd;AAEA,yBAAwB;",
+  "sourcesContent": ["export * from './DSSeparator.js';\nexport * from './v2/index.js';\nexport { default } from './DSSeparator.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,6BAAd;AACA,wBAAc,0BADd;AAEA,yBAAwB;",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/cjs/v2/DSSeparatorV2.js

@@ -30,17 +30,17 @@ __export(DSSeparatorV2_exports, {
 module.exports = __toCommonJS(DSSeparatorV2_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_styles = require("./styles");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_DSSeparatorV2Datatestid = require("./exported-related/DSSeparatorV2Datatestid");
-var import_DSSeparatorDefinitions = require("./DSSeparatorDefinitions");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_styles = require("./styles.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_DSSeparatorV2Datatestid = require("./exported-related/DSSeparatorV2Datatestid.js");
+var import_DSSeparatorDefinitions = require("./DSSeparatorDefinitions.js");
 const DSSeparatorV2 = (props) => {
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSSeparatorDefinitions.DSSeparatorName);
-  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSSeparatorDefinitions.DSSeparatorName);
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;
-  const { role, ...globalAttrs } = (0, import_ds_utilities.useGetGlobalAttributes)(rest);
-  const xstyledAttrs = (0, import_ds_utilities.useGetXstyledProps)(rest);
+  const { role, ...globalAttrs } = (0, import_ds_props_helpers.useGetGlobalAttributes)(rest);
+  const xstyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(rest);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_styles.StyledSeparator,
     {
@@ -57,6 +57,6 @@ const DSSeparatorV2 = (props) => {
   );
 };
 DSSeparatorV2.displayName = import_DSSeparatorDefinitions.DSSeparatorName;
-const DSSeparatorV2WithSchema = (0, import_ds_utilities.describe)(DSSeparatorV2);
+const DSSeparatorV2WithSchema = (0, import_ds_props_helpers.describe)(DSSeparatorV2);
 DSSeparatorV2WithSchema.propTypes = import_react_desc_prop_types.propTypes;
 //# sourceMappingURL=DSSeparatorV2.js.map

package/dist/cjs/v2/DSSeparatorV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/DSSeparatorV2.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledSeparator } from './styles';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid';\nimport type { DSSeparatorV2T } from './react-desc-prop-types';\nimport { DSSeparatorName } from './DSSeparatorDefinitions';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,0BAMO;AACP,oBAAgC;AAChC,mCAAwC;AACxC,qCAAwC;AAExC,oCAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,0DAA+B,OAAO,wCAAW,6CAAe;AAChE,QAAM,uBAAmB,kDAAmD,OAAO,yCAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,QAAI,4CAAuB,IAAI;AAC5D,QAAM,mBAAe,wCAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,uDAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledSeparator } from './styles.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid.js';\nimport type { DSSeparatorV2T } from './react-desc-prop-types.js';\nimport { DSSeparatorName } from './DSSeparatorDefinitions.js';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,8BAMO;AACP,oBAAgC;AAChC,mCAAwC;AACxC,qCAAwC;AAExC,oCAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,8DAA+B,OAAO,wCAAW,6CAAe;AAChE,QAAM,uBAAmB,sDAAmD,OAAO,yCAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,QAAI,gDAAuB,IAAI;AAC5D,QAAM,mBAAe,4CAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,uDAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/v2/index.js

@@ -22,6 +22,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var v2_exports = {};
 module.exports = __toCommonJS(v2_exports);
 var React = __toESM(require("react"));
-__reExport(v2_exports, require("./DSSeparatorV2"), module.exports);
-__reExport(v2_exports, require("./exported-related/DSSeparatorV2Datatestid"), module.exports);
+__reExport(v2_exports, require("./DSSeparatorV2.js"), module.exports);
+__reExport(v2_exports, require("./exported-related/DSSeparatorV2Datatestid.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/v2/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSSeparatorV2';\nexport * from './exported-related/DSSeparatorV2Datatestid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAc,4BAAd;AACA,uBAAc,uDADd;",
+  "sourcesContent": ["export * from './DSSeparatorV2.js';\nexport * from './exported-related/DSSeparatorV2Datatestid.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAc,+BAAd;AACA,uBAAc,0DADd;",
   "names": []
 }

package/dist/cjs/v2/react-desc-prop-types.js

@@ -29,18 +29,18 @@ __export(react_desc_prop_types_exports, {
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
   isVertical: false,
   isDotted: false,
   colorType: "dark"
 };
 const propTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  isVertical: import_ds_utilities.PropTypes.bool.description("Set vertical orientation.").defaultValue(false),
-  isDotted: import_ds_utilities.PropTypes.bool.description("Set dashed style.").defaultValue(false),
-  colorType: import_ds_utilities.PropTypes.oneOf(["dark", "light"]).description("Set dark or light color types. Using color property will override this one.").defaultValue("dark"),
-  color: import_ds_utilities.PropTypes.string.description("Set a custom color.")
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  isVertical: import_ds_props_helpers.PropTypes.bool.description("Set vertical orientation.").defaultValue(false),
+  isDotted: import_ds_props_helpers.PropTypes.bool.description("Set dashed style.").defaultValue(false),
+  colorType: import_ds_props_helpers.PropTypes.oneOf(["dark", "light"]).description("Set dark or light color types. Using color property will override this one.").defaultValue("dark"),
+  color: import_ds_props_helpers.PropTypes.string.description("Set a custom color.")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/v2/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,8BAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,8BAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,8BAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,8BAAU,OAAO,YAAY,qBAAqB;AAC3D;",
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,kCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,kCAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,kCAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,kCAAU,OAAO,YAAY,qBAAqB;AAC3D;",
   "names": []
 }

package/dist/esm/DSSeparator.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 const blockName = "separator";
 const MARGIN_SIZE = {
@@ -31,31 +32,34 @@ const Separator = aggregatedClasses("div")(blockName, null, ({ dashed, margin, o
   [type]: type
 }));
 const types = ["category-level", "group-level", "non-form"];
-const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => /* @__PURE__ */ jsx(
-  SeparatorWrapper,
-  {
-    ...containerProps,
-    className,
-    classProps: {
-      margin,
-      orientation,
-      dashed,
-      position
-    },
-    style,
-    children: /* @__PURE__ */ jsx(
-      Separator,
-      {
-        classProps: {
-          dashed,
-          margin,
-          orientation,
-          type
+const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => {
+  useDeprecateComponent({ componentName: "ds-separator", version: "TBD Date: 2023 Q3" });
+  return /* @__PURE__ */ jsx(
+    SeparatorWrapper,
+    {
+      ...containerProps,
+      className,
+      classProps: {
+        margin,
+        orientation,
+        dashed,
+        position
+      },
+      style,
+      children: /* @__PURE__ */ jsx(
+        Separator,
+        {
+          classProps: {
+            dashed,
+            margin,
+            orientation,
+            type
+          }
         }
-      }
-    )
-  }
-);
+      )
+    }
+  );
+};
 DSSeparator.defaultProps = {
   containerProps: {},
   dashed: false,

package/dist/esm/DSSeparator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSeparator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n  none: 'none',\n};\n\nconst POSITION = {\n  INITIAL: 'initial',\n  CENTER: 'center',\n  END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n  'separator-wrapper',\n  null,\n  ({ margin, orientation, dashed, position }) => ({\n    dashed,\n    [margin]: margin,\n    [orientation]: orientation,\n    [position]: position,\n  }),\n);\n\nconst Separator = aggregatedClasses('div')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n  dashed,\n  [margin]: margin,\n  [orientation]: orientation,\n  [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => (\n  <SeparatorWrapper\n    {...containerProps}\n    className={className}\n    classProps={{\n      margin,\n      orientation,\n      dashed,\n      position,\n    }}\n    style={style}\n  >\n    <Separator\n      classProps={{\n        dashed,\n        margin,\n        orientation,\n        type,\n      }}\n    />\n  </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n  containerProps: {},\n  dashed: false,\n  margin: MARGIN_SIZE.S,\n  orientation: 'horizontal',\n  type: 'category-level',\n  position: POSITION.INITIAL,\n};\n\nconst props = {\n  /** class for separator */\n  className: PropTypes.string.description('class for separator'),\n  /** style object for separator */\n  style: PropTypes.object.description('style object for separator'),\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * If the separator has to be dashed or solid\n   */\n  dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n  /**\n   * Amount of margin to be added to the separator\n   */\n  margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n  /**\n   * Orientation 'horizontal' or 'vertical'\n   */\n  orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n  /**\n   * ['category-level', 'group-level', 'non-form']\n   */\n  type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n  /**\n   * ['initial', 'center', 'end']\n   */\n  position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmDnB;AAlDJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,mBAAmB,kBAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MACnG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,UAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,UAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n  none: 'none',\n};\n\nconst POSITION = {\n  INITIAL: 'initial',\n  CENTER: 'center',\n  END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n  'separator-wrapper',\n  null,\n  ({ margin, orientation, dashed, position }) => ({\n    dashed,\n    [margin]: margin,\n    [orientation]: orientation,\n    [position]: position,\n  }),\n);\n\nconst Separator = aggregatedClasses('div')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n  dashed,\n  [margin]: margin,\n  [orientation]: orientation,\n  [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => {\n  useDeprecateComponent({ componentName: 'ds-separator', version: 'TBD Date: 2023 Q3' });\n\n  return (\n    <SeparatorWrapper\n      {...containerProps}\n      className={className}\n      classProps={{\n        margin,\n        orientation,\n        dashed,\n        position,\n      }}\n      style={style}\n    >\n      <Separator\n        classProps={{\n          dashed,\n          margin,\n          orientation,\n          type,\n        }}\n      />\n    </SeparatorWrapper>\n  );\n};\n\nDSSeparator.defaultProps = {\n  containerProps: {},\n  dashed: false,\n  margin: MARGIN_SIZE.S,\n  orientation: 'horizontal',\n  type: 'category-level',\n  position: POSITION.INITIAL,\n};\n\nconst props = {\n  /** class for separator */\n  className: PropTypes.string.description('class for separator'),\n  /** style object for separator */\n  style: PropTypes.object.description('style object for separator'),\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /**\n   * If the separator has to be dashed or solid\n   */\n  dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n  /**\n   * Amount of margin to be added to the separator\n   */\n  margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n  /**\n   * Orientation 'horizontal' or 'vertical'\n   */\n  orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n  /**\n   * ['category-level', 'group-level', 'non-form']\n   */\n  type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n  /**\n   * ['initial', 'center', 'end']\n   */\n  position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2DjB;AAtDN,SAAS,6BAA6B;AACtC,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,mBAAmB,kBAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MAAM;AACzG,wBAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,UAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,UAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-export * from "./DSSeparator";
-export * from "./v2";
-import { default as default2 } from "./DSSeparator";
+export * from "./DSSeparator.js";
+export * from "./v2/index.js";
+import { default as default2 } from "./DSSeparator.js";
 export {
   default2 as default
 };

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 * from './DSSeparator';\nexport * from './v2';\nexport { default } from './DSSeparator';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparator.js';\nexport * from './v2/index.js';\nexport { default } from './DSSeparator.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

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

package/dist/esm/v2/DSSeparatorV2.js

@@ -6,11 +6,11 @@ import {
   useGetGlobalAttributes,
   useValidateTypescriptPropTypes,
   useGetXstyledProps
-} from "@elliemae/ds-utilities";
-import { StyledSeparator } from "./styles";
-import { propTypes, defaultProps } from "./react-desc-prop-types";
-import { DSSeparatorV2Datatestid } from "./exported-related/DSSeparatorV2Datatestid";
-import { DSSeparatorName } from "./DSSeparatorDefinitions";
+} from "@elliemae/ds-props-helpers";
+import { StyledSeparator } from "./styles.js";
+import { propTypes, defaultProps } from "./react-desc-prop-types.js";
+import { DSSeparatorV2Datatestid } from "./exported-related/DSSeparatorV2Datatestid.js";
+import { DSSeparatorName } from "./DSSeparatorDefinitions.js";
 const DSSeparatorV2 = (props) => {
   useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);

package/dist/esm/v2/DSSeparatorV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorV2.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledSeparator } from './styles';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid';\nimport type { DSSeparatorV2T } from './react-desc-prop-types';\nimport { DSSeparatorName } from './DSSeparatorDefinitions';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledSeparator } from './styles.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid.js';\nimport type { DSSeparatorV2T } from './react-desc-prop-types.js';\nimport { DSSeparatorName } from './DSSeparatorDefinitions.js';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n  const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n  const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  return (\n    <StyledSeparator\n      colorType={colorType}\n      isDotted={isDotted}\n      isVertical={isVertical}\n      color={color}\n      role={role}\n      {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n      data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    />\n  );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACyBnB;AAvBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,+BAA+B;AAExC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,WAAW,eAAe;AAChE,QAAM,mBAAmB,6BAAmD,OAAO,YAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,IAAI,uBAAuB,IAAI;AAC5D,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,wBAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/v2/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSSeparatorV2";
-export * from "./exported-related/DSSeparatorV2Datatestid";
+export * from "./DSSeparatorV2.js";
+export * from "./exported-related/DSSeparatorV2Datatestid.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/v2/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparatorV2';\nexport * from './exported-related/DSSeparatorV2Datatestid';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparatorV2.js';\nexport * from './exported-related/DSSeparatorV2Datatestid.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/v2/react-desc-prop-types.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   isVertical: false,
   isDotted: false,

package/dist/esm/v2/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n  isVertical: false,\n  isDotted: false,\n  colorType: 'dark',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n  isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n  colorType: PropTypes.oneOf(['dark', 'light'])\n    .description('Set dark or light color types. Using color property will override this one.')\n    .defaultValue('dark'),\n  color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n  export interface DefaultProps {\n    isVertical: boolean;\n    isDotted: boolean;\n    colorType: 'dark' | 'light';\n  }\n\n  export interface PropsOptional {\n    color?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,UAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,UAAU,OAAO,YAAY,qBAAqB;AAC3D;",
   "names": []
 }

package/dist/types/DSSeparator.d.ts

@@ -19,35 +19,35 @@ declare const DSSeparator: {
     };
     propTypes: {
         /** class for separator */
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** style object for separator */
-        style: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** Injected props to wrapper element of component */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * If the separator has to be dashed or solid
          */
-        dashed: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        dashed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Amount of margin to be added to the separator
          */
-        margin: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        margin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * Orientation 'horizontal' or 'vertical'
          */
-        orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * ['category-level', 'group-level', 'non-form']
          */
-        type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /**
          * ['initial', 'center', 'end']
          */
-        position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSSeparatorWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSSeparatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     containerProps: any;
     dashed: any;
     margin: any;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DSSeparator';
-export * from './v2';
-export { default } from './DSSeparator';
+export * from './DSSeparator.js';
+export * from './v2/index.js';
+export { default } from './DSSeparator.js';

package/dist/types/v2/DSSeparatorV2.d.ts

@@ -1,7 +1,7 @@
-import type { DSSeparatorV2T } from './react-desc-prop-types';
+import type { DSSeparatorV2T } from './react-desc-prop-types.js';
 declare const DSSeparatorV2: {
     (props: DSSeparatorV2T.Props): JSX.Element;
     displayName: string;
 };
-declare const DSSeparatorV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSSeparatorV2T.Props>;
+declare const DSSeparatorV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSeparatorV2T.Props>;
 export { DSSeparatorV2, DSSeparatorV2WithSchema };

package/dist/types/v2/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSSeparatorV2';
-export * from './exported-related/DSSeparatorV2Datatestid';
+export * from './DSSeparatorV2.js';
+export * from './exported-related/DSSeparatorV2Datatestid.js';