@elliemae/ds-controlled-form 2.3.1-rc.0 → 2.3.2-next.0

package/cjs/{controlled-date-range-picker → date-range-picker}/parts/ControlledDateRangeCalendar.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
-var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+var ControlledDateTimePicker = require('../../date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../date-time-picker/ControlledDateTimePickerTypes.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/web.dom-collections.iterator.js');

package/cjs/{controlled-date-range-picker → date-range-picker}/parts/ControlledDateRangeContent.js

@@ -30,7 +30,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-e4pfvj-0"
+  componentId: "sc-1mar2a9-0"
 })(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;", " grid-auto-flow:row;grid-template-areas:'. .';justify-content:center;align-items:center;"], _ref => {
   let {
     isControllerOnly

package/cjs/{controlled-date-range-picker → date-range-picker}/parts/ControlledDateRangeFromDate.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
-var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
-var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+var ControlledDateTimePicker = require('../../date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../date-time-picker/ControlledDateTimePickerTypes.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/web.dom-collections.iterator.js');

package/cjs/{controlled-date-range-picker → date-range-picker}/parts/ControlledDateRangeToDate.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
-var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
-var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+var ControlledDateTimePicker = require('../../date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../date-time-picker/ControlledDateTimePickerTypes.js');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
 require('core-js/modules/web.dom-collections.iterator.js');

package/cjs/{controlled-date-time-picker → date-time-picker}/parts/Pickers/Calendar/Styleds.js

@@ -52,7 +52,7 @@ const backgroundDateRange = {
   })
 };
 const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-0"
+  componentId: "sc-1vlmm1g-0"
 })(["color:", ";width:26px;height:26px;"], _ref7 => {
   let {
     theme
@@ -60,7 +60,7 @@ const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton
   return theme.colors.brand['600'];
 });
 const StyledShadowWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-1"
+  componentId: "sc-1vlmm1g-1"
 })(["", ""], _ref8 => {
   let {
     isControllerOnly
@@ -68,7 +68,7 @@ const StyledShadowWrapper = /*#__PURE__*/styled__default["default"].div.withConf
   return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
 });
 const StyledCalendarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-2"
+  componentId: "sc-1vlmm1g-2"
 })(["display:grid;width:260px;background-color:", ";grid-template-rows:auto auto;"], _ref9 => {
   let {
     theme
@@ -76,7 +76,7 @@ const StyledCalendarWrapper = /*#__PURE__*/styled__default["default"].div.withCo
   return theme.colors.neutral['000'];
 });
 const StyledHeader = /*#__PURE__*/styled__default["default"].section.withConfig({
-  componentId: "sc-18gg4kd-3"
+  componentId: "sc-1vlmm1g-3"
 })(["*{margin:0;padding:0;box-sizing:border-box;}display:grid;padding:", ";grid-template-columns:min-content min-content 1fr min-content min-content;grid-template-rows:1fr;align-items:center;justify-content:center;text-align:center;background:", ";h3{font-size:1rem;}"], _ref10 => {
   let {
     theme
@@ -89,7 +89,7 @@ const StyledHeader = /*#__PURE__*/styled__default["default"].section.withConfig(
   return theme.colors.neutral['050'];
 });
 const StyledHeaderButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-4"
+  componentId: "sc-1vlmm1g-4"
 })(["position:relative;width:28px;height:28px;&:focus{&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}&:hover{background:", ";}"], _ref12 => {
   let {
     theme
@@ -102,7 +102,7 @@ const StyledHeaderButton = /*#__PURE__*/styled__default["default"](DSButton.DSBu
   return theme.colors.brand[200];
 });
 const StyledBody = /*#__PURE__*/styled__default["default"].section.withConfig({
-  componentId: "sc-18gg4kd-5"
+  componentId: "sc-1vlmm1g-5"
 })(["padding:", ";"], _ref14 => {
   let {
     theme
@@ -110,7 +110,7 @@ const StyledBody = /*#__PURE__*/styled__default["default"].section.withConfig({
   return theme.space.xxxs;
 });
 const StyledDayBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-18gg4kd-6"
+  componentId: "sc-1vlmm1g-6"
 })(["height:32px;width:32px;border-radius:50%;position:relative;border-width:2px;border-style:solid;border-color:transparent;line-height:1;color:", ";&:hover{cursor:pointer;color:", ";background-color:", ";}&:focus{", "}"], _ref15 => {
   let {
     theme
@@ -128,7 +128,7 @@ const StyledDayBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2
   return theme.colors.brand[200];
 }, focusBorder);
 const StyledWeekDaysListWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-18gg4kd-7"
+  componentId: "sc-1vlmm1g-7"
 })(["font-size:", ";text-align:center;", ";", ";.dayWrapper.selectedDay,.dayWrapper.startRangeDay,.dayWrapper.endRangeDay{", "{color:", ";font-weight:", ";}&:not(.disabledDay),&:not(.outOfRangeDay){", "{background-color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";background-color:", ";&:before{background-color:", ";}}}&.focusedDay{", "{color:", ";border-color:", ";}}&.outOfRangeDay.focusedDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.disabledDay,.dayWrapper.outOfRangeDay{", "{color:", ";", " &:before{background-color:", ";}}&.focusedDay{", "{&:after{border:2px solid ", ";}}}}.dayWrapper.focusedDay{", "{", " color:", ";&:after{border:2px solid ", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.notCurrentMonth{", "{color:", ";}&.focusedDay{", "{color:", ";}&.disabledDay,&.outOfRangeDay{", "{color:", ";}&.inRangeDay,&.startRangeDay,&.endRangeDay{", "{color:", ";}}}}&.selectedDay,&.startRangeDay,&.endRangeDay{", "{color:", ";}}}.dayWrapper.inRangeDay{", " &.disabledDay,&.outOfRangeDay{", "{color:", ";background-color:", ";&:before{background-color:", ";}}&.focusedDay{", "{border-color:", ";}}}}.dayWrapper.startRangeDay{", " &.focusedDay{", "{color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.endRangeDay{", " &.focusedDay{", "{color:", ";}}&.disabledDay,&.outOfRangeDay{", "{color:", ";&:before{background-color:", ";}}}}.dayWrapper.endRangeDay.startRangeDay{background-color:transparent;box-shadow:none;}"], _ref18 => {
   let {
     theme
@@ -307,7 +307,7 @@ const StyledWeekDaysListWrapper = /*#__PURE__*/styled__default["default"](dsGrid
   return theme.colors.neutral['000'];
 });
 const StyledWeekDaysHeaderItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18gg4kd-8"
+  componentId: "sc-1vlmm1g-8"
 })(["width:", ";min-width:", ";"], _ref53 => {
   let {
     theme
@@ -320,7 +320,7 @@ const StyledWeekDaysHeaderItem = /*#__PURE__*/styled__default["default"].div.wit
   return theme.space.s;
 });
 const CalendarFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
-  componentId: "sc-18gg4kd-9"
+  componentId: "sc-1vlmm1g-9"
 })(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;"], _ref55 => {
   let {
     theme

package/cjs/{controlled-date-time-picker → date-time-picker}/parts/Pickers/CalendarWithTimeWheel/Styleds.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-h2xj8r-0"
+  componentId: "sc-eqspen-0"
 })(["color:", ";width:26px;height:26px;"], _ref => {
   let {
     theme
@@ -19,7 +19,7 @@ const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton
   return theme.colors.brand['600'];
 });
 const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-h2xj8r-1"
+  componentId: "sc-eqspen-1"
 })(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], _ref2 => {
   let {
     theme
@@ -37,10 +37,10 @@ const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default["default
   return theme.colors.neutral[200];
 });
 const StyledCalendar = /*#__PURE__*/styled__default["default"](CalendarContent.CalendarContent).withConfig({
-  componentId: "sc-h2xj8r-2"
+  componentId: "sc-eqspen-2"
 })(["box-shadow:none;"]);
 const CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
-  componentId: "sc-h2xj8r-3"
+  componentId: "sc-eqspen-3"
 })(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], _ref5 => {
   let {
     theme

package/cjs/{controlled-date-time-picker → date-time-picker}/parts/Pickers/TimeWheel/Styleds.js

@@ -55,7 +55,7 @@ const hoverBgPerStatus = dsSystem.css(_templateObject4 || (_templateObject4 = _t
   return theme.colors.neutral['000'];
 });
 const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-0"
+  componentId: "sc-u44anw-0"
 })(["color:", ";width:26px;height:26px;"], _ref5 => {
   let {
     theme
@@ -63,7 +63,7 @@ const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton
   return theme.colors.brand['600'];
 });
 const StyledWheelList = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nsw31l-1"
+  componentId: "sc-u44anw-1"
 })(["width:100%;height:100%;margin:auto;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;&:focus-within{&:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:2px solid ", ";box-shadow:0 0 2px ", ";}}"], _ref6 => {
   let {
     theme
@@ -76,7 +76,7 @@ const StyledWheelList = /*#__PURE__*/styled__default["default"].div.withConfig({
   return theme.colors.brand[700];
 });
 const StyledTimePickerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nsw31l-2"
+  componentId: "sc-u44anw-2"
 })(["display:grid;position:relative;grid-template-columns:192px;grid-template-rows:36px 30px auto;grid-template-areas:'TimePickerHead' 'TimePickerWheelsLegend' 'VerticalWheelWrapper';", ""], _ref8 => {
   let {
     showShadow,
@@ -85,7 +85,7 @@ const StyledTimePickerContainer = /*#__PURE__*/styled__default["default"].div.wi
   return showShadow && !isControllerOnly ? "\n  box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);\n  " : '';
 });
 const StyledTimePickerHead = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1nsw31l-3"
+  componentId: "sc-u44anw-3"
 })(["width:100%;grid-area:TimePickerHead;justify-content:center;align-items:center;background:", ";"], _ref9 => {
   let {
     theme
@@ -93,7 +93,7 @@ const StyledTimePickerHead = /*#__PURE__*/styled__default["default"](dsGrid.Grid
   return theme.colors.neutral['050'];
 });
 const StyledTimePickerWheelsLegend = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nsw31l-4"
+  componentId: "sc-u44anw-4"
 })(["width:100%;height:100;grid-area:TimePickerWheelsLegend;display:grid;grid-template-columns:", " ", " ", ";align-items:center;justify-content:center;text-align:center;background:", ";"], _ref10 => {
   let {
     theme
@@ -116,7 +116,7 @@ const StyledTimePickerWheelsLegend = /*#__PURE__*/styled__default["default"].div
   return theme.colors.neutral['050'];
 });
 const StyledTimePickerWheelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nsw31l-5"
+  componentId: "sc-u44anw-5"
 })(["width:100%;background:", ";grid-area:VerticalWheelWrapper;display:grid;grid-template-columns:", " ", " ", ";grid-template-rows:100%;& ul:not(:last-child){position:relative;&:after{content:'';position:absolute;left:100%;top:5%;height:90%;width:1px;background:", ";}}"], _ref14 => {
   let {
     theme
@@ -144,7 +144,7 @@ const StyledTimePickerWheelWrapper = /*#__PURE__*/styled__default["default"].div
   return theme.colors.neutral[200];
 });
 const StyledTimeBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-6"
+  componentId: "sc-u44anw-6"
 })(["position:relative;height:", ";width:", ";border-radius:50%;&:hover{background-color:", ";}color:", ";", " ", " ", ";"], _ref19 => {
   let {
     theme
@@ -175,10 +175,10 @@ const StyledTimeBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV
   return selected ? dsSystem.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default["default"](["\n    font-weight: ", ";\n    background-color ", ";\n    "])), theme.fontWeights.semibold, isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]) : "";
 });
 const StyledWheelListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nsw31l-7"
+  componentId: "sc-u44anw-7"
 })(["margin:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;"]);
 const StyledWheelChangeTimeBtn = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-8"
+  componentId: "sc-u44anw-8"
 })(["height:", ";width:", ";min-width:", ";border-radius:50%;"], _ref24 => {
   let {
     theme
@@ -196,7 +196,7 @@ const StyledWheelChangeTimeBtn = /*#__PURE__*/styled__default["default"](DSButto
   return theme.space.s;
 });
 const TimeWheelFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
-  componentId: "sc-1nsw31l-9"
+  componentId: "sc-u44anw-9"
 })(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;"], _ref27 => {
   let {
     theme

package/cjs/{controlled-date-time-picker → date-time-picker}/parts/Styleds.js

@@ -12,16 +12,16 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable max-lines */
 const ResettedInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-1t4k08s-0"
+  componentId: "sc-2wbvze-0"
 })(["border:none;box-shadow:none;background:none;text-align:center;height:100%;display:flex;align-items:center;:focus{outline:none;}padding-top:2px;"]);
 const StyledSeparator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1t4k08s-1"
+  componentId: "sc-2wbvze-1"
 })(["padding-top:2px;margin:auto;"]);
 const StyledColonSeparator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1t4k08s-2"
+  componentId: "sc-2wbvze-2"
 })(["padding-bottom:1px;margin:auto;"]);
 const Styled2DigitsInput = /*#__PURE__*/styled__default["default"](ResettedInput).withConfig({
-  componentId: "sc-1t4k08s-3"
+  componentId: "sc-2wbvze-3"
 })(["width:100%;height:100%;", ""], _ref => {
   let {
     disabled
@@ -29,7 +29,7 @@ const Styled2DigitsInput = /*#__PURE__*/styled__default["default"](ResettedInput
   return disabled ? "color: #616b7f;" : "";
 });
 const StyledMin4DigitsInput = /*#__PURE__*/styled__default["default"](ResettedInput).withConfig({
-  componentId: "sc-1t4k08s-4"
+  componentId: "sc-2wbvze-4"
 })(["width:100%;height:100%;", ""], _ref2 => {
   let {
     disabled
@@ -37,7 +37,7 @@ const StyledMin4DigitsInput = /*#__PURE__*/styled__default["default"](ResettedIn
   return disabled ? "color: #616b7f;" : "";
 });
 const StyledInputsWrapperGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1t4k08s-5"
+  componentId: "sc-2wbvze-5"
 })(["width:max-content;align-items:center;", " border-color:", ";border-radius:2px;padding-left:", ";padding-right:", ";position:relative;", ""], _ref3 => {
   let {
     isControllerOnly
@@ -70,13 +70,13 @@ const StyledInputsWrapperGrid = /*#__PURE__*/styled__default["default"](dsGrid.G
   return disabled ? "background-color: ".concat(theme.colors.neutral[100], ";") : "";
 });
 const StyledDateInputsWrapperGrid = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1t4k08s-6"
+  componentId: "sc-2wbvze-6"
 })(["display:grid;grid-template-columns:24px min-content 24px min-content 48px;grid-template-rows:min-content;padding:6px 0;gap:0px 0px;align-items:center;input,p{margin:0;}"]);
 const StyledTimeInputsWrapperGrid = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1t4k08s-7"
+  componentId: "sc-2wbvze-7"
 })(["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-1t4k08s-8"
+  componentId: "sc-2wbvze-8"
 })(["position:relative;", ":before{content:'';position:absolute;top:0px;left:-1px;width:100%;height:100%;border-radius:2px;z-index:-1;", "}"], _ref8 => {
   let {
     isControllerOnly
@@ -91,7 +91,7 @@ const StyledPickersIconsWrapperGrid = /*#__PURE__*/styled__default["default"](ds
   return isControllerOnly ? "" : "\n    border-left: 1px solid ".concat(hasError ? theme.colors.danger[900] : theme.colors.neutral[200], "\n    ");
 });
 const StyledFocusWithIn = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1t4k08s-9"
+  componentId: "sc-2wbvze-9"
 })(["position:relative;&:focus-within{&:after{display:block;content:' ';position:absolute;top:-5px;left:-2px;width:calc(100% + 4px);height:calc(100% + 10px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], _ref10 => {
   let {
     theme
@@ -99,7 +99,7 @@ const StyledFocusWithIn = /*#__PURE__*/styled__default["default"](dsGrid.Grid).w
   return theme.colors.brand[700];
 });
 const StyledClearButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-1t4k08s-10"
+  componentId: "sc-2wbvze-10"
 })(["height:26px;position:relative;visibility:", ";"], _ref11 => {
   let {
     shouldDisplay

package/cjs/index.js

@@ -2,25 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ControlledCheckbox = require('./controlled-checkbox/ControlledCheckbox.js');
-var ControlledDateRangePicker = require('./controlled-date-range-picker/ControlledDateRangePicker.js');
-var ControlledDateRangePickerDatatestid = require('./controlled-date-range-picker/ControlledDateRangePickerDatatestid.js');
-var ControlledDateRangePickerTypes = require('./controlled-date-range-picker/ControlledDateRangePickerTypes.js');
-var ControlledDateTimePicker = require('./controlled-date-time-picker/ControlledDateTimePicker.js');
-var ControlledDateTimePickerDatatestid = require('./controlled-date-time-picker/ControlledDateTimePickerDatatestid.js');
-var ControlledDateTimePickerTypes = require('./controlled-date-time-picker/ControlledDateTimePickerTypes.js');
-var stringHelpers = require('./controlled-date-time-picker/utils/stringHelpers.js');
-var dateTimeHelpers = require('./controlled-date-time-picker/utils/dateTimeHelpers.js');
-var dateHelpers = require('./controlled-date-time-picker/utils/dateHelpers.js');
-var timeHelpers = require('./controlled-date-time-picker/utils/timeHelpers.js');
-var ControlledToggle = require('./controlled-toggle/ControlledToggle.js');
-var Autocomplete = require('./controlled-autocomplete/Autocomplete.js');
-var ComboBox = require('./controlled-combobox/ComboBox.js');
+var Autocomplete = require('./autocomplete/Autocomplete.js');
+var ControlledCheckbox = require('./checkbox/ControlledCheckbox.js');
+var ComboBox = require('./combobox/ComboBox.js');
+var ControlledDateRangePicker = require('./date-range-picker/ControlledDateRangePicker.js');
+var ControlledDateRangePickerDatatestid = require('./date-range-picker/ControlledDateRangePickerDatatestid.js');
+var ControlledDateRangePickerTypes = require('./date-range-picker/ControlledDateRangePickerTypes.js');
+var ControlledDateTimePicker = require('./date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerDatatestid = require('./date-time-picker/ControlledDateTimePickerDatatestid.js');
+var ControlledDateTimePickerTypes = require('./date-time-picker/ControlledDateTimePickerTypes.js');
+var stringHelpers = require('./date-time-picker/utils/stringHelpers.js');
+var dateTimeHelpers = require('./date-time-picker/utils/dateTimeHelpers.js');
+var dateHelpers = require('./date-time-picker/utils/dateHelpers.js');
+var timeHelpers = require('./date-time-picker/utils/timeHelpers.js');
+var usePhoneMask = require('./mask-hook/hooks/usePhoneMask.js');
+var useNumberMask = require('./mask-hook/hooks/useNumberMask.js');
+var useSSNMask = require('./mask-hook/hooks/useSSNMask.js');
+var useZipCode = require('./mask-hook/hooks/useZipCode.js');
+var DSInputText = require('./text-input/DSInputText.js');
+var dataTestIds = require('./text-input/exported-related/data-test-ids.js');
+var theming = require('./text-input/exported-related/theming.js');
+var ControlledToggle = require('./toggle/ControlledToggle.js');
 
 
 
+exports.DSAutocomplete = Autocomplete.DSAutocomplete;
+exports.DSAutocompleteWithSchema = Autocomplete.DSAutocompleteWithSchema;
 exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
 exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;
+exports.DSComboBox = ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;
 exports.DSControlledDateRangePicker = ControlledDateRangePicker.DSControlledDateRangePicker;
 exports.DSControlledDateRangePickerWithSchema = ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
 exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
@@ -37,9 +48,18 @@ exports.getDateValuesFromDate = dateHelpers.getDateValuesFromDate;
 exports.getDayFromDateString = dateHelpers.getDayFromDateString;
 exports.getValidationDateStringMetaInfo = dateHelpers.getValidationDateStringMetaInfo;
 exports.getValidationTimeStringMetaInfo = timeHelpers.getValidationTimeStringMetaInfo;
+exports.UsePhoneMaskWithSchema = usePhoneMask.UsePhoneMaskWithSchema;
+exports.usePhoneMask = usePhoneMask.usePhoneMask;
+exports.UseNumberMaskWithSchema = useNumberMask.UseNumberMaskWithSchema;
+exports.useNumberMask = useNumberMask.useNumberMask;
+exports.UseSSNMaskWithSchema = useSSNMask.UseSSNMaskWithSchema;
+exports.useSSNMask = useSSNMask.useSSNMask;
+exports.UseZipCodeMaskWithSchema = useZipCode.UseZipCodeMaskWithSchema;
+exports.useZipCode = useZipCode.useZipCode;
+exports.DSInputText = DSInputText.DSInputText;
+exports.DSInputTextWithSchema = DSInputText.DSInputTextWithSchema;
+exports.DSInputTextDataTestIds = dataTestIds.DSInputTextDataTestIds;
+exports.DSInputTextName = theming.DSInputTextName;
+exports.DSInputTextSlots = theming.DSInputTextSlots;
 exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
 exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;
-exports.DSAutocomplete = Autocomplete.DSAutocomplete;
-exports.DSAutocompleteWithSchema = Autocomplete.DSAutocompleteWithSchema;
-exports.DSComboBox = ComboBox.DSComboBox;
-exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;