@elliemae/ds-controlled-form 2.4.18 → 2.4.21

package/cjs/date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js

@@ -14,6 +14,7 @@ var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePic
 var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
 var CalendarContent = require('./CalendarContent.js');
 var CalendarContext = require('./CalendarContext.js');
+var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -39,7 +40,7 @@ const CalendarWrapper = () => {
     setArrowElement
   } = React.useContext(CalendarContext.CalendarContext);
   if (isControllerOnly) return _CalendarContent || (_CalendarContent = /*#__PURE__*/_jsx__default["default"](CalendarContent.CalendarContent, {}));
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -51,7 +52,7 @@ const CalendarWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 exports.CalendarWrapper = CalendarWrapper;

package/cjs/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js

@@ -10,6 +10,7 @@ require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
+var reactDom = require('react-dom');
 var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var CalendarWithTimeWheelContent = require('./CalendarWithTimeWheelContent.js');
 var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
@@ -36,7 +37,7 @@ const CalendarWithTimeWheelWrapper = () => {
     isControllerOnly
   } = React.useContext(CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
   if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {}));
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -48,7 +49,7 @@ const CalendarWithTimeWheelWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 exports.CalendarWithTimeWheelWrapper = CalendarWithTimeWheelWrapper;

package/cjs/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js

@@ -10,6 +10,7 @@ require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
+var reactDom = require('react-dom');
 var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
 var TimeWheelContent = require('./TimeWheelContent.js');
@@ -41,7 +42,7 @@ const TimeWheelWrapper = () => {
   if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx__default["default"](TimeWheelContent.TimeWheelContent, {
     showShadow: true
   }));
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -55,7 +56,7 @@ const TimeWheelWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 exports.TimeWheelWrapper = TimeWheelWrapper;

package/cjs/date-time-picker/parts/Styleds.js

@@ -86,7 +86,7 @@ const StyledTimeInputsWrapperGrid = /*#__PURE__*/styled__default["default"].div.
 })(["display:grid;grid-template-columns:24px min-content 24px min-content 24px min-content 24px;grid-template-rows:min-content;padding:6px 0;gap:0px 0px;align-items:center;input,p{margin:0;}"]);
 const StyledPickersIconsWrapperGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-2wbvze-8"
-})(["position:relative;", ":before{content:'';position:absolute;top:0px;left:-1px;width:100%;height:100%;border-radius:2px;z-index:-1;", "}"], _ref9 => {
+})(["position:relative;", " :before{content:'';position:absolute;top:0px;left:-1px;width:100%;height:100%;border-radius:2px;z-index:-1;", "}"], _ref9 => {
   let {
     isControllerOnly
   } = _ref9;

package/esm/date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js

@@ -10,6 +10,7 @@ import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimeP
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { CalendarContent } from './CalendarContent.js';
 import { CalendarContext } from './CalendarContext.js';
+import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _CalendarContent, _CalendarContent2;
@@ -30,7 +31,7 @@ const CalendarWrapper = () => {
     setArrowElement
   } = useContext(CalendarContext);
   if (isControllerOnly) return _CalendarContent || (_CalendarContent = /*#__PURE__*/_jsx(CalendarContent, {}));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/createPortal( /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -42,7 +43,7 @@ const CalendarWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 export { CalendarWrapper };

package/esm/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js

@@ -6,6 +6,7 @@ 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 { useContext } from 'react';
+import { createPortal } from 'react-dom';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent.js';
 import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
@@ -27,7 +28,7 @@ const CalendarWithTimeWheelWrapper = () => {
     isControllerOnly
   } = useContext(CalendarWithTimeWheelContext);
   if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx(CalendarWithTimeWheelContent, {}));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/createPortal( /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -39,7 +40,7 @@ const CalendarWithTimeWheelWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 export { CalendarWithTimeWheelWrapper };

package/esm/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js

@@ -6,6 +6,7 @@ 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 { useContext } from 'react';
+import { createPortal } from 'react-dom';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
 import { TimeWheelContent } from './TimeWheelContent.js';
@@ -32,7 +33,7 @@ const TimeWheelWrapper = () => {
   if (isControllerOnly) return _TimeWheelContent || (_TimeWheelContent = /*#__PURE__*/_jsx(TimeWheelContent, {
     showShadow: true
   }));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/createPortal( /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     ref: setPopperElement,
     style: _objectSpread(_objectSpread({}, styles.popper), {}, {
       background: 'white',
@@ -46,7 +47,7 @@ const TimeWheelWrapper = () => {
       ref: setArrowElement,
       style: styles.arrow
     })]
-  }));
+  })), document.body);
 };
 
 export { TimeWheelWrapper };

package/esm/date-time-picker/parts/Styleds.js

@@ -78,7 +78,7 @@ const StyledTimeInputsWrapperGrid = /*#__PURE__*/styled.div.withConfig({
 })(["display:grid;grid-template-columns:24px min-content 24px min-content 24px min-content 24px;grid-template-rows:min-content;padding:6px 0;gap:0px 0px;align-items:center;input,p{margin:0;}"]);
 const StyledPickersIconsWrapperGrid = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-2wbvze-8"
-})(["position:relative;", ":before{content:'';position:absolute;top:0px;left:-1px;width:100%;height:100%;border-radius:2px;z-index:-1;", "}"], _ref9 => {
+})(["position:relative;", " :before{content:'';position:absolute;top:0px;left:-1px;width:100%;height:100%;border-radius:2px;z-index:-1;", "}"], _ref9 => {
   let {
     isControllerOnly
   } = _ref9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.18",
+  "version": "2.4.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -896,20 +896,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.18",
-    "@elliemae/ds-circular-progress-indicator": "2.4.18",
-    "@elliemae/ds-controlled-form": "2.4.18",
-    "@elliemae/ds-form": "2.4.18",
-    "@elliemae/ds-form-layout-blocks": "2.4.18",
-    "@elliemae/ds-grid": "2.4.18",
-    "@elliemae/ds-icon": "2.4.18",
-    "@elliemae/ds-icons": "2.4.18",
-    "@elliemae/ds-pills": "2.4.18",
-    "@elliemae/ds-popperjs": "2.4.18",
-    "@elliemae/ds-props-helpers": "2.4.18",
-    "@elliemae/ds-system": "2.4.18",
-    "@elliemae/ds-tooltip": "2.4.18",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.18",
+    "@elliemae/ds-button": "2.4.21",
+    "@elliemae/ds-circular-progress-indicator": "2.4.21",
+    "@elliemae/ds-controlled-form": "2.4.21",
+    "@elliemae/ds-form": "2.4.21",
+    "@elliemae/ds-form-layout-blocks": "2.4.21",
+    "@elliemae/ds-grid": "2.4.21",
+    "@elliemae/ds-icon": "2.4.21",
+    "@elliemae/ds-icons": "2.4.21",
+    "@elliemae/ds-pills": "2.4.21",
+    "@elliemae/ds-popperjs": "2.4.21",
+    "@elliemae/ds-props-helpers": "2.4.21",
+    "@elliemae/ds-system": "2.4.21",
+    "@elliemae/ds-tooltip": "2.4.21",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.21",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/autocomplete/parts/container/Container.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Container: () => JSX.Element;

package/types/autocomplete/parts/menu-list/MenuList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MenuList: () => JSX.Element;

package/types/autocomplete/parts/menu-list/useItemRenderer.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useItemRenderer: () => Array<JSX.Element> | null;

package/types/combobox/parts/A11ySelectedValues.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const A11ySelectedValues: () => JSX.Element;

package/types/combobox/parts/DropdownIndicator.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DropdownIndicator: () => JSX.Element;

package/types/combobox/parts/container/Container.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Container: () => JSX.Element;

package/types/combobox/parts/controls/Controls.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Controls: () => JSX.Element;

package/types/combobox/parts/controls-input/ControlsInput.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlsInput: () => JSX.Element;

package/types/combobox/parts/dropdown-indicator/DropdownIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DropdownIndicator: () => JSX.Element;
 export { DropdownIndicator };
 export default DropdownIndicator;

package/types/combobox/parts/dropdown-indicator/styled.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledDropDownButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDropDownButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

package/types/combobox/parts/header-list/HeaderList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HeaderList: () => JSX.Element;

package/types/combobox/parts/menu-list/MenuList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MenuList: () => JSX.Element;

package/types/combobox/parts/menu-list/useItemRenderer.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useItemRenderer: () => Array<JSX.Element> | null;

package/types/combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MultiSelectedValuesContainer: () => JSX.Element;

package/types/date-range-picker/ControlledDateRangePicker.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
 import type { DateRangePickerPropsT } from './index.d';
 declare const DSControlledDateRangePicker: {
     (props: DateRangePickerPropsT): JSX.Element;

package/types/date-range-picker/parts/ControlledDateRangeCalendar.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateRangeCalendar: () => JSX.Element;

package/types/date-range-picker/parts/ControlledDateRangeContent.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateRangeContent: () => JSX.Element;

package/types/date-range-picker/parts/ControlledDateRangeFromDate.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateRangeFromDate: () => JSX.Element;

package/types/date-range-picker/parts/ControlledDateRangeToDate.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateRangeToDate: () => JSX.Element;

package/types/date-time-picker/ControlledDateTimePicker.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
 import type { DSControlledDateTimePickerT } from './propTypes';
 declare const DSControlledDateTimePicker: {
     (props: DSControlledDateTimePickerT.Props): JSX.Element;

package/types/date-time-picker/parts/ClearButton/ClearButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ClearButton: () => JSX.Element;

package/types/date-time-picker/parts/ControlledDateTimePickerContent.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateTimePickerContent: () => JSX.Element;

package/types/date-time-picker/parts/DateInputs/DateInputs.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DateInputs: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/Calendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WrappedCalendarContext: ({ children }: {
     children: JSX.Element;
 }) => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/CalendarContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CalendarContent: ({ className }: {
     className?: string | undefined;
 }) => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/CalendarHead.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarHead: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarIconTrigger: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarMonthDays: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/CalendarWrapper.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWrapper: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/Calendar/Day.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';
 interface CalendarDayPropsT {
     metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;

package/types/date-time-picker/parts/Pickers/Calendar/Styleds.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;
 export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDayBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;

package/types/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheel: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheelContent: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheelIconTrigger: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheelWrapper: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;

package/types/date-time-picker/parts/Pickers/PickersIcons.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PickersIcons: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/TimeWheel/HoursList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HoursList: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/TimeWheel/MeridiemList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const MeridiemList: () => JSX.Element;
 export default MeridiemList;

package/types/date-time-picker/parts/Pickers/TimeWheel/MinutesList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const MinutesList: () => JSX.Element;
 export default MinutesList;

package/types/date-time-picker/parts/Pickers/TimeWheel/SecondsList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const SecondsList: () => JSX.Element;
 export default SecondsList;

package/types/date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface StyledWheelListItemPropsT {
     isCurrentListItem?: boolean;
@@ -12,8 +12,8 @@ export declare const StyledTimePickerContainer: import("styled-components").Styl
 export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimeBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
-export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/date-time-picker/parts/Pickers/TimeWheel/TimeWheel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WrappedTimeWheelContext: ({ children }: {
     children: JSX.Element;
 }) => JSX.Element;

package/types/date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeWheelIconTrigger: () => JSX.Element;

package/types/date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeWheelWrapper: () => JSX.Element;

package/types/date-time-picker/parts/Styleds.d.ts

@@ -10,4 +10,4 @@ export declare const StyledPickersIconsWrapperGrid: import("styled-components").
     isControllerOnly: boolean;
 }, never>;
 export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

package/types/date-time-picker/parts/TimeInputs/TimeInputs.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeInputs: () => JSX.Element;

package/types/large-text-input/DSControlledLargeTextInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledLargeTextInputT } from './react-desc-prop-types';
 declare const DSControlledLargeTextInput: (props: DSControlledLargeTextInputT.Props) => JSX.Element;
 declare const DSControlledLargeTextInputWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSControlledLargeTextInputT.Props>;

package/types/toggle/ControlledToggle.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
 import type { DSControlledTogglePropsT } from './index.d';
 declare const DSControlledToggle: {
     ({ labelOn, labelOff, name, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, }: DSControlledTogglePropsT): JSX.Element;

package/types/toggle/utils/addTooltipOnReadOnly.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const addTooltipOnReadOnly: (Component: JSX.Element, readOnly: boolean) => JSX.Element;