@elliemae/ds-form 2.0.2 → 2.1.0-rc.3

package/cjs/Checkbox/DSCheckbox.js

@@ -15,10 +15,10 @@ var reactDesc = require('react-desc');
 var uid = require('uid');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsUtilities = require('@elliemae/ds-utilities');
+var propTypes = require('@elliemae/ds-shared/prop-types');
 var CheckMark = require('./elements/CheckMark.js');
 var defaultProps = require('./defaultProps.js');
 var props = require('./props.js');
-var propTypes = require('@elliemae/ds-shared/prop-types');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -93,7 +93,7 @@ function Checkbox(_ref) {
       id: "".concat(instanceUID, "-").concat(labelText),
       onClick: handleClick,
       ref: checkRef,
-      checked: checked,
+      checked: !!checked,
       disabled: disabled,
       name: name,
       readOnly: readOnly,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,7 +14,7 @@ const StyledGroupLabel = /*#__PURE__*/styled__default["default"].span.withConfig
 })(["font-family:12px;color:", ";"], props => props.theme.colors.neutral[500]);
 const StyledSectionWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-6xya9j-1"
-})(["", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], styledSystem.position, styledSystem.layout);
+})(["", " ", " ", " list-style:none;padding:0px 16px;height:24px;display:flex;align-items:center;"], styledComponents.position, styledComponents.layout, styledComponents.sizing);
 
 exports.StyledGroupLabel = StyledGroupLabel;
 exports.StyledSectionWrapper = StyledSectionWrapper;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,7 +14,7 @@ const StyledSeparator = /*#__PURE__*/styled__default["default"].hr.withConfig({
 })(["border:0;border-top:1px solid #697489;margin:4px 0px;padding:0;"]);
 const StyledSeparatorWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-1xat2d9-1"
-})(["list-style:none;padding:0px 16px;", " ", ""], styledSystem.position, styledSystem.layout);
+})(["list-style:none;padding:0px 16px;", " ", " ", ""], styledComponents.position, styledComponents.layout, styledComponents.sizing);
 
 exports.StyledSeparator = StyledSeparator;
 exports.StyledSeparatorWrapper = StyledSeparatorWrapper;

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

@@ -101,7 +101,7 @@ const SubmenuItem = props$1 => {
     onClickOutside: onClickOutside,
     customOffset: [0, 1],
     wrapperStyles: _objectSpread(_objectSpread({}, wrapperStyles), {}, {
-      width: '100%'
+      w: '100%'
     }),
     minWidth: minWidth,
     maxHeight: maxHeight

package/cjs/MenuItem/components/styled.js

@@ -2,24 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2;
-
 const borderOutside = function (color) {
   let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\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 styled.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 = () => dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n"])));
+const disabledOption = () => styled.css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
 
 const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
 
@@ -27,7 +22,7 @@ const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].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:", ";}"], styledSystem.position, styledSystem.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:", ";}"], styledComponents.position, styledComponents.layout, styledComponents.sizing, styledComponents.space, props => {
   if (props.disabled) return disabledOption();
   if (props.isFocus) return focusBorderCss(props);
   if (props.isActive) return activeBorderCss(props);

package/cjs/Radio/DSRadio.js

@@ -47,6 +47,8 @@ const DSRadio = _ref => {
   } = _ref,
       otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
+  // this will be solved when we move to styled components...
+  // eslint-disable-next-line @typescript-eslint/unbound-method
   const {
     cssClassName,
     classNameElement
@@ -83,6 +85,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;
 
@@ -94,8 +99,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__default["default"](Circle, {
         checked: checked
       })
@@ -160,7 +165,7 @@ const radioProps = {
   /**
    * Value that takes the checkbox if it is checked
    */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).isRequired.description('Value that takes the checkbox if it is checked'),
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).description('Value that takes the checkbox if it is checked').isRequired,
 
   /**
    * Allows a function that is triggered once the radio changes
@@ -178,7 +183,7 @@ const radioProps = {
   /** style override object */
   style: reactDesc.PropTypes.number.description('style override object')
 };
-const DSRadioWithSchema = reactDesc.describe(DSRadio).description('Radio button component');
+const DSRadioWithSchema = reactDesc.describe(DSRadio);
 DSRadioWithSchema.propTypes = radioProps;
 
 exports.DSRadioWithSchema = DSRadioWithSchema;

package/esm/Checkbox/DSCheckbox.js

@@ -11,10 +11,10 @@ import { describe } from 'react-desc';
 import { uid } from 'uid';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { cx } from '@elliemae/ds-utilities';
+export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
 import CheckMark from './elements/CheckMark.js';
 import { defaultProps } from './defaultProps.js';
 import { checkboxProps } from './props.js';
-export { CHECKBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const _excluded = ["className", "onChange", "checked", "innerRef", "onKeyDown", "readOnly", "value", "disabled", "style", "variant", "tabIndex", "name", "onMouseEnter", "onMouseLeave", "instanceUID", "labelText"],
@@ -83,7 +83,7 @@ function Checkbox(_ref) {
       id: "".concat(instanceUID, "-").concat(labelText),
       onClick: handleClick,
       ref: checkRef,
-      checked: checked,
+      checked: !!checked,
       disabled: disabled,
       name: name,
       readOnly: readOnly,

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

@@ -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

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "2.0.2",
+  "version": "2.1.0-rc.3",
   "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.2",
-    "@elliemae/ds-circular-progress-indicator": "2.0.2",
-    "@elliemae/ds-classnames": "2.0.2",
-    "@elliemae/ds-controlled-form": "2.0.2",
-    "@elliemae/ds-dropdownmenu": "2.0.2",
-    "@elliemae/ds-form": "2.0.2",
-    "@elliemae/ds-grid": "2.0.2",
-    "@elliemae/ds-icon": "2.0.2",
-    "@elliemae/ds-icons": "2.0.2",
-    "@elliemae/ds-menu": "2.0.2",
-    "@elliemae/ds-overlay": "2.0.2",
-    "@elliemae/ds-pills": "2.0.2",
-    "@elliemae/ds-popper": "2.0.2",
-    "@elliemae/ds-popperjs": "2.0.2",
-    "@elliemae/ds-props-helpers": "2.0.2",
-    "@elliemae/ds-separator": "2.0.2",
-    "@elliemae/ds-shared": "2.0.2",
-    "@elliemae/ds-system": "2.0.2",
-    "@elliemae/ds-text-wrapper": "2.0.2",
-    "@elliemae/ds-tooltip": "2.0.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.2",
-    "@elliemae/ds-utilities": "2.0.2",
+    "@elliemae/ds-button": "2.1.0-rc.3",
+    "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.3",
+    "@elliemae/ds-classnames": "2.1.0-rc.3",
+    "@elliemae/ds-controlled-form": "2.1.0-rc.3",
+    "@elliemae/ds-dropdownmenu": "2.1.0-rc.3",
+    "@elliemae/ds-form": "2.1.0-rc.3",
+    "@elliemae/ds-grid": "2.1.0-rc.3",
+    "@elliemae/ds-icon": "2.1.0-rc.3",
+    "@elliemae/ds-icons": "2.1.0-rc.3",
+    "@elliemae/ds-menu": "2.1.0-rc.3",
+    "@elliemae/ds-overlay": "2.1.0-rc.3",
+    "@elliemae/ds-pills": "2.1.0-rc.3",
+    "@elliemae/ds-popper": "2.1.0-rc.3",
+    "@elliemae/ds-popperjs": "2.1.0-rc.3",
+    "@elliemae/ds-props-helpers": "2.1.0-rc.3",
+    "@elliemae/ds-separator": "2.1.0-rc.3",
+    "@elliemae/ds-shared": "2.1.0-rc.3",
+    "@elliemae/ds-system": "2.1.0-rc.3",
+    "@elliemae/ds-text-wrapper": "2.1.0-rc.3",
+    "@elliemae/ds-tooltip": "2.1.0-rc.3",
+    "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.3",
+    "@elliemae/ds-utilities": "2.1.0-rc.3",
     "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;
 };

package/types/Checkbox/props.d.ts

@@ -1,22 +1,22 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 export declare const checkboxProps: {
     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;
@@ -31,30 +31,30 @@ export declare const checkboxProps: {
         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;
     };
 };

package/types/CheckboxGroup/DSCheckboxGroup.d.ts

@@ -13,40 +13,40 @@ declare const DSCheckboxGroup: {
     }): JSX.Element;
     propTypes: {
         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;
         };
         activeValue: {
-            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;
         };
         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;
         };
         disabled: {
-            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;
         };
         orientation: {
-            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;
         };
         labelProps: {
-            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: {