@telefonica/mistica 12.5.0 → 12.7.0

package/dist/video.js

@@ -98,44 +98,13 @@ exports.RATIO = RATIO;
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         video: {
+            width: "100%",
+            height: "100%",
             background: "transparent",
             display: "block",
             objectFit: "cover",
             maxWidth: "100%",
-            maxHeight: "100%",
-            "@supports (aspect-ratio: 1 / 1)": {
-                aspectRatio: function aspectRatio(param) {
-                    var aspectRatio1 = param.aspectRatio;
-                    return aspectRatio1 !== null && aspectRatio1 !== void 0 ? aspectRatio1 : "unset";
-                }
-            },
-            "$wrapper &": {
-                borderRadius: 0,
-                position: function position(param) {
-                    var aspectRatio = param.aspectRatio;
-                    return aspectRatio ? "absolute" : "static";
-                },
-                width: "100%",
-                height: "100%",
-                top: 0,
-                left: 0
-            }
-        },
-        wrapper: {
-            overflow: "hidden",
-            maxWidth: "100%",
-            maxHeight: "100%",
-            position: "relative",
-            paddingTop: function paddingTop(param) {
-                var aspectRatio = param.aspectRatio, width = param.width;
-                if (!aspectRatio) {
-                    return 0;
-                }
-                if (width && typeof width === "string" && width.endsWith("%")) {
-                    return "".concat(Number(width.replace("%", "")) / aspectRatio, "%");
-                }
-                return "".concat(100 / aspectRatio, "%");
-            }
+            maxHeight: "100%"
         }
     };
 });
@@ -151,16 +120,9 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "aspectRatio",
         "dataAttributes"
     ]);
-    var supportsAspectRatio = (0, _aspectRatioSupport).useSupportsAspectRatio();
     var noBorderRadius = (0, _image).useDisableBorderRadius();
     var ratio = typeof aspectRatio === "number" ? aspectRatio : RATIO[aspectRatio];
-    // if width or height are numeric, we can calculate the other with the ratio without css
-    // if aspect ratio is 0, we use the original video proportions
-    var withCssAspectRatio = typeof props.width !== "number" && typeof props.height !== "number" && ratio !== 0;
-    var classes = useStyles({
-        aspectRatio: withCssAspectRatio ? ratio : undefined,
-        width: props.width
-    });
+    var classes = useStyles();
     var videoRef = React.useRef(null);
     React.useEffect(function() {
         var video = videoRef.current;
@@ -182,23 +144,6 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
             return source;
         }
     });
-    var width = props.width;
-    var height = props.height;
-    if (props.width !== undefined && props.height !== undefined) {
-        width = props.width;
-        height = props.height;
-    } else if (typeof props.width === "number") {
-        height = ratio ? props.width / ratio : undefined;
-    } else if (typeof props.height === "number") {
-        width = ratio ? props.height * ratio : undefined;
-    } else {
-        width = props.width || "100%";
-    }
-    /**
-         * In safari, when using a video with poster, the transition from pause to play does a flicker,
-         * To avoid this, in Safari browsers, instead of using the poster attribute, we use a
-         * wrapper with the poster as background image
-         */ var needsWrapper = (0, _platform).isSafari() || withCssAspectRatio && !supportsAspectRatio;
     var video1 = /*#__PURE__*/ (0, _jsxRuntime).jsx("video", _objectSpread({
         ref: (0, _common).combineRefs(ref, videoRef),
         playsInline: true,
@@ -206,13 +151,7 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         disableRemotePlayback: true,
         autoPlay: autoPlay,
         muted: muted,
-        loop: loop
-    }, needsWrapper ? {
-        width: "100%"
-    } : {
-        width: width,
-        height: height
-    }, {
+        loop: loop,
         className: classes.video,
         preload: preload,
         // This transparent pixel fallback avoids showing the ugly "play" image in android webviews
@@ -230,23 +169,25 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
             }, index);
         })
     }));
-    if (needsWrapper) {
-        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_aspectRatioSupport.AspectRatioElement, {
+        aspectRatio: ratio,
+        width: props.width,
+        height: props.height,
+        children: (0, _platform).isSafari() ? /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             style: {
-                width: width,
-                height: height,
-                // adding the poster as background image avoids the flicker in Safari
-                backgroundImage: poster ? 'url("'.concat(poster, '")') : undefined,
+                width: "100%",
+                height: "100%",
+                /**
+                             * In safari, when using a video with poster, the transition from pause to play does a flicker,
+                             * To avoid this, in Safari browsers, instead of using the poster attribute, we use a
+                             * wrapper with the poster as background image
+                             */ backgroundImage: poster ? 'url("'.concat(poster, '")') : undefined,
                 backgroundSize: "cover",
-                backgroundPosition: "50% 50%",
-                borderRadius: noBorderRadius ? 0 : 8
+                backgroundPosition: "50% 50%"
             },
-            className: classes.wrapper,
             children: video1
-        });
-    } else {
-        return video1;
-    }
+        }) : video1
+    });
 });
 var _default = Video;
 exports.default = _default;

package/dist-es/carousel.js

@@ -118,6 +118,7 @@ var useBulletsStyles = createUseStyles(function(theme) {
             height: 8,
             borderRadius: "50%",
             transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
+            zIndex: 2,
             "&.active": {
                 backgroundColor: function(param) {
                     var isInverse = param.isInverse;
@@ -209,7 +210,7 @@ var useStyles = createUseStyles(function(theme) {
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
             position: "absolute",
-            zIndex: 1,
+            zIndex: 2,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
             "&.prev": {
                 left: function(param) {
@@ -683,7 +684,7 @@ var useSlideshowStyles = createUseStyles(function(theme) {
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
             border: "none",
             position: "absolute",
-            zIndex: 1,
+            zIndex: 2,
             top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
             "&.prev": _defineProperty({
                 left: 24
@@ -701,7 +702,8 @@ var useSlideshowStyles = createUseStyles(function(theme) {
             bottom: 24,
             display: "flex",
             justifyContent: "center",
-            width: "100%"
+            width: "100%",
+            zIndex: 2
         }
     };
 });

package/dist-es/dialog.js

@@ -137,11 +137,12 @@ import { isWebViewBridgeAvailable, nativeConfirm, nativeAlert } from "@tef-novum
 import ThemeContext from "./theme-context";
 import { useTheme, useScreenSize } from "./hooks";
 import ButtonLayout from "./button-layout";
-import { Text5, Text3 } from "./text";
+import { Text5, Text4, Text3 } from "./text";
 import { ESC } from "./utils/key-codes";
 import Box from "./box";
 import { isOldChrome, isRunningAcceptanceTest } from "./utils/platform";
 import { useSetModalState } from "./modal-context-provider";
+import { pxToRem } from "./utils/css";
 import Stack from "./stack";
 var animationsSupported = function(platformOverrides) {
     return !isOldChrome(platformOverrides) && process.env.NODE_ENV !== "test" && !isRunningAcceptanceTest(platformOverrides);
@@ -233,7 +234,10 @@ var useDialogStyles = createUseStyles(function(theme) {
         dialogContainer: {
             width: "calc(100vw - 48px)",
             margin: "auto",
-            padding: "48px 24px 24px"
+            padding: function(param) {
+                var isDialog = param.isDialog;
+                return isDialog ? "40px 24px 24px" : 24;
+            }
         }
     });
 });
@@ -241,9 +245,8 @@ var Dialog = function(props) {
     var ref = useTheme(), texts = ref.texts, colors = ref.colors;
     var className = props.className, title = props.title, message = props.message, icon = props.icon, extra = props.extra, _cancelText = props.cancelText, cancelText = _cancelText === void 0 ? texts.dialogCancelButton : _cancelText, _acceptText = props.acceptText, acceptText = _acceptText === void 0 ? texts.dialogAcceptButton : _acceptText, handleCancel = props.onCancel, handleAccept = props.onAccept, _showCancel = props.showCancel, showCancel = _showCancel === void 0 ? false : _showCancel, _destructive = props.destructive, destructive = _destructive === void 0 ? false : _destructive;
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
-    var withSecondaryButton = showCancel && !!handleCancel;
     var classes = useDialogStyles({
-        withSecondaryButton: withSecondaryButton
+        isDialog: !!props.forceWeb
     });
     var mainButtonProps = {
         onPress: handleAccept ? handleAccept : function() {},
@@ -257,15 +260,29 @@ var Dialog = function(props) {
         children: [
             icon && /*#__PURE__*/ _jsx(Box, {
                 paddingBottom: 24,
-                children: icon
+                children: /*#__PURE__*/ React.cloneElement(icon, {
+                    size: pxToRem(isTabletOrSmaller ? 40 : 64)
+                })
             }),
             title && /*#__PURE__*/ _jsx(Box, {
                 paddingBottom: 16,
-                children: /*#__PURE__*/ _jsx(Text5, {
+                children: props.forceWeb ? /*#__PURE__*/ _jsx(Text5, {
+                    as: "h2",
+                    children: title
+                }) : /*#__PURE__*/ _jsx(Text4, {
+                    regular: true,
                     as: "h2",
                     children: title
                 })
             }),
+            props.subtitle && /*#__PURE__*/ _jsx(Box, {
+                paddingBottom: 16,
+                children: /*#__PURE__*/ _jsx(Text4, {
+                    regular: true,
+                    as: "h2",
+                    children: props.subtitle
+                })
+            }),
             /*#__PURE__*/ _jsx("div", {
                 className: classes.dialogContent,
                 children: /*#__PURE__*/ _jsxs(Stack, {
@@ -273,7 +290,7 @@ var Dialog = function(props) {
                     children: [
                         /*#__PURE__*/ _jsx(Text3, {
                             color: colors.textSecondary,
-                            light: true,
+                            regular: true,
                             children: message
                         }),
                         extra
@@ -283,6 +300,7 @@ var Dialog = function(props) {
             /*#__PURE__*/ _jsx(Box, {
                 paddingTop: isTabletOrSmaller ? 24 : 32,
                 children: /*#__PURE__*/ _jsxs(ButtonLayout, {
+                    link: props.forceWeb ? props.link : undefined,
                     children: [
                         destructive ? /*#__PURE__*/ _jsx(ButtonDanger, _objectSpread({
                             tabIndex: 1
@@ -396,10 +414,13 @@ var ModalDialog = function(props) {
     ]);
     var handleClose = props.showCancel ? handleCancel : handleAccept;
     var handleOverlayPress = React.useCallback(function(event) {
-        handleClose();
-        event.stopPropagation();
+        if (props.showClose) {
+            handleClose();
+            event.stopPropagation();
+        }
     }, [
-        handleClose
+        handleClose,
+        props.showClose
     ]);
     var handleKeyDown = React.useCallback(function(event) {
         if (event.keyCode === ESC) {
@@ -473,7 +494,7 @@ var ModalDialog = function(props) {
                                 closed: isClosing
                             }),
                             children: [
-                                /*#__PURE__*/ _jsx("div", {
+                                props.showClose && /*#__PURE__*/ _jsx("div", {
                                     className: classes.modalCloseButtonContainer,
                                     children: /*#__PURE__*/ _jsx(IconButton, {
                                         onPress: handleClose,
@@ -611,13 +632,14 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
 }(React.Component);
 export { DialogRoot as default };
 var showDialog = function(param) {
-    var showCancel = param.showCancel, forceWeb = param.forceWeb;
+    var showCancel = param.showCancel, showClose = param.showClose, forceWeb = param.forceWeb;
     return function(props) {
         if (!dialogInstance) {
             throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
         }
         dialogInstance.show(_objectSpread({
             showCancel: showCancel,
+            showClose: showClose,
             forceWeb: forceWeb
         }, props));
     };
@@ -626,17 +648,20 @@ var showDialog = function(param) {
  * Shows alert dialog with supplied props
  */ export var alert = showDialog({
     showCancel: false,
-    forceWeb: false
+    forceWeb: false,
+    showClose: false
 });
 /**
  * Shows confirm dialog with supplied props
  */ export var confirm = showDialog({
     showCancel: true,
-    forceWeb: false
+    forceWeb: false,
+    showClose: false
 });
 /**
  * Shows dialog with supplied props
  */ export var dialog = showDialog({
     showCancel: false,
-    forceWeb: true
+    forceWeb: true,
+    showClose: true
 });

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

@@ -63,8 +63,9 @@ import classnames from "classnames";
 import debounce from "lodash/debounce";
 import { createUseStyles } from "./jss";
 import { isRunningAcceptanceTest } from "./utils/platform";
-import { useElementDimensions, useIsomorphicLayoutEffect, useScreenSize, useTheme } from "./hooks";
+import { useElementDimensions, useIsomorphicLayoutEffect, useScreenHeight, useScreenSize, useTheme, useWindowHeight } from "./hooks";
 import { addPassiveEventListener, getScrollableParentElement, getScrollDistanceToBottom, hasScroll, removePassiveEventListener } from "./utils/dom";
+var FOOTER_CANVAS_RATIO = 2;
 var getScrollEventTarget = function(el) {
     return el === document.documentElement ? window : el;
 };
@@ -91,8 +92,8 @@ var useStyles = createUseStyles(function(theme) {
         },
         containerSmall: {
             paddingBottom: function(param) {
-                var height = param.height;
-                return height;
+                var footerHeight = param.footerHeight;
+                return footerHeight;
             },
             backgroundColor: function(param) {
                 var containerBgColor = param.containerBgColor;
@@ -100,8 +101,17 @@ var useStyles = createUseStyles(function(theme) {
             }
         }
     }, theme.mq.tabletOrSmaller, {
+        containerSmall: {
+            paddingBottom: function(param) {
+                var footerHeight = param.footerHeight, isContentWithScroll = param.isContentWithScroll, hasContentEnoughVSpace = param.hasContentEnoughVSpace;
+                return hasContentEnoughVSpace || !isContentWithScroll ? footerHeight : 0;
+            }
+        },
         footer: {
-            position: "fixed",
+            position: function(param) {
+                var hasContentEnoughVSpace = param.hasContentEnoughVSpace, isContentWithScroll = param.isContentWithScroll;
+                return hasContentEnoughVSpace || !isContentWithScroll ? "fixed" : "initial";
+            },
             left: 0,
             bottom: 0,
             zIndex: 1
@@ -117,12 +127,18 @@ var FixedFooterLayout = function(param) {
     var containerRef = React.useRef(null);
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var platformOverrides = useTheme().platformOverrides;
-    var ref1 = useElementDimensions(), realHeight = ref1.height, ref2 = ref1.ref;
+    var ref1 = useElementDimensions(), realFooterHeight = ref1.height, ref2 = ref1.ref;
+    var windowHeight = useWindowHeight();
+    var screenHeight = useScreenHeight();
+    var hasContentEnoughVSpace = windowHeight - realFooterHeight > screenHeight / FOOTER_CANVAS_RATIO;
+    var hasContentScroll = function() {
+        return hasScroll(getScrollableParentElement(containerRef.current));
+    };
     useIsomorphicLayoutEffect(function() {
-        onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realHeight);
+        onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realFooterHeight);
     }, [
         onChangeFooterHeight,
-        realHeight
+        realFooterHeight
     ]);
     React.useEffect(function() {
         var scrollable = getScrollableParentElement(containerRef.current);
@@ -130,6 +146,9 @@ var FixedFooterLayout = function(param) {
             if (isRunningAcceptanceTest(platformOverrides)) {
                 return false;
             }
+            if (!hasContentEnoughVSpace) {
+                return false;
+            }
             if (hasScroll(scrollable)) {
                 return getScrollDistanceToBottom(scrollable) > 1; // This is 1 and not 0 because a weird bug with Safari
             }
@@ -152,14 +171,17 @@ var FixedFooterLayout = function(param) {
             transitionAwaiter.cancel();
         };
     }, [
-        children,
-        containerRef,
+        hasContentEnoughVSpace,
         platformOverrides
     ]);
     var classes = useStyles({
         footerBgColor: footerBgColor,
         containerBgColor: containerBgColor,
-        height: realHeight
+        footerHeight: realFooterHeight,
+        windowHeight: windowHeight,
+        screenHeight: screenHeight,
+        isContentWithScroll: hasContentScroll(),
+        hasContentEnoughVSpace: hasContentEnoughVSpace
     });
     var _obj;
     return /*#__PURE__*/ _jsxs(_Fragment, {

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

@@ -53,7 +53,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * This file was autogenerated. Don't edit this file!
  *
@@ -70,22 +70,16 @@ var IconBuyDataLight = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return /*#__PURE__*/ _jsxs("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, rest, {
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M10.63 16.918h6.554c.754 0 1.39-.255 1.897-.753.49-.493.854-1.208 1.106-2.182.118-.454.507-2.017.882-3.53l.364-1.458.393-1.57a.28.28 0 00-.272-.35h-3.837V5.599c0 .865-1.832 1.26-3.538 1.26-1.702 0-3.536-.394-3.538-1.258v1.471h.235a.28.28 0 01.28.28.28.28 0 01-.28.28h-.235v5.785c0 .865 1.835 1.26 3.538 1.26 1.706 0 3.537-.392 3.537-1.257V7.635h3.48c-.163.64-.402 1.605-.655 2.62l-.015.06-.409 1.638a391.2 391.2 0 01-.473 1.887c-.224.863-.547 1.51-.961 1.924-.4.4-.89.597-1.499.597H10.63c-1.328 0-2.202-.888-2.454-2.496-.14-.9-1.48-8.941-1.639-9.838a2.174 2.174 0 00-.854-1.347 2.675 2.675 0 00-1.608-.524H2.436a.28.28 0 00-.28.28c0 .154.126.28.28.28h1.639c.468 0 .919.146 1.269.412.344.258.569.61.639.997.16.894 1.495 8.928 1.638 9.827.154.963.507 1.711 1.053 2.227.513.484 1.19.74 1.956.74zm1.325-5.683c-.62-.185-.754-.384-.754-.423V8.93c.185.1.407.186.657.257.66.19 1.505.28 2.32.28.08 0 .161 0 .241-.002 1.049-.023 2.113-.195 2.737-.533v1.883c0 .036-.131.235-.753.423-.591.176-1.378.274-2.224.274-.846 0-1.636-.098-2.224-.277zm-.754.302c.638.344 1.726.516 2.792.534a11.552 11.552 0 00.426-.001c1.049-.023 2.113-.195 2.737-.533v1.883c0 .036-.131.235-.753.422-.591.177-1.378.275-2.224.275-.846 0-1.636-.098-2.224-.275-.62-.184-.754-.383-.754-.422v-1.883zm0-3.33V6.324c.675.364 1.854.538 2.978.538 1.123 0 2.305-.17 2.977-.535V8.21c0 .037-.131.236-.753.423-.591.177-1.378.275-2.224.275-.846 0-1.636-.1-2.224-.277a3.766 3.766 0 01-.11-.035c-.526-.174-.644-.352-.644-.388z",
-                fill: fillColor
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M11.201 5.599v.003c0 .039.134.238.754.423.588.176 1.378.274 2.224.274.846 0 1.633-.098 2.224-.274.622-.188.753-.387.753-.426h-5.955zm0 0a.281.281 0 00-.28-.277.281.281 0 00-.28.277h.56zm-.571 16.235c-.871 0-1.373-.501-1.373-1.372 0-.872.502-1.373 1.373-1.373.87 0 1.372.501 1.372 1.373 0 .87-.498 1.372-1.372 1.372zm-.813-1.372c0 .563.25.812.813.812s.812-.25.812-.812c0-.564-.25-.813-.812-.813-.563 0-.813.25-.813.813zm6.275 1.372c-.871 0-1.373-.501-1.373-1.372 0-.872.502-1.373 1.373-1.373s1.372.501 1.372 1.373c0 .87-.498 1.372-1.372 1.372zm-.812-1.372c0 .563.249.812.812.812.563 0 .812-.25.812-.812 0-.564-.25-.813-.812-.813-.563 0-.812.25-.812.813z",
-                fill: fillColor
-            })
-        ]
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M17.274 17.004h-6.662c-.777 0-1.466-.26-1.987-.752-.555-.524-.914-1.284-1.07-2.263C7.408 13.075 6.05 4.909 5.888 4a1.637 1.637 0 00-.65-1.013 2.138 2.138 0 00-1.289-.419H2.285A.286.286 0 012 2.285C2 2.128 2.128 2 2.285 2H3.95a2.72 2.72 0 011.634.532c.464.348.772.835.869 1.37.058.325.269 1.577.522 3.094h3.649V5.5c0-.88 1.864-1.281 3.595-1.281s3.596.401 3.596 1.28V7h3.9a.286.286 0 01.276.356l-.398 1.596-.37 1.482a623.86 623.86 0 01-.897 3.587c-.256.99-.626 1.717-1.125 2.218-.515.506-1.161.766-1.927.766zm.54-9.435v5.879c0 .88-1.861 1.278-3.595 1.278-1.73 0-3.595-.401-3.595-1.281v-5.88H7.07c.44 2.636.963 5.788 1.048 6.335.256 1.634 1.145 2.537 2.494 2.537h6.662c.618 0 1.116-.2 1.523-.606.421-.422.749-1.08.977-1.956.075-.29.259-1.027.481-1.918.13-.522.273-1.097.416-1.664l.015-.064.002-.006c.256-1.028.499-2.006.663-2.654h-3.536zm-3.355 4.507l-.24.002h-.028c-1.133-.003-2.318-.176-2.998-.543v1.913c0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.43v-1.912c-.636.344-1.72.518-2.787.54zm2.787-1.276V8.887c-.64.346-1.73.52-2.803.541l-.224.003c-.83 0-1.688-.092-2.36-.285a3.353 3.353 0 01-.666-.261v1.912c0 .04.136.242.766.43.598.182 1.4.282 2.26.282.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.429zm0-4.56c-.684.37-1.885.543-3.027.543-1.141 0-2.34-.177-3.026-.547V8.15c0 .04.136.242.766.43.598.18 1.4.282 2.26.282.86 0 1.66-.1 2.26-.279.633-.19.767-.393.767-.43V6.24zm0-.741c0-.04-.137-.242-.766-.433-.601-.176-1.401-.276-2.26-.276-.858 0-1.66.1-2.261.279-.63.19-.766.393-.766.433 0 .04.136.242.766.43.598.179 1.4.279 2.26.279.86 0 1.66-.1 2.26-.28.633-.19.767-.392.767-.432zM10.612 22c-.885 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395c.886 0 1.395.51 1.395 1.395S11.5 22 10.612 22zm0-2.22c-.572 0-.826.253-.826.825s.254.826.826.826.826-.254.826-.826-.254-.826-.826-.826zM16.164 22c-.886 0-1.395-.51-1.395-1.395s.51-1.395 1.395-1.395 1.395.51 1.395 1.395S17.052 22 16.164 22zm0-2.22c-.573 0-.826.253-.826.825s.254.826.826.826.825-.254.825-.826-.253-.826-.825-.826z",
+            fill: fillColor
+        })
     }));
 };
 export default IconBuyDataLight;

package/dist-es/generated/mistica-icons/icon-buy-data-regular.js

@@ -77,7 +77,7 @@ var IconBuyDataRegular = function(_param) {
         role: "presentation"
     }, rest, {
         children: /*#__PURE__*/ _jsx("path", {
-            d: "M16.899 17.2h-6.258c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.13-.82-1.451-8.492-1.636-9.526-.12-.672-.821-1.176-1.633-1.176h-1.35a.562.562 0 01-.56-.56.56.56 0 01.56-.56h1.352c1.367 0 2.519.882 2.737 2.1.049.273.222 1.267.438 2.521h3.248v-1.19c0-.021 0-.042.003-.062.033-.448.452-.798 1.25-1.036.652-.197 1.515-.306 2.422-.306.908 0 1.77.11 2.423.306.753.225 1.169.55 1.241.961a.424.424 0 01.017.137v1.193h3.4a.562.562 0 01.544.697l-.434 1.736-.001.005v.001a1997.754 1997.754 0 01-.656 2.624l-.003.015c-.25 1.002-.463 1.858-.547 2.177-.266 1.025-.653 1.778-1.182 2.308-.558.557-1.26.84-2.09.84zm.97-9.284v5.502c0 .476-.421.846-1.253 1.095-.653.199-1.515.305-2.426.305-.91 0-1.77-.109-2.425-.305-.832-.25-1.253-.62-1.253-1.095V7.913H7.458c.428 2.482.926 5.384 1.01 5.908.123.776.389 1.361.798 1.748.358.339.823.513 1.378.513H16.9c.683 0 1.653-.239 2.188-2.311.076-.295.268-1.062.497-1.98l.385-1.541.14-.564.002-.007.44-1.763h-2.683zm-.841 2.863V9.156a4.03 4.03 0 01-.41.146h-.002l-5.26-.145-.003 1.622c.033.042.207.21.826.37.555.143 1.269.221 2.011.221.743 0 1.457-.078 2.011-.221.62-.16.793-.33.827-.37zm-5.67-4.229l-.005 1.624c.033.042.207.21.826.37.555.143 1.269.221 2.011.221.743 0 1.457-.078 2.011-.221.62-.16.793-.33.827-.37V6.549a4.227 4.227 0 01-.412.149c-.653.196-1.515.305-2.423.305-.907 0-1.77-.11-2.423-.305a3.836 3.836 0 01-.412-.148zm5.639-.95c-.076-.068-.283-.205-.796-.34-.554-.142-1.268-.22-2.01-.22-.743 0-1.457.078-2.012.22-.513.135-.72.273-.795.34.056.05.186.14.46.238.094.033.205.067.335.1.555.144 1.269.222 2.011.222.65 0 1.278-.06 1.796-.17.074-.017.146-.033.215-.051.514-.133.721-.273.796-.34zm-5.644 7.79c.036.042.213.21.826.37.555.142 1.269.22 2.011.22.743 0 1.457-.078 2.011-.22.614-.157.79-.325.827-.37v-1.628a4.206 4.206 0 01-.412.149c-.653.196-1.515.305-2.423.305-.907 0-1.77-.11-2.426-.305a4.215 4.215 0 01-.412-.149l-.002 1.628zm-.712 8.445c-.501 0-.902-.143-1.193-.423-.305-.294-.46-.706-.46-1.23 0-.523.155-.935.46-1.23.291-.28.695-.422 1.193-.422.499 0 .902.143 1.194.423.305.294.459.706.459 1.23 0 .523-.154.935-.46 1.23-.288.28-.691.422-1.193.422zm-.532-1.653c0 .41.123.533.532.533.41 0 .533-.124.533-.533 0-.409-.124-.532-.533-.532-.409 0-.532.123-.532.532zm5.994 1.653c-.501 0-.902-.143-1.193-.423-.305-.294-.46-.706-.46-1.23 0-.523.155-.935.46-1.23.291-.28.695-.422 1.193-.422.499 0 .902.143 1.194.423.302.294.46.706.46 1.23 0 .523-.155.935-.46 1.23-.289.28-.692.422-1.194.422zm-.532-1.653c0 .41.123.533.532.533.41 0 .533-.124.533-.533 0-.409-.124-.532-.533-.532-.409 0-.532.123-.532.532z",
+            d: "M16.974 17.285H10.61c-.852 0-1.607-.288-2.185-.83-.602-.566-.992-1.384-1.157-2.43-.131-.834-1.476-8.638-1.664-9.689-.123-.684-.835-1.196-1.661-1.196H2.57A.571.571 0 012 2.57c0-.314.256-.57.57-.57h1.376c1.39 0 2.561.897 2.783 2.137.05.277.226 1.289.446 2.564h3.304V5.49a.442.442 0 01.002-.063c.034-.455.46-.81 1.271-1.054.664-.2 1.541-.31 2.464-.31.924 0 1.801.11 2.465.31.765.23 1.188.56 1.262.978a.43.43 0 01.017.139v1.214h3.459a.571.571 0 01.552.71l-.443 1.77a2593.494 2593.494 0 01-.67 2.684c-.253 1.02-.47 1.89-.556 2.215-.27 1.042-.664 1.809-1.202 2.347-.567.567-1.282.855-2.126.855zm.986-9.442v5.596c0 .484-.427.86-1.273 1.114-.664.202-1.542.31-2.468.31-.926 0-1.8-.11-2.467-.31-.846-.254-1.273-.63-1.273-1.114V7.84H7.372c.435 2.524.942 5.476 1.027 6.009.125.79.396 1.385.812 1.778.364.345.837.521 1.402.521h6.361c.695 0 1.681-.242 2.225-2.35.078-.3.273-1.08.506-2.013l.392-1.569.143-.572c.166-.67.323-1.298.45-1.8h-2.73zm-.886-2.356c-.077-.068-.288-.208-.809-.345-.564-.145-1.29-.225-2.046-.225-.755 0-1.481.08-2.045.225-.522.137-.732.277-.81.345.058.051.19.143.47.243.095.033.207.068.34.102.564.145 1.29.225 2.045.225.755 0 1.482-.08 2.046-.225.522-.135.733-.277.809-.345zm-5.735.967l-.006 1.651c.034.043.211.214.84.376.565.146 1.291.226 2.046.226.755 0 1.482-.08 2.046-.226.63-.162.806-.336.84-.376V6.453a4.303 4.303 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.464-.31a3.96 3.96 0 01-.419-.15zm.413 2.8a3.925 3.925 0 01-.416-.15l-.003 1.651c.034.043.211.214.84.376.565.145 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.63-.162.806-.336.84-.376V9.104a3.924 3.924 0 01-.418.15 5.48 5.48 0 01-.259.07c-.625.155-1.398.24-2.206.24h-.003c-.926 0-1.8-.111-2.467-.31zm-.419 4.156c.037.043.217.214.84.376.565.146 1.291.225 2.046.225.755 0 1.482-.08 2.046-.225.624-.16.803-.33.84-.376v-1.655a4.314 4.314 0 01-.418.151c-.664.2-1.542.31-2.465.31-.923 0-1.8-.11-2.467-.31a4.314 4.314 0 01-.419-.151l-.003 1.655zM10.61 22c-.51 0-.918-.145-1.214-.43-.31-.3-.467-.718-.467-1.25 0-.534.156-.953.467-1.252.296-.285.707-.43 1.214-.43s.917.145 1.213.43c.31.3.468.718.468 1.251 0 .533-.157.952-.468 1.25-.293.286-.703.431-1.213.431zm0-2.222c-.416 0-.542.125-.542.541 0 .416.126.541.542.541.416 0 .541-.125.541-.54 0-.417-.125-.542-.541-.542zM16.165 22c-.51 0-.917-.145-1.213-.43-.311-.3-.468-.718-.468-1.25 0-.534.157-.953.468-1.252.296-.285.706-.43 1.213-.43.507 0 .918.145 1.214.43.308.3.467.718.467 1.251 0 .533-.157.952-.467 1.25-.294.286-.704.431-1.214.431zm0-2.222c-.416 0-.541.125-.541.541 0 .416.125.541.541.541.416 0 .542-.125.542-.54 0-.417-.126-.542-.542-.542z",
             fill: fillColor
         })
     }));

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

@@ -96,7 +96,7 @@ var IconEcoLight = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M9.697 10.98c-.738.683-1.798 1.028-3.153 1.028-1.387 0-2.468-.364-3.21-1.078-.718-.69-1.105-1.695-1.157-2.99a.282.282 0 01-.006-.058V4.675A1.423 1.423 0 013.583 3.26h2.96c1.386 0 2.464.365 3.205 1.081.77.745 1.163 1.852 1.163 3.297 0 1.218-.278 2.199-.83 2.921 1.35 2.539 1.634 5.752 1.763 7.896.253-1.131.641-2.552 1.22-3.94.22-.525.454-1.014.703-1.465-.442-.693-.666-1.592-.666-2.68 0-1.44.39-2.544 1.157-3.286.74-.715 1.818-1.076 3.202-1.076h2.96c.77.003 1.401.63 1.401 1.4v3.208a.25.25 0 01-.01.073c-.053 1.284-.44 2.28-1.152 2.963-.737.715-1.813 1.076-3.2 1.076-1.383 0-2.461-.361-3.2-1.076a3.29 3.29 0 01-.143-.145c-1.17 2.232-1.8 5.005-2.127 7.008a.267.267 0 01-.26.224h-.004M6.54 11.453c1.28 0 2.24-.328 2.878-.98-.82-1.389-1.907-2.347-3.25-2.86a.267.267 0 01.19-.499c1.533.586 2.629 1.64 3.415 2.91.388-.606.582-1.403.582-2.389 0-2.535-1.283-3.82-3.815-3.82H3.583a.865.865 0 00-.857.86v2.96c0 2.533 1.283 3.818 3.815 3.818zm10.919 2.748c2.543 0 3.832-1.288 3.832-3.832 0-.018.002-.037.005-.054V7.408a.882.882 0 00-.874-.873H17.46c-2.544 0-3.832 1.288-3.832 3.834 0 .864.149 1.583.444 2.156.312-.506.644-.956.993-1.346.93-1.042 1.997-1.678 3.173-1.891a.265.265 0 01.096.521c-1.71.311-2.99 1.573-3.945 3.206.633.789 1.658 1.186 3.07 1.186z",
+                d: "M3.437 3.002c-.79.003-1.434.65-1.437 1.44v3.265c0 .02.002.04.006.059.053 1.318.447 2.341 1.177 3.043.756.727 1.856 1.097 3.267 1.097 1.38 0 2.459-.351 3.21-1.045.278.547.521 1.151.728 1.812.718 2.295.858 4.773.95 6.412l.002.043c.036.621.064 1.113.117 1.437a.272.272 0 00.228.225c.014.003.028.003.043.003a.272.272 0 00.265-.228c.332-2.039.973-4.861 2.165-7.133.047.05.095.1.144.148.753.727 1.85 1.095 3.259 1.095 1.411 0 2.506-.368 3.256-1.095.725-.696 1.118-1.709 1.173-3.016a.256.256 0 00.01-.075V7.225c0-.784-.642-1.423-1.425-1.426H17.56c-1.409 0-2.506.368-3.259 1.095-.781.756-1.177 1.879-1.177 3.344 0 1.108.227 2.023.677 2.729-.253.459-.491.957-.714 1.49-.59 1.414-.985 2.86-1.243 4.011-.131-2.182-.42-5.452-1.794-8.036.562-.736.844-1.734.844-2.973 0-1.472-.399-2.598-1.183-3.356-.755-.73-1.851-1.1-3.26-1.1a371.8 371.8 0 00-3.015 0zm-.873 4.454V4.442a.88.88 0 01.873-.875h3.01c2.578 0 3.884 1.309 3.884 3.889 0 1.003-.198 1.815-.592 2.431-.801-1.294-1.916-2.365-3.477-2.962a.272.272 0 00-.194.508c1.368.522 2.474 1.497 3.309 2.91-.649.664-1.627.999-2.93.999-2.577 0-3.883-1.309-3.883-3.886zm11.097 2.782c0-2.591 1.311-3.903 3.9-3.903h3.016a.898.898 0 01.89.89v2.958a.266.266 0 00-.006.055c0 2.59-1.311 3.9-3.9 3.9-1.438 0-2.482-.404-3.125-1.207.972-1.662 2.274-2.946 4.015-3.263a.27.27 0 00-.098-.53c-1.197.216-2.283.864-3.23 1.924a9.646 9.646 0 00-1.01 1.37c-.301-.583-.452-1.315-.452-2.194z",
                 fill: fillColor
             })
         }));

package/dist-es/generated/mistica-icons/icon-justice-regular.js

@@ -90,7 +90,7 @@ var IconJusticeRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M21.828 14.066a.16.16 0 01.008.044c0 .918-.258 1.641-.753 2.15-.429.432-1.009.676-1.717.726a64.99 64.99 0 01-2.009.006c-.75-.037-1.358-.28-1.806-.728-.494-.496-.746-1.2-.76-2.082-.002-.005-.002-.01-.002-.016l-.002-.03a.244.244 0 01.01-.089.376.376 0 00.012-.073c0-.018 0-.038.008-.058l2.22-7.367c-.912-.002-2.184-.002-3.257-.002v11.935h1.446c.79 0 1.42.235 1.88.698.475.479.716 1.156.716 2.02a.632.632 0 01-.619.643.12.12 0 01-.034-.006l-.02-.005-.022.005a.12.12 0 01-.033.006H6.904a.12.12 0 01-.035-.006l-.019-.005-.023.005a.121.121 0 01-.033.006.632.632 0 01-.619-.644c0-.86.241-1.54.717-2.02.46-.462 1.09-.697 1.883-.697h1.442V6.547c-1.073.002-2.342.002-3.255.002l2.224 7.367c.005.019.005.037.006.054 0 .014 0 .028.003.041a.385.385 0 00.008.037.22.22 0 01.011.064l-.001.027a.306.306 0 00-.001.027c-.003.005-.003.01-.003.016-.014.883-.264 1.586-.76 2.082-.445.448-1.053.692-1.803.728a65.34 65.34 0 01-2.014-.006c-.712-.05-1.289-.294-1.717-.725-.502-.507-.76-1.23-.76-2.149v-.002c0-.016.005-.032.01-.047.003-.013.006-.025.007-.038l.005-.038a.531.531 0 01.029-.13L5.158 6.69a1.109 1.109 0 00-.35.219.593.593 0 01-.871-.02.665.665 0 01.02-.913c.437-.437 1.03-.678 1.767-.714.056-.006 3.33-.006 5.232-.006a1.083 1.083 0 01-.207-.162c-.285-.286-.428-.709-.428-1.255 0-.552.145-.975.428-1.26.272-.278.667-.418 1.171-.418h.146v.003c.003-.003.008-.003.011-.003.504 0 .9.14 1.171.417.286.286.429.709.429 1.26 0 .547-.146.97-.429 1.256a1.333 1.333 0 01-.207.162c1.899 0 5.173.003 5.232.006.737.036 1.33.277 1.768.714.246.25.255.658.02.913a.596.596 0 01-.874.02 1.175 1.175 0 00-.354-.219l2.953 7.168a.56.56 0 01.033.168.217.217 0 00.009.04zM11.45 6.546h.17c.005 0 .009.002.013.003a.03.03 0 00.013.003h.022c.06 0 .225-.003.37-.003v.003h.308l.013-.003a.04.04 0 01.012-.002h.168v11.935h-1.09V6.547zM17.945 7.8l-1.708 5.666h4.042L17.945 7.8zm2.272 7.532c.143-.143.247-.336.308-.574h-4.44c.065.238.169.431.311.574.227.224.563.35 1 .37a58.297 58.297 0 001.877-.003c.415-.028.731-.154.944-.367zm-3.977 4.776c-.222-.221-.563-.334-1.023-.334H8.77c-.46 0-.804.113-1.022.334-.11.115-.197.263-.253.448h9a1.11 1.11 0 00-.254-.448zM3.707 13.465H7.75L6.041 7.8l-2.334 5.666zm3.883 1.866c.143-.143.246-.336.31-.574H3.46c.062.238.166.431.309.574.216.216.532.339.947.367a58.288 58.288 0 001.876.003c.435-.023.774-.146.998-.37z",
+                d: "M20.352 15.383c-.216.216-.538.344-.96.373a59.137 59.137 0 01-1.906.002c-.444-.02-.786-.148-1.016-.375a1.281 1.281 0 01-.316-.584h4.511a1.253 1.253 0 01-.313.584zm-2.308-7.654l2.37 5.758h-4.106l1.736-5.758zm-2.772 12.168c.466 0 .814.114 1.039.338.113.117.199.268.259.456H7.425c.057-.188.145-.339.256-.456.222-.224.572-.338 1.039-.338h6.552zm-3.828-13.44h.173c.009 0 .017.006.026.006.008 0 .219-.003.398-.003v.003h.313c.009 0 .017-.006.026-.006h.17v12.128h-1.106V6.457zm-3.76 7.03H3.577l2.37-5.758 1.737 5.758zm-.162 1.896c-.228.227-.573.353-1.014.375a59.142 59.142 0 01-1.907-.003c-.42-.028-.742-.153-.962-.372a1.253 1.253 0 01-.313-.584h4.511c-.065.242-.17.439-.315.584zm14.475-1.241c0-.029-.014-.054-.017-.086a.569.569 0 00-.034-.17l-3-7.284c.137.06.262.128.359.222a.606.606 0 00.888-.02.678.678 0 00-.02-.928c-.444-.444-1.048-.688-1.796-.725-.06-.003-3.387-.006-5.317-.006a1.35 1.35 0 00.21-.165c.288-.29.436-.72.436-1.275 0-.56-.145-.99-.435-1.28-.276-.283-.678-.425-1.19-.425-.003 0-.008 0-.011.003V2h-.148c-.513 0-.914.142-1.19.424-.287.29-.435.72-.435 1.28 0 .556.145.986.435 1.276a1.1 1.1 0 00.21.165c-1.932 0-5.26 0-5.316.006-.749.037-1.352.281-1.796.725a.675.675 0 00-.02.928.602.602 0 00.453.202c.156 0 .313-.06.432-.182.094-.094.222-.165.356-.222l-3 7.284c-.023.054-.025.113-.034.17-.003.029-.017.057-.017.086v.003c0 .933.262 1.667.771 2.183.436.438 1.022.686 1.745.737a66.277 66.277 0 002.046.005c.763-.037 1.38-.284 1.833-.74.504-.503.757-1.218.772-2.114 0-.006 0-.012.002-.017 0-.02.003-.034.003-.054 0-.037-.014-.069-.02-.103-.005-.031 0-.063-.008-.097L6.884 6.46c.928 0 2.217 0 3.307-.003v12.128H8.725c-.805 0-1.445.239-1.912.708-.484.487-.729 1.179-.729 2.052 0 .362.282.655.63.655.02 0 .036-.009.056-.011.017.002.034.011.054.011H17.18c.02 0 .037-.009.056-.011.018.002.035.011.055.011a.642.642 0 00.629-.655c0-.876-.245-1.565-.729-2.052-.467-.47-1.107-.708-1.91-.708h-1.468V6.457c1.09 0 2.382 0 3.31.003l-2.257 7.485c-.012.034-.006.066-.012.097-.005.034-.02.066-.02.103 0 .017.003.034.003.054 0 .005 0 .011.003.017.014.896.27 1.61.771 2.114.456.456 1.073.703 1.836.74a65.907 65.907 0 002.04-.006c.72-.05 1.31-.298 1.745-.736.504-.518.766-1.253.766-2.186z",
                 fill: fillColor
             })
         }));