@elliemae/ds-dialog 2.3.3-rc.0 → 2.4.0-next.0

package/cjs/DSDialog.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
@@ -13,6 +13,7 @@ require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var ReactDOM = require('react-dom');
 var react = require('react');
+var lodash = require('lodash');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var styles = require('./styles.js');
 var propTypes = require('./propTypes.js');
@@ -23,8 +24,8 @@ 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
@@ -41,7 +42,8 @@ const DSDialog = props => {
   const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps);
   const [bodyInfo, setBodyInfo] = react.useState({
     overflow: false,
-    padding: '0px'
+    paddingRight: '0px',
+    scrollbarWidth: '0px'
   });
   dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
 
@@ -84,23 +86,43 @@ const DSDialog = props => {
   } = _useGetGlobalAttribut,
         restOfGlobalAttributes = _objectWithoutProperties__default["default"](_useGetGlobalAttribut, _excluded2);
 
-  react.useEffect(() => {
-    var _window$getComputedSt;
-
+  const calculateScrollbar = react.useCallback(() => {
     const body = document.getElementsByTagName('body')[0];
     const {
-      clientHeight,
-      scrollHeight
+      clientWidth
     } = body;
-    const padding = (_window$getComputedSt = window.getComputedStyle(body, null)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.getPropertyValue('padding-right');
-    if (!isOpen) return setBodyInfo({
+    setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
+      scrollbarWidth: "".concat(window.innerWidth - clientWidth, "px")
+    }));
+  }, []);
+  const debouncedCalculateScrollbar = react.useMemo(() => lodash.debounce(calculateScrollbar, 300), [calculateScrollbar]);
+  react.useEffect(() => {
+    calculateScrollbar();
+  }, [calculateScrollbar]);
+  react.useEffect(() => {
+    window.addEventListener('resize', debouncedCalculateScrollbar);
+    return () => {
+      window.removeEventListener('resize', debouncedCalculateScrollbar);
+    };
+  }, [calculateScrollbar, debouncedCalculateScrollbar]);
+  react.useEffect(() => {
+    if (isOpen) {
+      var _window$getComputedSt;
+
+      const body = document.getElementsByTagName('body')[0];
+      const {
+        clientHeight,
+        scrollHeight
+      } = body;
+      const paddingRight = (_window$getComputedSt = window.getComputedStyle(body, null)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.getPropertyValue('padding-right');
+      setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
+        overflow: scrollHeight > clientHeight,
+        paddingRight
+      }));
+    } else setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
       overflow: false,
-      padding: '0px'
-    });
-    return setBodyInfo({
-      overflow: scrollHeight > clientHeight,
-      padding
-    });
+      paddingRight: '0px'
+    }));
   }, [isOpen]);
   react.useEffect(() => {
     var _containerRef$current4;
@@ -123,10 +145,10 @@ const DSDialog = props => {
       ref: containerRef,
       tabIndex: !removeAutoFocus ? 0 : undefined
     }, utils.getSpaceProps(rest)), {}, {
-      size: size,
       centered: centered,
       "data-testid": DSDialogDatatestid.DSDialogDatatestid.CONTAINER
     }, restOfGlobalAttributes), {}, {
+      size: size,
       children: children
     }))), document.getElementsByTagName('body')[0]);
   }

package/cjs/styles.js

@@ -14,15 +14,15 @@ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_tagged
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject;
-const FixedBody = dsSystem.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  body {\n    overflow: hidden;\n    \n    ", "\n  }\n"])), _ref => {
+const FixedBody = dsSystem.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  body {\n    overflow: hidden;\n    ", "\n  }\n"])), _ref => {
   let {
     bodyInfo
   } = _ref;
-  return bodyInfo.overflow ? "padding-right: calc( ".concat(bodyInfo.padding, " + 15px ) !important;") : "";
+  return bodyInfo.overflow ? "padding-right: calc( ".concat(bodyInfo.paddingRight, " + ").concat(bodyInfo.scrollbarWidth, " ) !important;") : "";
 });
 const StyledDialogBackground = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-106vqwv-0"
-})(["position:fixed;top:0;bottom:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;z-index:", ";"], _ref2 => {
+})(["position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;z-index:", ";"], _ref2 => {
   let {
     zIndex
   } = _ref2;

package/esm/DSDialog.js

@@ -3,12 +3,13 @@ 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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import ReactDOM from 'react-dom';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { debounce } from 'lodash';
 import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
 import { StyledDialogBackground, FixedBody, StyledDialogContainer } from './styles.js';
 import { propTypes } from './propTypes.js';
@@ -30,7 +31,8 @@ const DSDialog = props => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   const [bodyInfo, setBodyInfo] = useState({
     overflow: false,
-    padding: '0px'
+    paddingRight: '0px',
+    scrollbarWidth: '0px'
   });
   useValidateTypescriptPropTypes(propsWithDefault, propTypes);
 
@@ -73,23 +75,43 @@ const DSDialog = props => {
   } = _useGetGlobalAttribut,
         restOfGlobalAttributes = _objectWithoutProperties(_useGetGlobalAttribut, _excluded2);
 
-  useEffect(() => {
-    var _window$getComputedSt;
-
+  const calculateScrollbar = useCallback(() => {
     const body = document.getElementsByTagName('body')[0];
     const {
-      clientHeight,
-      scrollHeight
+      clientWidth
     } = body;
-    const padding = (_window$getComputedSt = window.getComputedStyle(body, null)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.getPropertyValue('padding-right');
-    if (!isOpen) return setBodyInfo({
+    setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
+      scrollbarWidth: "".concat(window.innerWidth - clientWidth, "px")
+    }));
+  }, []);
+  const debouncedCalculateScrollbar = useMemo(() => debounce(calculateScrollbar, 300), [calculateScrollbar]);
+  useEffect(() => {
+    calculateScrollbar();
+  }, [calculateScrollbar]);
+  useEffect(() => {
+    window.addEventListener('resize', debouncedCalculateScrollbar);
+    return () => {
+      window.removeEventListener('resize', debouncedCalculateScrollbar);
+    };
+  }, [calculateScrollbar, debouncedCalculateScrollbar]);
+  useEffect(() => {
+    if (isOpen) {
+      var _window$getComputedSt;
+
+      const body = document.getElementsByTagName('body')[0];
+      const {
+        clientHeight,
+        scrollHeight
+      } = body;
+      const paddingRight = (_window$getComputedSt = window.getComputedStyle(body, null)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.getPropertyValue('padding-right');
+      setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
+        overflow: scrollHeight > clientHeight,
+        paddingRight
+      }));
+    } else setBodyInfo(prev => _objectSpread(_objectSpread({}, prev), {}, {
       overflow: false,
-      padding: '0px'
-    });
-    return setBodyInfo({
-      overflow: scrollHeight > clientHeight,
-      padding
-    });
+      paddingRight: '0px'
+    }));
   }, [isOpen]);
   useEffect(() => {
     var _containerRef$current4;
@@ -112,10 +134,10 @@ const DSDialog = props => {
       ref: containerRef,
       tabIndex: !removeAutoFocus ? 0 : undefined
     }, getSpaceProps(rest)), {}, {
-      size: size,
       centered: centered,
       "data-testid": DSDialogDatatestid.CONTAINER
     }, restOfGlobalAttributes), {}, {
+      size: size,
       children: children
     }))), document.getElementsByTagName('body')[0]);
   }

package/esm/styles.js

@@ -5,15 +5,15 @@ import { space, sizing, layout, flexboxes } from '@xstyled/styled-components';
 import { allSizes } from './utils.js';
 
 var _templateObject;
-const FixedBody = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    overflow: hidden;\n    \n    ", "\n  }\n"])), _ref => {
+const FixedBody = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    overflow: hidden;\n    ", "\n  }\n"])), _ref => {
   let {
     bodyInfo
   } = _ref;
-  return bodyInfo.overflow ? "padding-right: calc( ".concat(bodyInfo.padding, " + 15px ) !important;") : "";
+  return bodyInfo.overflow ? "padding-right: calc( ".concat(bodyInfo.paddingRight, " + ").concat(bodyInfo.scrollbarWidth, " ) !important;") : "";
 });
 const StyledDialogBackground = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-0"
-})(["position:fixed;top:0;bottom:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;z-index:", ";"], _ref2 => {
+})(["position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;z-index:", ";"], _ref2 => {
   let {
     zIndex
   } = _ref2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "2.3.3-rc.0",
+  "version": "2.4.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
   "module": "./esm/index.js",
@@ -60,10 +60,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.3-rc.0",
-    "@elliemae/ds-icons": "2.3.3-rc.0",
-    "@elliemae/ds-props-helpers": "2.3.3-rc.0",
-    "@elliemae/ds-system": "2.3.3-rc.0",
+    "@elliemae/ds-button": "2.4.0-next.0",
+    "@elliemae/ds-icons": "2.4.0-next.0",
+    "@elliemae/ds-props-helpers": "2.4.0-next.0",
+    "@elliemae/ds-system": "2.4.0-next.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/types/DSDialog.d.ts

@@ -1,376 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import type { DSDialogT } from './propTypes';
-declare const DSDialog: {
-    (props: DSDialogT.Props): React.ReactPortal | null;
-    propTypes: {
-        isOpen: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        centered: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        removeAutoFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        onClickOutside: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        onClose: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-        size: 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;
-        color: 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;
-        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;
-        type: 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;
-    };
-};
+declare const DSDialog: (props: DSDialogT.Props) => JSX.Element | null;
 declare const DSDialogWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSDialogT.Props>;
 export { DSDialog, DSDialogWithSchema };

package/types/sharedTypes.d.ts

@@ -1,6 +1,7 @@
 export declare namespace DSDialogInternalsT {
     interface BodyInfoT {
         overflow: boolean;
-        padding: string;
+        scrollbarWidth: string;
+        paddingRight: string;
     }
 }