@telefonica/mistica 10.22.1 → 10.24.0

package/dist/switch-component.js

@@ -23,13 +23,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -42,6 +40,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -59,12 +62,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -81,12 +86,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -101,11 +105,19 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var SWITCH_ANIMATION = '0.2s ease-in 0s';
-var useStyles = (0, _jss).createUseStyles(function(param) {
-    var colors = param.colors, isIos = param.isIos;
+var useStyles = (0, _jss).createUseStyles(function(param1) {
+    var colors = param1.colors, isIos = param1.isIos;
     return {
         checkbox: {
             display: 'inline-block',
@@ -178,10 +190,10 @@ var Switch = function Switch(props) {
         defaultValue: props.defaultChecked,
         onChange: props.onChange,
         disabled: props.disabled
-    }), defaultValue = ref.defaultValue, value = ref.value, onChange = ref.onChange, focusableRef = ref.focusableRef, disabled = ref.disabled;
+    }), defaultValue = ref.defaultValue, value1 = ref.value, onChange = ref.onChange, focusableRef = ref.focusableRef, disabled = ref.disabled;
     var ref1 = _slicedToArray(React.useState(!!defaultValue), 2), checkedState = ref1[0], setCheckedState = ref1[1];
     var classes = useStyles({
-        isChecked: value !== null && value !== void 0 ? value : checkedState
+        isChecked: value1 !== null && value1 !== void 0 ? value1 : checkedState
     });
     var notifyChange = React.useMemo(function() {
         if (process.env.NODE_ENV === 'test') {
@@ -197,8 +209,8 @@ var Switch = function Switch(props) {
         onChange
     ]);
     var handleChange = function handleChange() {
-        if (value !== undefined) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(!value);
+        if (value1 !== undefined) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(!value1);
         } else {
             setCheckedState(!checkedState);
             notifyChange(!checkedState);
@@ -212,8 +224,7 @@ var Switch = function Switch(props) {
         }
     };
     var switchEl = /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-        className: (0, _classnames).default(classes.checkbox, _defineProperty({
-        }, classes.disabled, disabled)),
+        className: (0, _classnames).default(classes.checkbox, _defineProperty({}, classes.disabled, disabled)),
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: classes.switchCheckboxContainer,
             children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
@@ -232,7 +243,7 @@ var Switch = function Switch(props) {
     return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /*#__PURE__*/ (0, _jsxRuntime).jsx("span", _objectSpread({
         role: "switch",
-        "aria-checked": value !== null && value !== void 0 ? value : checkedState,
+        "aria-checked": value1 !== null && value1 !== void 0 ? value1 : checkedState,
         onClick: disabled ? undefined : handleChange,
         onKeyDown: disabled ? undefined : handleKeyDown,
         tabIndex: disabled ? undefined : 0,

package/dist/tab-focus.js

@@ -10,13 +10,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/tabs.js

@@ -22,13 +22,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -41,6 +39,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -58,12 +61,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -80,17 +85,25 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var TAB_MAX_WIDTH = 284;
 var TAB_HEIGHT = 56;
 var LINE_ANIMATION_DURATION_MS = (0, _platform).isRunningAcceptanceTest() ? 0 : 300;
-var _obj;
-var useStyles = (0, _jss).createUseStyles(function(param) {
-    var colors = param.colors, mq = param.mq;
+var useStyles = (0, _jss).createUseStyles(function(param1) {
+    var colors = param1.colors, mq = param1.mq;
+    var _obj;
     return {
         outerBorder: {
             borderBottom: "1px solid ".concat(colors.divider)
@@ -175,8 +188,8 @@ var useStyles = (0, _jss).createUseStyles(function(param) {
         }
     };
 });
-var Tabs = function Tabs(param) {
-    var selectedIndex = param.selectedIndex, onChange = param.onChange, tabs = param.tabs;
+var Tabs = function Tabs(param2) {
+    var selectedIndex = param2.selectedIndex, onChange = param2.onChange, tabs = param2.tabs;
     var id = (0, _hooks).useAriaId();
     var ref = (0, _hooks).useElementDimensions(), width = ref.width, ref1 = ref.ref;
     var animatedLineRef = React.useRef(null);

package/dist/tag.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _box = _interopRequireDefault(require("./box"));
 var _hooks = require("./hooks");
 var _jss = require("./jss");
@@ -15,16 +16,44 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -41,15 +70,24 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         tag: {
             display: 'inline-flex',
+            verticalAlign: 'middle',
             flexDirection: 'row',
             alignItems: 'center',
             borderRadius: 50,
@@ -128,7 +166,7 @@ var Tag = function Tag(param) {
             colors.tagBackgroundError
         ]
     };
-    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor = _type1[0], backgroundColor = _type1[1];
+    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor1 = _type1[0], backgroundColor = _type1[1];
     var shouldUseInverseBackground = isInverse && !isDarkMode;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("span", {
         className: classes.tag,
@@ -139,14 +177,14 @@ var Tag = function Tag(param) {
             Icon && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                 paddingRight: 4,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Icon, {
-                    color: textColor,
+                    color: textColor1,
                     size: (0, _css).pxToRem(16)
                 })
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text, {
-                    color: textColor,
+                    color: textColor1,
                     size: 14,
                     lineHeight: 20,
                     weight: "medium",

package/dist/text-field-base.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.TextFieldBase = exports.TextFieldBaseAutosuggest = void 0;
+exports.TextFieldBaseAutosuggest = exports.TextFieldBase = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
@@ -21,13 +21,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -40,6 +38,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -57,12 +60,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -79,12 +84,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -99,8 +103,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -115,10 +118,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -129,7 +130,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var commonInputStyles = function commonInputStyles(theme) {
     return {
@@ -174,8 +183,8 @@ var commonInputStyles = function commonInputStyles(theme) {
         boxShadow: 'none'
     };
 };
-var _obj, _obj1, _obj2;
 var useStyles = (0, _jss).createUseStyles(function(theme) {
+    var _obj, _obj1, _obj2;
     return {
         container: {
             display: 'flex',
@@ -261,16 +270,13 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             // Only apply when Firefox, otherwise it breaks styles in safari mobile
             '&[type="month"]:not(:valid):not(:focus)': (0, _platform).isFirefox() ? {
                 color: 'transparent'
-            } : {
-            },
+            } : {},
             '&[type="date"]:not(:valid):not(:focus)': (0, _platform).isFirefox() ? {
                 color: 'transparent'
-            } : {
-            },
+            } : {},
             '&[type="datetime-local"]:not(:valid):not(:focus)': (0, _platform).isFirefox() ? {
                 color: 'transparent'
-            } : {
-            },
+            } : {},
             // Override Chrome input autocomplete styles:
             '&:-webkit-autofill': {
                 textFillColor: theme.colors.textPrimary,
@@ -315,7 +321,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         }), _defineProperty(_obj2, "transition", 'opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms'), _obj2)
     };
 });
-var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref4) {
     var error = _param.error, helperText = _param.helperText, label = _param.label, inputProps = _param.inputProps, inputRef = _param.inputRef, defaultValue = _param.defaultValue, value = _param.value, onFocus = _param.onFocus, onBlur = _param.onBlur, inputComponent = _param.inputComponent, prefix = _param.prefix, startIcon = _param.startIcon, endIcon = _param.endIcon, endIconOverlay = _param.endIconOverlay, shrinkLabelProp = _param.shrinkLabel, _multiline = _param.multiline, multiline = _multiline === void 0 ? false : _multiline, focus = _param.focus, fieldRef = _param.fieldRef, maxLength = _param.maxLength, idProp = _param.id, autoCompleteProp = _param.autoComplete, fullWidth = _param.fullWidth, rest = _objectWithoutProperties(_param, [
         "error",
         "helperText",
@@ -342,10 +348,10 @@ var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     ]);
     var id = (0, _hooks).useAriaId(idProp);
     var ref1 = _slicedToArray(React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) || (value === null || value === void 0 ? void 0 : value.length) ? 'filled' : 'default'), 2), inputState = ref1[0], setInputState = ref1[1];
-    var ref2 = (0, _hooks).useTheme(), colors = ref2.colors;
-    var ref3 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref3.isTabletOrSmaller;
-    var ref4;
-    var ref5 = _slicedToArray(React.useState((ref4 = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== null && ref4 !== void 0 ? ref4 : 0), 2), characterCount = ref5[0], setCharacterCount = ref5[1];
+    var colors = (0, _hooks).useTheme().colors;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
+    var ref2;
+    var ref3 = _slicedToArray(React.useState((ref2 = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== null && ref2 !== void 0 ? ref2 : 0), 2), characterCount = ref3[0], setCharacterCount = ref3[1];
     var hasLabel = !!label || !rest.required;
     // this shrinkLabel override is a workaround because I was unable to find a way to hide date
     // and date-time native placeholders when the input is not required
@@ -394,10 +400,9 @@ var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var inputRefProps = inputComponent ? {
         inputRef: inputRef
     } : {
-        ref: (0, _common).combineRefs(ref, inputRef)
+        ref: (0, _common).combineRefs(ref4, inputRef)
     };
-    var props = _objectSpread({
-    }, rest, {
+    var props = _objectSpread({}, rest, {
         maxLength: maxLength,
         autoComplete: autoCompleteProp
     }, inputProps);
@@ -438,8 +443,7 @@ var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                     as: "div",
                     regular: true,
-                    children: /*#__PURE__*/ React.createElement(inputComponent || defaultInputElement, _objectSpread({
-                    }, inputRefProps, props, {
+                    children: /*#__PURE__*/ React.createElement(inputComponent || defaultInputElement, _objectSpread({}, inputRefProps, props, {
                         id: id,
                         className: multiline ? classes.textArea : classes.input,
                         onFocus: function onFocus1(event) {
@@ -524,35 +528,33 @@ var Autosuggest = /*#__PURE__*/ React.lazy(function() {
         return _interopRequireWildcard(require(/* webpackChunkName: "react-autosuggest" */ 'react-autosuggest'));
     });
 });
-var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, ref7) {
     var getSuggestions = _param.getSuggestions, idProp = _param.id, props = _objectWithoutProperties(_param, [
         "getSuggestions",
         "id"
     ]);
-    var ref1 = _slicedToArray(React.useState([]), 2), suggestions = ref1[0], setSuggestions = ref1[1];
+    var ref5 = _slicedToArray(React.useState([]), 2), suggestions = ref5[0], setSuggestions = ref5[1];
     var inputRef = React.useRef(null);
     var classes = useSuggestionsStyles();
-    var ref2 = (0, _hooks).useTheme(), platformOverrides = ref2.platformOverrides, texts = ref2.texts;
+    var ref6 = (0, _hooks).useTheme(), platformOverrides = ref6.platformOverrides, texts = ref6.texts;
     var id = (0, _hooks).useAriaId(idProp);
     var autoSuggestId = (0, _hooks).useAriaId();
     if (getSuggestions && (props.value === undefined || props.defaultValue !== undefined)) {
         throw Error('Fields with suggestions must be used in controlled mode');
     }
     return getSuggestions ? /*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
-        fallback: /*#__PURE__*/ (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({
-        }, props, {
+        fallback: /*#__PURE__*/ (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({}, props, {
             // This label override while loading is needed in acceptance tests because
             // while the test is typing, the component could be remounted.
             // By hiding the label, we ensure that the test selects the loaded component
             label: (0, _platform).isRunningAcceptanceTest(platformOverrides) ? '' : props.label,
             autoComplete: "off",
-            ref: ref,
+            ref: ref7,
             id: id
         })),
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Autosuggest, {
             id: autoSuggestId,
-            inputProps: _objectSpread({
-            }, props, {
+            inputProps: _objectSpread({}, props, {
                 id: id,
                 autoComplete: 'off',
                 // @ts-expect-error Autosuggest expects slightly different types
@@ -560,21 +562,18 @@ var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, r
                     var newValue = param.newValue;
                     var ref;
                     // hack to mutate event value
-                    e.target = _objectSpread({
-                    }, e.target, {
+                    e.target = _objectSpread({}, e.target, {
                         value: newValue
                     });
-                    e.currentTarget = _objectSpread({
-                    }, e.currentTarget, {
+                    e.currentTarget = _objectSpread({}, e.currentTarget, {
                         value: newValue
                     });
                     (ref = props.onChange) === null || ref === void 0 ? void 0 : ref.call(props, e);
                 }
             }),
             renderInputComponent: function renderInputComponent(inputProps) {
-                /*#__PURE__*/ return (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({
-                }, inputProps, {
-                    inputRef: (0, _common).combineRefs(inputRef, props.inputRef, ref)
+                /*#__PURE__*/ return (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({}, inputProps, {
+                    inputRef: (0, _common).combineRefs(inputRef, props.inputRef, ref7)
                 }));
             },
             suggestions: suggestions,
@@ -592,8 +591,7 @@ var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, r
                 var isHighlighted = param.isHighlighted;
                 /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", {
                     role: "menuitem",
-                    className: (0, _classnames).default(classes.menuItem, _defineProperty({
-                    }, classes.menuItemSelected, isHighlighted)),
+                    className: (0, _classnames).default(classes.menuItem, _defineProperty({}, classes.menuItemSelected, isHighlighted)),
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                         regular: true,
                         children: suggestion
@@ -601,8 +599,7 @@ var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, r
                 });
             },
             renderSuggestionsContainer: function renderSuggestionsContainer(options) {
-                /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", _objectSpread({
-                }, options.containerProps, {
+                /*#__PURE__*/ return (0, _jsxRuntime).jsx("div", _objectSpread({}, options.containerProps, {
                     style: {
                         width: inputRef.current ? inputRef.current.clientWidth + 2 : 0
                     },
@@ -612,10 +609,9 @@ var TextFieldBaseAutosuggest = /*#__PURE__*/ React.forwardRef(function(_param, r
                 }));
             }
         })
-    }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({
-    }, props, {
+    }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(TextFieldBase, _objectSpread({}, props, {
         id: id,
-        ref: ref
+        ref: ref7
     }));
 });
 exports.TextFieldBaseAutosuggest = TextFieldBaseAutosuggest;