@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconElectrocardiogramRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconElectrocardiogramRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconEmailFilled;

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

@@ -5,19 +5,80 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconEmailLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M20.834 17.817c-.168.199-.462.305-.874.31-1.543.026-16.092 0-16.246 0a.755.755 0 01-.451-.198c-.188-.185-.283-.488-.283-.902V7.682l7.3 4.63c.041.029.68.488 1.568.488.448 0 .964-.118 1.493-.468l7.678-4.664-.009 9.426c0 .003.068.434-.176.723M3.719 5.837l16.586.002c.103.003.593.065.691.883l-8.095 4.918c-1.11.726-2.098.04-2.16-.003L2.986 6.716c.02-.219.081-.521.255-.703.115-.118.272-.177.48-.177m18.106 11.19L21.84 6.93c-.042-1.538-1.012-1.888-1.535-1.908L3.719 5.016c-.434 0-.81.15-1.078.437-.524.554-.488 1.411-.482 1.484v10.087c0 .644.18 1.146.53 1.487.277.27.646.426 1.033.435.098 0 6.555.01 11.333.01 2.415 0 4.398-.002 4.919-.01.667-.012 1.17-.219 1.496-.614.473-.571.364-1.297.356-1.305",
-        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("g", {
+            fill: fillColor
+        }, /*#__PURE__*/ React.createElement("path", {
+            d: "M21.274 18.223H2.726V6.45l8.91 5.501a.35.35 0 00.182.05.345.345 0 00.182-.05l8.91-5.496v7.493c0 .214.164.388.364.388.2 0 .363-.174.363-.388v-8.56c0-.214-.163-.388-.363-.388H2.364C2.162 5 2 5.174 2 5.388v13.224c0 .214.163.388.363.388h18.91c.2 0 .364-.174.364-.388 0-.214-.163-.389-.363-.389zm-9.456-7.06L3.09 5.778h17.458l-8.729 5.387z"
+        }), /*#__PURE__*/ React.createElement("circle", {
+            cx: 21.274,
+            cy: 16.277,
+            r: 1
+        }))));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.834 17.817c-.168.199-.462.305-.874.31-1.543.026-16.092 0-16.246 0a.755.755 0 01-.451-.198c-.188-.185-.283-.488-.283-.902V7.682l7.3 4.63c.041.029.68.488 1.568.488.448 0 .964-.118 1.493-.468l7.678-4.664-.009 9.426c0 .003.068.434-.176.723M3.719 5.837l16.586.002c.103.003.593.065.691.883l-8.095 4.918c-1.11.726-2.098.04-2.16-.003L2.986 6.716c.02-.219.081-.521.255-.703.115-.118.272-.177.48-.177m18.106 11.19L21.84 6.93c-.042-1.538-1.012-1.888-1.535-1.908L3.719 5.016c-.434 0-.81.15-1.078.437-.524.554-.488 1.411-.482 1.484v10.087c0 .644.18 1.146.53 1.487.277.27.646.426 1.033.435.098 0 6.555.01 11.333.01 2.415 0 4.398-.002 4.919-.01.667-.012 1.17-.219 1.496-.614.473-.571.364-1.297.356-1.305",
+            fill: fillColor
+        })));
+    }
 };
 export default IconEmailLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconEmailRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M20.502 17.527c-.154.182-.471.224-.706.23-1.513.025-15.762-.003-15.92 0a.53.53 0 01-.296-.138c-.18-.173-.216-.495-.216-.733V8.174l6.832 4.294a3.04 3.04 0 001.661.513c.47 0 1.009-.123 1.563-.485l7.216-4.347-.011 8.737.008.095c-.003.003.045.342-.131.546M3.888 6.217l16.263.002c.014 0 .342.011.451.552l-7.826 4.717c-.966.63-1.835.039-1.9-.009l-7.49-4.708c.026-.163.08-.342.18-.448.05-.048.132-.107.322-.107m17.941 10.63l.014-9.776c-.045-1.711-1.224-2.075-1.706-2.047L3.891 5.02c-.482 0-.9.168-1.202.487-.571.6-.532 1.51-.526 1.577v9.799c0 .68.193 1.215.577 1.588.49.476 1.103.493 1.15.479.387 0 6.52.014 11.093.014a437.3 437.3 0 004.835-.014c.89-.014 1.373-.373 1.62-.667.453-.549.42-1.221.391-1.437",
-        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: "M21.26 5H2.74a.754.754 0 00-.74.766v12.468c0 .422.332.766.74.766h18.52c.408 0 .74-.344.74-.766V5.766A.754.754 0 0021.26 5zm-2.114 1.532L12 10.824 4.854 6.532h14.292zM3.479 17.468V7.48l8.146 4.896a.715.715 0 00.74 0l8.156-4.896v9.983H3.479v.005z",
+            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: "M20.502 17.527c-.154.182-.471.224-.706.23-1.513.025-15.762-.003-15.92 0a.53.53 0 01-.296-.138c-.18-.173-.216-.495-.216-.733V8.174l6.832 4.294a3.04 3.04 0 001.661.513c.47 0 1.009-.123 1.563-.485l7.216-4.347-.011 8.737.008.095c-.003.003.045.342-.131.546M3.888 6.217l16.263.002c.014 0 .342.011.451.552l-7.826 4.717c-.966.63-1.835.039-1.9-.009l-7.49-4.708c.026-.163.08-.342.18-.448.05-.048.132-.107.322-.107m17.941 10.63l.014-9.776c-.045-1.711-1.224-2.075-1.706-2.047L3.891 5.02c-.482 0-.9.168-1.202.487-.571.6-.532 1.51-.526 1.577v9.799c0 .68.193 1.215.577 1.588.49.476 1.103.493 1.15.479.387 0 6.52.014 11.093.014a437.3 437.3 0 004.835-.014c.89-.014 1.373-.373 1.62-.667.453-.549.42-1.221.391-1.437",
+            fill: fillColor
+        })));
+    }
 };
 export default IconEmailRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailVirusFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconEmailVirusFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M9.661 10.765c-1.325 0-1.325.286-1.325.644 0 .017.003.031.003.048a4 4 0 011.32-.199c.518 0 .952.07 1.325.202l.002-.05c0-.36 0-.645-1.325-.645zm3.661 3.238c.292 0 .524.233.524.524v.773a.52.52 0 01-.524.521.522.522 0 01-.523-.521v-.252h-.13c-.005.569-.05 1.118-.184 1.608l.737.221a.52.52 0 01.372.527l-.064 1.165a.525.525 0 01-.524.493h-.028a.523.523 0 01-.496-.55l.042-.755-.493-.149c-.442.572-1.17.933-2.37.933-1.204 0-1.935-.364-2.375-.938l-.51.154.042.756a.523.523 0 01-.496.549h-.03a.525.525 0 01-.524-.493l-.065-1.165a.517.517 0 01.373-.527l.753-.227c-.131-.49-.176-1.036-.182-1.602H6.52v.252a.52.52 0 01-.524.521.522.522 0 01-.524-.521v-.773c0-.289.235-.524.524-.524h.686c.042-.46.132-.907.305-1.305l-.91-.275a.522.522 0 01-.375-.526l.064-1.166c.017-.288.26-.476.552-.493.288.017.51.26.496.55l-.042.756.54.162a1.77 1.77 0 01-.025-.297c0-1.689 1.664-1.689 2.375-1.689.712 0 2.376 0 2.376 1.69 0 .1-.011.195-.023.288l.51-.151-.042-.754a.523.523 0 01.496-.549c.3.017.538.204.552.493l.064 1.165a.525.525 0 01-.372.53l-.894.266c.174.4.266.849.308 1.31 0-.005.686-.005.686-.005zm-3.697-.863a.522.522 0 00-.524.521v2.897c0 .288.235.52.524.52a.522.522 0 00.524-.52V13.66a.52.52 0 00-.524-.52zm.336 7.499c.796-.014 3.501-.227 4.97-2.39.672-.988 1.013-2.28 1.013-3.84 0-.378-.02-.745-.059-1.087-.54-4.68-4.694-5.142-5.952-5.176-.148-.003-.32-.006-.482-.006h-.148c-1.277.014-5.46.429-5.894 5.342-.025.283-.039.58-.039.888 0 5.74 4.577 6.252 5.98 6.272.208.003.429 0 .611-.003zm1.933-17.03L5.07 7.918c-.078.056-.137.185-.173.361 1.297-.924 2.885-1.327 4.392-1.341.218-.003.465 0 .672.005 2.544.062 5.35 1.202 6.569 4.076l4.092-2.552c-.022-.272-.1-.476-.227-.569l-.078-.05-6.698-4.224a1.668 1.668 0 00-.868-.26c-.493 0-.852.24-.857.243zm9.941 13.982c.025.208.053.846-.378 1.364-.235.283-.69.622-1.527.64-.375.005-2.627.008-4.543.008-1.838 2.002-4.552 2.224-5.403 2.238-.216.002-.435.005-.653.002-1.196-.016-7.171-.459-7.171-7.473 0-.347.014-.678.042-.994.148-1.656.683-2.933 1.445-3.905v-.89c.02-.95.415-1.424.74-1.66l.129-.083 6.706-4.23a2.816 2.816 0 013.076.02l6.778 4.277c.353.25.745.726.767 1.661l-.008 9.025z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailVirusLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconEmailVirusLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M9.608 17.731c1.65 0 2.129-.621 2.129-2.773 0-1.344-.204-2.073-.686-2.428-.314-.233-.785-.345-1.443-.345-.664 0-1.137.115-1.448.35-.476.362-.678 1.084-.678 2.423-.003 2.152.474 2.773 2.126 2.773zm.003-7.114c-1.378 0-1.476.294-1.476.781 0 .084.005.157.017.219.395-.163.87-.25 1.456-.25.588 0 1.067.087 1.462.252.012-.061.017-.134.017-.22 0-.488-.098-.782-1.476-.782zm3.74 3.551c.226 0 .411.185.411.41v.79a.41.41 0 01-.412.408h-.002a.41.41 0 01-.412-.409v-.383h-.378c-.003.703-.067 1.322-.227 1.843l.877.263a.41.41 0 01.294.415l-.065 1.19a.41.41 0 01-.411.387h-.023a.41.41 0 01-.39-.432l.048-.868-.675-.202c-.434.616-1.168.97-2.378.97-1.216 0-1.95-.356-2.384-.973l-.691.208.044.868a.41.41 0 01-.389.431h-.022a.411.411 0 01-.412-.386l-.065-1.19a.405.405 0 01.292-.415l.896-.27c-.16-.52-.224-1.136-.227-1.837h-.372v.381a.41.41 0 01-.412.41h-.003a.41.41 0 01-.412-.41v-.792a.41.41 0 01.412-.41h.818c.042-.546.146-1.075.373-1.529l-1.07-.32a.405.405 0 01-.292-.414l.065-1.19a.406.406 0 01.417-.39h.017a.41.41 0 01.39.432l-.046.868.838.252a1.863 1.863 0 01-.062-.482c0-1.599 1.555-1.599 2.303-1.599.745 0 2.3 0 2.3 1.6 0 .173-.023.327-.06.47l.807-.24-.047-.87a.412.412 0 01.39-.43c.262-.012.422.16.433.386l.065 1.19a.408.408 0 01-.294.415l-1.05.314c.226.454.333.986.375 1.535 0 .005.817.005.817.005zm-3.776-.88c.226 0 .411.186.411.41v2.955a.41.41 0 01-.409.409h-.002a.41.41 0 01-.412-.409v-2.955a.41.41 0 01.412-.41zm11.282 5.16c.21-.252.157-.63.157-.633l.003-8.347-4.244 2.644c.09.356.169.723.213 1.12.045.39.068.802.068 1.228 0 1.694-.376 3.126-1.093 4.277 1.82 0 3.768-.003 4.115-.008.37-.009.633-.101.781-.28zM9.92 21.024c.838-.014 3.686-.241 5.241-2.53.709-1.047 1.07-2.403 1.07-4.036 0-.392-.022-.773-.064-1.132-.572-4.944-4.947-5.431-6.275-5.465-.165-.005-.333-.005-.499-.005h-.154c-1.341.01-5.756.45-6.215 5.638-.025.308-.04.617-.04.925 0 6.045 4.827 6.585 6.309 6.608.21 0 .442 0 .627-.003zM4.815 7.66c-.19.135-.302.435-.31.86v.138c1.344-1.124 3.084-1.605 4.725-1.62.224-.002.473 0 .678.006 2.588.062 5.448 1.252 6.605 4.263l4.476-2.79.025-.008c-.01-.414-.12-.714-.327-.86l-.09-.056-6.835-4.316a1.893 1.893 0 00-.994-.294c-.577 0-.986.28-.989.282-.003-.002-6.964 4.395-6.964 4.395zm17.017 10.087c.006.006.11.687-.339 1.224-.308.37-.781.563-1.403.575-.387.005-2.754.008-4.726.01-1.82 2.048-4.57 2.272-5.428 2.286-.132.003-.286.003-.437.003H9.28c-1.19-.02-7.12-.46-7.12-7.428 0-.348.017-.681.042-.997.148-1.673.697-2.958 1.476-3.928V8.51c.02-.885.376-1.316.672-1.526l.12-.079 6.844-4.32a2.71 2.71 0 011.44-.425c.846 0 1.442.42 1.468.437l6.93 4.375c.31.222.666.653.686 1.53l-.006 9.246z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmailVirusRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconEmailVirusRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M9.659 17.505c1.54 0 1.963-.558 1.963-2.597 0-1.275-.187-1.958-.624-2.283-.286-.21-.723-.314-1.34-.314-.621 0-1.061.104-1.347.32-.434.327-.619 1.008-.619 2.277 0 2.04.423 2.597 1.967 2.597zm.002-6.732c-1.325 0-1.325.286-1.325.645 0 .02.003.03.003.047a4 4 0 011.32-.199c.518 0 .952.07 1.325.202l.002-.05c0-.359 0-.645-1.325-.645zm3.661 3.239a.52.52 0 01.524.523v.773a.522.522 0 01-.524.521.52.52 0 01-.523-.52v-.253h-.13c-.005.569-.05 1.118-.184 1.608l.737.221a.52.52 0 01.372.527l-.061 1.165a.523.523 0 01-.524.493h-.028a.525.525 0 01-.496-.549l.042-.756-.493-.148c-.44.568-1.17.932-2.373.932-1.204 0-1.935-.364-2.375-.938l-.513.154.042.756a.523.523 0 01-.495.55h-.028a.523.523 0 01-.524-.494l-.062-1.165a.517.517 0 01.373-.527l.756-.226c-.134-.49-.176-1.037-.182-1.603h-.129v.252A.522.522 0 016 15.83a.52.52 0 01-.523-.52v-.774c0-.288.235-.523.523-.523h.687c.042-.46.134-.905.305-1.306l-.91-.271a.522.522 0 01-.373-.53l.062-1.165c.014-.289.26-.476.551-.493a.52.52 0 01.496.549l-.042.756.54.163a2.02 2.02 0 01-.024-.297c0-1.69 1.666-1.69 2.375-1.69.711 0 2.375 0 2.375 1.69 0 .1-.01.196-.022.288l.51-.151-.042-.756a.523.523 0 01.496-.55c.3.017.537.205.551.494l.062 1.165c.014.24-.14.46-.373.53l-.893.265c.174.398.266.85.308 1.311h.683v-.002zm-3.697-.863a.52.52 0 01.524.52v2.897a.522.522 0 01-.524.521.522.522 0 01-.524-.52V13.67c0-.289.235-.521.524-.521zm10.894 5.053c.148-.174.112-.468.112-.47l-.009-.096.006-7.745-3.72 2.317c.073.313.137.635.176.98.045.39.068.804.068 1.224 0 1.555-.325 2.882-.928 3.989 1.675 0 3.367-.003 3.684-.009.204.003.479-.036.61-.19zM9.96 20.647c.796-.014 3.502-.226 4.97-2.389.672-.989 1.013-2.28 1.013-3.84 0-.378-.02-.743-.059-1.087-.54-4.68-4.691-5.143-5.952-5.177-.148-.002-.32-.005-.482-.005h-.148c-1.272.011-5.454.426-5.89 5.339a9.72 9.72 0 00-.04.888c0 5.74 4.577 6.252 5.98 6.271.205.006.426.003.608 0zm1.933-17.03L5.07 7.927c-.078.057-.137.185-.173.362C6.19 7.364 7.782 6.96 9.289 6.947c.218-.003.465 0 .672.006 2.544.061 5.35 1.201 6.569 4.075l4.092-2.551c-.022-.272-.098-.477-.227-.57l-.078-.05-6.698-4.226a1.638 1.638 0 00-.865-.26c-.496.002-.855.243-.86.246zM21.835 17.6c.025.207.053.846-.378 1.364-.235.283-.69.622-1.527.636-.372.005-2.627.008-4.543.008-1.838 2.003-4.552 2.224-5.403 2.238-.13.003-.28.006-.432.006-.073 0-.146 0-.218-.003-1.2-.02-7.174-.46-7.174-7.476 0-.347.014-.678.042-.995.146-1.655.683-2.932 1.445-3.904v-.891c.023-.95.415-1.423.74-1.658l.129-.084 6.703-4.233a2.82 2.82 0 011.515-.448c.877 0 1.49.42 1.558.468l6.778 4.28c.353.25.745.725.768 1.661l-.003 9.03z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEmergencyCrossFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconEmergencyCrossFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M20.277 8.571l-5.168.003-.003-5.162c0-.737-.574-1.41-1.204-1.41L9.773 2c-.63 0-1.204.672-1.204 1.409l.002 5.165-5.162.003C2.659 8.577 2 9.14 2 9.781v4.13c0 .64.658 1.204 1.409 1.204l5.168-.003.003 5.162c0 .751.563 1.41 1.204 1.41h4.13c.64 0 1.204-.659 1.204-1.41l-.003-5.168 5.162-.002c.737 0 1.41-.575 1.41-1.205V9.77c0-.627-.673-1.199-1.41-1.199",
         fill: fillColor
     })));