@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/index.js

@@ -2,145 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var controlledCheckbox_ControlledCheckbox = require('./controlled-checkbox/ControlledCheckbox.js');
-var controlledDateRangePicker_ControlledDateRangePicker = require('./controlled-date-range-picker/ControlledDateRangePicker.js');
-var controlledDateRangePicker_ControlledDateRangePickerDatatestid = require('./controlled-date-range-picker/ControlledDateRangePickerDatatestid.js');
-var controlledDateRangePicker_ControlledDateRangePickerTypes = require('./controlled-date-range-picker/ControlledDateRangePickerTypes.js');
-var controlledDateTimePicker_ControlledDateTimePicker = require('./controlled-date-time-picker/ControlledDateTimePicker.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('./controlled-date-time-picker/ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_ControlledDateTimePickerTypes = require('./controlled-date-time-picker/ControlledDateTimePickerTypes.js');
-var controlledDateTimePicker_utils_stringHelpers = require('./controlled-date-time-picker/utils/stringHelpers.js');
-var controlledDateTimePicker_utils_dateTimeHelpers = require('./controlled-date-time-picker/utils/dateTimeHelpers.js');
-var controlledDateTimePicker_utils_dateHelpers = require('./controlled-date-time-picker/utils/dateHelpers.js');
-var controlledDateTimePicker_utils_timeHelpers = require('./controlled-date-time-picker/utils/timeHelpers.js');
-var controlledToggle_ControlledToggle = require('./controlled-toggle/ControlledToggle.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./controlled-checkbox/propTypes.js');
-require('./controlled-checkbox/styles.js');
-require('styled-components');
-require('./controlled-checkbox/utils/styleHelpers.js');
-require('./controlled-checkbox/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('./controlled-checkbox/utils/setMultipleRefs.js');
-require('./controlled-date-range-picker/config/useControlledDateRangePicker.js');
-require('uid');
-require('./controlled-date-range-picker/config/useGetPropsWithDefault.js');
-require('./controlled-date-range-picker/ControlledDateRangePickerCTX.js');
-require('./controlled-date-range-picker/config/useRangePickerLogic.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('./controlled-date-range-picker/parts/ControlledDateRangeContent.js');
-require('./controlled-date-range-picker/parts/ControlledDateRangeFromDate.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./controlled-date-range-picker/parts/ControlledDateRangeToDate.js');
-require('./controlled-date-range-picker/parts/ControlledDateRangeCalendar.js');
-require('./controlled-date-range-picker/propTypes.js');
-require('./controlled-date-time-picker/propTypes.js');
-require('./controlled-date-time-picker/config/useControlledDateTimePicker.js');
-require('./controlled-date-time-picker/config/useGetPropsWithDefault.js');
-require('./controlled-date-time-picker/ControlledDateTimePickerCTX.js');
-require('./controlled-date-time-picker/config/useGetDestructuredValues.js');
-require('./controlled-date-time-picker/utils/numberHelpers.js');
-require('./controlled-date-time-picker/utils/constants.js');
-require('./controlled-date-time-picker/config/useValidateProps.js');
-require('@babel/runtime/helpers/typeof');
-require('./controlled-date-time-picker/parts/ControlledDateTimePickerContent.js');
-require('@elliemae/ds-grid');
-require('./controlled-date-time-picker/parts/Styleds.js');
-require('@elliemae/ds-button');
-require('./controlled-date-time-picker/parts/DateInputs/DateInputs.js');
-require('./controlled-date-time-picker/parts/DateInputs/MMInput.js');
-require('./controlled-date-time-picker/parts/DateInputs/DDInput.js');
-require('./controlled-date-time-picker/parts/DateInputs/YYYYInput.js');
-require('./controlled-date-time-picker/parts/DateInputs/useDateInputs.js');
-require('./controlled-date-time-picker/parts/config.js');
-require('./controlled-date-time-picker/parts/TimeInputs/TimeInputs.js');
-require('./controlled-date-time-picker/parts/TimeInputs/HHInput.js');
-require('./controlled-date-time-picker/parts/TimeInputs/MinutesInput.js');
-require('./controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js');
-require('./controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js');
-require('./controlled-date-time-picker/parts/Pickers/PickersIcons.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js');
-require('@elliemae/ds-icons');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/Day.js');
-require('@babel/runtime/helpers/extends');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js');
-require('./controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js');
-require('react-popper');
-require('./controlled-date-time-picker/utils/hooks/useOnClickOutside.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js');
-require('./controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js');
-require('./controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js');
-require('./controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js');
-require('./controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js');
-require('./controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js');
-require('./controlled-date-time-picker/parts/ClearButton/ClearButton.js');
-require('@elliemae/ds-icon');
-require('./controlled-date-time-picker/parts/ClearButton/useClearButton.js');
-require('./controlled-toggle/propTypes.js');
-require('./controlled-toggle/styles.js');
-require('./controlled-toggle/utils/styleHelpers.js');
-require('./controlled-toggle/defaultProps.js');
-require('./controlled-toggle/utils/addTooltipOnReadOnly.js');
-require('@elliemae/ds-tooltip');
+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');
 
 
 
-exports.DSControlledCheckbox = controlledCheckbox_ControlledCheckbox.DSControlledCheckbox;
-exports.DSControlledCheckboxWithSchema = controlledCheckbox_ControlledCheckbox.DSControlledCheckboxWithSchema;
-exports.DSControlledDateRangePicker = controlledDateRangePicker_ControlledDateRangePicker.DSControlledDateRangePicker;
-exports.DSControlledDateRangePickerWithSchema = controlledDateRangePicker_ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
-exports.ControlledDateRangePickerDatatestid = controlledDateRangePicker_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
-exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = controlledDateRangePicker_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES;
-exports.DSControlledDateTimePicker = controlledDateTimePicker_ControlledDateTimePicker.DSControlledDateTimePicker;
-exports.DSControlledDateTimePickerWithSchema = controlledDateTimePicker_ControlledDateTimePicker.DSControlledDateTimePickerWithSchema;
-exports.ControlledDateTimePickerDatatestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid;
-exports.CONTROLLED_DATE_TIME_PICKER_TYPES = controlledDateTimePicker_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
-exports.deconstructValuesFromDateString = controlledDateTimePicker_utils_stringHelpers.deconstructValuesFromDateString;
-exports.prependStringWithPlaceHolders = controlledDateTimePicker_utils_stringHelpers.prependStringWithPlaceHolders;
-exports.getValidationDateTimeStringMetaInfo = controlledDateTimePicker_utils_dateTimeHelpers.getValidationDateTimeStringMetaInfo;
-exports.getDateStringFromDay = controlledDateTimePicker_utils_dateHelpers.getDateStringFromDay;
-exports.getDateValuesFromDate = controlledDateTimePicker_utils_dateHelpers.getDateValuesFromDate;
-exports.getDayFromDateString = controlledDateTimePicker_utils_dateHelpers.getDayFromDateString;
-exports.getValidationDateStringMetaInfo = controlledDateTimePicker_utils_dateHelpers.getValidationDateStringMetaInfo;
-exports.getValidationTimeStringMetaInfo = controlledDateTimePicker_utils_timeHelpers.getValidationTimeStringMetaInfo;
-exports.DSControlledToggle = controlledToggle_ControlledToggle.DSControlledToggle;
-exports.DSControlledToggleWithSchema = controlledToggle_ControlledToggle.DSControlledToggleWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
+exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;
+exports.DSControlledDateRangePicker = ControlledDateRangePicker.DSControlledDateRangePicker;
+exports.DSControlledDateRangePickerWithSchema = ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
+exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
+exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES;
+exports.DSControlledDateTimePicker = ControlledDateTimePicker.DSControlledDateTimePicker;
+exports.DSControlledDateTimePickerWithSchema = ControlledDateTimePicker.DSControlledDateTimePickerWithSchema;
+exports.ControlledDateTimePickerDatatestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid;
+exports.CONTROLLED_DATE_TIME_PICKER_TYPES = ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
+exports.deconstructValuesFromDateString = stringHelpers.deconstructValuesFromDateString;
+exports.prependStringWithPlaceHolders = stringHelpers.prependStringWithPlaceHolders;
+exports.getValidationDateTimeStringMetaInfo = dateTimeHelpers.getValidationDateTimeStringMetaInfo;
+exports.getDateStringFromDay = dateHelpers.getDateStringFromDay;
+exports.getDateValuesFromDate = dateHelpers.getDateValuesFromDate;
+exports.getDayFromDateString = dateHelpers.getDayFromDateString;
+exports.getValidationDateStringMetaInfo = dateHelpers.getValidationDateStringMetaInfo;
+exports.getValidationTimeStringMetaInfo = timeHelpers.getValidationTimeStringMetaInfo;
+exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
+exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;

package/esm/controlled-checkbox/ControlledCheckbox.js

@@ -1,46 +1,42 @@
-import React, { useRef, useCallback } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef, useCallback } from 'react';
 import { describe } from 'react-desc';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { propTypes } from './propTypes.js';
 import { StyledContainer, StyledCheckBox, StyledInput, StyledLabel } from './styles.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { setMultipleRefs } from './utils/setMultipleRefs.js';
-import 'styled-components';
-import './utils/styleHelpers.js';
-import '@elliemae/ds-props-helpers';
+import { jsx } from 'react/jsx-runtime';
 
-var DSControlledCheckbox = function DSControlledCheckbox(props) {
+const DSControlledCheckbox = props => {
   useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());
-  var checkboxRef = useRef();
-  var checked = props.checked,
-      ariaControls = props.ariaControls,
-      ariaLabel = props.ariaLabel,
-      disabled = props.disabled,
-      id = props.id,
-      label = props.label,
-      hasError = props.hasError,
-      onChange = props.onChange,
-      value = props.value,
-      readOnly = props.readOnly,
-      name = props.name,
-      innerRef = props.innerRef;
-  var handleOnKeyDown = useCallback(function (e) {
+  const checkboxRef = useRef();
+  const {
+    checked,
+    ariaControls,
+    ariaLabel,
+    disabled,
+    id,
+    label,
+    hasError,
+    onChange,
+    value,
+    readOnly,
+    name,
+    innerRef
+  } = props;
+  const handleOnKeyDown = useCallback(e => {
     if (checkboxRef.current && e.key === 'Enter') {
       checkboxRef.current.click();
     }
   }, []);
-  return /*#__PURE__*/React.createElement(StyledContainer, {
-    "data-testid": "ds-checkbox-container"
-  }, /*#__PURE__*/React.createElement(StyledCheckBox, {
+  return /*#__PURE__*/_jsx(StyledContainer, {}, void 0, /*#__PURE__*/_jsx(StyledCheckBox, {
     checked: props.checked,
     hasError: hasError,
     disabled: disabled,
     readOnly: readOnly
-  }, /*#__PURE__*/React.createElement(StyledInput, {
+  }, void 0, /*#__PURE__*/jsx(StyledInput, {
     disabled: disabled,
-    ref: function ref(_ref) {
-      return setMultipleRefs([checkboxRef, innerRef])(_ref);
-    },
+    ref: ref => setMultipleRefs([checkboxRef, innerRef])(ref),
     onKeyDown: handleOnKeyDown,
     type: "checkbox",
     checked: checked !== 'mixed' ? checked : undefined,
@@ -55,20 +51,16 @@ var DSControlledCheckbox = function DSControlledCheckbox(props) {
     onChange: onChange,
     id: id,
     "data-testid": "ds-checkbox"
-  })), label && /*#__PURE__*/React.createElement(StyledLabel, {
+  })), label && /*#__PURE__*/_jsx(StyledLabel, {
     htmlFor: id,
     disabled: disabled,
     readOnly: readOnly,
     checked: checked,
     "data-testid": "ds-checkbox-label"
-  }, /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
-    value: label
-  })));
+  }, void 0, label));
 };
 
-DSControlledCheckbox.propTypes = propTypes;
-var DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);
+const DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);
 DSControlledCheckboxWithSchema.propTypes = propTypes;
 
 export { DSControlledCheckbox, DSControlledCheckboxWithSchema };
-//# sourceMappingURL=ControlledCheckbox.js.map

package/esm/controlled-checkbox/config/useValidateProps.js

@@ -1,10 +1,10 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-var throwError = function throwError(message) {
+const throwError = message => {
   throw new Error("DSControlledCheckbox:: ".concat(message, "\n  "));
 };
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   useValidateTypescriptPropTypes(props, schema);
 
   if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {
@@ -17,4 +17,3 @@ var useValidateProps = function useValidateProps(props, schema) {
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

package/esm/controlled-checkbox/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/controlled-checkbox/index.js

@@ -1,12 +1 @@
 export { DSControlledCheckbox, DSControlledCheckboxWithSchema } from './ControlledCheckbox.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-truncated-tooltip-text';
-import './propTypes.js';
-import './styles.js';
-import 'styled-components';
-import './utils/styleHelpers.js';
-import './config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import './utils/setMultipleRefs.js';
-//# sourceMappingURL=index.js.map

package/esm/controlled-checkbox/propTypes.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var propTypes = {
+const propTypes = {
   checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description('Wether the checkbox is invalid or not.'),
   value: PropTypes.string.description('Checkbox value property.'),
   name: PropTypes.string.isRequired.description('Checkbox name property.'),
@@ -15,4 +15,3 @@ var propTypes = {
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/controlled-checkbox/styles.js

@@ -1,74 +1,61 @@
 import styled from 'styled-components';
 import { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers.js';
 
-var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-349ih4-0"
-})(["display:inline-grid;grid-template-rows:min-content;grid-template-columns:", " auto;align-items:center;"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.space.xs;
-});
-var StyledCheckBox = /*#__PURE__*/styled.span.withConfig({
+})(["display:inline-grid;grid-template-rows:min-content;grid-template-columns:", " auto;align-items:center;"], ({
+  theme
+}) => theme.space.xs);
+const StyledCheckBox = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-349ih4-1"
-})(["width:", ";height:", ";border:1px solid ", ";border-radius:2px;position:relative;background:", ";", " &:focus-within{", ";&:hover{", "}}&:hover{background:", ";", ";}"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.space.xs;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.space.xs;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      hasError = _ref4.hasError;
-  return hasError ? theme.colors.danger[900] : theme.colors.neutral[400];
-}, function (_ref5) {
-  var theme = _ref5.theme,
-      disabled = _ref5.disabled;
-  return handleBackgroundColor(theme, disabled);
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      checked = _ref6.checked,
-      disabled = _ref6.disabled,
-      readOnly = _ref6.readOnly,
-      hasError = _ref6.hasError;
-  return handleCheckmark(theme, checked, disabled, readOnly, hasError);
-}, function (_ref7) {
-  var theme = _ref7.theme,
-      hasError = _ref7.hasError,
-      disabled = _ref7.disabled;
-  return !disabled && !hasError ? "border: 1px solid ".concat(theme.colors.brand[600], " ") : undefined;
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      checked = _ref8.checked,
-      disabled = _ref8.disabled,
-      readOnly = _ref8.readOnly,
-      hasError = _ref8.hasError;
-  return handleCheckmark(theme, checked, disabled, readOnly, hasError, true);
-}, function (_ref9) {
-  var theme = _ref9.theme,
-      checked = _ref9.checked,
-      disabled = _ref9.disabled;
-  return !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined;
-}, function (_ref10) {
-  var theme = _ref10.theme,
-      hasError = _ref10.hasError,
-      disabled = _ref10.disabled,
-      readOnly = _ref10.readOnly;
-  return !hasError && !disabled && !readOnly ? " border: 1px solid  ".concat(theme.colors.brand[600]) : undefined;
-});
-var StyledInput = /*#__PURE__*/styled.input.withConfig({
+})(["width:", ";height:", ";border:1px solid ", ";border-radius:2px;position:relative;background:", ";", " &:focus-within{", ";&:hover{", "}}&:hover{background:", ";", ";}"], ({
+  theme
+}) => theme.space.xs, ({
+  theme
+}) => theme.space.xs, ({
+  theme,
+  hasError
+}) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400], ({
+  theme,
+  disabled
+}) => handleBackgroundColor(theme, disabled), ({
+  theme,
+  checked,
+  disabled,
+  readOnly,
+  hasError
+}) => handleCheckmark(theme, checked, disabled, readOnly, hasError), ({
+  theme,
+  hasError,
+  disabled
+}) => !disabled && !hasError ? "border: 1px solid ".concat(theme.colors.brand[600], " ") : undefined, ({
+  theme,
+  checked,
+  disabled,
+  readOnly,
+  hasError
+}) => handleCheckmark(theme, checked, disabled, readOnly, hasError, true), ({
+  theme,
+  checked,
+  disabled
+}) => !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined, ({
+  theme,
+  hasError,
+  disabled,
+  readOnly
+}) => !hasError && !disabled && !readOnly ? " border: 1px solid  ".concat(theme.colors.brand[600]) : undefined);
+const StyledInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-349ih4-2"
 })(["&:hover{cursor:pointer;}height:100%;position:absolute;top:0;left:0;opacity:0;"]);
-var StyledLabel = /*#__PURE__*/styled.label.withConfig({
+const StyledLabel = /*#__PURE__*/styled.label.withConfig({
   componentId: "sc-349ih4-3"
-})(["&:hover{cursor:pointer;}padding-left:", ";color:", ";font-size:13px;line-height:13px;display:inherit;"], function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.space.xxs;
-}, function (_ref12) {
-  var theme = _ref12.theme,
-      disabled = _ref12.disabled,
-      readOnly = _ref12.readOnly,
-      checked = _ref12.checked;
-  return disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800];
-});
+})(["&:hover{cursor:pointer;}padding-left:", ";color:", ";font-size:13px;line-height:13px;"], ({
+  theme
+}) => theme.space.xxs, ({
+  theme,
+  disabled,
+  readOnly,
+  checked
+}) => disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]);
 
 export { StyledCheckBox, StyledContainer, StyledInput, StyledLabel };
-//# sourceMappingURL=styles.js.map

package/esm/controlled-checkbox/utils/setMultipleRefs.js

@@ -1,6 +1,6 @@
 function setMultipleRefs(refs) {
-  return function (value) {
-    refs.forEach(function (ref) {
+  return value => {
+    refs.forEach(ref => {
       if (typeof ref === 'function') {
         ref(value);
       } else if (ref != null) {
@@ -11,4 +11,3 @@ function setMultipleRefs(refs) {
 }
 
 export { setMultipleRefs };
-//# sourceMappingURL=setMultipleRefs.js.map

package/esm/controlled-checkbox/utils/styleHelpers.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-params */
-var handleCheckMarkColor = function handleCheckMarkColor(_ref, disabled, readOnly, hasError, checked, isHovering) {
-  var colors = _ref.colors;
-
+const handleCheckMarkColor = ({
+  colors
+}, disabled, readOnly, hasError, checked, isHovering) => {
   if (hasError) {
     return colors.danger[900];
   }
@@ -16,9 +16,7 @@ var handleCheckMarkColor = function handleCheckMarkColor(_ref, disabled, readOnl
 
   return colors.brand[500];
 };
-var handleCheckmark = function handleCheckmark(theme, checked, disabled, readOnly, hasError) {
-  var isHovering = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-
+const handleCheckmark = (theme, checked, disabled, readOnly, hasError, isHovering = false) => {
   if (checked === 'mixed') {
     return "&:before {\n      position: absolute;\n    content: '';\n    top: 6px;\n    left: 3px;\n    background: ".concat(handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering), ";\n    width: ").concat(theme.space.xxs, ";\n    height: 2px;\n    }");
   }
@@ -29,9 +27,9 @@ var handleCheckmark = function handleCheckmark(theme, checked, disabled, readOnl
 
   return undefined;
 };
-var handleBackgroundColor = function handleBackgroundColor(_ref2, disabled) {
-  var colors = _ref2.colors;
-
+const handleBackgroundColor = ({
+  colors
+}, disabled) => {
   if (disabled) {
     return colors.neutral['080'];
   }
@@ -40,4 +38,3 @@ var handleBackgroundColor = function handleBackgroundColor(_ref2, disabled) {
 };
 
 export { handleBackgroundColor, handleCheckMarkColor, handleCheckmark };
-//# sourceMappingURL=styleHelpers.js.map