@elliemae/ds-separator 2.4.1 → 2.4.2-rc.9

package/cjs/index.js

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSSeparator = require('./DSSeparator.js');
+var DSSeparatorV2 = require('./v2/DSSeparatorV2.js');
+var DSSeparatorV2Datatestid = require('./v2/exported-related/DSSeparatorV2Datatestid.js');
 
 
 
 exports.DSSeparator = DSSeparator.DSSeparator;
 exports.DSSeparatorWithSchema = DSSeparator.DSSeparatorWithSchema;
 exports["default"] = DSSeparator.DSSeparator;
+exports.DSSeparatorV2 = DSSeparatorV2.DSSeparatorV2;
+exports.DSSeparatorV2WithSchema = DSSeparatorV2.DSSeparatorV2WithSchema;
+exports.DSSeparatorV2Datatestid = DSSeparatorV2Datatestid.DSSeparatorV2Datatestid;

package/cjs/v2/DSSeparatorV2.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var styles = require('./styles.js');
+var reactDescPropTypes = require('./react-desc-prop-types.js');
+var DSSeparatorV2Datatestid = require('./exported-related/DSSeparatorV2Datatestid.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["type", "isDashed", "isVertical", "color"],
+      _excluded2 = ["role"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSSeparatorV2 = props => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, reactDescPropTypes.propTypes);
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultProps);
+
+  const {
+    type,
+    isDashed,
+    isVertical,
+    color
+  } = propsWithDefault,
+        rest = _objectWithoutProperties__default["default"](propsWithDefault, _excluded);
+
+  const _useGetGlobalAttribut = dsPropsHelpers.useGetGlobalAttributes(rest),
+        {
+    role
+  } = _useGetGlobalAttribut,
+        globalAttrs = _objectWithoutProperties__default["default"](_useGetGlobalAttribut, _excluded2);
+
+  const xstyledAttrs = dsPropsHelpers.useGetXstyledProps(rest);
+  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledSeparator, _objectSpread(_objectSpread(_objectSpread({
+    colorType: type,
+    isDashed: isDashed,
+    isVertical: isVertical,
+    color: color,
+    role: role
+  }, role ? {
+    'aria-orientation': isVertical ? 'vertical' : 'horizontal'
+  } : undefined), {}, {
+    "data-testid": DSSeparatorV2Datatestid.DSSeparatorV2Datatestid.SEPARATOR
+  }, globalAttrs), xstyledAttrs));
+};
+
+const DSSeparatorV2WithSchema = dsPropsHelpers.describe(DSSeparatorV2);
+DSSeparatorV2WithSchema.propTypes = reactDescPropTypes.propTypes;
+
+exports.DSSeparatorV2 = DSSeparatorV2;
+exports.DSSeparatorV2WithSchema = DSSeparatorV2WithSchema;

package/cjs/v2/exported-related/DSSeparatorV2Datatestid.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DSSeparatorV2Datatestid = {
+  SEPARATOR: 'ds-separator-v2'
+};
+
+exports.DSSeparatorV2Datatestid = DSSeparatorV2Datatestid;

package/cjs/v2/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSSeparatorV2 = require('./DSSeparatorV2.js');
+var DSSeparatorV2Datatestid = require('./exported-related/DSSeparatorV2Datatestid.js');
+
+
+
+exports.DSSeparatorV2 = DSSeparatorV2.DSSeparatorV2;
+exports.DSSeparatorV2WithSchema = DSSeparatorV2.DSSeparatorV2WithSchema;
+exports.DSSeparatorV2Datatestid = DSSeparatorV2Datatestid.DSSeparatorV2Datatestid;

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const defaultProps = {
+  isVertical: false,
+  isDashed: false,
+  type: 'primary'
+};
+const propTypes = _objectSpread(_objectSpread(_objectSpread({}, dsPropsHelpers.globalAttributesPropTypes), dsPropsHelpers.xstyledPropTypes), {}, {
+  isVertical: dsPropsHelpers.PropTypes.bool.description('Set vertical orientation.').defaultValue(false),
+  isDashed: dsPropsHelpers.PropTypes.bool.description('Set dashed style.').defaultValue(false),
+  type: dsPropsHelpers.PropTypes.oneOf(['primary', 'secondary']).description('Set primary or secondary color types. Using color property will override this one.').defaultValue('primary'),
+  color: dsPropsHelpers.PropTypes.string.description('Set a custom color.')
+});
+
+exports.defaultProps = defaultProps;
+exports.propTypes = propTypes;

package/cjs/v2/styles.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var dsSystem = require('@elliemae/ds-system');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+const defaultColorTypes = {
+  primary: 'black',
+  secondary: 'gray'
+};
+const directionStyles = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  ", "\n"])), _ref => {
+  let {
+    isVertical
+  } = _ref;
+  return isVertical ? "height: 100%; width: 1px;" : "height: 1px; width: 100%;";
+});
+const dashedBorder = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  background-image: linear-gradient(\n    to ", ",\n    ", " 50%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ", ";\n  background-repeat: ", ";\n"])), _ref2 => {
+  let {
+    isVertical
+  } = _ref2;
+  return !isVertical ? 'right' : 'bottom';
+}, _ref3 => {
+  let {
+    color,
+    colorType
+  } = _ref3;
+  return color || defaultColorTypes[colorType];
+}, _ref4 => {
+  let {
+    isVertical
+  } = _ref4;
+  return isVertical ? '1px 5px' : '5px 1px';
+}, _ref5 => {
+  let {
+    isVertical
+  } = _ref5;
+  return isVertical ? 'repeat-y' : 'repeat-x';
+});
+const solidBorder = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  background: ", ";\n"])), _ref6 => {
+  let {
+    color,
+    colorType
+  } = _ref6;
+  return color || defaultColorTypes[colorType];
+});
+const StyledSeparator = dsSystem.styled('div', {
+  name: 'DS-Separator',
+  slot: 'root'
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), directionStyles, _ref7 => {
+  let {
+    isDashed
+  } = _ref7;
+  return isDashed ? dashedBorder : solidBorder;
+}, dsSystem.spacing, dsSystem.space, dsSystem.layout);
+
+exports.StyledSeparator = StyledSeparator;

package/esm/index.js

@@ -1 +1,3 @@
 export { DSSeparator, DSSeparatorWithSchema, DSSeparator as default } from './DSSeparator.js';
+export { DSSeparatorV2, DSSeparatorV2WithSchema } from './v2/DSSeparatorV2.js';
+export { DSSeparatorV2Datatestid } from './v2/exported-related/DSSeparatorV2Datatestid.js';

package/esm/v2/DSSeparatorV2.js

@@ -0,0 +1,57 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault, useGetGlobalAttributes, useGetXstyledProps } 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 { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["type", "isDashed", "isVertical", "color"],
+      _excluded2 = ["role"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSSeparatorV2 = props => {
+  useValidateTypescriptPropTypes(props, propTypes);
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+
+  const {
+    type,
+    isDashed,
+    isVertical,
+    color
+  } = propsWithDefault,
+        rest = _objectWithoutProperties(propsWithDefault, _excluded);
+
+  const _useGetGlobalAttribut = useGetGlobalAttributes(rest),
+        {
+    role
+  } = _useGetGlobalAttribut,
+        globalAttrs = _objectWithoutProperties(_useGetGlobalAttribut, _excluded2);
+
+  const xstyledAttrs = useGetXstyledProps(rest);
+  return /*#__PURE__*/jsx(StyledSeparator, _objectSpread(_objectSpread(_objectSpread({
+    colorType: type,
+    isDashed: isDashed,
+    isVertical: isVertical,
+    color: color,
+    role: role
+  }, role ? {
+    'aria-orientation': isVertical ? 'vertical' : 'horizontal'
+  } : undefined), {}, {
+    "data-testid": DSSeparatorV2Datatestid.SEPARATOR
+  }, globalAttrs), xstyledAttrs));
+};
+
+const DSSeparatorV2WithSchema = describe(DSSeparatorV2);
+DSSeparatorV2WithSchema.propTypes = propTypes;
+
+export { DSSeparatorV2, DSSeparatorV2WithSchema };

package/esm/v2/exported-related/DSSeparatorV2Datatestid.js

@@ -0,0 +1,5 @@
+const DSSeparatorV2Datatestid = {
+  SEPARATOR: 'ds-separator-v2'
+};
+
+export { DSSeparatorV2Datatestid };

package/esm/v2/index.js

@@ -0,0 +1,2 @@
+export { DSSeparatorV2, DSSeparatorV2WithSchema } from './DSSeparatorV2.js';
+export { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid.js';

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

@@ -0,0 +1,24 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const defaultProps = {
+  isVertical: false,
+  isDashed: false,
+  type: 'primary'
+};
+const propTypes = _objectSpread(_objectSpread(_objectSpread({}, globalAttributesPropTypes), xstyledPropTypes), {}, {
+  isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),
+  isDashed: PropTypes.bool.description('Set dashed style.').defaultValue(false),
+  type: PropTypes.oneOf(['primary', 'secondary']).description('Set primary or secondary color types. Using color property will override this one.').defaultValue('primary'),
+  color: PropTypes.string.description('Set a custom color.')
+});
+
+export { defaultProps, propTypes };

package/esm/v2/styles.js

@@ -0,0 +1,54 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import { css, styled, spacing, space, layout } from '@elliemae/ds-system';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+const defaultColorTypes = {
+  primary: 'black',
+  secondary: 'gray'
+};
+const directionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
+  let {
+    isVertical
+  } = _ref;
+  return isVertical ? "height: 100%; width: 1px;" : "height: 1px; width: 100%;";
+});
+const dashedBorder = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-image: linear-gradient(\n    to ", ",\n    ", " 50%,\n    rgba(255, 255, 255, 0) 0%\n  );\n  background-position: bottom;\n  background-size: ", ";\n  background-repeat: ", ";\n"])), _ref2 => {
+  let {
+    isVertical
+  } = _ref2;
+  return !isVertical ? 'right' : 'bottom';
+}, _ref3 => {
+  let {
+    color,
+    colorType
+  } = _ref3;
+  return color || defaultColorTypes[colorType];
+}, _ref4 => {
+  let {
+    isVertical
+  } = _ref4;
+  return isVertical ? '1px 5px' : '5px 1px';
+}, _ref5 => {
+  let {
+    isVertical
+  } = _ref5;
+  return isVertical ? 'repeat-y' : 'repeat-x';
+});
+const solidBorder = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), _ref6 => {
+  let {
+    color,
+    colorType
+  } = _ref6;
+  return color || defaultColorTypes[colorType];
+});
+const StyledSeparator = styled('div', {
+  name: 'DS-Separator',
+  slot: 'root'
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), directionStyles, _ref7 => {
+  let {
+    isDashed
+  } = _ref7;
+  return isDashed ? dashedBorder : solidBorder;
+}, spacing, space, layout);
+
+export { StyledSeparator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-separator",
-  "version": "2.4.1",
+  "version": "2.4.2-rc.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Separator",
   "module": "./esm/index.js",
@@ -11,6 +11,26 @@
       "import": "./esm/index.js",
       "require": "./cjs/index.js"
     },
+    "./v2/styles": {
+      "import": "./esm/v2/styles.js",
+      "require": "./cjs/v2/styles.js"
+    },
+    "./v2/react-desc-prop-types": {
+      "import": "./esm/v2/react-desc-prop-types.js",
+      "require": "./cjs/v2/react-desc-prop-types.js"
+    },
+    "./v2": {
+      "import": "./esm/v2/index.js",
+      "require": "./cjs/v2/index.js"
+    },
+    "./v2/exported-related/DSSeparatorV2Datatestid": {
+      "import": "./esm/v2/exported-related/DSSeparatorV2Datatestid.js",
+      "require": "./cjs/v2/exported-related/DSSeparatorV2Datatestid.js"
+    },
+    "./v2/DSSeparatorV2": {
+      "import": "./esm/v2/DSSeparatorV2.js",
+      "require": "./cjs/v2/DSSeparatorV2.js"
+    },
     "./DSSeparator": {
       "import": "./esm/DSSeparator.js",
       "require": "./cjs/DSSeparator.js"
@@ -36,7 +56,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.4.1",
+    "@elliemae/ds-classnames": "2.4.2-rc.9",
+    "@elliemae/ds-props-helpers": "2.4.2-rc.9",
+    "@elliemae/ds-system": "2.4.2-rc.9",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/types/index.d.ts

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

package/types/v2/DSSeparatorV2.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DSSeparatorV2T } from './react-desc-prop-types';
+declare const DSSeparatorV2: (props: DSSeparatorV2T.Props) => JSX.Element;
+declare const DSSeparatorV2WithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSSeparatorV2T.Props>;
+export { DSSeparatorV2, DSSeparatorV2WithSchema };

package/types/v2/exported-related/DSSeparatorV2Datatestid.d.ts

@@ -0,0 +1,3 @@
+export declare const DSSeparatorV2Datatestid: {
+    SEPARATOR: string;
+};

package/types/v2/index.d.ts

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

package/types/v2/react-desc-prop-types.d.ts

@@ -0,0 +1,433 @@
+export declare const defaultProps: DSSeparatorV2T.DefaultProps;
+export declare const propTypes: {
+    isVertical: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isDashed: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    margin: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    m: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginTop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    mt: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginRight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    mr: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginBottom: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    mb: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginLeft: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    ml: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    mx: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    my: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    padding: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    p: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    paddingTop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pt: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    paddingRight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pr: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    paddingBottom: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pb: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    paddingLeft: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pl: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    px: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    py: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    spaceY: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    spaceX: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    spaceXReverse: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    spaceYReverse: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    w: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxWidth: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxW: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minWidth: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minW: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    h: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxHeight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxH: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minHeight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minH: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maskSize: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    display: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    float: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    boxSizing: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    container: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    overflow: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    overflowX: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    overflowY: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    zIndex: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    position: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    top: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    right: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    bottom: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    left: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    visibility: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    overscrollBehavior: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    objectFit: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'on-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'data-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'all HTML attributes': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    about: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    accept: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    acceptCharset: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    accessKey: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    action: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    allowFullScreen: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    allowTransparency: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    alt: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-activedescendant': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-atomic': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-autocomplete': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-busy': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-checked': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-colcount': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-colindex': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-colspan': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-controls': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-current': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-describedby': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-details': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-disabled': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-dropeffect': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-errormessage': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-expanded': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-flowto': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-grabbed': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-haspopup': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-hidden': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-invalid': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-keyshortcuts': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-label': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-labelledby': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-level': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-live': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-modal': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-multiline': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-multiselectable': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-orientation': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-owns': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-placeholder': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-posinset': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-pressed': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-readonly': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-relevant': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-required': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-roledescription': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-rowcount': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-rowindex': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-rowspan': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-selected': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-setsize': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-sort': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-valuemax': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-valuemin': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-valuenow': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-valuetext': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    as: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    async: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoCapitalize: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoComplete: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoCorrect: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    autoSave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    capture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    cellPadding: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    cellSpacing: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    challenge: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    charSet: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    checked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    cite: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    classID: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    cols: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    colSpan: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    content: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    contentEditable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    contextMenu: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    controls: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    coords: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    crossOrigin: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    data: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    datatype: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    dateTime: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    default: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    defaultChecked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    defaultValue: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    defer: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    dir: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    download: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    draggable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    encType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    form: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    formAction: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    formEncType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    formMethod: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    formNoValidate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    formTarget: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    frameBorder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    headers: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    hidden: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    high: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    href: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    hrefLang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    htmlFor: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    httpEquiv: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    id: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    inlist: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    inputMode: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    integrity: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    is: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    itemID: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    itemProp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    itemRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    itemScope: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    itemType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    keyParams: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    keyType: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    kind: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    label: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    lang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    list: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    loop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    low: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    manifest: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginHeight: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    marginWidth: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    max: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    maxLength: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    media: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    mediaGroup: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    method: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    min: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minLength: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    multiple: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    muted: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    name: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    nonce: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    noValidate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAbort: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAbortCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationIteration: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationIterationCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAnimationStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAuxClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onAuxClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onBeforeInput: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onBeforeInputCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onBlur: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onBlurCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCanPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCanPlayCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCanPlayThrough: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCanPlayThroughCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionUpdate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCompositionUpdateCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onContextMenu: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onContextMenuCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCopy: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCopyCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDoubleClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDoubleClickCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDrag: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragEnterCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragExit: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragExitCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragLeaveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDragStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDrop: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDropCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDurationChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDurationChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEmptied: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEmptiedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEncrypted: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEncryptedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEnded: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onEndedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onError: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onErrorCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onFocusCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onGotPointerCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onGotPointerCaptureCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onInput: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onInputCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onInvalid: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onInvalidCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyPress: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyPressCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onKeyUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoad: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadedData: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadedDataCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadedMetadata: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadedMetadataCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLoadStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLostPointerCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onLostPointerCaptureCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseOut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseOutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMouseUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPaste: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPasteCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPause: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPauseCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPlay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPlayCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPlaying: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPlayingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerCancel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerCancelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerDown: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerDownCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerEnter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerEnterCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerLeave: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerLeaveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerOut: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerOutCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerOver: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerOverCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerUp: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onPointerUpCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onProgress: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onProgressCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRateChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onRateChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onReset: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onResetCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onScroll: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onScrollCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSeeked: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSeekedCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSeeking: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSeekingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSelect: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSelectCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onStalled: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onStalledCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSubmit: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSubmitCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSuspend: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSuspendCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTimeUpdate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTimeUpdateCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchCancel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchCancelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchMove: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchMoveCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchStart: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTouchStartCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTransitionEnd: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTransitionEndCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onVolumeChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onVolumeChangeCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onWaiting: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onWaitingCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onWheel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onWheelCapture: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    open: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    optimum: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    pattern: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    placeholder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    playsInline: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    poster: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    prefix: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    preload: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    property: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    radioGroup: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    readOnly: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    required: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    resource: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    results: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    reversed: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    role: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rows: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rowSpan: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    sandbox: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    scope: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    scoped: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    scrolling: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    seamless: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    security: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    selected: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    shape: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    sizes: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    slot: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    span: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    spellCheck: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    src: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    srcDoc: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    srcLang: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    srcSet: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    start: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    step: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    style: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    summary: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    suppressContentEditableWarning: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    suppressHydrationWarning: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    tabIndex: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    target: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    title: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    translate: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    typeof: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    unselectable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    useMap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    value: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    vocab: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    wmode: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    wrap: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};
+export declare namespace DSSeparatorV2T {
+    interface DefaultProps {
+        isVertical: boolean;
+        isDashed: boolean;
+        type: 'primary' | 'secondary';
+    }
+    interface PropsOptional {
+        color?: string;
+    }
+    interface Props extends DefaultProps, PropsOptional {
+    }
+}

package/types/v2/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSeparator: any;

package/types/v2/tests/DSSeparatorV2.test.d.ts

@@ -0,0 +1 @@
+export {};