@telefonica/mistica 10.10.0 → 10.14.0

package/dist/touchable.d.ts

@@ -6,6 +6,7 @@ interface CommonProps {
     children: React.ReactNode;
     className?: string;
     disabled?: boolean;
+    /** @deprecated use ref */
     elementRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>;
     style?: React.CSSProperties;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -65,5 +66,5 @@ export interface PropsMaybeOnPress extends CommonProps {
     formId?: string;
 }
 export declare type Props = PropsHref | PropsTo | PropsOnPress | PropsMaybeHref | PropsMaybeTo | PropsMaybeOnPress;
-declare const Touchable: React.FC<Props>;
+declare const Touchable: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement | HTMLDivElement | HTMLButtonElement>>;
 export default Touchable;

package/dist/touchable.js

@@ -127,8 +127,8 @@ var useStyles = (0, _jss).createUseStyles(function() {
         }
     };
 });
-var Touchable = function Touchable(props) {
-    var ref = (0, _hooks).useTheme(), texts = ref.texts, analytics = ref.analytics, platformOverrides = ref.platformOverrides, Link = ref.Link;
+var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    var ref1 = (0, _hooks).useTheme(), texts = ref1.texts, analytics = ref1.analytics, platformOverrides = ref1.platformOverrides, Link = ref1.Link;
     var classes = useStyles();
     var isClicked = React.useRef(false);
     var trackingEvents = [];
@@ -222,15 +222,17 @@ var Touchable = function Touchable(props) {
             onKeyDown: handleKeyDown,
             href: props.disabled ? '' : getHref(),
             target: openNewTab ? '_blank' : undefined,
-            rel: openNewTab ? 'noopener noreferrer' : undefined
+            rel: openNewTab ? 'noopener noreferrer' : undefined,
+            ref: ref
         }), children, openNewTab && /*#__PURE__*/ React.createElement(_screenReaderOnly.default, null, /*#__PURE__*/ React.createElement("span", null, texts.linkOpensInNewTab))));
     }
     if (props.to) {
+        var ref2;
         return(/*#__PURE__*/ React.createElement(Link, _extends({
         }, commonProps, {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
-            innerRef: props.elementRef,
+            innerRef: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
             to: props.disabled ? '' : props.to,
             replace: props.replace,
             onClick: trackEvent,
@@ -238,6 +240,7 @@ var Touchable = function Touchable(props) {
         }), children));
     }
     if (props.onPress) {
+        var ref2;
         return(/*#__PURE__*/ React.createElement("button", _extends({
         }, commonProps, {
             // this "form" attribute is useful when the form's submit button
@@ -248,15 +251,16 @@ var Touchable = function Touchable(props) {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
             type: type,
-            ref: props.elementRef,
+            ref: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
             onClick: handleButtonClick
         }), children));
     }
+    var ref2;
     return(/*#__PURE__*/ React.createElement("div", _extends({
     }, commonProps, {
-        ref: props.elementRef,
+        ref: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
         className: (0, _classnames).default(commonProps.className, classes.notTouchable)
     }), children));
-};
+});
 var _default = Touchable;
 exports.default = _default;

package/dist/touchable.js.flow

@@ -8,6 +8,10 @@ declare type CommonProps = {
   children: React.Node,
   className?: string,
   disabled?: boolean,
+
+  /**
+   * @deprecated use ref
+   */
   elementRef?: React.Ref<"button" | "a" | "div">,
   style?: CssStyle,
   trackingEvent?: TrackingEvent | $ReadOnlyArray<TrackingEvent>,
@@ -70,7 +74,10 @@ export type Props =
   | PropsMaybeHref
   | PropsMaybeTo
   | PropsMaybeOnPress;
-declare var Touchable: React.ComponentType<Props>;
+declare var Touchable: React.ComponentType<{
+  ...Props,
+  ref?: React.Ref<HTMLAnchorElement | HTMLDivElement | HTMLButtonElement>,
+}>;
 declare export default typeof Touchable;
 
 import { type CssStyle } from "./__types__.js.flow";

package/dist/utils/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type TrackingEvent = {
     readonly [key: string]: unknown;
     readonly category: string;
@@ -8,3 +9,9 @@ export declare type TrackingEvent = {
 export declare type DataAttributes = {
     [name: string]: string | number | boolean | undefined;
 };
+export declare type IconProps = {
+    color?: string;
+    size?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+};

package/dist/utils/types.js.flow

@@ -10,3 +10,11 @@ export type TrackingEvent = {
 export type DataAttributes = {
   [name: string]: string | number | boolean | void,
 };
+export type IconProps = {
+  color?: string,
+  size?: string | number,
+  className?: string,
+  style?: CssStyle,
+};
+
+import { type CssStyle } from "../__types__.js.flow";

package/dist-es/box.js

@@ -28,7 +28,7 @@ var useStyles = createUseStyles(function() {
         }
     };
 });
-var Box = function(param) {
+var Box = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var className = param.className, children = param.children, width = param.width, _padding = param.padding, padding = _padding === void 0 ? 0 : _padding, _paddingX = param.paddingX, paddingX = _paddingX === void 0 ? padding : _paddingX, _paddingY = param.paddingY, paddingY = _paddingY === void 0 ? padding : _paddingY, _paddingTop = param.paddingTop, paddingTop = _paddingTop === void 0 ? paddingY : _paddingTop, _paddingBottom = param.paddingBottom, paddingBottom = _paddingBottom === void 0 ? paddingY : _paddingBottom, _paddingLeft = param.paddingLeft, paddingLeft = _paddingLeft === void 0 ? paddingX : _paddingLeft, _paddingRight = param.paddingRight, paddingRight = _paddingRight === void 0 ? paddingX : _paddingRight, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
     var classes = useStyles({
         padding: "".concat(paddingTop, "px ").concat(paddingRight, "px ").concat(paddingBottom, "px ").concat(paddingLeft, "px"),
@@ -38,7 +38,8 @@ var Box = function(param) {
     }, getPrefixedDataAttributes(dataAttributes), {
         className: classnames(className, classes.box),
         role: role,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        ref: ref
     }), children));
-};
+});
 export default Box;

package/dist-es/boxed.js

@@ -40,7 +40,7 @@ var useStyles = createUseStyles(function(param) {
         }
     };
 });
-export var Boxed = function(param) {
+export var Boxed = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var children = param.children, tmp = param.isInverse, isInverseInside = tmp === void 0 ? false : tmp, className = param.className, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
     var isInverseOutside = useIsInverseVariant();
     var classes = useStyles({
@@ -48,6 +48,7 @@ export var Boxed = function(param) {
         isInverseInside: isInverseInside
     });
     return(/*#__PURE__*/ React.createElement("div", _extends({
+        ref: ref,
         className: classNames(className, classes.boxed),
         role: role
     }, getPrefixedDataAttributes(dataAttributes), {
@@ -55,4 +56,4 @@ export var Boxed = function(param) {
     }), /*#__PURE__*/ React.createElement(ThemeVariant, {
         isInverse: isInverseInside
     }, children)));
-};
+});

package/dist-es/button.js

@@ -449,7 +449,7 @@ var useButtonLinkStyles = createUseStyles(function(theme) {
     };
 });
 var _obj1;
-export var ButtonLink = function(props) {
+export var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var classes = useButtonLinkStyles();
     var isInverse = useIsInverseVariant();
     var commonProps = {
@@ -465,12 +465,14 @@ export var ButtonLink = function(props) {
     };
     if (props.onPress) {
         return(/*#__PURE__*/ React.createElement(Touchable, _extends({
+            ref: ref
         }, commonProps, {
             onPress: props.onPress
         })));
     }
     if (props.to) {
         return(/*#__PURE__*/ React.createElement(Touchable, _extends({
+            ref: ref
         }, commonProps, {
             to: props.to,
             fullPageOnWebView: props.fullPageOnWebView
@@ -478,6 +480,7 @@ export var ButtonLink = function(props) {
     }
     if (props.href) {
         return(/*#__PURE__*/ React.createElement(Touchable, _extends({
+            ref: ref
         }, commonProps, {
             href: props.href,
             newTab: props.newTab
@@ -485,7 +488,7 @@ export var ButtonLink = function(props) {
     }
     // this cannot happen
     throw Error('Bad button props');
-};
+});
 export var ButtonPrimary = function(props) {
     var classes = usePrimaryButtonStyles();
     return(/*#__PURE__*/ React.createElement(Button, _extends({

package/dist-es/callout.js

@@ -4,7 +4,7 @@ import { useTheme } from './hooks';
 import { ThemeVariant, useIsInverseVariant } from './theme-variant-context';
 import { createUseStyles } from './jss';
 import { Text2, Text3 } from './text';
-import IconClose from './icons/icon-close';
+import IconCloseRegular from './generated/mistica-icons/icon-close-regular';
 import IconButton from './icon-button';
 import classNames from 'classnames';
 import ButtonGroup from './button-group';
@@ -89,7 +89,7 @@ var Callout = function(param) {
         },
         onPress: onClose,
         "aria-label": texts.closeButtonLabel
-    }, /*#__PURE__*/ React.createElement(IconClose, {
+    }, /*#__PURE__*/ React.createElement(IconCloseRegular, {
         color: colors.neutralHigh
     })))));
 };

package/dist-es/card.js

@@ -98,13 +98,14 @@ var useMediaCardStyles = createUseStyles(function() {
         }
     };
 });
-export var MediaCard = function(param) {
+export var MediaCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var media = param.media, headline = param.headline, pretitle = param.pretitle, title = param.title, description = param.description, extra = param.extra, button = param.button, buttonLink = param.buttonLink, ariaLabel = param['aria-label'];
     var classes = useMediaCardStyles({
         media: media
     });
     return(/*#__PURE__*/ React.createElement(Boxed, {
-        className: classes.boxed
+        className: classes.boxed,
+        ref: ref
     }, /*#__PURE__*/ React.createElement("section", {
         className: classes.mediaCard,
         "aria-label": ariaLabel
@@ -121,7 +122,7 @@ export var MediaCard = function(param) {
         button: button,
         buttonLink: buttonLink
     })))));
-};
+});
 var useDataCardStyles = createUseStyles(function() {
     return {
         boxed: {
@@ -135,12 +136,13 @@ var useDataCardStyles = createUseStyles(function() {
         }
     };
 });
-export var DataCard = function(param) {
+export var DataCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var icon = param.icon, headline = param.headline, title = param.title, subtitle = param.subtitle, description = param.description, extra = param.extra, button = param.button, buttonLink = param.buttonLink, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
     var classes = useDataCardStyles();
     return(/*#__PURE__*/ React.createElement(Boxed, {
         className: classes.boxed,
-        dataAttributes: dataAttributes
+        dataAttributes: dataAttributes,
+        ref: ref
     }, /*#__PURE__*/ React.createElement("section", {
         className: classes.dataCard,
         "aria-label": ariaLabel
@@ -155,4 +157,4 @@ export var DataCard = function(param) {
         button: button,
         buttonLink: buttonLink
     }))));
-};
+});

package/dist-es/checkbox.js

@@ -183,9 +183,16 @@ var Checkbox = function(props) {
         "aria-labelledby": ariaLabel ? undefined : labelId,
         "aria-disabled": disabled
     }, getPrefixedDataAttributes(props.dataAttributes)), props.render ? props.render(iconCheckbox, labelId) : /*#__PURE__*/ React.createElement(Inline, {
-        space: 16,
-        alignItems: "center"
-    }, iconCheckbox, props.children && /*#__PURE__*/ React.createElement(Text3, {
+        space: 16
+    }, /*#__PURE__*/ React.createElement(Text3, {
+        regular: true,
+        as: "div"
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'relative',
+            top: -2
+        }
+    }, iconCheckbox)), props.children && /*#__PURE__*/ React.createElement(Text3, {
         regular: true,
         as: "div",
         id: labelId,

package/dist-es/date-time-picker.js

@@ -329,9 +329,7 @@ var DateTimePicker = function(_param) {
                     event.stopPropagation();
                     setValue('');
                 }
-            }, /*#__PURE__*/ React.createElement(IconCloseRegular, {
-                size: 24
-            })));
+            }, /*#__PURE__*/ React.createElement(IconCloseRegular, null)));
         }
         return(/*#__PURE__*/ React.createElement(IconButton, {
             "aria-label": "",
@@ -339,9 +337,7 @@ var DateTimePicker = function(_param) {
             onPress: function() {
                 return setShowPicker(!showPicker);
             }
-        }, /*#__PURE__*/ React.createElement(IconCalendarRegular, {
-            size: 24
-        })));
+        }, /*#__PURE__*/ React.createElement(IconCalendarRegular, null)));
     };
     return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TextFieldBase, _extends({
     }, rest, {

package/dist-es/decimal-field.js

@@ -87,7 +87,7 @@ var getLocalDecimalChar = function(locale) {
         return '.';
     }
 };
-var format = function(value) {
+var format = function(value, maxDecimals) {
     // do not make the localDecimalChar replacement here. Instead, keep the one the user typed.
     // Make that replacement in `replace` prost-processor. It is what rifm lib expects.
     var sanitized = String(value !== null && value !== void 0 ? value : '').replace(/[^.,\d]/g, ''); // remove non digits or decimal separator chars;
@@ -97,16 +97,16 @@ var format = function(value) {
         // empty
         return '';
     }
-    if (firstSeparator) {
+    if (firstSeparator && maxDecimals > 0) {
         // value includes one or more decimal separators, keep the first one
-        return parts.shift() + firstSeparator[0] + parts.join('');
+        return parts.shift() + firstSeparator[0] + parts.join('').slice(0, maxDecimals);
     } else {
         // no fractional part, return "as is"
         return parts[0];
     }
 };
 var DecimalInput = function(_param) {
-    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, rest = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue", "onChange"]);
+    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, maxDecimals = _param.maxDecimals, rest = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue", "onChange", "maxDecimals"]);
     var ref = useTheme(), i18n = ref.i18n;
     var localDecimalChar = getLocalDecimalChar(i18n.locale);
     var replace = function(value) {
@@ -128,7 +128,9 @@ var DecimalInput = function(_param) {
         onChange
     ]);
     var rifm = useRifm({
-        format: format,
+        format: function(value) {
+            return format(value, maxDecimals);
+        },
         replace: replace,
         value: controlledValue,
         onChange: handleChangeValue,
@@ -148,7 +150,7 @@ var DecimalInput = function(_param) {
 };
 export { DecimalInput };
 var DecimalField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _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, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, _maxDecimals = _param.maxDecimals, maxDecimals = _maxDecimals === void 0 ? Infinity : _maxDecimals, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue", "maxDecimals"]);
     var ref = useTheme(), texts = ref.texts;
     var validate = function(value, rawValue) {
         if (!value) {
@@ -175,7 +177,10 @@ var DecimalField = function(_param) {
     });
     return(/*#__PURE__*/ React.createElement(TextFieldBase, _extends({
     }, rest, fieldProps, {
-        inputComponent: DecimalInput
+        inputComponent: DecimalInput,
+        inputProps: {
+            maxDecimals: maxDecimals
+        }
     })));
 };
 export default DecimalField;

package/dist-es/dialog.js

@@ -10,7 +10,7 @@ import { isWebViewBridgeAvailable, nativeConfirm, nativeAlert } from '@tef-novum
 import ThemeContext from './theme-context';
 import { useTheme, useScreenSize } from './hooks';
 import ButtonLayout from './button-layout';
-import { Text4, Text3 } from './text';
+import { Text5, Text3 } from './text';
 import { ESC } from './utils/key-codes';
 import Box from './box';
 import { isOldChrome, isRunningAcceptanceTest } from './utils/platform';
@@ -266,9 +266,8 @@ var Dialog = function(props) {
         paddingBottom: 24
     }, icon), title && /*#__PURE__*/ React.createElement(Box, {
         paddingBottom: 16
-    }, /*#__PURE__*/ React.createElement(Text4, {
-        as: "h2",
-        light: true
+    }, /*#__PURE__*/ React.createElement(Text5, {
+        as: "h2"
     }, title)), /*#__PURE__*/ React.createElement("div", {
         className: classes.dialogContent
     }, /*#__PURE__*/ React.createElement(Text3, {

package/dist-es/feedback.js

@@ -11,7 +11,7 @@ import IcnError from './icons/icon-error';
 import IcnInfo from './icons/icon-info';
 import { isWebViewBridgeAvailable, requestVibration as requestVibrationNative } from '@tef-novum/webview-bridge';
 import { isOldChrome, isRunningAcceptanceTest } from './utils/platform';
-import { Text6, Text4 } from './text';
+import { Text6, Text4, Text2 } from './text';
 import Box from './box';
 import { Boxed } from './boxed';
 import ResponsiveLayout from './responsive-layout';
@@ -73,6 +73,36 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
@@ -344,16 +374,21 @@ export var SuccessFeedbackScreen = function(props) {
         imageFit: props.imageFit
     }))));
 };
-export var ErrorFeedbackScreen = function(props) {
-    var ref = useTheme(), skinName = ref.skinName;
+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({
-    }, props, {
+    }, 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)));
 };
+export { ErrorFeedbackScreen };
 export var InfoFeedbackScreen = function(props) {
     var ref = useTheme(), skinName = ref.skinName;
     var hasIcon = skinName !== VIVO_SKIN;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAcademicFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+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 _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconAcademicFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, 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
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAcademicLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+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 _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconAcademicLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M21.018 18.531h-1.062c0-.411.327-1.072.49-1.072.164 0 .572.577.572 1.072zm-3.345-2.885c0 .33-.244.577-.49.577-1.387.247-3.345.824-4.895 2.062a.975.975 0 01-1.142 0c-1.47-1.235-3.508-1.812-4.895-2.062-.327-.08-.49-.33-.49-.577v-3.543l5.304 2.474a1.2 1.2 0 001.062 0l5.463-2.558.083 3.627zM3.068 9.63c0-.246.08-.412.327-.496l8.078-3.708c.164-.081.244-.081.408 0l8.077 3.708c.097.05.08.082.08.082h-8.485c-.244 0-.407.165-.407.411 0 .247.163.412.407.412h8.322l-8.078 3.711c-.163.081-.244.081-.407 0l-8.078-3.708a.45.45 0 01-.244-.412zm17.87 7.09v-6.678c.013-.518.05-1.373-.652-1.647l-8.08-3.708c-.409-.166-.736-.166-1.143-.082l-8.078 3.79c-.491.165-.735.658-.735 1.235 0 .577.327.989.735 1.235l1.96.908v3.873c0 .743.491 1.32 1.143 1.485 1.306.246 3.183.742 4.487 1.896.327.247.651.412 1.062.412.407 0 .734-.165 1.062-.412 1.386-1.073 3.183-1.647 4.486-1.896a1.51 1.51 0 001.143-1.485v-3.954l1.714-.743v5.77c-.652.247-.98 1.235-.98 1.812 0 .247.081.496.245.659.244.246.571.246.898.246h.491c.244 0 .48-.059.735-.246.186-.138.255-.236.286-.659.036-.607-.208-1.4-.78-1.812z",
         fill: fillColor
     })));