@telefonica/mistica 12.6.0 → 12.7.0

package/dist/skins/o2.js

@@ -73,7 +73,7 @@ var getO2Skin = function getO2Skin() {
             buttonDangerBackground: palette.pepper,
             buttonDangerBackgroundSelected: palette.pepper60,
             buttonDangerBackgroundHover: palette.pepper60,
-            buttonLinkBackgroundSelected: palette.o2BluePrimary15,
+            buttonLinkBackgroundSelected: palette.o2BluePrimary10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
             buttonPrimaryBackground: palette.o2BluePrimary,
             buttonPrimaryBackgroundInverse: palette.white,

package/dist/text-field-base.d.ts

@@ -26,7 +26,6 @@ export interface CommonFormFieldProps {
     defaultValue?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     children?: void;
-    readOnly?: boolean;
 }
 interface TextFieldBaseProps {
     id?: string;

package/dist/text-field-base.js

@@ -205,6 +205,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         textArea: _objectSpread((_obj = {
             resize: "none",
+            padding: 0,
             marginTop: function marginTop(param) {
                 var hasLabel = param.hasLabel;
                 return hasLabel ? 28 : 16;
@@ -441,6 +442,7 @@ var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         multiline: multiline,
         fullWidth: fullWidth,
         fieldRef: fieldRef,
+        readOnly: rest.readOnly,
         children: [
             startIcon && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: classes.startIcon,

package/dist/text-field-base.js.flow

@@ -52,7 +52,6 @@ export type CommonFormFieldProps = {
   value?: string,
   defaultValue?: string,
   onChange?: (event: SyntheticEvent<HTMLInputElement>) => void,
-  readOnly?: boolean,
 };
 declare type TextFieldBaseProps = {
   id?: string,

package/dist/text-field-components.d.ts

@@ -29,6 +29,7 @@ declare type FieldContainerProps = {
     className?: string;
     fieldRef?: React.RefObject<HTMLDivElement>;
     fullWidth?: boolean;
+    readOnly?: boolean;
 };
 export declare const FieldContainer: React.FC<FieldContainerProps>;
 export {};

package/dist/text-field-components.js

@@ -297,15 +297,19 @@ var useFieldContainerStyles = (0, _jss).createUseStyles(function(theme) {
                 var multiline = param.multiline;
                 return multiline ? 152 : 56;
             }
-        }), _defineProperty(_obj1, "display", "flex"), _defineProperty(_obj1, "position", "relative"), _defineProperty(_obj1, "backgroundColor", theme.colors.backgroundContainer), _obj1)
+        }), _defineProperty(_obj1, "display", "flex"), _defineProperty(_obj1, "position", "relative"), _defineProperty(_obj1, "backgroundColor", function(param) {
+            var readOnly = param.readOnly;
+            return readOnly ? theme.colors.neutralLow : theme.colors.backgroundContainer;
+        }), _obj1)
     };
 });
 var FieldContainer = function FieldContainer(param) {
-    var multiline = param.multiline, disabled = param.disabled, children = param.children, helperText = param.helperText, className = param.className, fieldRef = param.fieldRef, fullWidth = param.fullWidth;
+    var multiline = param.multiline, disabled = param.disabled, children = param.children, helperText = param.helperText, className = param.className, fieldRef = param.fieldRef, fullWidth = param.fullWidth, readOnly = param.readOnly;
     var classes = useFieldContainerStyles({
         multiline: multiline,
         fullWidth: fullWidth,
-        disabled: disabled
+        disabled: disabled,
+        readOnly: readOnly
     });
     return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         className: classes.fieldContainer,

package/dist/text-field-components.js.flow

@@ -30,6 +30,7 @@ declare type FieldContainerProps = {
   className?: string,
   fieldRef?: React.Ref<"div">,
   fullWidth?: boolean,
+  readOnly?: boolean,
 };
 declare export var FieldContainer: React.ComponentType<FieldContainerProps>;
 declare export {};

package/dist/utils/aspect-ratio-support.d.ts

@@ -4,4 +4,14 @@ declare type Props = {
 };
 export declare const AspectRatioSupportProvider: React.FC<Props>;
 export declare const useSupportsAspectRatio: () => boolean;
+declare type AspectRatioElementProps = {
+    width?: number | string;
+    height?: number | string;
+    aspectRatio: number;
+    children: React.ReactNode;
+    as?: React.ComponentType<any> | string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export declare const AspectRatioElement: (props: AspectRatioElementProps) => JSX.Element;
 export {};

package/dist/utils/aspect-ratio-support.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.useSupportsAspectRatio = exports.AspectRatioSupportProvider = void 0;
+exports.AspectRatioElement = exports.useSupportsAspectRatio = exports.AspectRatioSupportProvider = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../hooks");
+var _jss = require("../jss");
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
@@ -35,6 +36,19 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
+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 _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -62,6 +76,22 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(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]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -98,3 +128,87 @@ var useSupportsAspectRatio = function useSupportsAspectRatio() {
     return React.useContext(AspectRatioSupport);
 };
 exports.useSupportsAspectRatio = useSupportsAspectRatio;
+var useAspectRatioStyles = (0, _jss).createUseStyles(function() {
+    return {
+        container: {
+            "@supports (aspect-ratio: 1 / 1)": {
+                aspectRatio: function aspectRatio(param) {
+                    var aspectRatio1 = param.aspectRatio;
+                    return aspectRatio1 !== null && aspectRatio1 !== void 0 ? aspectRatio1 : "unset";
+                }
+            },
+            "$wrapper &": {
+                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, "%");
+            }
+        }
+    };
+});
+var AspectRatioElement = function AspectRatioElement(props) {
+    var supportsAspectRatio = useSupportsAspectRatio();
+    // 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 image proportions
+    var withCssAspectRatio = typeof props.width !== "number" && typeof props.height !== "number" && props.aspectRatio !== 0;
+    var classes = useAspectRatioStyles({
+        aspectRatio: withCssAspectRatio ? props.aspectRatio : undefined,
+        width: props.width
+    });
+    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 = props.aspectRatio !== 0 ? props.width / props.aspectRatio : undefined;
+    } else if (typeof props.height === "number") {
+        width = props.aspectRatio !== 0 ? props.height * props.aspectRatio : undefined;
+    } else {
+        width = props.width || "100%";
+    }
+    var needsWrapper = withCssAspectRatio && !supportsAspectRatio;
+    var _as;
+    var container = /*#__PURE__*/ React.createElement((_as = props.as) !== null && _as !== void 0 ? _as : "div", {
+        className: props.className ? "".concat(props.className, " ").concat(classes.container) : classes.container,
+        style: _objectSpread({}, needsWrapper ? _objectSpread({}, props.style, {
+            width: "100%"
+        }) : _objectSpread({}, props.style, {
+            width: width,
+            height: height
+        }))
+    }, props.children);
+    if (needsWrapper) {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+            style: {
+                width: width,
+                height: height
+            },
+            className: classes.wrapper,
+            children: container
+        });
+    } else {
+        return container;
+    }
+};
+exports.AspectRatioElement = AspectRatioElement;

package/dist/utils/aspect-ratio-support.js.flow

@@ -6,4 +6,18 @@ declare type Props = {
 };
 declare export var AspectRatioSupportProvider: React.ComponentType<Props>;
 declare export var useSupportsAspectRatio: () => boolean;
+declare type AspectRatioElementProps = {
+  width?: number | string,
+  height?: number | string,
+  aspectRatio: number,
+  children: React.Node,
+  as?: React.ComponentType<any> | string,
+  style?: CssStyle,
+  className?: string,
+};
+declare export var AspectRatioElement: (
+  props: AspectRatioElementProps
+) => React.Node;
 declare export {};
+
+import { type CssStyle } from "../__css_types__.js.flow";

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/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
             })
         }));