@telefonica/mistica 10.14.0 → 10.14.1

package/dist-es/fade-in.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createUseStyles } from './jss';
 var defaultDuration = '0.3s';
 var useStyles = createUseStyles(function() {
@@ -21,14 +21,15 @@ var useStyles = createUseStyles(function() {
 var FadeIn = function(param) {
     var children = param.children, _className = param.className, className = _className === void 0 ? '' : _className, _duration = param.duration, duration = _duration === void 0 ? defaultDuration : _duration, _delay = param.delay, delay = _delay === void 0 ? '0' : _delay;
     var classes = useStyles();
-    return(/*#__PURE__*/ React.createElement("div", {
+    return(/*#__PURE__*/ _jsx("div", {
         className: "".concat(classes.wrapper, " ").concat(className),
         style: {
             animationDelay: delay,
             WebkitAnimationDelay: delay,
             animationDuration: duration,
             WebkitAnimationDuration: duration
-        }
-    }, children));
+        },
+        children: children
+    }));
 };
 export default FadeIn;

package/dist-es/feedback.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { createUseStyles } from './jss';
 import { useTheme, useScreenSize, useWindowHeight, useIsomorphicLayoutEffect } from './hooks';
@@ -34,20 +35,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;
@@ -73,6 +60,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 {
     };
@@ -247,43 +250,65 @@ var useHapticFeedback = function(type) {
 var renderFeedbackBody = function(param, animateText, appear, classes, colors) {
     var icon = param.icon, title = param.title, description = param.description, children = param.children;
     var normalizedDescription = description && Array.isArray(description) ? description.map(function(paragraph, i) {
-        /*#__PURE__*/ return React.createElement("p", {
-            key: i
-        }, paragraph);
+        /*#__PURE__*/ return _jsx("p", {
+            children: paragraph
+        }, i);
     }) : description;
-    return(/*#__PURE__*/ React.createElement(Stack, {
-        space: 24
-    }, icon, /*#__PURE__*/ React.createElement(Stack, {
-        space: 16,
-        className: classnames(classes.feedbackData, animateText && classes.feedbackDataAppear, animateText && appear && classes.feedbackDataAppearActive)
-    }, /*#__PURE__*/ React.createElement(Text6, {
-        as: "h1"
-    }, title), normalizedDescription && /*#__PURE__*/ React.createElement(Text4, {
-        light: true,
-        color: colors.textSecondary
-    }, normalizedDescription), children)));
+    return(/*#__PURE__*/ _jsxs(Stack, {
+        space: 24,
+        children: [
+            icon,
+            /*#__PURE__*/ _jsxs(Stack, {
+                space: 16,
+                className: classnames(classes.feedbackData, animateText && classes.feedbackDataAppear, animateText && appear && classes.feedbackDataAppearActive),
+                children: [
+                    /*#__PURE__*/ _jsx(Text6, {
+                        as: "h1",
+                        children: title
+                    }),
+                    normalizedDescription && /*#__PURE__*/ _jsx(Text4, {
+                        light: true,
+                        color: colors.textSecondary,
+                        children: normalizedDescription
+                    }),
+                    children
+                ]
+            })
+        ]
+    }));
 };
 var renderInlineFeedbackBody = function(feedbackBody, buttons) {
     var hasButtons = checkHasButtons(buttons);
-    return(/*#__PURE__*/ React.createElement(Stack, {
-        space: 24
-    }, feedbackBody, hasButtons && /*#__PURE__*/ React.createElement(ButtonGroup, _extends({
-    }, buttons))));
+    return(/*#__PURE__*/ _jsxs(Stack, {
+        space: 24,
+        children: [
+            feedbackBody,
+            hasButtons && /*#__PURE__*/ _jsx(ButtonGroup, _objectSpread({
+            }, buttons))
+        ]
+    }));
 };
 var renderFeedbackInDesktop = function(param) {
     var isInverse = param.isInverse, inlineFeedbackBody = param.inlineFeedbackBody, classes = param.classes, imageUrl = param.imageUrl, dataAttributes = param.dataAttributes;
-    /*#__PURE__*/ return React.createElement(Boxed, {
+    /*#__PURE__*/ return _jsx(Boxed, {
         isInverse: isInverse,
-        dataAttributes: dataAttributes
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classes.desktopContainer
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classes.desktopContent
-    }, /*#__PURE__*/ React.createElement(Box, {
-        padding: 64
-    }, inlineFeedbackBody)), imageUrl && /*#__PURE__*/ React.createElement("div", {
-        className: classes.desktopImage
-    })));
+        dataAttributes: dataAttributes,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: classes.desktopContainer,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: classes.desktopContent,
+                    children: /*#__PURE__*/ _jsx(Box, {
+                        padding: 64,
+                        children: inlineFeedbackBody
+                    })
+                }),
+                imageUrl && /*#__PURE__*/ _jsx("div", {
+                    className: classes.desktopImage
+                })
+            ]
+        })
+    });
 };
 export var FeedbackScreen = function(param) {
     var title = param.title, description = param.description, children = param.children, primaryButton = param.primaryButton, secondaryButton = param.secondaryButton, link = param.link, hapticFeedback = param.hapticFeedback, icon = param.icon, _animateText = param.animateText, animateText = _animateText === void 0 ? false : _animateText, unstable_inlineInDesktop = param.unstable_inlineInDesktop, imageUrl = param.imageUrl, imageFit = param.imageFit, dataAttributes = param.dataAttributes;
@@ -331,70 +356,96 @@ export var FeedbackScreen = function(param) {
     if (!isTabletOrSmaller && unstable_inlineInDesktop) {
         return inlineFeedbackBody;
     }
-    var feedbackContent = /*#__PURE__*/ React.createElement("div", {
-        className: classes.container
-    }, /*#__PURE__*/ React.createElement(ResponsiveLayout, null, /*#__PURE__*/ React.createElement("div", {
-        className: classes.innerContainer
-    }, feedbackBody)));
-    return isTabletOrSmaller ? /*#__PURE__*/ React.createElement(React.Fragment, null, isInverse && /*#__PURE__*/ React.createElement(OverscrollColor, null), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            position: 'relative'
-        }
-    }, /*#__PURE__*/ React.createElement(ButtonFixedFooterLayout, {
-        isFooterVisible: hasButtons,
-        button: primaryButton,
-        secondaryButton: secondaryButton,
-        link: link,
-        footerBgColor: isInverse ? colors.backgroundFeedbackBottom : undefined,
-        containerBgColor: isInverse ? colors.navigationBarBackground : undefined,
-        onChangeFooterHeight: setFooterHeight
-    }, feedbackContent)), /*#__PURE__*/ React.createElement("div", {
-        className: classes.backgroundDiv
-    })) : /*#__PURE__*/ React.createElement(ResponsiveLayout, null, /*#__PURE__*/ React.createElement(Box, {
-        paddingTop: 64
-    }, renderFeedbackInDesktop({
-        isInverse: isInverse,
-        inlineFeedbackBody: inlineFeedbackBody,
-        classes: classes,
-        imageUrl: imageUrl,
-        dataAttributes: dataAttributes
-    })));
+    var feedbackContent = /*#__PURE__*/ _jsx("div", {
+        className: classes.container,
+        children: /*#__PURE__*/ _jsx(ResponsiveLayout, {
+            children: /*#__PURE__*/ _jsx("div", {
+                className: classes.innerContainer,
+                children: feedbackBody
+            })
+        })
+    });
+    return isTabletOrSmaller ? /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            isInverse && /*#__PURE__*/ _jsx(OverscrollColor, {
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: {
+                    position: 'relative'
+                },
+                children: /*#__PURE__*/ _jsx(ButtonFixedFooterLayout, {
+                    isFooterVisible: hasButtons,
+                    button: primaryButton,
+                    secondaryButton: secondaryButton,
+                    link: link,
+                    footerBgColor: isInverse ? colors.backgroundFeedbackBottom : undefined,
+                    containerBgColor: isInverse ? colors.navigationBarBackground : undefined,
+                    onChangeFooterHeight: setFooterHeight,
+                    children: feedbackContent
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: classes.backgroundDiv
+            })
+        ]
+    }) : /*#__PURE__*/ _jsx(ResponsiveLayout, {
+        children: /*#__PURE__*/ _jsx(Box, {
+            paddingTop: 64,
+            children: renderFeedbackInDesktop({
+                isInverse: isInverse,
+                inlineFeedbackBody: inlineFeedbackBody,
+                classes: classes,
+                imageUrl: imageUrl,
+                dataAttributes: dataAttributes
+            })
+        })
+    });
 };
 export var SuccessFeedbackScreen = function(props) {
     var ref = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
     var ref1 = useTheme(), skinName = ref1.skinName;
-    return(/*#__PURE__*/ React.createElement(ThemeVariant, {
-        isInverse: !props.unstable_inlineInDesktop || isTabletOrSmaller
-    }, /*#__PURE__*/ React.createElement(FeedbackScreen, _extends({
-    }, props, {
-        hapticFeedback: "success",
-        icon: skinName === VIVO_SKIN ? /*#__PURE__*/ React.createElement(IconSuccessVivo, null) : /*#__PURE__*/ React.createElement(IcnSuccess, null),
-        animateText: true,
-        imageUrl: props.imageUrl,
-        imageFit: props.imageFit
-    }))));
+    return(/*#__PURE__*/ _jsx(ThemeVariant, {
+        isInverse: !props.unstable_inlineInDesktop || isTabletOrSmaller,
+        children: /*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({
+        }, props, {
+            hapticFeedback: "success",
+            icon: skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {
+            }) : /*#__PURE__*/ _jsx(IcnSuccess, {
+            }),
+            animateText: true,
+            imageUrl: props.imageUrl,
+            imageFit: props.imageFit
+        }))
+    }));
 };
 var ErrorFeedbackScreen = function(_param) {
     var children = _param.children, errorReference = _param.errorReference, otherProps = _objectWithoutProperties(_param, ["children", "errorReference"]);
     var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var hasIcon = skinName !== VIVO_SKIN;
-    return(/*#__PURE__*/ React.createElement(FeedbackScreen, _extends({
+    return(/*#__PURE__*/ _jsxs(FeedbackScreen, _objectSpread({
     }, otherProps, {
         hapticFeedback: "error",
-        icon: hasIcon ? /*#__PURE__*/ React.createElement(IcnError, null) : undefined,
-        animateText: true
-    }), children, errorReference && /*#__PURE__*/ React.createElement(Text2, {
-        color: colors.textSecondary,
-        regular: true
-    }, errorReference)));
+        icon: hasIcon ? /*#__PURE__*/ _jsx(IcnError, {
+        }) : undefined,
+        animateText: true,
+        children: [
+            children,
+            errorReference && /*#__PURE__*/ _jsx(Text2, {
+                color: colors.textSecondary,
+                regular: true,
+                children: errorReference
+            })
+        ]
+    })));
 };
 export { ErrorFeedbackScreen };
 export var InfoFeedbackScreen = function(props) {
     var ref = useTheme(), skinName = ref.skinName;
     var hasIcon = skinName !== VIVO_SKIN;
-    return(/*#__PURE__*/ React.createElement(FeedbackScreen, _extends({
+    return(/*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({
     }, props, {
-        icon: hasIcon ? /*#__PURE__*/ React.createElement(IcnInfo, null) : undefined
+        icon: hasIcon ? /*#__PURE__*/ _jsx(IcnInfo, {
+        }) : undefined
     })));
 };
 export var SuccessFeedback = function(param) {
@@ -416,7 +467,9 @@ export var SuccessFeedback = function(param) {
         hasButtons: hasButtons
     });
     var appear = useAppearStatus();
-    var icon = skinName === VIVO_SKIN ? /*#__PURE__*/ React.createElement(IconSuccessVivo, null) : /*#__PURE__*/ React.createElement(IcnSuccess, null);
+    var icon = skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {
+    }) : /*#__PURE__*/ _jsx(IcnSuccess, {
+    });
     var feedbackBody = renderFeedbackBody({
         icon: icon,
         title: title,
@@ -428,19 +481,27 @@ export var SuccessFeedback = function(param) {
         secondaryButton: secondaryButton,
         link: link
     });
-    return(/*#__PURE__*/ React.createElement(ThemeVariant, {
-        isInverse: true
-    }, isTabletOrSmaller ? /*#__PURE__*/ React.createElement(ResponsiveLayout, {
-        className: classes.background
-    }, /*#__PURE__*/ React.createElement(OverscrollColor, null), /*#__PURE__*/ React.createElement(Box, {
-        paddingBottom: 32
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classes.innerContainer
-    }, inlineFeedbackBody))) : renderFeedbackInDesktop({
+    return(/*#__PURE__*/ _jsx(ThemeVariant, {
         isInverse: true,
-        inlineFeedbackBody: inlineFeedbackBody,
-        classes: classes,
-        imageUrl: imageUrl,
-        dataAttributes: dataAttributes
-    })));
+        children: isTabletOrSmaller ? /*#__PURE__*/ _jsxs(ResponsiveLayout, {
+            className: classes.background,
+            children: [
+                /*#__PURE__*/ _jsx(OverscrollColor, {
+                }),
+                /*#__PURE__*/ _jsx(Box, {
+                    paddingBottom: 32,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: classes.innerContainer,
+                        children: inlineFeedbackBody
+                    })
+                })
+            ]
+        }) : renderFeedbackInDesktop({
+            isInverse: true,
+            inlineFeedbackBody: inlineFeedbackBody,
+            classes: classes,
+            imageUrl: imageUrl,
+            dataAttributes: dataAttributes
+        })
+    }));
 };

package/dist-es/fixed-footer-layout.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import classnames from 'classnames';
 import debounce from 'lodash/debounce';
@@ -143,31 +144,39 @@ var FixedFooterLayout = function(param) {
         containerBgColor: containerBgColor,
         height: realHeight
     });
-    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        ref: containerRef,
-        className: classnames(_defineProperty({
-        }, classes.containerSmall, isTabletOrSmaller))
-    }, children), /*#__PURE__*/ React.createElement("div", {
-        ref: ref4,
-        className: classnames(classes.footer, (_obj = {
-        }, _defineProperty(_obj, classes.withoutFooter, !isFooterVisible), _defineProperty(_obj, classes.shadow, displayShadow), _obj)),
-        /**
+    return(/*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                ref: containerRef,
+                className: classnames(_defineProperty({
+                }, classes.containerSmall, isTabletOrSmaller)),
+                children: children
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                ref: ref4,
+                className: classnames(classes.footer, (_obj = {
+                }, _defineProperty(_obj, classes.withoutFooter, !isFooterVisible), _defineProperty(_obj, classes.shadow, displayShadow), _obj)),
+                /**
                  * This style is inline to avoid creating a class that may collide with
                  * other fixed footers during the page animation transition
                  */ style: {
-            background: isTabletOrSmaller ? footerBgColor || colors.background : undefined
-        },
-        "data-testid": "fixed-footer".concat(isFooterVisible ? '-visible' : '-hidden'),
-        /**
+                    background: isTabletOrSmaller ? footerBgColor || colors.background : undefined
+                },
+                "data-testid": "fixed-footer".concat(isFooterVisible ? '-visible' : '-hidden'),
+                /**
                  * This hints about the position of the fixed element. Other components could select nodes
                  * with this data attribute to correctly position it while transitioning. For example in
                  * WebApp's PageTransition (see `switch-transition.js` in webapp repo)
-                 */ "data-position-fixed": "bottom"
-    }, isFooterVisible && /*#__PURE__*/ React.createElement("aside", {
-        style: {
-            height: footerHeight,
-            marginBottom: 'env(safe-area-inset-bottom)'
-        }
-    }, footer))));
+                 */ "data-position-fixed": "bottom",
+                children: isFooterVisible && /*#__PURE__*/ _jsx("aside", {
+                    style: {
+                        height: footerHeight,
+                        marginBottom: 'env(safe-area-inset-bottom)'
+                    },
+                    children: footer
+                })
+            })
+        ]
+    }));
 };
 export default FixedFooterLayout;

package/dist-es/fixed-to-top.js

@@ -1,10 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 export var TopDistanceContext = /*#__PURE__*/ React.createContext(0);
 var FixedToTop = function(param) {
     var children = param.children, height = param.height;
     var top = React.useContext(TopDistanceContext);
-    return(/*#__PURE__*/ React.createElement(TopDistanceContext.Provider, {
-        value: top + height
-    }, children(top)));
+    return(/*#__PURE__*/ _jsx(TopDistanceContext.Provider, {
+        value: top + height,
+        children: children(top)
+    }));
 };
 export default FixedToTop;

package/dist-es/focus-trap.js

@@ -1,12 +1,13 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import ReactFocusLock from 'react-focus-lock';
 var FocusTrap = function(param) {
     var children = param.children, disabled = param.disabled, className = param.className, group = param.group;
-    /*#__PURE__*/ return React.createElement(ReactFocusLock, {
+    /*#__PURE__*/ return _jsx(ReactFocusLock, {
         noFocusGuards: true,
         disabled: disabled,
         className: className,
-        group: group
-    }, children);
+        group: group,
+        children: children
+    });
 };
 export default FocusTrap;

package/dist-es/form.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useAriaId, useTheme } from './hooks';
 import { FormContext } from './form-context';
@@ -266,7 +267,7 @@ var Form = function(param) {
             }, name, value));
         });
     }, []);
-    return(/*#__PURE__*/ React.createElement(FormContext.Provider, {
+    return(/*#__PURE__*/ _jsx(FormContext.Provider, {
         value: {
             formStatus: formStatus,
             values: values,
@@ -280,13 +281,15 @@ var Form = function(param) {
             validate: validateFields,
             submit: handleSubmit,
             formId: id
-        }
-    }, /*#__PURE__*/ React.createElement("form", {
-        id: id,
-        onSubmit: handleSubmit,
-        ref: formRef,
-        className: classnames(classes.form, className),
-        noValidate: true
-    }, children)));
+        },
+        children: /*#__PURE__*/ _jsx("form", {
+            id: id,
+            onSubmit: handleSubmit,
+            ref: formRef,
+            className: classnames(classes.form, className),
+            noValidate: true,
+            children: children
+        })
+    }));
 };
 export default Form;

package/dist-es/generated/mistica-icons/icon-academic-filled.js

@@ -1,23 +1,34 @@
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-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];
-                }
-            }
+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 _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;
+            }));
         }
-        return target;
-    };
-    return _extends.apply(this, arguments);
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
 }
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {
@@ -54,14 +65,16 @@ var IconAcademicFilled = function(_param) {
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", _extends({
+    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, rest), /*#__PURE__*/ React.createElement("path", {
-        d: "M11.72 15.44a2.9 2.9 0 00.891-.163l5.992-2.672v2.753c0 .81-.566 1.457-1.294 1.62-1.294.243-3.076.727-4.373 1.78-.325.244-.728.407-1.134.407-.406 0-.81-.163-1.135-.406-1.294-1.054-3.075-1.538-4.372-1.782A1.654 1.654 0 015 15.358v-2.672l5.829 2.59c.244.082.568.163.89.163zm9.393 1.131c.406.325.647.972.647 1.375 0 .244-.081.485-.244.566-.162.163-.484.244-.728.244H20.3c-.325 0-.647 0-.89-.244a.736.736 0 01-.244-.566c0-.406.244-1.053.647-1.375v-5.423l-7.61 3.4c-.163.082-.407.163-.566.163-.244 0-.407-.081-.566-.162l-7.93-3.563c-.566-.244-.891-.729-.891-1.376 0-.566.325-1.134.89-1.375l7.934-3.563a1.57 1.57 0 011.215 0l7.933 3.563c.818.375.81 1.308.81 1.781l.08 6.555z",
-        fill: fillColor
+    }, rest, {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M11.72 15.44a2.9 2.9 0 00.891-.163l5.992-2.672v2.753c0 .81-.566 1.457-1.294 1.62-1.294.243-3.076.727-4.373 1.78-.325.244-.728.407-1.134.407-.406 0-.81-.163-1.135-.406-1.294-1.054-3.075-1.538-4.372-1.782A1.654 1.654 0 015 15.358v-2.672l5.829 2.59c.244.082.568.163.89.163zm9.393 1.131c.406.325.647.972.647 1.375 0 .244-.081.485-.244.566-.162.163-.484.244-.728.244H20.3c-.325 0-.647 0-.89-.244a.736.736 0 01-.244-.566c0-.406.244-1.053.647-1.375v-5.423l-7.61 3.4c-.163.082-.407.163-.566.163-.244 0-.407-.081-.566-.162l-7.93-3.563c-.566-.244-.891-.729-.891-1.376 0-.566.325-1.134.89-1.375l7.934-3.563a1.57 1.57 0 011.215 0l7.933 3.563c.818.375.81 1.308.81 1.781l.08 6.555z",
+            fill: fillColor
+        })
     })));
 };
 export default IconAcademicFilled;