@elliemae/ds-form 2.0.1 → 2.1.0-rc.2

package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -13,9 +13,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 conformValue = (rawValue, cursorPos, lastkeycode) => {
   const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 9);

package/esm/InputMask/mask_types/index.js

@@ -21,9 +21,9 @@ const _excluded = ["ignoreCase"],
       _excluded2 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"],
       _excluded3 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 dollarSign = '$';
 const percentSign = '%';
 const emptyString = '';

package/esm/InputProtected/DSInputProtected.js

@@ -20,9 +20,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 ADDON_ICON_OPTIONS = {
   LockUnlocked: /*#__PURE__*/_jsx(LockUnlocked, {}),
   LockLocked: /*#__PURE__*/_jsx(LockLocked, {}),

package/esm/LargeInputText/DSLargeInputText.js

@@ -12,9 +12,9 @@ import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 CounterArea = aggregatedClasses('div')('counter', 'textarea', _ref => {
   let {
     limitError

package/esm/MenuItem/components/Section/styled.js

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
-import { position, layout } from 'styled-system';
+import { position, layout, sizing } from '@xstyled/styled-components';
 
 const StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-6xya9j-0"
 })(["font-family:12px;color:", ";"], props => props.theme.colors.neutral[500]);
 const StyledSectionWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-6xya9j-1"
-})(["", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], position, layout);
+})(["", " ", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], position, layout, sizing);
 
 export { StyledGroupLabel, StyledSectionWrapper };

package/esm/MenuItem/components/Separator/styled.js

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
-import { position, layout } from 'styled-system';
+import { position, layout, sizing } from '@xstyled/styled-components';
 
 const StyledSeparator = /*#__PURE__*/styled.hr.withConfig({
   componentId: "sc-1xat2d9-0"
 })(["border:0;border-top:1px solid #697489;margin:4px 0px;padding:0;"]);
 const StyledSeparatorWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-1xat2d9-1"
-})(["list-style:none;padding:0px 16px;", " ", ""], position, layout);
+})(["list-style:none;padding:0px 16px;", " ", " ", ""], position, layout, sizing);
 
 export { StyledSeparator, StyledSeparatorWrapper };

package/esm/MenuItem/components/SubmenuItem/index.js

@@ -21,9 +21,9 @@ import { jsxs } from 'react/jsx-runtime';
 
 var _Ellipsis, _ChevronRight;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 SubmenuItem = props => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
@@ -89,7 +89,7 @@ const SubmenuItem = props => {
     onClickOutside: onClickOutside,
     customOffset: [0, 1],
     wrapperStyles: _objectSpread(_objectSpread({}, wrapperStyles), {}, {
-      width: '100%'
+      w: '100%'
     }),
     minWidth: minWidth,
     maxHeight: maxHeight

package/esm/MenuItem/components/styled.js

@@ -1,16 +1,12 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { css } from '@elliemae/ds-system';
-import { position, layout } from 'styled-system';
-
-var _templateObject, _templateObject2;
+import styled, { css } from 'styled-components';
+import { position, layout, sizing, space } from '@xstyled/styled-components';
 
 const borderOutside = function (color) {
   let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: ", "px solid ", ";\n    pointer-events: none;\n    z-index: 7;\n  }\n"])), width, color);
+  return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
 };
 
-const disabledOption = () => css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n"])));
+const disabledOption = () => css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
 
 const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
 
@@ -18,7 +14,7 @@ const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-jyoobd-0"
-})(["cursor:pointer;height:32px;padding-left:16px;padding-right:16px;display:grid;align-items:center;list-style:none;position:relative;", " ", " ", ";background-color:", ";&:hover{background-color:", ";}"], position, layout, props => {
+})(["cursor:pointer;height:32px;padding-left:16px;padding-right:16px;display:grid;align-items:center;list-style:none;position:relative;", " ", " ", " ", " ", ";background-color:", ";&:hover{background-color:", ";}"], position, layout, sizing, space, props => {
   if (props.disabled) return disabledOption();
   if (props.isFocus) return focusBorderCss(props);
   if (props.isActive) return activeBorderCss(props);

package/esm/Radio/DSRadio.js

@@ -14,9 +14,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps", "className", "style", "labelText", "htmlFor", "hasError", "readOnly", "disabled", "checked", "value", "name", "onChange", "children", "tabIndex"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 DSRadio = _ref => {
   let {
@@ -37,6 +37,8 @@ const DSRadio = _ref => {
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
+  // this will be solved when we move to styled components...
+  // eslint-disable-next-line @typescript-eslint/unbound-method
   const {
     cssClassName,
     classNameElement
@@ -73,6 +75,9 @@ const DSRadio = _ref => {
       "aria-disabled": disabled,
       className: classNameElement('input-button'),
       onKeyDown: e => {
+        // really really bad pattern...
+        // overwriting the target to point to the hidden input because the focus is on the span and not on the input...
+        // we will solve this with a v2 of this when we move to controlled + styled components...
         e.target = checkRef.current;
         if (disabled) return;
 
@@ -84,8 +89,8 @@ const DSRadio = _ref => {
       },
       role: "radio",
       style: style,
-      tabIndex: disabled ? -1 : tabIndex,
-      value: value,
+      tabIndex: disabled ? -1 : tabIndex // value={value} // should be unused?
+      ,
       children: /*#__PURE__*/_jsx(Circle, {
         checked: checked
       })
@@ -150,7 +155,7 @@ const radioProps = {
   /**
    * Value that takes the checkbox if it is checked
    */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired.description('Value that takes the checkbox if it is checked'),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Value that takes the checkbox if it is checked').isRequired,
 
   /**
    * Allows a function that is triggered once the radio changes
@@ -168,7 +173,7 @@ const radioProps = {
   /** style override object */
   style: PropTypes.number.description('style override object')
 };
-const DSRadioWithSchema = describe(DSRadio).description('Radio button component');
+const DSRadioWithSchema = describe(DSRadio);
 DSRadioWithSchema.propTypes = radioProps;
 
 export { DSRadioWithSchema, DSRadio as default };

package/esm/RadioGroup/DSRadioGroup.js

@@ -18,9 +18,9 @@ import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
 import { jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 emClassPrefix = 'em-ds';
 const baseClass = "".concat(emClassPrefix, "-radio-group");
 

package/esm/SearchBox/SearchBoxToggle.js

@@ -18,9 +18,9 @@ var _Search;
 
 const _excluded = ["onSearchButtonClick", "width"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 SEARCH_BUTTON_WIDTH = 26;
 const SearchWrap = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-xt33wm-0"

package/esm/SearchBox/withSearchable.js

@@ -11,9 +11,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 withSearchable = WrappedComponent => {
   class Searchable extends Component {

package/esm/TextBox/DSTextBox.js

@@ -12,9 +12,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps", "autoFocus", "disabled", "maxLength", "minLength", "fluidWidth", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "clearable", "leftComponent", "rightComponent", "required", "variant", "disableTooltip", "id"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 DSTextBox = _ref => {
   let {

package/esm/TimeInput/DSTimeInput.js

@@ -15,9 +15,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["onChange"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 DSTimeInput = _ref => {
   let {

package/esm/TimeInput/TimeInputImpl.js

@@ -12,9 +12,9 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 import TimeInputs from './TimeInputs.js';
 import { jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 blockName = 'input-time';
 const InputTimeContainer = aggregatedClasses('div')(blockName);
 

package/esm/TimeInput/TimeInputs.js

@@ -16,9 +16,9 @@ import moment from 'moment';
 import { getTimeValuesFromTime, placeholderFormat, commonInputProps, formatMeridiem, setNativeValue, focusNextInput, focusPreviousInput, parseTimeNumberFromText, getValidTimeNumber, formatSeconds, formatMinutes, formatHour, shouldFocusNextInput, isArrowIncrementDecrement } from './utils.js';
 import { AM, PLACEHOLDER_TIME, ARROW_UP, ARROW_DOWN, PM, SHIFT, BACKSPACE, GENERAL_TIME_RANGE, END, HOME, ESCAPE, HOUR_RANGE_12, HOUR_RANGE_24 } from '@elliemae/ds-shared/constants';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 blockName = 'input-times-group';
 const InputTimesGroup = aggregatedClasses('div')(blockName);
 const TimeInput = aggregatedClasses('input')(blockName, 'input');

package/esm/Toggle/DSToggle.js

@@ -13,9 +13,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["containerProps", "hasError", "readOnly", "disabled", "checked", "labelOn", "labelOff", "name", "value", "size"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 DSToggle = _ref => {
   let {

package/esm/Toggle/DSToggleImpl.js

@@ -9,9 +9,9 @@ import { calculateDrag, isValidDrag, cleanDrag, dragStartingPoints } from './tog
 import DSToggleRender from './DSToggleRender.js';
 import { jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 class DSToggleImpl extends Component {
   constructor(props) {

package/esm/Toggle/DSToggleRender.js

@@ -11,9 +11,9 @@ import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import DSTooltip from '@elliemae/ds-tooltip';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 DSToggleRender = _ref => {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "2.0.1",
+  "version": "2.1.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "module": "./esm/index.js",
@@ -932,28 +932,28 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.1",
-    "@elliemae/ds-circular-progress-indicator": "2.0.1",
-    "@elliemae/ds-classnames": "2.0.1",
-    "@elliemae/ds-controlled-form": "2.0.1",
-    "@elliemae/ds-dropdownmenu": "2.0.1",
-    "@elliemae/ds-form": "2.0.1",
-    "@elliemae/ds-grid": "2.0.1",
-    "@elliemae/ds-icon": "2.0.1",
-    "@elliemae/ds-icons": "2.0.1",
-    "@elliemae/ds-menu": "2.0.1",
-    "@elliemae/ds-overlay": "2.0.1",
-    "@elliemae/ds-pills": "2.0.1",
-    "@elliemae/ds-popper": "2.0.1",
-    "@elliemae/ds-popperjs": "2.0.1",
-    "@elliemae/ds-props-helpers": "2.0.1",
-    "@elliemae/ds-separator": "2.0.1",
-    "@elliemae/ds-shared": "2.0.1",
-    "@elliemae/ds-system": "2.0.1",
-    "@elliemae/ds-text-wrapper": "2.0.1",
-    "@elliemae/ds-tooltip": "2.0.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.1",
-    "@elliemae/ds-utilities": "2.0.1",
+    "@elliemae/ds-button": "2.1.0-rc.2",
+    "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.2",
+    "@elliemae/ds-classnames": "2.1.0-rc.2",
+    "@elliemae/ds-controlled-form": "2.1.0-rc.2",
+    "@elliemae/ds-dropdownmenu": "2.1.0-rc.2",
+    "@elliemae/ds-form": "2.1.0-rc.2",
+    "@elliemae/ds-grid": "2.1.0-rc.2",
+    "@elliemae/ds-icon": "2.1.0-rc.2",
+    "@elliemae/ds-icons": "2.1.0-rc.2",
+    "@elliemae/ds-menu": "2.1.0-rc.2",
+    "@elliemae/ds-overlay": "2.1.0-rc.2",
+    "@elliemae/ds-pills": "2.1.0-rc.2",
+    "@elliemae/ds-popper": "2.1.0-rc.2",
+    "@elliemae/ds-popperjs": "2.1.0-rc.2",
+    "@elliemae/ds-props-helpers": "2.1.0-rc.2",
+    "@elliemae/ds-separator": "2.1.0-rc.2",
+    "@elliemae/ds-shared": "2.1.0-rc.2",
+    "@elliemae/ds-system": "2.1.0-rc.2",
+    "@elliemae/ds-text-wrapper": "2.1.0-rc.2",
+    "@elliemae/ds-tooltip": "2.1.0-rc.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.2",
+    "@elliemae/ds-utilities": "2.1.0-rc.2",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",

package/types/Checkbox/DSCheckbox.d.ts

@@ -1,41 +1,45 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
+import React from 'react';
 import { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+interface DSCheckboxPropsT {
+    [x: string]: unknown;
+    labelText?: string;
+    className?: string;
+    htmlFor?: string;
+    name?: string;
+    value?: string | number;
+    hasError?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    checked?: boolean | 'mixed';
+    onChange?: () => void;
+    onMouseEnter?: React.MouseEventHandler<HTMLSpanElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>;
+    variant?: typeof CHECKBOX_VARIANT;
+    children?: React.ReactNode | React.ReactNode[];
+    containerProps?: unknown;
+    innerRef?: unknown;
+}
 declare const DSCheckbox: {
-    ({ labelText, className, htmlFor, hasError, readOnly, disabled, checked, onChange, variant, children, containerProps, innerRef, name, ...otherProps }: {
-        [x: string]: any;
-        labelText?: undefined;
-        className?: undefined;
-        htmlFor?: undefined;
-        hasError: any;
-        readOnly: any;
-        disabled: any;
-        checked: any;
-        onChange: any;
-        variant: any;
-        children: any;
-        containerProps: any;
-        innerRef: any;
-        name: any;
-    }): JSX.Element;
+    ({ labelText, className, htmlFor, hasError, readOnly, disabled, checked, onChange, variant, children, containerProps, innerRef, name, ...otherProps }: DSCheckboxPropsT): JSX.Element;
     propTypes: {
         containerProps: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         labelText: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         htmlFor: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         hasError: {
             deprecated: import("react-desc").PropTypesDescValidator;
@@ -50,31 +54,31 @@ declare const DSCheckbox: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         value: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         variant: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         children: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         onChange: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         name: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
     };
     defaultProps: {
@@ -90,22 +94,7 @@ declare const DSCheckbox: {
     };
 };
 declare const CheckboxWithSchema: {
-    (props?: {
-        [x: string]: any;
-        labelText?: undefined;
-        className?: undefined;
-        htmlFor?: undefined;
-        hasError: any;
-        readOnly: any;
-        disabled: any;
-        checked: any;
-        onChange: any;
-        variant: any;
-        children: any;
-        containerProps: any;
-        innerRef: any;
-        name: any;
-    } | undefined): JSX.Element;
+    (props?: DSCheckboxPropsT | undefined): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };