@telefonica/mistica 11.2.1 → 11.4.1

package/dist/radio-button.js

@@ -146,18 +146,18 @@ var useRadioButtonStyles = (0, _jss).createUseStyles(function(param) {
     var colors = param.colors, isIos = param.isIos;
     return {
         outerCircle: {
-            cursor: 'pointer',
+            cursor: "pointer",
             flexShrink: 0,
             width: 20,
             height: 20,
-            borderRadius: '50%',
-            display: 'inline-flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            verticalAlign: 'middle',
+            borderRadius: "50%",
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            verticalAlign: "middle",
             boxShadow: "inset 0 0 0 ".concat(isIos ? 1 : 2, "px ").concat(colors.control),
             background: colors.background,
-            transition: 'background 0.3s, box-shadow 0.3s'
+            transition: "background 0.3s, box-shadow 0.3s"
         },
         outerCircleChecked: {
             boxShadow: "inset 0 0 0 ".concat(isIos ? 5 : 2, "px ").concat(colors.controlActivated),
@@ -165,25 +165,25 @@ var useRadioButtonStyles = (0, _jss).createUseStyles(function(param) {
             background: isIos ? "radial-gradient(circle, ".concat(colors.iosControlKnob, " 0%, ").concat(colors.iosControlKnob, " 64%, transparent 64%, transparent 100%)") : colors.background
         },
         innerCircle: {
-            display: 'flex',
-            borderRadius: '50%',
+            display: "flex",
+            borderRadius: "50%",
             transition: "transform 0.2s, opacity 0.2s",
             opacity: 0,
             width: 10,
             height: 10,
-            transform: 'scale(0)'
+            transform: "scale(0)"
         },
         innerCircleChecked: {
             background: colors.controlActivated,
             opacity: 1,
-            transform: 'scale(1)'
+            transform: "scale(1)"
         },
         radioButton: {
-            cursor: 'default'
+            cursor: "default"
         },
         disabled: {
             opacity: 0.5,
-            cursor: 'default'
+            cursor: "default"
         }
     };
 });
@@ -243,7 +243,7 @@ var RadioButton = function RadioButton(_param) {
             className: (0, _classnames).default(classes.innerCircle, _defineProperty({}, classes.innerCircleChecked, checked))
         })
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("span", _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("span", _objectSpread({
         ref: ref1,
         id: id,
         tabIndex: disabled ? undefined : tabIndex,
@@ -271,7 +271,7 @@ var RadioButton = function RadioButton(_param) {
                     as: "div",
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                         style: {
-                            position: 'relative',
+                            position: "relative",
                             top: -2
                         },
                         children: radio
@@ -282,13 +282,13 @@ var RadioButton = function RadioButton(_param) {
                     as: "div",
                     id: labelId,
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
-                        className: disabled ? classes.disabled : '',
+                        className: disabled ? classes.disabled : "",
                         children: rest.children
                     })
                 })
             ]
         })
-    })));
+    }));
 };
 var RadioGroup = function RadioGroup(props) {
     var ref = (0, _formContext).useControlProps({
@@ -300,7 +300,7 @@ var RadioGroup = function RadioGroup(props) {
     }), valueContext = ref.value, defaultValue = ref.defaultValue, onChangeContext = ref.onChange, focusableRef = ref.focusableRef, disabled = ref.disabled;
     var ref2;
     // This state is needed because the component should be able to work outside a Form context
-    var ref3 = _slicedToArray(React.useState((ref2 = valueContext !== null && valueContext !== void 0 ? valueContext : defaultValue) !== null && ref2 !== void 0 ? ref2 : ''), 2), value1 = ref3[0], setValue = ref3[1];
+    var ref3 = _slicedToArray(React.useState((ref2 = valueContext !== null && valueContext !== void 0 ? valueContext : defaultValue) !== null && ref2 !== void 0 ? ref2 : ""), 2), value1 = ref3[0], setValue = ref3[1];
     // Propagate context value to inner state
     React.useEffect(function() {
         if (valueContext !== undefined) {
@@ -317,8 +317,8 @@ var RadioGroup = function RadioGroup(props) {
     var ref5 = React.useRef(null);
     var selectNext = function selectNext() {
         if (ref5.current) {
-            var checkedRadio = ref5.current.querySelector('[role=radio][aria-checked=true]');
-            var allRadios = Array.from(ref5.current.querySelectorAll('[role=radio]'));
+            var checkedRadio = ref5.current.querySelector("[role=radio][aria-checked=true]");
+            var allRadios = Array.from(ref5.current.querySelectorAll("[role=radio]"));
             if (allRadios.length === 0) {
                 return;
             }
@@ -334,8 +334,8 @@ var RadioGroup = function RadioGroup(props) {
     };
     var selectPrev = function selectPrev() {
         if (ref5.current) {
-            var checkedRadio = ref5.current.querySelector('[role=radio][aria-checked=true]');
-            var allRadios = Array.from(ref5.current.querySelectorAll('[role=radio]'));
+            var checkedRadio = ref5.current.querySelector("[role=radio][aria-checked=true]");
+            var allRadios = Array.from(ref5.current.querySelectorAll("[role=radio]"));
             if (allRadios.length === 0) {
                 return;
             }
@@ -351,7 +351,7 @@ var RadioGroup = function RadioGroup(props) {
     };
     React.useEffect(function() {
         if (ref5.current) {
-            var radio = ref5.current.querySelector('[role=radio]');
+            var radio = ref5.current.querySelector("[role=radio]");
             if (radio) {
                 var _value;
                 setFirstRadioValue((_value = radio.dataset.value) !== null && _value !== void 0 ? _value : null);
@@ -360,10 +360,10 @@ var RadioGroup = function RadioGroup(props) {
     }, []);
     var ref6;
     var focusableValue = (ref6 = value1 !== null && value1 !== void 0 ? value1 : firstRadioValue) !== null && ref6 !== void 0 ? ref6 : null;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         ref: (0, _common).combineRefs(ref5, focusableRef),
         role: "radiogroup",
-        "aria-labelledby": props['aria-labelledby'],
+        "aria-labelledby": props["aria-labelledby"],
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(RadioContext.Provider, {
             value: {
                 disabled: disabled,
@@ -375,7 +375,7 @@ var RadioGroup = function RadioGroup(props) {
             },
             children: props.children
         })
-    }));
+    });
 };
 exports.RadioGroup = RadioGroup;
 var _default = RadioButton;

package/dist/responsive-layout.js

@@ -55,10 +55,10 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var _obj;
     return {
         container: {
-            width: '100%'
+            width: "100%"
         },
         layout: (_obj = {
-            margin: 'auto'
+            margin: "auto"
         }, _defineProperty(_obj, theme.mq.largeDesktop, {
             width: LARGE_DESKTOP_MAX_WIDTH
         }), _defineProperty(_obj, theme.mq.desktop, {
@@ -72,11 +72,11 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             margin: "0 ".concat(MOBILE_SIDE_MARGIN, "px")
         }), _obj),
         layoutFullWidth: _defineProperty({
-            width: '100%',
+            width: "100%",
             margin: 0
         }, theme.mq.largeDesktop, {
-            width: 'auto',
-            margin: 'auto'
+            width: "auto",
+            margin: "auto"
         })
     };
 });
@@ -90,7 +90,7 @@ var ResponsiveLayout = function ResponsiveLayout(param) {
     var classes = useStyles();
     var ref = (0, _hooks).useScreenSize(), isMobile = ref.isMobile, isTablet = ref.isTablet;
     var sideMargin = isMobile ? MOBILE_SIDE_MARGIN : isTablet ? TABLET_SIDE_MARGIN : null;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(ResponsiveLayoutMarginContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(ResponsiveLayoutMarginContext.Provider, {
         value: sideMargin,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             className: (0, _classnames).default(classes.container, className),
@@ -99,7 +99,7 @@ var ResponsiveLayout = function ResponsiveLayout(param) {
                 children: children
             })
         })
-    }));
+    });
 };
 var _default = ResponsiveLayout;
 exports.default = _default;

package/dist/screen-reader-only.js

@@ -30,15 +30,15 @@ function _interopRequireWildcard(obj) {
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         screenReaderOnly: {
-            position: 'absolute',
+            position: "absolute",
             width: 1,
             height: 1,
             padding: 0,
             margin: -1,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
+            overflow: "hidden",
+            clip: "rect(0, 0, 0, 0)",
             border: 0,
-            userSelect: 'none'
+            userSelect: "none"
         }
     };
 });
@@ -48,15 +48,15 @@ var ScreenReaderOnly = function ScreenReaderOnly(param) {
     if (React.Children.count(children) === 1) {
         var element = React.Children.only(children);
         if (/*#__PURE__*/ React.isValidElement(element)) {
-            return(/*#__PURE__*/ React.cloneElement(element, {
-                className: element.props.className ? element.props.className + ' ' + classes.screenReaderOnly : classes.screenReaderOnly
-            }));
+            return /*#__PURE__*/ React.cloneElement(element, {
+                className: element.props.className ? element.props.className + " " + classes.screenReaderOnly : classes.screenReaderOnly
+            });
         }
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.screenReaderOnly,
         children: children
-    }));
+    });
 };
 var _default = ScreenReaderOnly;
 exports.default = _default;

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

@@ -80,7 +80,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var stripMedia = function stripMedia(s) {
-    return s.replace(/^@media /, '');
+    return s.replace(/^@media /, "");
 };
 var ScreenSizeContextProvider = function ScreenSizeContextProvider(param1) {
     var children = param1.children;
@@ -178,10 +178,10 @@ var ScreenSizeContextProvider = function ScreenSizeContextProvider(param1) {
         isTabletOrBigger,
         isTabletOrSmaller
     ]);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_screenSizeContext.default.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_screenSizeContext.default.Provider, {
         value: value,
         children: children
-    }));
+    });
 };
 var _default = ScreenSizeContextProvider;
 exports.default = _default;

package/dist/search-field.js

@@ -156,8 +156,8 @@ var SearchField = function SearchField(_param) {
     ]);
     var theme = (0, _hooks).useTheme();
     var inputRef = React.useRef();
-    var ref = _slicedToArray(React.useState(defaultValue || ''), 2), searchValue = ref[0], setSearchValue = ref[1];
-    var isControlledByParent = typeof value !== 'undefined';
+    var ref = _slicedToArray(React.useState(defaultValue || ""), 2), searchValue = ref[0], setSearchValue = ref[1];
+    var isControlledByParent = typeof value !== "undefined";
     var controlledValue = isControlledByParent ? value : searchValue;
     var handleChangeValue = React.useCallback(function(newValue, newRawValue) {
         if (!isControlledByParent) {
@@ -169,9 +169,9 @@ var SearchField = function SearchField(_param) {
         onChangeValue
     ]);
     var clearInput = React.useCallback(function() {
-        handleChangeValue('', '');
+        handleChangeValue("", "");
         if (inputRef.current) {
-            onChange === null || onChange === void 0 ? void 0 : onChange((0, _dom).createChangeEvent(inputRef.current, ''));
+            onChange === null || onChange === void 0 ? void 0 : onChange((0, _dom).createChangeEvent(inputRef.current, ""));
             inputRef.current.focus();
         }
     }, [
@@ -194,13 +194,13 @@ var SearchField = function SearchField(_param) {
         onChange: onChange,
         onChangeValue: handleChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
         ref: inputRef,
         startIcon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSearch.default, {}),
         endIcon: controlledValue ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
             size: 48,
             style: {
-                display: 'flex',
+                display: "flex",
                 padding: 12,
                 margin: -12
             },
@@ -210,7 +210,7 @@ var SearchField = function SearchField(_param) {
         }) : undefined
     }, rest, fieldProps, {
         type: "search"
-    })));
+    }));
 };
 var _default = SearchField;
 exports.default = _default;

package/dist/section-title.js

@@ -52,8 +52,8 @@ function _defineProperty(obj, key, value) {
 var useStyles = (0, _jss).createUseStyles(function(theme) {
     return {
         right: _defineProperty({
-            display: 'flex',
-            alignItems: 'center',
+            display: "flex",
+            alignItems: "center",
             paddingLeft: 16,
             height: (0, _css).pxToRem(20)
         }, theme.mq.tabletOrSmaller, {
@@ -62,10 +62,10 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     };
 });
 var SectionTitle = function SectionTitle(param) {
-    var children = param.children, id = param.id, right = param.right, _as = param.as, as = _as === void 0 ? 'h3' : _as;
+    var children = param.children, id = param.id, right = param.right, _as = param.as, as = _as === void 0 ? "h3" : _as;
     var classes = useStyles();
     var theme = (0, _hooks).useTheme();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
         space: "between",
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
@@ -84,7 +84,7 @@ var SectionTitle = function SectionTitle(param) {
                 })
             })
         ]
-    }));
+    });
 };
 var _default = SectionTitle;
 exports.default = _default;

package/dist/select.js

@@ -123,19 +123,19 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var _obj, _obj1;
     return {
         selectContainer: (_obj = {
-            position: 'relative',
+            position: "relative",
             outline: 0
         }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
-            width: '100%'
+            width: "100%"
         }), _defineProperty(_obj, theme.mq.desktopOrBigger, {
             width: function width(param) {
                 var fullWidth = param.fullWidth;
-                return fullWidth ? '100%' : 'fit-content';
+                return fullWidth ? "100%" : "fit-content";
             }
         }), _obj),
         select: {
-            fontFamily: 'inherit',
-            backgroundColor: 'transparent',
+            fontFamily: "inherit",
+            backgroundColor: "transparent",
             paddingTop: function paddingTop(param) {
                 var label = param.label;
                 return label ? 24 : 16;
@@ -150,47 +150,47 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             outline: 0,
             fontSize: 16,
             color: theme.colors.textPrimary,
-            width: '100%',
-            height: '100%',
-            textOverflow: 'ellipsis',
-            appearance: 'none',
+            width: "100%",
+            height: "100%",
+            textOverflow: "ellipsis",
+            appearance: "none",
             cursor: function cursor(param) {
                 var disabled = param.disabled;
-                return disabled ? 'default' : 'pointer';
+                return disabled ? "default" : "pointer";
             }
         },
         arrowDown: {
-            position: 'absolute',
+            position: "absolute",
             right: 16,
-            top: 'calc(50% - 10px)',
-            pointerEvents: 'none'
+            top: "calc(50% - 10px)",
+            pointerEvents: "none"
         },
         selectText: {
-            position: 'absolute',
-            pointerEvents: 'none',
+            position: "absolute",
+            pointerEvents: "none",
             left: 12 + 1,
             right: 48 + 1,
-            overflow: 'hidden',
+            overflow: "hidden",
             top: function top(param) {
                 var label = param.label;
                 return label ? 27 : 17;
             },
-            lineHeight: '20px',
+            lineHeight: "20px",
             fontSize: 16,
             color: theme.colors.textPrimary,
             opacity: function opacity(param) {
                 var disabled = param.disabled;
                 return disabled ? 0.5 : 1;
             },
-            maxWidth: '100%',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
+            maxWidth: "100%",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
         },
         optionsContainer: {
             margin: 0,
             padding: 0,
-            listStyleType: 'none',
-            position: 'absolute',
+            listStyleType: "none",
+            position: "absolute",
             top: function top(param) {
                 var optionsComputedProps = param.optionsComputedProps;
                 return optionsComputedProps.top;
@@ -204,7 +204,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 return optionsComputedProps.width;
             },
             borderRadius: 4,
-            boxShadow: '0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)',
+            boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)",
             backgroundColor: theme.colors.backgroundContainer,
             paddingTop: 8,
             paddingBottom: 8,
@@ -212,34 +212,34 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 var optionsComputedProps = param.optionsComputedProps;
                 return optionsComputedProps.transformOrigin;
             },
-            transition: 'opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s',
+            transition: "opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s",
             opacity: function opacity(param) {
                 var animateShowOptions = param.animateShowOptions;
                 return animateShowOptions ? 1 : 0;
             },
             transform: function transform(param) {
                 var animateShowOptions = param.animateShowOptions;
-                return animateShowOptions ? 'scale(1)' : 'scale(0)';
+                return animateShowOptions ? "scale(1)" : "scale(0)";
             },
             maxHeight: function maxHeight(param) {
                 var optionsComputedProps = param.optionsComputedProps;
-                return (_maxHeight = optionsComputedProps.maxHeight) !== null && _maxHeight !== void 0 ? _maxHeight : '416px';
+                return (_maxHeight = optionsComputedProps.maxHeight) !== null && _maxHeight !== void 0 ? _maxHeight : "416px";
             },
-            overflowY: 'auto'
+            overflowY: "auto"
         },
         menuItemSelected: {
-            backgroundColor: 'rgba(0, 0, 0, 0.14)'
+            backgroundColor: "rgba(0, 0, 0, 0.14)"
         },
         menuItem: (_obj1 = {
             color: theme.colors.textPrimary,
-            padding: '6px 16px',
+            padding: "6px 16px",
             height: 48,
-            transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms'
+            transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
         }, _defineProperty(_obj1, theme.mq.supportsHover, {
-            '&:hover': {
-                backgroundColor: 'rgba(0, 0, 0, 0.08)'
+            "&:hover": {
+                backgroundColor: "rgba(0, 0, 0, 0.08)"
             }
-        }), _defineProperty(_obj1, "display", 'flex'), _defineProperty(_obj1, "alignItems", 'center'), _defineProperty(_obj1, "cursor", 'pointer'), _obj1)
+        }), _defineProperty(_obj1, "display", "flex"), _defineProperty(_obj1, "alignItems", "center"), _defineProperty(_obj1, "cursor", "pointer"), _obj1)
     };
 });
 var Select = function Select(param1) {
@@ -260,8 +260,8 @@ var Select = function Select(param1) {
     var inputId = (0, _hooks).useAriaId(id);
     var ref7 = (0, _formContext).useForm(), rawValues = ref7.rawValues, setRawValue = ref7.setRawValue, formSetValue = ref7.setValue, formStatus = ref7.formStatus, formErrors = ref7.formErrors, setFormError = ref7.setFormError, register = ref7.register;
     var platformOverrides = (0, _hooks).useTheme().platformOverrides;
-    var shouldUseNative = native || process.env.NODE_ENV === 'test' || (0, _platform).isAndroid(platformOverrides) || (0, _platform).isIos(platformOverrides);
-    var disabled = disabledProp || formStatus === 'sending';
+    var shouldUseNative = native || process.env.NODE_ENV === "test" || (0, _platform).isAndroid(platformOverrides) || (0, _platform).isIos(platformOverrides);
+    var disabled = disabledProp || formStatus === "sending";
     var error = errorProp || !!formErrors[name];
     var helperText = formErrors[name] || helperTextProp;
     var value1 = valueProp !== null && valueProp !== void 0 ? valueProp : rawValues[name];
@@ -269,7 +269,7 @@ var Select = function Select(param1) {
         onChangeValueProp === null || onChangeValueProp === void 0 ? void 0 : onChangeValueProp(value);
         setFormError({
             name: name,
-            error: ''
+            error: ""
         });
         setRawValue({
             name: name,
@@ -300,7 +300,7 @@ var Select = function Select(param1) {
                             left: left,
                             top: Math.max(newTop, MARGIN_TOP_SIZE),
                             maxHeight: selectTop - MARGIN_TOP_SIZE,
-                            transformOrigin: 'center bottom'
+                            transformOrigin: "center bottom"
                         });
                     } else {
                         setOptionsComputedProps({
@@ -308,7 +308,7 @@ var Select = function Select(param1) {
                             top: top,
                             left: left,
                             maxHeight: window.innerHeight - top - MARGIN_TOP_SIZE,
-                            transformOrigin: 'center top'
+                            transformOrigin: "center top"
                         });
                     }
                 } else {
@@ -318,13 +318,13 @@ var Select = function Select(param1) {
                         top: top,
                         left: left,
                         maxHeight: undefined,
-                        transformOrigin: 'center top'
+                        transformOrigin: "center top"
                     });
                 }
             }
             setOptionsShown(true);
             requestAnimationFrame(function() {
-                if (lastElementSelectionScrollTop.current && optionsMenuRef.current && 'scrollTop' in optionsMenuRef.current) {
+                if (lastElementSelectionScrollTop.current && optionsMenuRef.current && "scrollTop" in optionsMenuRef.current) {
                     optionsMenuRef.current.scrollTop = lastElementSelectionScrollTop.current;
                 }
                 setAnimateShowOptions(true);
@@ -341,10 +341,10 @@ var Select = function Select(param1) {
         // @ts-expect-error current is typed as read-only
         lastElementSelectionScrollTop.current = (ref = optionsMenuRef.current) === null || ref === void 0 ? void 0 : ref.scrollTop;
         toggleOptions(false);
-        if (onChangeValue && typeof val === 'string') {
+        if (onChangeValue && typeof val === "string") {
             onChangeValue(val);
         }
-        if (typeof value1 === 'undefined') {
+        if (typeof value1 === "undefined") {
             setValueState(val);
         }
     };
@@ -440,9 +440,9 @@ var Select = function Select(param1) {
                 updateTentativeValueState(e);
             }
         };
-        document.addEventListener('keydown', handleKeyDown, false);
+        document.addEventListener("keydown", handleKeyDown, false);
         return function() {
-            document.removeEventListener('keydown', handleKeyDown, false);
+            document.removeEventListener("keydown", handleKeyDown, false);
         };
     });
     React.useEffect(function() {
@@ -466,7 +466,7 @@ var Select = function Select(param1) {
         return val ? (ref = options.find(function(param) {
             var value = param.value;
             return value === val;
-        })) === null || ref === void 0 ? void 0 : ref.text : '';
+        })) === null || ref === void 0 ? void 0 : ref.text : "";
     };
     var containerActiveProps = {
         tabIndex: 0,
@@ -500,7 +500,7 @@ var Select = function Select(param1) {
             label && /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldComponents.Label, {
                 error: error,
                 forId: inputId,
-                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',
+                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
             }),
@@ -545,12 +545,12 @@ var Select = function Select(param1) {
                     /*#__PURE__*/ (0, _jsxRuntime).jsx("option", {
                         value: "",
                         style: {
-                            display: 'none'
+                            display: "none"
                         }
                     }),
                     options.map(function(param) {
                         var val = param.value, text = param.text;
-                        /*#__PURE__*/ return (0, _jsxRuntime).jsx("option", {
+                        return /*#__PURE__*/ (0, _jsxRuntime).jsx("option", {
                             value: val,
                             children: text
                         }, val);
@@ -576,7 +576,7 @@ var Select = function Select(param1) {
                 children: [
                     /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, {
                         style: {
-                            visibility: 'hidden'
+                            visibility: "hidden"
                         },
                         fullWidth: fullWidth,
                         endIcon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronDownRegular.default, {
@@ -614,7 +614,7 @@ var Select = function Select(param1) {
                     ref: optionsMenuRef,
                     children: options.map(function(param) {
                         var val = param.value, text = param.text;
-                        /*#__PURE__*/ return (0, _jsxRuntime).jsx("li", {
+                        return /*#__PURE__*/ (0, _jsxRuntime).jsx("li", {
                             role: "option",
                             "aria-selected": val === (valueState !== null && valueState !== void 0 ? valueState : value1),
                             "data-value": val,

package/dist/skins/blau.d.ts

@@ -1,4 +1,4 @@
-import type { GetSkin } from './types';
+import type { GetKnownSkin } from './types';
 export declare const palette: {
     readonly blauBluePrimary: "#00B6F1";
     readonly blauBluePrimary10: "#F7FDFF";
@@ -37,4 +37,4 @@ export declare const palette: {
     readonly darkModeBlack: "#191919";
     readonly darkModeGrey: "#242424";
 };
-export declare const getBlauSkin: GetSkin;
+export declare const getBlauSkin: GetKnownSkin;