@telefonica/mistica 10.14.0 → 10.14.1

package/dist-es/radio-button.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { createUseStyles } from './jss';
 import { SPACE, LEFT, UP, DOWN, RIGHT } from './utils/key-codes';
@@ -24,20 +25,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 function _iterableToArrayLimit(arr, i) {
     var _arr = [];
     var _n = true;
@@ -63,6 +50,22 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; 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) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {
     };
@@ -187,15 +190,16 @@ var RadioButton = function(_param) {
             default:
         }
     };
-    var radio = /*#__PURE__*/ React.createElement("div", {
+    var radio = /*#__PURE__*/ _jsx("div", {
         className: classnames(classes.outerCircle, _defineProperty({
-        }, classes.outerCircleChecked, checked))
-    }, !isIos && /*#__PURE__*/ React.createElement("div", {
-        className: classnames(classes.innerCircle, _defineProperty({
-        }, classes.innerCircleChecked, checked))
-    }));
+        }, classes.outerCircleChecked, checked)),
+        children: !isIos && /*#__PURE__*/ _jsx("div", {
+            className: classnames(classes.innerCircle, _defineProperty({
+            }, classes.innerCircleChecked, checked))
+        })
+    });
     return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    /*#__PURE__*/ React.createElement("span", _extends({
+    /*#__PURE__*/ _jsx("span", _objectSpread({
         ref: ref1,
         id: id,
         tabIndex: disabled ? undefined : tabIndex,
@@ -208,20 +212,29 @@ var RadioButton = function(_param) {
         },
         onKeyDown: disabled ? undefined : handleKeyDown,
         className: classes.radioButton
-    }, getPrefixedDataAttributes(dataAttributes)), rest.render ? rest.render(radio, disabled) : /*#__PURE__*/ React.createElement(Inline, {
-        space: 16
-    }, /*#__PURE__*/ React.createElement(Text3, {
-        regular: true,
-        as: "div"
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            position: 'relative',
-            top: -2
-        }
-    }, radio)), /*#__PURE__*/ React.createElement(Text3, {
-        regular: true,
-        as: "div"
-    }, rest.children))));
+    }, getPrefixedDataAttributes(dataAttributes), {
+        children: rest.render ? rest.render(radio, disabled) : /*#__PURE__*/ _jsxs(Inline, {
+            space: 16,
+            children: [
+                /*#__PURE__*/ _jsx(Text3, {
+                    regular: true,
+                    as: "div",
+                    children: /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            position: 'relative',
+                            top: -2
+                        },
+                        children: radio
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Text3, {
+                    regular: true,
+                    as: "div",
+                    children: rest.children
+                })
+            ]
+        })
+    })));
 };
 export var RadioGroup = function(props) {
     var ref = useControlProps({
@@ -293,19 +306,21 @@ export var RadioGroup = function(props) {
     }, []);
     var ref5;
     var focusableValue = (ref5 = value !== null && value !== void 0 ? value : firstRadioValue) !== null && ref5 !== void 0 ? ref5 : null;
-    return(/*#__PURE__*/ React.createElement("div", {
+    return(/*#__PURE__*/ _jsx("div", {
         ref: combineRefs(ref4, focusableRef),
         role: "radiogroup",
-        "aria-labelledby": props['aria-labelledby']
-    }, /*#__PURE__*/ React.createElement(RadioContext.Provider, {
-        value: {
-            disabled: disabled,
-            selectedValue: value !== null && value !== void 0 ? value : defaultValue,
-            focusableValue: focusableValue,
-            select: onChange,
-            selectNext: selectNext,
-            selectPrev: selectPrev
-        }
-    }, props.children)));
+        "aria-labelledby": props['aria-labelledby'],
+        children: /*#__PURE__*/ _jsx(RadioContext.Provider, {
+            value: {
+                disabled: disabled,
+                selectedValue: value !== null && value !== void 0 ? value : defaultValue,
+                focusableValue: focusableValue,
+                select: onChange,
+                selectNext: selectNext,
+                selectPrev: selectPrev
+            },
+            children: props.children
+        })
+    }));
 };
 export default RadioButton;

package/dist-es/responsive-layout.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createUseStyles } from './jss';
 import classnames from 'classnames';
 function _defineProperty(obj, key, value) {
@@ -50,11 +50,13 @@ var useStyles = createUseStyles(function(theme) {
 var ResponsiveLayout = function(param) {
     var children = param.children, className = param.className, fullWidth = param.fullWidth;
     var classes = useStyles();
-    return(/*#__PURE__*/ React.createElement("div", {
-        className: classnames(classes.container, className)
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classnames(classes.layout, _defineProperty({
-        }, classes.layoutFullWidth, fullWidth))
-    }, children)));
+    return(/*#__PURE__*/ _jsx("div", {
+        className: classnames(classes.container, className),
+        children: /*#__PURE__*/ _jsx("div", {
+            className: classnames(classes.layout, _defineProperty({
+            }, classes.layoutFullWidth, fullWidth)),
+            children: children
+        })
+    }));
 };
 export default ResponsiveLayout;

package/dist-es/screen-reader-only.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { createUseStyles } from './jss';
 var useStyles = createUseStyles(function() {
@@ -26,8 +27,9 @@ var ScreenReaderOnly = function(param) {
             }));
         }
     }
-    return(/*#__PURE__*/ React.createElement("div", {
-        className: classes.screenReaderOnly
-    }, children));
+    return(/*#__PURE__*/ _jsx("div", {
+        className: classes.screenReaderOnly,
+        children: children
+    }));
 };
 export default ScreenReaderOnly;

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import ScreenSizeContext from './screen-size-context';
 import { useTheme, useIsomorphicLayoutEffect } from './hooks';
@@ -131,8 +132,9 @@ var ScreenSizeContextProvider = function(param) {
         isTabletOrBigger,
         isTabletOrSmaller
     ]);
-    return(/*#__PURE__*/ React.createElement(ScreenSizeContext.Provider, {
-        value: value
-    }, children));
+    return(/*#__PURE__*/ _jsx(ScreenSizeContext.Provider, {
+        value: value,
+        children: children
+    }));
 };
 export default ScreenSizeContextProvider;

package/dist-es/search-field.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useFieldProps } from './form-context';
 import TextFieldBase from './text-field-base';
@@ -9,19 +10,18 @@ import { createChangeEvent } from './utils/dom';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
 }
 function _iterableToArrayLimit(arr, i) {
     var _arr = [];
@@ -48,6 +48,22 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; 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) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {
     };
@@ -123,10 +139,11 @@ var SearchField = function(_param) {
         onChange: onChange,
         onChangeValue: handleChangeValue
     });
-    return(/*#__PURE__*/ React.createElement(TextFieldBase, _extends({
+    return(/*#__PURE__*/ _jsx(TextFieldBase, _objectSpread({
         ref: inputRef,
-        startIcon: /*#__PURE__*/ React.createElement(IconSearch, null),
-        endIcon: controlledValue ? /*#__PURE__*/ React.createElement(IconButton, {
+        startIcon: /*#__PURE__*/ _jsx(IconSearch, {
+        }),
+        endIcon: controlledValue ? /*#__PURE__*/ _jsx(IconButton, {
             size: 48,
             style: {
                 display: 'flex',
@@ -134,8 +151,10 @@ var SearchField = function(_param) {
                 margin: -12
             },
             "aria-label": theme.texts.formSearchClear,
-            onPress: clearInput
-        }, /*#__PURE__*/ React.createElement(IconCloseRegular, null)) : undefined
+            onPress: clearInput,
+            children: /*#__PURE__*/ _jsx(IconCloseRegular, {
+            })
+        }) : undefined
     }, rest, fieldProps, {
         type: "search"
     })));

package/dist-es/section-title.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text1, Text2 } from './text';
 import { useTheme } from './hooks';
 import Inline from './inline';
@@ -33,18 +33,25 @@ var SectionTitle = function(param) {
     var children = param.children, id = param.id, right = param.right, _as = param.as, as = _as === void 0 ? 'h3' : _as;
     var classes = useStyles();
     var theme = useTheme();
-    return(/*#__PURE__*/ React.createElement(Inline, {
-        space: "between"
-    }, /*#__PURE__*/ React.createElement(Text1, {
-        color: theme.colors.textSecondary,
-        uppercase: true,
-        medium: true,
-        as: as,
-        id: id
-    }, children), !!right && /*#__PURE__*/ React.createElement("div", {
-        className: classes.right
-    }, /*#__PURE__*/ React.createElement(Text2, {
-        regular: true
-    }, right))));
+    return(/*#__PURE__*/ _jsxs(Inline, {
+        space: "between",
+        children: [
+            /*#__PURE__*/ _jsx(Text1, {
+                color: theme.colors.textSecondary,
+                uppercase: true,
+                medium: true,
+                as: as,
+                id: id,
+                children: children
+            }),
+            !!right && /*#__PURE__*/ _jsx("div", {
+                className: classes.right,
+                children: /*#__PURE__*/ _jsx(Text2, {
+                    regular: true,
+                    children: right
+                })
+            })
+        ]
+    }));
 };
 export default SectionTitle;