@elliemae/ds-separator 3.12.0-rc.2 → 3.12.0-rc.20

package/dist/cjs/DSSeparator.js

@@ -62,25 +62,31 @@ 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, {
+const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SeparatorWrapper,
+  {
+    ...containerProps,
+    className,
     classProps: {
-      dashed,
       margin,
       orientation,
-      type
-    }
-  })
-});
+      dashed,
+      position
+    },
+    style,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Separator,
+      {
+        classProps: {
+          dashed,
+          margin,
+          orientation,
+          type
+        }
+      }
+    )
+  }
+);
 DSSeparator.defaultProps = {
   containerProps: {},
   dashed: false,

package/dist/cjs/DSSeparator.js.map

@@ -2,6 +2,6 @@
   "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,4CAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,EAEA,sDAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,GACF;AAAA,CACF;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;",
+  "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;",
   "names": []
 }

package/dist/cjs/v2/DSSeparatorDefinitions.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSSeparatorDefinitions_exports = {};
+__export(DSSeparatorDefinitions_exports, {
+  DSSeparatorName: () => DSSeparatorName
+});
+module.exports = __toCommonJS(DSSeparatorDefinitions_exports);
+var React = __toESM(require("react"));
+const DSSeparatorName = "DSSeparator";
+//# sourceMappingURL=DSSeparatorDefinitions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/DSSeparatorDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSSeparatorName = 'DSSeparator';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;",
+  "names": []
+}

package/dist/cjs/v2/DSSeparatorV2.js

@@ -34,25 +34,29 @@ 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");
 const DSSeparatorV2 = (props) => {
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes);
+  (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);
   const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;
   const { role, ...globalAttrs } = (0, import_ds_utilities.useGetGlobalAttributes)(rest);
   const xstyledAttrs = (0, import_ds_utilities.useGetXstyledProps)(rest);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSeparator, {
-    colorType,
-    isDotted,
-    isVertical,
-    color,
-    role,
-    ...role ? { "aria-orientation": isVertical ? "vertical" : "horizontal" } : void 0,
-    "data-testid": import_DSSeparatorV2Datatestid.DSSeparatorV2Datatestid.SEPARATOR,
-    ...globalAttrs,
-    ...xstyledAttrs
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styles.StyledSeparator,
+    {
+      colorType,
+      isDotted,
+      isVertical,
+      color,
+      role,
+      ...role ? { "aria-orientation": isVertical ? "vertical" : "horizontal" } : void 0,
+      "data-testid": import_DSSeparatorV2Datatestid.DSSeparatorV2Datatestid.SEPARATOR,
+      ...globalAttrs,
+      ...xstyledAttrs
+    }
+  );
 };
-DSSeparatorV2.displayName = "DSSeparatorV2";
+DSSeparatorV2.displayName = import_DSSeparatorDefinitions.DSSeparatorName;
 const DSSeparatorV2WithSchema = (0, import_ds_utilities.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';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes);\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 = 'DSSeparatorV2';\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;ADwBnB;AAtBJ,0BAMO;AACP,oBAAgC;AAChC,mCAAwC;AACxC,qCAAwC;AAGxC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,0DAA+B,OAAO,sCAAS;AAC/C,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,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,IAC7E,eAAa,uDAAwB;AAAA,IACpC,GAAG;AAAA,IACH,GAAG;AAAA,GACN;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-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;",
   "names": []
 }

package/dist/cjs/v2/styles.js

@@ -50,7 +50,7 @@ const dottedBorder = import_ds_system.css`
 const solidBorder = import_ds_system.css`
   background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};
 `;
-const StyledSeparator = (0, import_ds_system.styled)("div", { name: "DS-Separator", slot: "root" })`
+const StyledSeparator = (0, import_ds_system.styled)("div", { name: "DSSeparator", slot: "root" })`
   ${directionStyles}
   ${({ isDotted }) => isDotted ? dottedBorder : solidBorder}
   ${import_ds_system.xStyledCommonProps}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/v2/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface StyledSeparatorT {\n  isVertical: boolean;\n  isDotted: boolean;\n  color: string;\n  colorType: 'dark' | 'light';\n}\n\nconst defaultColorTypes = {\n  dark: '700',\n  light: '400',\n};\n\nconst directionStyles = css`\n  ${({ isVertical }) => (isVertical ? `height: 100%; width: 1px;` : `height: 1px; width: 100%;`)}\n`;\n``;\nconst dottedBorder = css`\n  background-image: linear-gradient(\n    to ${({ isVertical }) => (!isVertical ? 'right' : 'bottom')},\n    ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]} 25%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ${({ isVertical }) => (isVertical ? '1px 4px' : '4px 1px')};\n  background-repeat: ${({ isVertical }) => (isVertical ? 'repeat-y' : 'repeat-x')};\n`;\n\nconst solidBorder = css`\n  background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};\n`;\n\nexport const StyledSeparator = styled('div', { name: 'DS-Separator', slot: 'root' })<StyledSeparatorT>`\n  ${directionStyles}\n  ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAgD;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,OAAO,CAAC;AAAA,IAC/E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
+  "sourcesContent": ["import { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface StyledSeparatorT {\n  isVertical: boolean;\n  isDotted: boolean;\n  color: string;\n  colorType: 'dark' | 'light';\n}\n\nconst defaultColorTypes = {\n  dark: '700',\n  light: '400',\n};\n\nconst directionStyles = css`\n  ${({ isVertical }) => (isVertical ? `height: 100%; width: 1px;` : `height: 1px; width: 100%;`)}\n`;\n``;\nconst dottedBorder = css`\n  background-image: linear-gradient(\n    to ${({ isVertical }) => (!isVertical ? 'right' : 'bottom')},\n    ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]} 25%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ${({ isVertical }) => (isVertical ? '1px 4px' : '4px 1px')};\n  background-repeat: ${({ isVertical }) => (isVertical ? 'repeat-y' : 'repeat-x')};\n`;\n\nconst solidBorder = css`\n  background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};\n`;\n\nexport const StyledSeparator = styled('div', { name: 'DSSeparator', slot: 'root' })<StyledSeparatorT>`\n  ${directionStyles}\n  ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAgD;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,eAAe,MAAM,OAAO,CAAC;AAAA,IAC9E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
   "names": []
 }

package/dist/esm/DSSeparator.js

@@ -31,25 +31,31 @@ 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, {
+const DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => /* @__PURE__ */ jsx(
+  SeparatorWrapper,
+  {
+    ...containerProps,
+    className,
     classProps: {
-      dashed,
       margin,
       orientation,
-      type
-    }
-  })
-});
+      dashed,
+      position
+    },
+    style,
+    children: /* @__PURE__ */ jsx(
+      Separator,
+      {
+        classProps: {
+          dashed,
+          margin,
+          orientation,
+          type
+        }
+      }
+    )
+  }
+);
 DSSeparator.defaultProps = {
   containerProps: {},
   dashed: false,

package/dist/esm/DSSeparator.js.map

@@ -2,6 +2,6 @@
   "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,oBAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,EAEA,8BAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,GACF;AAAA,CACF;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;",
+  "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;",
   "names": []
 }

package/dist/esm/v2/DSSeparatorDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSSeparatorName = "DSSeparator";
+export {
+  DSSeparatorName
+};
+//# sourceMappingURL=DSSeparatorDefinitions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSSeparatorName = 'DSSeparator';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kBAAkB;",
+  "names": []
+}

package/dist/esm/v2/DSSeparatorV2.js

@@ -10,25 +10,29 @@ import {
 import { StyledSeparator } from "./styles";
 import { propTypes, defaultProps } from "./react-desc-prop-types";
 import { DSSeparatorV2Datatestid } from "./exported-related/DSSeparatorV2Datatestid";
+import { DSSeparatorName } from "./DSSeparatorDefinitions";
 const DSSeparatorV2 = (props) => {
-  useValidateTypescriptPropTypes(props, propTypes);
+  useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;
   const { role, ...globalAttrs } = useGetGlobalAttributes(rest);
   const xstyledAttrs = useGetXstyledProps(rest);
-  return /* @__PURE__ */ jsx(StyledSeparator, {
-    colorType,
-    isDotted,
-    isVertical,
-    color,
-    role,
-    ...role ? { "aria-orientation": isVertical ? "vertical" : "horizontal" } : void 0,
-    "data-testid": DSSeparatorV2Datatestid.SEPARATOR,
-    ...globalAttrs,
-    ...xstyledAttrs
-  });
+  return /* @__PURE__ */ jsx(
+    StyledSeparator,
+    {
+      colorType,
+      isDotted,
+      isVertical,
+      color,
+      role,
+      ...role ? { "aria-orientation": isVertical ? "vertical" : "horizontal" } : void 0,
+      "data-testid": DSSeparatorV2Datatestid.SEPARATOR,
+      ...globalAttrs,
+      ...xstyledAttrs
+    }
+  );
 };
-DSSeparatorV2.displayName = "DSSeparatorV2";
+DSSeparatorV2.displayName = DSSeparatorName;
 const DSSeparatorV2WithSchema = describe(DSSeparatorV2);
 DSSeparatorV2WithSchema.propTypes = propTypes;
 export {

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';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n  useValidateTypescriptPropTypes(props, propTypes);\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 = 'DSSeparatorV2';\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAtBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,+BAA+B;AAGxC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,SAAS;AAC/C,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,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,IAC7E,eAAa,wBAAwB;AAAA,IACpC,GAAG;AAAA,IACH,GAAG;AAAA,GACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "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"],
+  "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/styles.js

@@ -21,7 +21,7 @@ const dottedBorder = css`
 const solidBorder = css`
   background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};
 `;
-const StyledSeparator = styled("div", { name: "DS-Separator", slot: "root" })`
+const StyledSeparator = styled("div", { name: "DSSeparator", slot: "root" })`
   ${directionStyles}
   ${({ isDotted }) => isDotted ? dottedBorder : solidBorder}
   ${xStyledCommonProps}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface StyledSeparatorT {\n  isVertical: boolean;\n  isDotted: boolean;\n  color: string;\n  colorType: 'dark' | 'light';\n}\n\nconst defaultColorTypes = {\n  dark: '700',\n  light: '400',\n};\n\nconst directionStyles = css`\n  ${({ isVertical }) => (isVertical ? `height: 100%; width: 1px;` : `height: 1px; width: 100%;`)}\n`;\n``;\nconst dottedBorder = css`\n  background-image: linear-gradient(\n    to ${({ isVertical }) => (!isVertical ? 'right' : 'bottom')},\n    ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]} 25%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ${({ isVertical }) => (isVertical ? '1px 4px' : '4px 1px')};\n  background-repeat: ${({ isVertical }) => (isVertical ? 'repeat-y' : 'repeat-x')};\n`;\n\nconst solidBorder = css`\n  background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};\n`;\n\nexport const StyledSeparator = styled('div', { name: 'DS-Separator', slot: 'root' })<StyledSeparatorT>`\n  ${directionStyles}\n  ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n  ${xStyledCommonProps}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,0BAA0B;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,OAAO,CAAC;AAAA,IAC/E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface StyledSeparatorT {\n  isVertical: boolean;\n  isDotted: boolean;\n  color: string;\n  colorType: 'dark' | 'light';\n}\n\nconst defaultColorTypes = {\n  dark: '700',\n  light: '400',\n};\n\nconst directionStyles = css`\n  ${({ isVertical }) => (isVertical ? `height: 100%; width: 1px;` : `height: 1px; width: 100%;`)}\n`;\n``;\nconst dottedBorder = css`\n  background-image: linear-gradient(\n    to ${({ isVertical }) => (!isVertical ? 'right' : 'bottom')},\n    ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]} 25%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ${({ isVertical }) => (isVertical ? '1px 4px' : '4px 1px')};\n  background-repeat: ${({ isVertical }) => (isVertical ? 'repeat-y' : 'repeat-x')};\n`;\n\nconst solidBorder = css`\n  background: ${({ theme, color, colorType }) => color || theme.colors.neutral[defaultColorTypes[colorType]]};\n`;\n\nexport const StyledSeparator = styled('div', { name: 'DSSeparator', slot: 'root' })<StyledSeparatorT>`\n  ${directionStyles}\n  ${({ isDotted }) => (isDotted ? dottedBorder : solidBorder)}\n  ${xStyledCommonProps}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,0BAA0B;AAShD,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,kBAAkB;AAAA,IACpB,CAAC,EAAE,WAAW,MAAO,aAAa,8BAA8B;AAAA;AAEpE;AACA,MAAM,eAAe;AAAA;AAAA,SAEZ,CAAC,EAAE,WAAW,MAAO,CAAC,aAAa,UAAU;AAAA,MAChD,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,qBAIlE,CAAC,EAAE,WAAW,MAAO,aAAa,YAAY;AAAA,uBAC5C,CAAC,EAAE,WAAW,MAAO,aAAa,aAAa;AAAA;AAGtE,MAAM,cAAc;AAAA,gBACJ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM,SAAS,MAAM,OAAO,QAAQ,kBAAkB;AAAA;AAG1F,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,eAAe,MAAM,OAAO,CAAC;AAAA,IAC9E;AAAA,IACA,CAAC,EAAE,SAAS,MAAO,WAAW,eAAe;AAAA,IAC7C;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-separator",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Separator",
   "files": [
@@ -39,9 +39,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2"
+    "@elliemae/ds-classnames": "3.12.0-rc.20",
+    "@elliemae/ds-system": "3.12.0-rc.20",
+    "@elliemae/ds-utilities": "3.12.0-rc.20"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",