@elliemae/ds-separator 3.22.0-next.8 → 3.22.0-rc.0

package/dist/cjs/DSSeparator.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/DSSeparator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/DSSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "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,MAAM,GAAG;AAAA,IACV,CAAC,WAAW,GAAG;AAAA,IACf,CAAC,QAAQ,GAAG;AAAA,EACd;AACF;AAEA,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,MAAM,GAAG;AAAA,EACV,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,IAAI,GAAG;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;AAAA,EAEZ,WAAW,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE7D,OAAO,kCAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,QAAQ,kCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAI/E,QAAQ,kCAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA;AAAA;AAAA;AAAA,EAI5G,aAAa,kCAAU,OAAO,YAAY,wCAAwC;AAAA;AAAA;AAAA;AAAA,EAIlF,MAAM,kCAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA;AAAA;AAAA;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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "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/v2/DSSeparatorDefinitions.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v2/DSSeparatorDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v2/DSSeparatorV2.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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-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,OAAO,GAAG,KAAK,IAAI;AAE5D,QAAM,EAAE,MAAM,GAAG,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/exported-related/DSSeparatorV2Datatestid.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSSeparatorV2Datatestid = {\n  SEPARATOR: 'ds-separator-v2',\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AACb;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v2/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../src/v2/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v2/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../src/v2/react-desc-prop-types.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "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/cjs/v2/styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/v2/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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: '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,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,qBAI5E,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,SAAS,CAAC;AAAA;AAGpG,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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSeparator.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSSeparator.tsx"],
   "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,MAAM,GAAG;AAAA,IACV,CAAC,WAAW,GAAG;AAAA,IACf,CAAC,QAAQ,GAAG;AAAA,EACd;AACF;AAEA,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,MAAM,GAAG;AAAA,EACV,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,IAAI,GAAG;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;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE7D,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,QAAQ,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAI/E,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA;AAAA;AAAA;AAAA,EAI5G,aAAa,UAAU,OAAO,YAAY,wCAAwC;AAAA;AAAA;AAAA;AAAA,EAIlF,MAAM,UAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA;AAAA;AAAA;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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "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/v2/DSSeparatorDefinitions.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorDefinitions.tsx"],
+  "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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorV2.tsx"],
+  "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-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,OAAO,GAAG,KAAK,IAAI;AAE5D,QAAM,EAAE,MAAM,GAAG,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/exported-related/DSSeparatorV2Datatestid.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts"],
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/DSSeparatorV2Datatestid.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSSeparatorV2Datatestid = {\n  SEPARATOR: 'ds-separator-v2',\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AACb;",
   "names": []

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/index.ts"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/index.ts"],
   "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.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.ts"],
+  "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-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/esm/v2/styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styles.tsx"],
+  "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: '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,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,qBAI5E,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,SAAS,CAAC;AAAA;AAGpG,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/dist/types/v2/DSSeparatorV2.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { DSSeparatorV2T } from './react-desc-prop-types.js';
 declare const DSSeparatorV2: {
     (props: DSSeparatorV2T.Props): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-separator",
-  "version": "3.22.0-next.8",
+  "version": "3.22.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Separator",
   "files": [
@@ -39,16 +39,19 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.22.0-next.8",
-    "@elliemae/ds-props-helpers": "3.22.0-next.8",
-    "@elliemae/ds-system": "3.22.0-next.8",
-    "@elliemae/ds-utilities": "3.22.0-next.8"
+    "@elliemae/ds-props-helpers": "3.22.0-rc.0",
+    "@elliemae/ds-utilities": "3.22.0-rc.0",
+    "@elliemae/ds-system": "3.22.0-rc.0",
+    "@elliemae/ds-classnames": "3.22.0-rc.0"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "~9.0.0-next.17",
+    "@elliemae/pui-cli": "~9.0.0-next.22",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "jest-axe": "^7.0.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
+    "@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -60,14 +63,14 @@
     "typeSafety": false
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }