@telefonica/mistica 10.10.0 → 10.14.0

package/dist/generated/mistica-icons/icon-edit-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconEditRegular = function IconEditRegular(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 IconEditRegular = function IconEditRegular(_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 = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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: "M20.208 9.975c-.25.246-2.942 2.647-7.381 6.58l-.19.154-3.76 1.243c-.053.014-.104.003-.137-.03a.127.127 0 01-.031-.135l1.297-3.815c2.454-2.168 7.182-6.356 7.512-6.686a1.852 1.852 0 011.328-.569c.516 0 1.014.216 1.367.569.359.358.572.874.569 1.375 0 .49-.2.944-.574 1.314zm-1.97 7.585c0 .913-.238 1.63-.703 2.13-.493.526-1.227.792-2.185.792H6.392c-.958 0-1.691-.266-2.184-.793-.468-.499-.704-1.213-.704-2.129V6.176c0-1.915 1.026-2.972 2.888-2.972h8.958c1.656 0 2.645.852 2.844 2.39-.56.129-1.09.406-1.521.837-.255.255-4.034 3.608-7.457 6.636a1.327 1.327 0 00-.384.577l-1.26 3.76a1.333 1.333 0 001.266 1.761c.143 0 .283-.022.42-.067l3.76-1.244c.17-.056.332-.148.467-.269l.143-.126a2445.19 2445.19 0 004.613-4.095v4.196h-.003zm3.748-8.896a3.218 3.218 0 00-.921-2.233 3.2 3.2 0 00-1.673-.862C19.157 3.36 17.65 2 15.348 2H6.392C3.87 2 2.3 3.6 2.3 6.176V17.56c0 1.23.345 2.224 1.028 2.953.728.778 1.756 1.173 3.062 1.173h8.958c1.302 0 2.336-.395 3.064-1.173.683-.729 1.03-1.723 1.03-2.953v-5.27a89.456 89.456 0 001.611-1.457c.608-.6.93-1.35.933-2.168z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-edit-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconEditRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconEditRegular: React.ComponentType<IconProps>;
 declare export default typeof IconEditRegular;

package/dist/generated/mistica-icons/icon-electrocardiogram-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconElectrocardiogramFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconElectrocardiogramFilled: React.FC<IconProps>;
 export default IconElectrocardiogramFilled;

package/dist/generated/mistica-icons/icon-electrocardiogram-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconElectrocardiogramFilled = function IconElectrocardiogramFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
+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 IconElectrocardiogramFilled = function IconElectrocardiogramFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M7.95 6.265L6.098 12.32H4.322c-.515-1.126-.919-2.238-1.174-3.33-.51-2.163-.09-3.962 1.177-5.062.737-.64 1.74-1.023 2.823-1.079.099-.005.194-.008.289-.008 1.053 0 2.129.294 3.137.86.373.21.76.434 1.18.686a.284.284 0 00.271.003c.42-.252.807-.476 1.182-.69 1.006-.562 2.084-.86 3.135-.86.098 0 .193.004.291.01 1.084.055 2.087.439 2.824 1.078 1.268 1.1 1.686 2.899 1.176 5.061-.263 1.12-.68 2.263-1.218 3.42h-3.241l-1.247-3.602a.612.612 0 00-.577-.414h-.017a.614.614 0 00-.571.445l-1.036 3.569h-1.023a.61.61 0 00-.585.44l-.423 1.4-1.563-7.922a.611.611 0 00-.569-.495.603.603 0 00-.613.434zm7.212 6.969a.612.612 0 00.578.414h3.058c-.271.502-.56.992-.862 1.471-1.048 1.647-1.886 2.711-3.306 4.196a.43.43 0 01-.033.037c-.14.145-.628.644-1.042.946a3.1 3.1 0 01-1.16.53 2.15 2.15 0 01-.364.053h-.017c-.036.003-.073.003-.11.003h-.033c-.039 0-.073-.003-.106-.003h-.017a2.004 2.004 0 01-.364-.053 3.1 3.1 0 01-1.16-.53c-.414-.3-.902-.8-1.042-.946-1.442-1.505-2.286-2.575-3.339-4.233a24.103 24.103 0 01-.916-1.557H6.55c.269 0 .507-.18.585-.437l1.272-4.163 1.566 7.941a.61.61 0 001.185.059l1-3.316h1.025a.612.612 0 00.588-.446l.628-2.165.764 2.199zM2.613 12.32h1.71l.607 1.24H2.613A.617.617 0 012 12.94c0-.342.275-.62.613-.62zm18.46.087c.339 0 .613.277.613.619a.613.613 0 01-.613.619h-2.275l.617-1.241c0 .003 1.658.003 1.658.003z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.237 2c-2.034 0-3.384.801-5.237 3.284C10.147 2.874 8.653 2 6.581 2 4.361 2 2 3.564 2 7c0 5.077 6.401 12.296 9.493 15.77.144.152.325.23.507.23s.4-.078.507-.23a73.347 73.347 0 002.947-3.435v-.04l2.654-3.435C20.724 12.195 22 9.292 22 7c.005-3.285-2.398-5-4.763-5zm-.87 10.688h-3.818v4.008c0 .303-.256.571-.544.571-.289 0-.545-.268-.545-.571v-4.008H7.642c-.288 0-.544-.269-.544-.572 0-.303.256-.571.544-.571h3.818V7.537c0-.303.256-.572.545-.572.288 0 .544.27.544.572v4.008h3.818c.288 0 .545.268.545.571 0 .303-.257.572-.545.572z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M7.95 6.265L6.098 12.32H4.322c-.515-1.126-.919-2.238-1.174-3.33-.51-2.163-.09-3.962 1.177-5.062.737-.64 1.74-1.023 2.823-1.079.099-.005.194-.008.289-.008 1.053 0 2.129.294 3.137.86.373.21.76.434 1.18.686a.284.284 0 00.271.003c.42-.252.807-.476 1.182-.69 1.006-.562 2.084-.86 3.135-.86.098 0 .193.004.291.01 1.084.055 2.087.439 2.824 1.078 1.268 1.1 1.686 2.899 1.176 5.061-.263 1.12-.68 2.263-1.218 3.42h-3.241l-1.247-3.602a.612.612 0 00-.577-.414h-.017a.614.614 0 00-.571.445l-1.036 3.569h-1.023a.61.61 0 00-.585.44l-.423 1.4-1.563-7.922a.611.611 0 00-.569-.495.603.603 0 00-.613.434zm7.212 6.969a.612.612 0 00.578.414h3.058c-.271.502-.56.992-.862 1.471-1.048 1.647-1.886 2.711-3.306 4.196a.43.43 0 01-.033.037c-.14.145-.628.644-1.042.946a3.1 3.1 0 01-1.16.53 2.15 2.15 0 01-.364.053h-.017c-.036.003-.073.003-.11.003h-.033c-.039 0-.073-.003-.106-.003h-.017a2.004 2.004 0 01-.364-.053 3.1 3.1 0 01-1.16-.53c-.414-.3-.902-.8-1.042-.946-1.442-1.505-2.286-2.575-3.339-4.233a24.103 24.103 0 01-.916-1.557H6.55c.269 0 .507-.18.585-.437l1.272-4.163 1.566 7.941a.61.61 0 001.185.059l1-3.316h1.025a.612.612 0 00.588-.446l.628-2.165.764 2.199zM2.613 12.32h1.71l.607 1.24H2.613A.617.617 0 012 12.94c0-.342.275-.62.613-.62zm18.46.087c.339 0 .613.277.613.619a.613.613 0 01-.613.619h-2.275l.617-1.241c0 .003 1.658.003 1.658.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconElectrocardiogramFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-electrocardiogram-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconElectrocardiogramFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconElectrocardiogramFilled: React.ComponentType<IconProps>;
 declare export default typeof IconElectrocardiogramFilled;

package/dist/generated/mistica-icons/icon-electrocardiogram-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconElectrocardiogramLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconElectrocardiogramLight: React.FC<IconProps>;
 export default IconElectrocardiogramLight;

package/dist/generated/mistica-icons/icon-electrocardiogram-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconElectrocardiogramLight = function IconElectrocardiogramLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
+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 IconElectrocardiogramLight = function IconElectrocardiogramLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M17.523 13.988c-1.039 1.6-1.865 2.628-3.272 4.07l-.008.006-.025.03c-.269.275-.661.645-.95.852a2.397 2.397 0 01-.89.395 1.1 1.1 0 01-.227.03h-.023l-.092.004-.065-.003h-.014a1.496 1.496 0 01-.246-.036 2.34 2.34 0 01-.871-.395c-.378-.27-.86-.754-.953-.852-1.428-1.462-2.263-2.499-3.308-4.106a24.06 24.06 0 01-.79-1.317h.81a.415.415 0 00.398-.291L8.54 7.436l1.762 8.74c.04.193.21.333.409.333a.42.42 0 00.4-.294l1.065-3.462h1.202c.184 0 .347-.12.4-.297l.824-2.782.991 2.802a.417.417 0 00.392.277h2.28c-.238.412-.476.823-.742 1.235M3.933 8.114c-.443-1.846-.113-3.353.935-4.243.613-.521 1.46-.835 2.386-.883a7.57 7.57 0 01.252-.005c.93 0 1.9.263 2.799.756.375.207.759.426 1.196.683a1.132 1.132 0 001.115-.005 38.6 38.6 0 011.182-.675c.899-.493 1.865-.757 2.798-.757.084 0 .168.003.252.006.924.048 1.773.361 2.384.882 1.045.888 1.378 2.395.935 4.244-.3 1.24-.8 2.521-1.465 3.815H16.28l-1.322-3.737a.399.399 0 00-.403-.277.417.417 0 00-.39.297l-1.1 3.717h-1.2a.42.42 0 00-.4.294l-.672 2.185-1.759-8.725a.415.415 0 00-.39-.33c-.179-.032-.36.108-.417.29l-1.935 6.202h-.936c-.642-1.268-1.13-2.518-1.424-3.734m17.496 3.815H19.63c.6-1.227 1.061-2.44 1.347-3.621.518-2.163.092-3.961-1.202-5.062-.75-.639-1.776-1.023-2.885-1.079a5.253 5.253 0 00-.297-.008c-1.075 0-2.176.294-3.201.86-.407.224-.807.454-1.205.69a.304.304 0 01-.277 0 28.923 28.923 0 00-1.202-.693c-1.028-.563-2.129-.86-3.204-.86-.098 0-.196.003-.295.009-1.106.056-2.131.437-2.885 1.078-1.294 1.1-1.722 2.9-1.204 5.062.28 1.157.725 2.341 1.302 3.538H2.574a.418.418 0 00-.418.414c0 .23.188.415.418.415h2.263c.314.585.653 1.173 1.036 1.764 1.076 1.659 1.939 2.729 3.41 4.233.142.146.64.644 1.064.947.364.26.776.442 1.185.529.117.028.243.045.372.053h.009l.008.003.11.003h.033c.042 0 .078 0 .112-.003l.008-.003h.009c.129-.008.255-.025.372-.053a3.14 3.14 0 001.185-.53c.423-.302.922-.8 1.065-.946l.033-.037c1.451-1.487 2.305-2.551 3.375-4.196.365-.563.692-1.123.995-1.68h2.21c.23 0 .417-.185.417-.415a.412.412 0 00-.417-.412",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.998 16.316c.215 0 .356-.142.356-.357v-3.577h3.57c.215 0 .357-.142.357-.357s-.142-.357-.356-.357h-3.57V8.091c0-.215-.142-.357-.357-.357s-.357.142-.357.357v3.577h-3.57c-.215 0-.357.142-.357.357s.142.357.357.357h3.57v3.577c0 .21.142.357.357.357zM17.46 2c-2.108 0-3.392.824-5.463 3.471C9.995 2.898 8.533 2 6.357 2 4.249 2 2 3.429 2 6.543c0 4.868 6.574 11.949 9.75 15.352a.377.377 0 00.252.105.4.4 0 00.252-.105.385.385 0 00.036-.5c-3.108-3.292-9.572-10.23-9.572-14.847 0-1.823 1.143-3.829 3.643-3.829 1.714 0 3.109.573 5.358 3.577a.329.329 0 00.283.142.323.323 0 00.284-.142c2.285-3.078 3.428-3.577 5.18-3.577 1.892 0 3.82 1.324 3.82 3.865 0 2.038-1.284 4.759-3.784 8.12l-2.643 3.293c-.105.142-.105.394.037.5.142.105.393.105.498-.037l2.68-3.293C20.714 11.627 22 8.797 22 6.58 22 3.575 19.714 2 17.46 2zm-3.676 17.174a.715.715 0 000 1.43.715.715 0 000-1.43z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.523 13.988c-1.039 1.6-1.865 2.628-3.272 4.07l-.008.006-.025.03c-.269.275-.661.645-.95.852a2.397 2.397 0 01-.89.395 1.1 1.1 0 01-.227.03h-.023l-.092.004-.065-.003h-.014a1.496 1.496 0 01-.246-.036 2.34 2.34 0 01-.871-.395c-.378-.27-.86-.754-.953-.852-1.428-1.462-2.263-2.499-3.308-4.106a24.06 24.06 0 01-.79-1.317h.81a.415.415 0 00.398-.291L8.54 7.436l1.762 8.74c.04.193.21.333.409.333a.42.42 0 00.4-.294l1.065-3.462h1.202c.184 0 .347-.12.4-.297l.824-2.782.991 2.802a.417.417 0 00.392.277h2.28c-.238.412-.476.823-.742 1.235M3.933 8.114c-.443-1.846-.113-3.353.935-4.243.613-.521 1.46-.835 2.386-.883a7.57 7.57 0 01.252-.005c.93 0 1.9.263 2.799.756.375.207.759.426 1.196.683a1.132 1.132 0 001.115-.005 38.6 38.6 0 011.182-.675c.899-.493 1.865-.757 2.798-.757.084 0 .168.003.252.006.924.048 1.773.361 2.384.882 1.045.888 1.378 2.395.935 4.244-.3 1.24-.8 2.521-1.465 3.815H16.28l-1.322-3.737a.399.399 0 00-.403-.277.417.417 0 00-.39.297l-1.1 3.717h-1.2a.42.42 0 00-.4.294l-.672 2.185-1.759-8.725a.415.415 0 00-.39-.33c-.179-.032-.36.108-.417.29l-1.935 6.202h-.936c-.642-1.268-1.13-2.518-1.424-3.734m17.496 3.815H19.63c.6-1.227 1.061-2.44 1.347-3.621.518-2.163.092-3.961-1.202-5.062-.75-.639-1.776-1.023-2.885-1.079a5.253 5.253 0 00-.297-.008c-1.075 0-2.176.294-3.201.86-.407.224-.807.454-1.205.69a.304.304 0 01-.277 0 28.923 28.923 0 00-1.202-.693c-1.028-.563-2.129-.86-3.204-.86-.098 0-.196.003-.295.009-1.106.056-2.131.437-2.885 1.078-1.294 1.1-1.722 2.9-1.204 5.062.28 1.157.725 2.341 1.302 3.538H2.574a.418.418 0 00-.418.414c0 .23.188.415.418.415h2.263c.314.585.653 1.173 1.036 1.764 1.076 1.659 1.939 2.729 3.41 4.233.142.146.64.644 1.064.947.364.26.776.442 1.185.529.117.028.243.045.372.053h.009l.008.003.11.003h.033c.042 0 .078 0 .112-.003l.008-.003h.009c.129-.008.255-.025.372-.053a3.14 3.14 0 001.185-.53c.423-.302.922-.8 1.065-.946l.033-.037c1.451-1.487 2.305-2.551 3.375-4.196.365-.563.692-1.123.995-1.68h2.21c.23 0 .417-.185.417-.415a.412.412 0 00-.417-.412",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconElectrocardiogramLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-electrocardiogram-light.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconElectrocardiogramLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconElectrocardiogramLight: React.ComponentType<IconProps>;
 declare export default typeof IconElectrocardiogramLight;

package/dist/generated/mistica-icons/icon-electrocardiogram-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconElectrocardiogramRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconElectrocardiogramRegular: React.FC<IconProps>;
 export default IconElectrocardiogramRegular;

package/dist/generated/mistica-icons/icon-electrocardiogram-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconElectrocardiogramRegular = function IconElectrocardiogramRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
+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 IconElectrocardiogramRegular = function IconElectrocardiogramRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M16.905 14.447c-1 1.574-1.796 2.585-3.154 4.005l-.042.042-.017.02c-.241.25-.597.591-.854.776a1.92 1.92 0 01-.726.33.767.767 0 01-.14.02h-.067l-.037.003-.044-.003h-.012a1.275 1.275 0 01-.176-.025 1.92 1.92 0 01-.703-.325c-.266-.193-.639-.552-.877-.801-1.37-1.437-2.174-2.457-3.182-4.042-.188-.294-.35-.591-.521-.885h.199c.272 0 .507-.18.585-.437l1.272-4.16 1.566 7.941c.056.28.288.485.571.499h.031c.272 0 .507-.18.585-.44l1-3.317h1.026c.271 0 .51-.179.588-.445l.627-2.165.76 2.196a.612.612 0 00.577.414h1.635c-.154.267-.297.533-.47.799M4.339 8.702c-.23-.978-.434-2.776.784-3.832.532-.462 1.275-.74 2.09-.782a5.58 5.58 0 01.224-.005c.846 0 1.725.243 2.543.703.365.204.74.423 1.168.683.465.266 1.04.26 1.502-.011.409-.247.784-.465 1.148-.672.821-.46 1.7-.703 2.544-.703.073 0 .151.002.224.005.815.042 1.557.32 2.09.782 1.218 1.056 1.013 2.857.781 3.832-.283 1.204-.76 2.448-1.392 3.706H16.17l-1.247-3.6a.58.58 0 00-.593-.414.614.614 0 00-.572.445l-1.03 3.569h-1.023a.61.61 0 00-.586.44l-.422 1.4-1.564-7.922a.614.614 0 00-.568-.498.596.596 0 00-.62.437l-1.85 6.056h-.412C5.08 11.09 4.616 9.884 4.339 8.7m16.734 3.707h-1.658c.537-1.155.955-2.3 1.218-3.418.51-2.162.09-3.96-1.176-5.061-.737-.64-1.74-1.023-2.824-1.079a4.96 4.96 0 00-.288-.008c-1.054 0-2.132.294-3.138.86-.397.224-.79.45-1.179.686a.276.276 0 01-.272 0 45.053 45.053 0 00-1.176-.686c-1.006-.566-2.087-.86-3.14-.86-.095 0-.19.003-.286.008-1.084.056-2.09.44-2.823 1.079-1.272 1.1-1.692 2.899-1.183 5.061.258 1.093.659 2.207 1.174 3.33H2.613a.617.617 0 00-.613.623c0 .341.275.619.613.619H4.93c.28.518.583 1.036.916 1.557 1.056 1.661 1.896 2.728 3.339 4.235.14.146.627.645 1.042.947.356.26.756.443 1.16.53.12.028.243.044.367.053h.016c.034.003.07.003.107.003h.033c.04 0 .073-.003.11-.003h.014c.123-.006.246-.025.367-.054a3.1 3.1 0 001.16-.529c.414-.3.901-.801 1.041-.947l.034-.036c1.42-1.488 2.258-2.552 3.305-4.199.314-.49.6-.983.866-1.473h2.271a.62.62 0 00.614-.62.625.625 0 00-.62-.618",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.254 2c-2.035 0-3.356.826-5.25 3.302C10.149 2.864 8.68 2 6.61 2 4.396 2 2 3.574 2 6.987c0 5.098 6.392 12.298 9.465 15.787A.71.71 0 0012 23a.71.71 0 00.535-.226c.786-.902 2.963-3.45 2.963-3.49l2.643-3.45C20.747 12.195 22 9.31 22 6.982 22.01 3.728 19.613 2 17.254 2zm-.247 12.98L14.4 18.391c-.86 1.013-1.679 1.987-2.392 2.774C9.08 17.83 3.436 11.23 3.436 6.992c0-2.4 1.61-3.49 3.178-3.49 1.568 0 2.752.524 4.856 3.452a.722.722 0 001.143 0c2.071-2.962 3.109-3.452 4.645-3.452 1.61 0 3.324 1.09 3.324 3.49-.004 1.949-1.22 4.646-3.575 7.987zm-1.788-2.852h-2.501V9.502c0-.412-.32-.748-.713-.748-.394 0-.714.336-.714.748v2.626h-2.5c-.394 0-.714.336-.714.749s.32.749.713.749h2.501v2.625c0 .413.32.749.714.749.393 0 .713-.336.713-.749v-2.625h2.501c.393 0 .713-.336.713-.75 0-.412-.32-.748-.713-.748z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.905 14.447c-1 1.574-1.796 2.585-3.154 4.005l-.042.042-.017.02c-.241.25-.597.591-.854.776a1.92 1.92 0 01-.726.33.767.767 0 01-.14.02h-.067l-.037.003-.044-.003h-.012a1.275 1.275 0 01-.176-.025 1.92 1.92 0 01-.703-.325c-.266-.193-.639-.552-.877-.801-1.37-1.437-2.174-2.457-3.182-4.042-.188-.294-.35-.591-.521-.885h.199c.272 0 .507-.18.585-.437l1.272-4.16 1.566 7.941c.056.28.288.485.571.499h.031c.272 0 .507-.18.585-.44l1-3.317h1.026c.271 0 .51-.179.588-.445l.627-2.165.76 2.196a.612.612 0 00.577.414h1.635c-.154.267-.297.533-.47.799M4.339 8.702c-.23-.978-.434-2.776.784-3.832.532-.462 1.275-.74 2.09-.782a5.58 5.58 0 01.224-.005c.846 0 1.725.243 2.543.703.365.204.74.423 1.168.683.465.266 1.04.26 1.502-.011.409-.247.784-.465 1.148-.672.821-.46 1.7-.703 2.544-.703.073 0 .151.002.224.005.815.042 1.557.32 2.09.782 1.218 1.056 1.013 2.857.781 3.832-.283 1.204-.76 2.448-1.392 3.706H16.17l-1.247-3.6a.58.58 0 00-.593-.414.614.614 0 00-.572.445l-1.03 3.569h-1.023a.61.61 0 00-.586.44l-.422 1.4-1.564-7.922a.614.614 0 00-.568-.498.596.596 0 00-.62.437l-1.85 6.056h-.412C5.08 11.09 4.616 9.884 4.339 8.7m16.734 3.707h-1.658c.537-1.155.955-2.3 1.218-3.418.51-2.162.09-3.96-1.176-5.061-.737-.64-1.74-1.023-2.824-1.079a4.96 4.96 0 00-.288-.008c-1.054 0-2.132.294-3.138.86-.397.224-.79.45-1.179.686a.276.276 0 01-.272 0 45.053 45.053 0 00-1.176-.686c-1.006-.566-2.087-.86-3.14-.86-.095 0-.19.003-.286.008-1.084.056-2.09.44-2.823 1.079-1.272 1.1-1.692 2.899-1.183 5.061.258 1.093.659 2.207 1.174 3.33H2.613a.617.617 0 00-.613.623c0 .341.275.619.613.619H4.93c.28.518.583 1.036.916 1.557 1.056 1.661 1.896 2.728 3.339 4.235.14.146.627.645 1.042.947.356.26.756.443 1.16.53.12.028.243.044.367.053h.016c.034.003.07.003.107.003h.033c.04 0 .073-.003.11-.003h.014c.123-.006.246-.025.367-.054a3.1 3.1 0 001.16-.529c.414-.3.901-.801 1.041-.947l.034-.036c1.42-1.488 2.258-2.552 3.305-4.199.314-.49.6-.983.866-1.473h2.271a.62.62 0 00.614-.62.625.625 0 00-.62-.618",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconElectrocardiogramRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-electrocardiogram-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconElectrocardiogramRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconElectrocardiogramRegular: React.ComponentType<IconProps>;
 declare export default typeof IconElectrocardiogramRegular;

package/dist/generated/mistica-icons/icon-email-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconEmailFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconEmailFilled: React.FC<IconProps>;
 export default IconEmailFilled;

package/dist/generated/mistica-icons/icon-email-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconEmailFilled = function IconEmailFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
+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 IconEmailFilled = function IconEmailFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M21.801 16.827c.026.215.065.888-.392 1.437-.246.297-.728.652-1.616.67-.518.008-2.465.01-4.83.01-4.565 0-10.688-.01-11.075-.01a1.706 1.706 0 01-1.151-.48c-.38-.372-.577-.905-.577-1.585V7.4l8.025 5.059c.042.03.72.51 1.658.51.471 0 1.009-.12 1.563-.485l8.41-5.123-.015 9.465zm-9.039-5.35c-.966.63-1.832.039-1.896-.006L2.33 6.09c.078-.202.19-.406.358-.583.303-.319.717-.487 1.202-.487l16.221.003c.367.003 1.14.201 1.505 1.061l-8.855 5.393z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M22 5.962v12.272a.754.754 0 01-.74.766H2.74a.754.754 0 01-.74-.766V5.962l9.706 6.237a.53.53 0 00.588 0L22 5.962zM21.26 5c.043 0 .076.005.114.01L12 11.035 2.626 5.01c.038-.005.076-.01.114-.01z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M21.801 16.827c.026.215.065.888-.392 1.437-.246.297-.728.652-1.616.67-.518.008-2.465.01-4.83.01-4.565 0-10.688-.01-11.075-.01a1.706 1.706 0 01-1.151-.48c-.38-.372-.577-.905-.577-1.585V7.4l8.025 5.059c.042.03.72.51 1.658.51.471 0 1.009-.12 1.563-.485l8.41-5.123-.015 9.465zm-9.039-5.35c-.966.63-1.832.039-1.896-.006L2.33 6.09c.078-.202.19-.406.358-.583.303-.319.717-.487 1.202-.487l16.221.003c.367.003 1.14.201 1.505 1.061l-8.855 5.393z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconEmailFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-email-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconEmailFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconEmailFilled: React.ComponentType<IconProps>;
 declare export default typeof IconEmailFilled;

package/dist/generated/mistica-icons/icon-email-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconEmailLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconEmailLight: React.FC<IconProps>;
 export default IconEmailLight;