@telefonica/mistica 10.22.1 → 10.24.0

package/dist-es/screen-size-context-provider.js

@@ -2,16 +2,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import ScreenSizeContext from './screen-size-context';
 import { useTheme, useIsomorphicLayoutEffect } from './hooks';
+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;
         }
@@ -28,16 +35,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 stripMedia = function(s) {
     return s.replace(/^@media /, '');
 };
-var ScreenSizeContextProvider = function(param) {
-    var children = param.children;
+var ScreenSizeContextProvider = function(param1) {
+    var children = param1.children;
     /**
      * To avoid problems with react hydrate, the server rendered content and the first client render should
      * be equal. To achieve that, we always do a first render in client with isServerSide state at true, and

package/dist-es/search-field.js

@@ -7,6 +7,11 @@ import IconCloseRegular from './generated/mistica-icons/icon-close-regular';
 import IconButton from './icon-button';
 import { useTheme } from './hooks';
 import { createChangeEvent } from './utils/dom';
+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;
 }
@@ -24,12 +29,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;
         }
@@ -46,12 +53,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -65,8 +71,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) {
@@ -81,10 +86,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++){
@@ -95,10 +98,30 @@ 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 SearchField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue"]);
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "defaultValue"
+    ]);
     var theme = useTheme();
     var inputRef = React.useRef();
     var ref = _slicedToArray(React.useState(defaultValue || ''), 2), searchValue = ref[0], setSearchValue = ref[1];
@@ -141,8 +164,7 @@ var SearchField = function(_param) {
     });
     return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
         ref: inputRef,
-        startIcon: /*#__PURE__*/ _jsx(IconSearch, {
-        }),
+        startIcon: /*#__PURE__*/ _jsx(IconSearch, {}),
         endIcon: controlledValue ? /*#__PURE__*/ _jsx(IconButton, {
             size: 48,
             style: {
@@ -152,8 +174,7 @@ var SearchField = function(_param) {
             },
             "aria-label": theme.texts.formSearchClear,
             onPress: clearInput,
-            children: /*#__PURE__*/ _jsx(IconCloseRegular, {
-            })
+            children: /*#__PURE__*/ _jsx(IconCloseRegular, {})
         }) : undefined
     }, rest, fieldProps, {
         type: "search"

package/dist-es/section-title.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Text1, Text2 } from './text';
 import { useTheme } from './hooks';
 import Inline from './inline';

package/dist-es/select.js

@@ -12,6 +12,11 @@ import { isAndroid, isIos } from './utils/platform';
 import { createUseStyles } from './jss';
 import { cancelEvent } from './utils/dom';
 import { Text3 } from './text';
+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;
 }
@@ -29,12 +34,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;
         }
@@ -51,12 +58,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -70,11 +76,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 _maxHeight;
-var _obj, _obj1;
 var useStyles = createUseStyles(function(theme) {
+    var _obj, _obj1;
     return {
         selectContainer: (_obj = {
             position: 'relative',
@@ -195,10 +209,9 @@ var useStyles = createUseStyles(function(theme) {
         }), _defineProperty(_obj1, "display", 'flex'), _defineProperty(_obj1, "alignItems", 'center'), _defineProperty(_obj1, "cursor", 'pointer'), _obj1)
     };
 });
-var _obj2;
-var Select = function(param) {
-    var id = param.id, label = param.label, helperTextProp = param.helperText, valueProp = param.value, onChangeValueProp = param.onChangeValue, name = param.name, fullWidth = param.fullWidth, options = param.options, optional = param.optional, disabledProp = param.disabled, errorProp = param.error, onBlur = param.onBlur, _autoFocus = param.autoFocus, autoFocus = _autoFocus === void 0 ? false : _autoFocus, native = param.native;
-    var ref11;
+var Select = function(param1) {
+    var id = param1.id, label = param1.label, helperTextProp = param1.helperText, valueProp = param1.value, onChangeValueProp = param1.onChangeValue, name = param1.name, fullWidth = param1.fullWidth, options = param1.options, optional = param1.optional, disabledProp = param1.disabled, errorProp = param1.error, onBlur = param1.onBlur, _autoFocus = param1.autoFocus, autoFocus = _autoFocus === void 0 ? false : _autoFocus, native = param1.native;
+    var ref9;
     var inputRef = React.useRef(null);
     var focusableRef = React.useRef(null);
     var fieldRef = React.useRef(null);
@@ -208,18 +221,17 @@ var Select = function(param) {
     var ref2 = _slicedToArray(React.useState(false), 2), optionsShown = ref2[0], setOptionsShown = ref2[1];
     var ref3 = _slicedToArray(React.useState(false), 2), animateShowOptions = ref3[0], setAnimateShowOptions = ref3[1];
     var ref4 = _slicedToArray(React.useState(false), 2), isFocused = ref4[0], setIsFocused = ref4[1];
-    var ref5 = _slicedToArray(React.useState({
-    }), 2), optionsComputedProps = ref5[0], setOptionsComputedProps = ref5[1];
+    var ref5 = _slicedToArray(React.useState({}), 2), optionsComputedProps = ref5[0], setOptionsComputedProps = ref5[1];
     var ref6 = _slicedToArray(React.useState(), 2), tentativeValueState = ref6[0], setTentativeValueState = ref6[1];
     var lastElementSelectionScrollTop = React.useRef(null);
     var inputId = useAriaId(id);
     var ref7 = useForm(), rawValues = ref7.rawValues, setRawValue = ref7.setRawValue, formSetValue = ref7.setValue, formStatus = ref7.formStatus, formErrors = ref7.formErrors, setFormError = ref7.setFormError, register = ref7.register;
-    var ref8 = useTheme(), platformOverrides = ref8.platformOverrides;
+    var platformOverrides = useTheme().platformOverrides;
     var shouldUseNative = native || process.env.NODE_ENV === 'test' || isAndroid(platformOverrides) || isIos(platformOverrides);
     var disabled = disabledProp || formStatus === 'sending';
     var error = errorProp || !!formErrors[name];
     var helperText = formErrors[name] || helperTextProp;
-    var value = valueProp !== null && valueProp !== void 0 ? valueProp : rawValues[name];
+    var value1 = valueProp !== null && valueProp !== void 0 ? valueProp : rawValues[name];
     var onChangeValue = function(value) {
         onChangeValueProp === null || onChangeValueProp === void 0 ? void 0 : onChangeValueProp(value);
         setFormError({
@@ -284,7 +296,7 @@ var Select = function(param) {
                 }
                 setAnimateShowOptions(true);
             });
-            setTentativeValueState(valueState !== null && valueState !== void 0 ? valueState : value);
+            setTentativeValueState(valueState !== null && valueState !== void 0 ? valueState : value1);
         } else {
             setAnimateShowOptions(false);
             setOptionsShown(false);
@@ -299,7 +311,7 @@ var Select = function(param) {
         if (onChangeValue && typeof val === 'string') {
             onChangeValue(val);
         }
-        if (typeof value === 'undefined') {
+        if (typeof value1 === 'undefined') {
             setValueState(val);
         }
     };
@@ -320,6 +332,21 @@ var Select = function(param) {
     };
     var focusableElement = focusableRef.current;
     var inputElement = inputRef.current;
+    React.useEffect(function() {
+        setRawValue({
+            name: name,
+            value: value1
+        });
+        formSetValue({
+            name: name,
+            value: value1
+        });
+    }, [
+        name,
+        setRawValue,
+        formSetValue,
+        value1
+    ]);
     React.useEffect(function() {
         register(name, {
             input: inputRef.current,
@@ -341,17 +368,17 @@ var Select = function(param) {
     ]);
     React.useEffect(function() {
         var updateTentativeValueState = function(e) {
-            var keyToOperand = (_obj2 = {
-            }, _defineProperty(_obj2, UP, -1), _defineProperty(_obj2, DOWN, 1), _obj2);
+            var _obj;
+            var keyToOperand = (_obj = {}, _defineProperty(_obj, UP, -1), _defineProperty(_obj, DOWN, 1), _obj);
             var operand = keyToOperand[e.keyCode];
             if (operand) {
                 var ref;
                 cancelEvent(e);
-                var ref9;
-                var newTentativeValueState = (ref9 = (ref = options[options.findIndex(function(param) {
+                var ref10;
+                var newTentativeValueState = (ref10 = (ref = options[options.findIndex(function(param) {
                     var value = param.value;
                     return value === tentativeValueState;
-                }) + operand]) === null || ref === void 0 ? void 0 : ref.value) !== null && ref9 !== void 0 ? ref9 : tentativeValueState;
+                }) + operand]) === null || ref === void 0 ? void 0 : ref.value) !== null && ref10 !== void 0 ? ref10 : tentativeValueState;
                 setTentativeValueState(newTentativeValueState);
                 scrollIntoTargetListElement(newTentativeValueState);
             }
@@ -427,7 +454,7 @@ var Select = function(param) {
             }
         }
     };
-    var ref15;
+    var ref8;
     return shouldUseNative ? /*#__PURE__*/ _jsxs(FieldContainer, {
         disabled: disabled,
         helperText: /*#__PURE__*/ _jsx(HelperText, {
@@ -440,7 +467,7 @@ var Select = function(param) {
             label && /*#__PURE__*/ _jsx(Label, {
                 error: error,
                 forId: inputId,
-                inputState: isFocused ? 'focused' : ((ref15 = value !== null && value !== void 0 ? value : valueState) !== null && ref15 !== void 0 ? ref15 : (ref11 = inputRef.current) === null || ref11 === void 0 ? void 0 : ref11.value) ? 'filled' : 'default',
+                inputState: isFocused ? 'focused' : ((ref8 = value1 !== null && value1 !== void 0 ? value1 : valueState) !== null && ref8 !== void 0 ? ref8 : (ref9 = inputRef.current) === null || ref9 === void 0 ? void 0 : ref9.value) ? 'filled' : 'default',
                 optional: optional,
                 children: label
             }),
@@ -448,7 +475,7 @@ var Select = function(param) {
                 className: classes.select,
                 id: inputId,
                 "aria-invalid": !!error,
-                value: value,
+                value: value1,
                 required: !optional,
                 disabled: disabled,
                 onChange: function(e) {
@@ -525,8 +552,8 @@ var Select = function(param) {
                         }),
                         focus: isFocused,
                         label: label,
-                        value: value,
-                        shrinkLabel: !!(value || valueState),
+                        value: value1,
+                        shrinkLabel: !!(value1 || valueState),
                         name: name,
                         helperText: helperText,
                         required: !optional,
@@ -538,7 +565,7 @@ var Select = function(param) {
                     }),
                     /*#__PURE__*/ _jsx("div", {
                         className: classes.selectText,
-                        children: getOptionText(value !== null && value !== void 0 ? value : valueState)
+                        children: getOptionText(value1 !== null && value1 !== void 0 ? value1 : valueState)
                     })
                 ]
             })),
@@ -557,10 +584,9 @@ var Select = function(param) {
                         var val = param.value, text = param.text;
                         /*#__PURE__*/ return _jsx("li", {
                             role: "option",
-                            "aria-selected": val === (valueState !== null && valueState !== void 0 ? valueState : value),
+                            "aria-selected": val === (valueState !== null && valueState !== void 0 ? valueState : value1),
                             "data-value": val,
-                            className: classNames(classes.menuItem, _defineProperty({
-                            }, classes.menuItemSelected, val === tentativeValueState || val === (valueState !== null && valueState !== void 0 ? valueState : value))),
+                            className: classNames(classes.menuItem, _defineProperty({}, classes.menuItemSelected, val === tentativeValueState || val === (valueState !== null && valueState !== void 0 ? valueState : value1))),
                             onPointerDown: cancelEvent,
                             onClick: function() {
                                 return setValue(val);

package/dist-es/skins/telefonica.js

@@ -62,40 +62,29 @@ export var getTelefonicaSkin = function() {
             borderSelected: palette.telefonicaBlue,
             // BUTTONS
             buttonDangerBackground: palette.coral,
-            buttonDangerBackgroundDisabled: palette.grey2,
             buttonDangerBackgroundSelected: palette.coral80,
             buttonDangerBackgroundHover: palette.coral80,
             buttonLinkBackgroundSelected: palette.grey1,
             buttonLinkBackgroundSelectedInverse: applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.telefonicaBlue,
-            buttonPrimaryBackgroundDisabled: palette.grey2,
-            buttonPrimaryBackgroundDisabledInverse: palette.telefonicaBlue30,
             buttonPrimaryBackgroundInverse: palette.white,
             buttonPrimaryBackgroundSelected: palette.telefonicaBlue70,
             buttonPrimaryBackgroundHover: palette.telefonicaBlue70,
             buttonPrimaryBackgroundSelectedInverse: palette.telefonicaBlue30,
             buttonSecondaryBackground: palette.telefonicaBlue,
-            buttonSecondaryBackgroundDisabled: palette.grey2,
             buttonSecondaryBackgroundSelected: palette.telefonicaBlue70,
-            buttonSecondaryBorderDisabledInverse: palette.telefonicaBlue30,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.telefonicaBlue30,
             textButtonPrimary: palette.white,
-            textButtonPrimaryDisabled: palette.white,
             textButtonPrimaryInverse: palette.telefonicaBlue,
-            textButtonPrimaryInverseDisabled: palette.telefonicaBlue20,
             textButtonPrimaryInverseSelected: palette.telefonicaBlue,
             textButtonSecondary: palette.telefonicaBlue,
-            textButtonSecondaryDisabled: palette.grey2,
             textButtonSecondarySelected: palette.telefonicaBlue70,
             textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseDisabled: palette.telefonicaBlue30,
             textButtonSecondaryInverseSelected: palette.telefonicaBlue30,
             textLink: palette.telefonicaBlue,
             textLinkInverse: palette.white,
             textLinkDanger: palette.coral,
-            textLinkDangerDisabled: palette.grey2,
-            textLinkDisabled: palette.grey2,
             textLinkSnackbar: palette.telefonicaBlue30,
             // CONTROLS
             control: palette.grey3,
@@ -129,7 +118,6 @@ export var getTelefonicaSkin = function() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textDisabled: palette.grey4,
             textAmount: palette.telefonicaBlue,
             // STATES
             error: palette.coral,
@@ -170,36 +158,26 @@ export var getTelefonicaSkin = function() {
             skeletonWave: palette.grey5,
             borderLight: palette.darkModeBlack,
             border: palette.darkModeGrey,
-            buttonDangerBackgroundDisabled: applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelected: applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelectedInverse: applyAlpha(palette.white, 0.05),
             buttonPrimaryBackground: palette.telefonicaBlue,
-            buttonPrimaryBackgroundDisabled: applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackgroundDisabledInverse: applyAlpha(palette.white, 0.05),
             buttonPrimaryBackgroundInverse: palette.telefonicaBlue,
             buttonPrimaryBackgroundSelected: palette.telefonicaBlue70,
             buttonPrimaryBackgroundHover: palette.telefonicaBlue70,
             buttonPrimaryBackgroundSelectedInverse: palette.telefonicaBlue70,
             buttonSecondaryBackground: palette.telefonicaBlue,
-            buttonSecondaryBackgroundDisabled: applyAlpha(palette.white, 0.05),
             buttonSecondaryBackgroundSelected: palette.telefonicaBlue70,
-            buttonSecondaryBorderDisabledInverse: applyAlpha(palette.white, 0.05),
             buttonSecondaryBorderInverse: palette.telefonicaBlue,
             buttonSecondaryBorderSelectedInverse: palette.telefonicaBlue70,
             textButtonPrimary: palette.grey2,
-            textButtonPrimaryDisabled: palette.grey7,
             textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseDisabled: palette.grey5,
             textButtonPrimaryInverseSelected: palette.grey2,
             textButtonSecondary: palette.grey2,
-            textButtonSecondaryDisabled: palette.grey7,
             textButtonSecondarySelected: palette.grey4,
             textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseDisabled: palette.grey5,
             textButtonSecondaryInverseSelected: palette.grey4,
             textLink: palette.telefonicaBlue,
             textLinkInverse: palette.telefonicaBlue,
-            textLinkDisabled: palette.grey6,
             control: palette.darkModeGrey,
             controlActivated: palette.telefonicaBlue,
             loadingBar: palette.telefonicaBlue,
@@ -222,7 +200,6 @@ export var getTelefonicaSkin = function() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textDisabled: palette.grey5,
             textAmount: palette.telefonicaBlue30,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,

package/dist-es/snackbar.js

@@ -5,6 +5,11 @@ import Touchable from './touchable';
 import classNames from 'classnames';
 import { isWebViewBridgeAvailable, nativeMessage } from '@tef-novum/webview-bridge';
 import { useElementDimensions, useScreenSize } from './hooks';
+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;
 }
@@ -22,12 +27,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;
         }
@@ -44,10 +51,18 @@ 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 PADDING_Y = 14;
 var PADDING_X = 16;
@@ -150,11 +165,10 @@ var useStyles = createUseStyles(function(theme) {
     });
 });
 var SnackbarComponent = function(param) {
-    var message = param.message, buttonText = param.buttonText, _duration = param.duration, duration = _duration === void 0 ? buttonText ? 10000 : 5000 : _duration, _onClose = param.onClose, onClose = _onClose === void 0 ? function() {
-    } : _onClose, _type = param.type, type = _type === void 0 ? 'INFORMATIVE' : _type;
+    var message = param.message, buttonText = param.buttonText, _duration = param.duration, duration = _duration === void 0 ? buttonText ? 10000 : 5000 : _duration, _onClose = param.onClose, onClose = _onClose === void 0 ? function() {} : _onClose, _type = param.type, type = _type === void 0 ? 'INFORMATIVE' : _type;
     var ref = _slicedToArray(React.useState(false), 2), isOpen = ref[0], setIsOpen = ref[1];
     var ref1 = useElementDimensions(), buttonWidth = ref1.width, buttonRef = ref1.ref;
-    var ref2 = useScreenSize(), isDesktopOrBigger = ref2.isDesktopOrBigger;
+    var isDesktopOrBigger = useScreenSize().isDesktopOrBigger;
     var longButtonWidth = isDesktopOrBigger ? 160 : 128;
     var classes = useStyles({
         type: type,
@@ -187,8 +201,7 @@ var SnackbarComponent = function(param) {
         className: classes.snackbar,
         children: /*#__PURE__*/ _jsx("div", {
             role: "alert",
-            className: classNames(classes.snackbarWrapper, _defineProperty({
-            }, classes.snackbarOpen, isOpen)),
+            className: classNames(classes.snackbarWrapper, _defineProperty({}, classes.snackbarOpen, isOpen)),
             children: /*#__PURE__*/ _jsxs("div", {
                 className: classes.snackbarContent,
                 children: [
@@ -207,8 +220,7 @@ var SnackbarComponent = function(param) {
     }));
 };
 var Snackbar = function(param) {
-    var message = param.message, buttonText = param.buttonText, _duration = param.duration, duration = _duration === void 0 ? buttonText ? 10000 : 5000 : _duration, tmp = param.onClose, onCloseProp = tmp === void 0 ? function() {
-    } : tmp, _type = param.type, type = _type === void 0 ? 'INFORMATIVE' : _type;
+    var message = param.message, buttonText = param.buttonText, _duration = param.duration, duration = _duration === void 0 ? buttonText ? 10000 : 5000 : _duration, tmp = param.onClose, onCloseProp = tmp === void 0 ? function() {} : tmp, _type = param.type, type = _type === void 0 ? 'INFORMATIVE' : _type;
     var renderNative = isWebViewBridgeAvailable();
     var onCloseRef = React.useRef(onCloseProp);
     React.useEffect(function() {

package/dist-es/spinner.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 import { getPlatform } from './utils/platform';
 import FadeIn from './fade-in';
@@ -18,8 +19,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; 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) {
@@ -127,8 +127,7 @@ var Spinner = function(param) {
         "aria-labelledby": spinnerId,
         className: classes.spinnerIos,
         height: size,
-        style: _objectSpread({
-        }, style),
+        style: _objectSpread({}, style),
         role: "img",
         viewBox: "0 0 28 28",
         width: size,
@@ -195,8 +194,7 @@ var Spinner = function(param) {
         "aria-labelledby": withTitle ? spinnerId : undefined,
         className: classes.spinnerDefault,
         height: size,
-        style: _objectSpread({
-        }, style),
+        style: _objectSpread({}, style),
         role: "img",
         viewBox: "0 0 66 66",
         width: size,

package/dist-es/stack.js

@@ -18,8 +18,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; 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) {