@telefonica/mistica 10.9.2 → 10.13.0

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpenRegular = function IconOpenRegular(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 IconOpenRegular = function IconOpenRegular(_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.14 20.165c.221-.221.342-.518.342-.829l-.02-5.846c.023-.417-.073-.728-.269-.938-.201-.213-.504-.328-.882-.33l-14.941.002a1.172 1.172 0 00-1.17 1.174l.018 5.846c-.022.414.073.728.27.938.201.213.506.328.882.33l14.94-.002a1.17 1.17 0 00.83-.345zM11.843 3.23a.708.708 0 100 1.417.708.708 0 100-1.417zm0 2.622c-.308 0-.594-.079-.851-.208l-5.376 5.378 12.474-.002-5.395-5.379c-.258.13-.544.21-.852.21zm9.824 7.669l.02 5.812a2.373 2.373 0 01-2.373 2.378l-14.947.003c-.709-.005-1.33-.257-1.754-.711-.425-.457-.633-1.076-.593-1.793L2 13.398a2.364 2.364 0 011.854-2.317l6.289-6.291a1.895 1.895 0 01-.21-.852c0-1.056.857-1.913 1.91-1.913s1.91.857 1.91 1.913c0 .308-.078.594-.207.852l6.297 6.28c.488.095.913.322 1.23.658.426.454.633 1.073.594 1.793zm-14.726 3.7c.2 0 .53 0 .53-1.014 0-1.022-.345-1.022-.53-1.022-.199 0-.532 0-.532 1.022 0 1.014.333 1.014.532 1.014zm0-2.969c.55 0 1.47.255 1.47 1.955 0 1.698-.92 1.953-1.47 1.953-.552 0-1.473-.252-1.473-1.953 0-1.7.921-1.955 1.473-1.955zm3.518 1.69c.031-.037.065-.096.065-.323 0-.185-.04-.297-.079-.342 0 0-.053-.047-.277-.047h-.28v.762h.336c.19-.003.216-.028.235-.05zm-.274-1.634c.426 0 .74.11.952.336.216.23.328.555.328.964 0 .406-.098.714-.303.944-.204.235-.5.358-.885.358h-.389v.787a.4.4 0 01-.4.401h-.132a.4.4 0 01-.4-.4V14.71a.4.4 0 01.4-.4h.829v-.003zm3.647 2.868a.4.4 0 01.4.401v.118a.4.4 0 01-.4.4h-1.47a.4.4 0 01-.401-.4v-2.986a.4.4 0 01.4-.4h1.426a.4.4 0 01.314.148.408.408 0 01.078.339l-.025.117a.399.399 0 01-.392.314h-.871v.493h.66a.4.4 0 01.401.4v.118a.4.4 0 01-.4.4h-.661v.541h.94v-.003zm3.339-2.868a.4.4 0 01.4.4v2.99a.4.4 0 01-.4.4h-.101a.397.397 0 01-.333-.18l-1.065-1.613v1.392a.4.4 0 01-.4.401h-.12a.4.4 0 01-.401-.4v-2.99a.4.4 0 01.4-.4h.095c.135 0 .261.067.334.18l1.067 1.613v-1.392a.4.4 0 01.4-.4h.124z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-optical-fiber-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpticalFiberFilled = function IconOpticalFiberFilled(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 IconOpticalFiberFilled = function IconOpticalFiberFilled(_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: "M11.846 2c3.123 0 5.557.818 7.23 2.429 1.736 1.675 2.616 4.168 2.616 7.417 0 3.25-.88 5.745-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.303 0-4.23-.446-5.754-1.325l3.647-3.748a.561.561 0 00-.002-.784l-.224-.227c1.344-.678 3.327-1.384 5.966-1.574.073.17.182.327.317.456.285.27.655.41 1.109.41.454 0 .823-.132 1.109-.41.286-.277.437-.647.437-1.07 0-.423-.154-.795-.437-1.067-.283-.272-.655-.412-1.11-.412-.453 0-.826.137-1.108.41a1.39 1.39 0 00-.356.56c-2.056.145-3.748.588-5.079 1.097l4.768-4.705a1.4 1.4 0 00.605.117c.392-.011.75-.174 1.076-.493.324-.32.493-.678.504-1.07a1.423 1.423 0 00-.446-1.064c-.3-.297-.67-.448-1.067-.437-.392.008-.75.173-1.076.493-.324.32-.493.678-.504 1.07-.008.204.034.406.115.594l-4.863 4.8c.535-1.347 1-3.086 1.152-5.215a1.36 1.36 0 00.56-.356c.272-.285.409-.658.409-1.109 0-.45-.135-.823-.41-1.11a1.442 1.442 0 00-1.066-.436 1.45 1.45 0 00-1.068.437c-.271.286-.409.655-.409 1.11 0 .453.138.825.41 1.108.128.135.285.244.456.317-.19 2.63-.89 4.61-1.566 5.952l-.193-.196a.549.549 0 00-.398-.168.566.566 0 00-.4.168L3.3 17.56C2.437 16.045 2 14.132 2 11.846c0-3.247.88-5.742 2.616-7.417C6.29 2.818 8.723 2 11.846 2zm5.067 11.064c.23 0 .308.073.333.098.045.045.093.11.093.261 0 .151-.048.216-.093.26-.025.026-.103.099-.333.099-.23 0-.308-.073-.333-.099-.042-.042-.09-.103-.093-.249v-.014c0-.148.048-.213.093-.258.025-.025.103-.098.333-.098zM15.835 7.48c.064-.003.148.014.249.115.1.1.115.176.112.235-.003.034-.003.135-.17.303-.169.168-.28.17-.317.17-.065.003-.143-.008-.247-.112-.103-.103-.117-.179-.115-.238.003-.033.003-.134.171-.302.168-.168.28-.171.317-.171zm-5.712-1.272c.152 0 .216.048.26.093.026.025.099.1.099.333s-.073.308-.098.333c-.045.045-.11.093-.258.093h-.017c-.143-.003-.204-.048-.246-.093-.025-.025-.098-.1-.098-.333 0-.232.073-.308.098-.333.045-.045.109-.093.26-.093z",
-        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: "M20.532 6.405a1.47 1.47 0 00-1.35 2.042l-5.062 5.059-1.426-1.426 7.264-7.261A1.47 1.47 0 0022 3.469 1.47 1.47 0 0020.532 2a1.47 1.47 0 00-1.35 2.042l-7.264 7.262-1.426-1.426 5.053-5.06a1.47 1.47 0 002.042-1.35A1.47 1.47 0 0016.119 2a1.47 1.47 0 00-1.35 2.042L9.71 9.096l-.376-.376c-.419-.419-1.144-.419-1.558 0L2 14.494 9.504 22l5.773-5.774a1.105 1.105 0 000-1.558l-.377-.376 5.058-5.06c.174.076.372.119.574.119A1.47 1.47 0 0022 7.882c0-.81-.659-1.477-1.468-1.477z",
+            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: "M11.846 2c3.123 0 5.557.818 7.23 2.429 1.736 1.675 2.616 4.168 2.616 7.417 0 3.25-.88 5.745-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.303 0-4.23-.446-5.754-1.325l3.647-3.748a.561.561 0 00-.002-.784l-.224-.227c1.344-.678 3.327-1.384 5.966-1.574.073.17.182.327.317.456.285.27.655.41 1.109.41.454 0 .823-.132 1.109-.41.286-.277.437-.647.437-1.07 0-.423-.154-.795-.437-1.067-.283-.272-.655-.412-1.11-.412-.453 0-.826.137-1.108.41a1.39 1.39 0 00-.356.56c-2.056.145-3.748.588-5.079 1.097l4.768-4.705a1.4 1.4 0 00.605.117c.392-.011.75-.174 1.076-.493.324-.32.493-.678.504-1.07a1.423 1.423 0 00-.446-1.064c-.3-.297-.67-.448-1.067-.437-.392.008-.75.173-1.076.493-.324.32-.493.678-.504 1.07-.008.204.034.406.115.594l-4.863 4.8c.535-1.347 1-3.086 1.152-5.215a1.36 1.36 0 00.56-.356c.272-.285.409-.658.409-1.109 0-.45-.135-.823-.41-1.11a1.442 1.442 0 00-1.066-.436 1.45 1.45 0 00-1.068.437c-.271.286-.409.655-.409 1.11 0 .453.138.825.41 1.108.128.135.285.244.456.317-.19 2.63-.89 4.61-1.566 5.952l-.193-.196a.549.549 0 00-.398-.168.566.566 0 00-.4.168L3.3 17.56C2.437 16.045 2 14.132 2 11.846c0-3.247.88-5.742 2.616-7.417C6.29 2.818 8.723 2 11.846 2zm5.067 11.064c.23 0 .308.073.333.098.045.045.093.11.093.261 0 .151-.048.216-.093.26-.025.026-.103.099-.333.099-.23 0-.308-.073-.333-.099-.042-.042-.09-.103-.093-.249v-.014c0-.148.048-.213.093-.258.025-.025.103-.098.333-.098zM15.835 7.48c.064-.003.148.014.249.115.1.1.115.176.112.235-.003.034-.003.135-.17.303-.169.168-.28.17-.317.17-.065.003-.143-.008-.247-.112-.103-.103-.117-.179-.115-.238.003-.033.003-.134.171-.302.168-.168.28-.171.317-.171zm-5.712-1.272c.152 0 .216.048.26.093.026.025.099.1.099.333s-.073.308-.098.333c-.045.045-.11.093-.258.093h-.017c-.143-.003-.204-.048-.246-.093-.025-.025-.098-.1-.098-.333 0-.232.073-.308.098-.333.045-.045.109-.093.26-.093z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconOpticalFiberFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-optical-fiber-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpticalFiberLight = function IconOpticalFiberLight(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 IconOpticalFiberLight = function IconOpticalFiberLight(_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: "M11.994 2.156c3.14 0 5.574.813 7.238 2.418 1.725 1.663 2.602 4.162 2.602 7.423 0 6.437-3.403 9.837-9.84 9.837-6.434 0-9.838-3.4-9.838-9.835 0-6.434 3.404-9.843 9.838-9.843zm0 .56c-2.989 0-5.294.762-6.849 2.261-1.61 1.555-2.429 3.916-2.429 7.02 0 2.22.42 4.063 1.248 5.5l.038-.05.006-.005 3.325-3.283a.279.279 0 01.395.003l.465.47c.751-1.389 1.594-3.571 1.786-6.562a1.144 1.144 0 01-.61-.337c-.227-.238-.347-.56-.347-.95 0-.389.117-.71.347-.949.23-.238.538-.367.905-.367s.67.123.905.367.347.56.347.95c0 .39-.118.711-.347.95a1.18 1.18 0 01-.642.342l.003-.046c-.182 3.011-1.008 5.244-1.77 6.703l6.04-5.962a1.141 1.141 0 01-.206-.693c.009-.33.154-.639.435-.913.28-.275.588-.42.921-.429a1.2 1.2 0 01.902.373c.26.257.387.557.378.896-.008.33-.157.639-.434.913-.277.275-.588.42-.921.429h-.037c-.23 0-.443-.063-.636-.187l-5.955 5.881c1.45-.738 3.616-1.518 6.51-1.703.04-.264.157-.488.347-.672.244-.235.56-.347.95-.347.39 0 .711.117.95.347.237.23.366.538.366.905s-.123.67-.367.905c-.243.235-.557.347-.95.347-.391 0-.71-.118-.949-.347a1.158 1.158 0 01-.33-.582l.078-.007c-3.025.185-5.227 1.037-6.627 1.796l.49.496a.279.279 0 01-.003.395L6.33 19.928c1.461.894 3.36 1.346 5.665 1.346 2.989 0 5.294-.76 6.851-2.258C20.46 17.462 21.277 15.1 21.277 12s-.818-5.465-2.432-7.02c-1.557-1.5-3.862-2.263-6.851-2.263zM7.529 14.753l-3.13 3.087a.635.635 0 01-.147.118 6.812 6.812 0 001.608 1.657l.027-.036 3.244-3.201-.801-.813-.272-.274-.53-.538zm9.535-1.765c-.216 0-.378.053-.49.163a.548.548 0 00-.163.425v.014a.54.54 0 00.163.407c.112.109.274.162.49.162.215 0 .378-.053.49-.162a.547.547 0 00.162-.423c0-.182-.05-.32-.162-.423-.112-.104-.275-.163-.49-.163zM15.974 7.4c-.16.003-.314.081-.473.235-.16.154-.236.306-.238.46 0 .15.056.28.185.406.128.126.26.185.417.18.16-.004.314-.082.47-.236.157-.154.236-.306.239-.46.005-.15-.054-.28-.182-.406a.545.545 0 00-.418-.18zm-5.7-1.272a.549.549 0 00-.423.163c-.104.109-.163.274-.163.49 0 .216.054.378.163.49.104.107.232.16.406.163h.017a.553.553 0 00.423-.163c.106-.11.162-.274.162-.49 0-.216-.053-.378-.162-.49a.547.547 0 00-.423-.163z",
-        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: "M9.943 21.274c0 .4-.31.726-.69.726-.38 0-.69-.326-.69-.726 0-.4.31-.727.69-.727.38 0 .69.326.69.727zM21 7.819c0 .801-.62 1.453-1.38 1.453-.256 0-.49-.08-.699-.205l-4.714 4.963.477.503a1.134 1.134 0 010 1.54l-3.799 4a.337.337 0 01-.243.107.337.337 0 01-.244-.107.37.37 0 010-.512l3.8-4a.38.38 0 000-.512L8.603 9.165a.335.335 0 00-.487 0l-5.528 5.82a.327.327 0 01-.487 0 .375.375 0 010-.513l5.529-5.82a1.017 1.017 0 011.464 0l.477.503 4.715-4.967a1.511 1.511 0 01-.194-.735c0-.801.619-1.453 1.38-1.453.76 0 1.38.652 1.38 1.453 0 .8-.62 1.452-1.38 1.452-.257 0-.491-.08-.7-.205l-4.714 4.968 1.583 1.666 6.794-7.146a1.511 1.511 0 01-.195-.735c0-.801.62-1.453 1.38-1.453.76 0 1.38.652 1.38 1.453 0 .8-.62 1.452-1.38 1.452-.256 0-.49-.08-.699-.205l-6.789 7.151 1.584 1.667 4.719-4.968a1.511 1.511 0 01-.195-.735c0-.801.62-1.453 1.38-1.453.76 0 1.38.652 1.38 1.457zm-2.07-4.366c0 .4.31.726.69.726.38 0 .69-.326.69-.726 0-.4-.31-.727-.69-.727-.38 0-.69.326-.69.727zm-4.149 0c0 .4.31.726.69.726.38 0 .69-.326.69-.726 0-.4-.31-.727-.69-.727-.38 0-.69.326-.69.727zm5.529 4.366c0-.4-.31-.726-.69-.726-.38 0-.69.326-.69.726 0 .4.31.727.69.727.38 0 .69-.326.69-.727z",
+            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: "M11.994 2.156c3.14 0 5.574.813 7.238 2.418 1.725 1.663 2.602 4.162 2.602 7.423 0 6.437-3.403 9.837-9.84 9.837-6.434 0-9.838-3.4-9.838-9.835 0-6.434 3.404-9.843 9.838-9.843zm0 .56c-2.989 0-5.294.762-6.849 2.261-1.61 1.555-2.429 3.916-2.429 7.02 0 2.22.42 4.063 1.248 5.5l.038-.05.006-.005 3.325-3.283a.279.279 0 01.395.003l.465.47c.751-1.389 1.594-3.571 1.786-6.562a1.144 1.144 0 01-.61-.337c-.227-.238-.347-.56-.347-.95 0-.389.117-.71.347-.949.23-.238.538-.367.905-.367s.67.123.905.367.347.56.347.95c0 .39-.118.711-.347.95a1.18 1.18 0 01-.642.342l.003-.046c-.182 3.011-1.008 5.244-1.77 6.703l6.04-5.962a1.141 1.141 0 01-.206-.693c.009-.33.154-.639.435-.913.28-.275.588-.42.921-.429a1.2 1.2 0 01.902.373c.26.257.387.557.378.896-.008.33-.157.639-.434.913-.277.275-.588.42-.921.429h-.037c-.23 0-.443-.063-.636-.187l-5.955 5.881c1.45-.738 3.616-1.518 6.51-1.703.04-.264.157-.488.347-.672.244-.235.56-.347.95-.347.39 0 .711.117.95.347.237.23.366.538.366.905s-.123.67-.367.905c-.243.235-.557.347-.95.347-.391 0-.71-.118-.949-.347a1.158 1.158 0 01-.33-.582l.078-.007c-3.025.185-5.227 1.037-6.627 1.796l.49.496a.279.279 0 01-.003.395L6.33 19.928c1.461.894 3.36 1.346 5.665 1.346 2.989 0 5.294-.76 6.851-2.258C20.46 17.462 21.277 15.1 21.277 12s-.818-5.465-2.432-7.02c-1.557-1.5-3.862-2.263-6.851-2.263zM7.529 14.753l-3.13 3.087a.635.635 0 01-.147.118 6.812 6.812 0 001.608 1.657l.027-.036 3.244-3.201-.801-.813-.272-.274-.53-.538zm9.535-1.765c-.216 0-.378.053-.49.163a.548.548 0 00-.163.425v.014a.54.54 0 00.163.407c.112.109.274.162.49.162.215 0 .378-.053.49-.162a.547.547 0 00.162-.423c0-.182-.05-.32-.162-.423-.112-.104-.275-.163-.49-.163zM15.974 7.4c-.16.003-.314.081-.473.235-.16.154-.236.306-.238.46 0 .15.056.28.185.406.128.126.26.185.417.18.16-.004.314-.082.47-.236.157-.154.236-.306.239-.46.005-.15-.054-.28-.182-.406a.545.545 0 00-.418-.18zm-5.7-1.272a.549.549 0 00-.423.163c-.104.109-.163.274-.163.49 0 .216.054.378.163.49.104.107.232.16.406.163h.017a.553.553 0 00.423-.163c.106-.11.162-.274.162-.49 0-.216-.053-.378-.162-.49a.547.547 0 00-.423-.163z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconOpticalFiberLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-optical-fiber-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpticalFiberRegular = function IconOpticalFiberRegular(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 IconOpticalFiberRegular = function IconOpticalFiberRegular(_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: "M11.846 2c3.123 0 5.557.818 7.23 2.429 1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.473 0-4.513-.513-6.086-1.526l-.032-.007a.565.565 0 01-.276-.202 7.331 7.331 0 01-.836-.694C2.88 17.588 2 15.093 2 11.846s.88-5.742 2.616-7.417C6.29 2.818 8.723 2 11.846 2zm0 1.12c-2.824 0-4.994.712-6.451 2.115-1.51 1.454-2.275 3.678-2.275 6.61 0 1.906.323 3.51.963 4.801l2.875-2.837a.559.559 0 01.793.006l.193.196C8.619 12.67 9.319 10.69 9.51 8.06a1.353 1.353 0 01-.457-.317c-.272-.283-.409-.655-.409-1.109 0-.454.137-.823.41-1.11a1.448 1.448 0 011.066-.436c.423 0 .793.151 1.068.437.274.286.409.658.409 1.109 0 .451-.138.824-.41 1.11a1.36 1.36 0 01-.56.355c-.15 2.129-.616 3.868-1.15 5.216l4.86-4.801a1.354 1.354 0 01-.116-.594c.011-.392.18-.75.504-1.07.325-.32.684-.485 1.076-.493.398-.011.768.14 1.067.437.3.297.457.666.446 1.064-.012.392-.18.75-.505 1.07-.324.32-.683.482-1.075.493a1.406 1.406 0 01-.605-.117l-4.768 4.705c1.33-.51 3.023-.952 5.079-1.098a1.39 1.39 0 01.355-.56c.283-.272.656-.409 1.11-.409.454 0 .826.14 1.109.412.283.272.437.644.437 1.067 0 .423-.151.793-.437 1.07-.286.277-.655.41-1.11.41-.453 0-.823-.14-1.109-.41a1.393 1.393 0 01-.316-.456c-2.639.19-4.622.896-5.966 1.574l.224.227a.559.559 0 01-.006.792L6.834 19.5c1.325.712 3.004 1.072 5.012 1.072 2.823 0 4.994-.711 6.45-2.114 1.51-1.454 2.275-3.678 2.275-6.611s-.764-5.154-2.274-6.61C16.84 3.831 14.669 3.12 11.846 3.12zM7.347 15.003l-2.668 2.63a6.266 6.266 0 001.193 1.239l2.683-2.648-.603-.61-.271-.275-.334-.336zm9.569-1.939c-.23 0-.308.073-.333.098-.045.045-.093.11-.093.258v.011c-.003.003-.003.006 0 .006.003.143.048.204.093.246.025.026.103.098.333.098.23 0 .308-.072.333-.098.045-.044.093-.109.093-.26 0-.151-.048-.216-.093-.26-.025-.026-.103-.099-.333-.099zm-1.081-5.582c-.037 0-.149.003-.317.17-.168.169-.168.27-.17.303-.003.056.008.132.109.233.109.106.187.12.252.117.036 0 .148-.002.316-.17.168-.169.168-.27.171-.303.003-.059-.011-.135-.112-.235-.1-.101-.185-.118-.25-.115zm-5.712-1.275c-.151 0-.215.048-.26.093-.025.025-.098.1-.098.333s.073.308.098.333c.042.045.103.09.246.093h.017c.148 0 .213-.048.258-.093.025-.025.098-.1.098-.333 0-.232-.073-.308-.098-.333-.045-.045-.11-.093-.26-.093z",
-        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: "M20.383 6.342a1.623 1.623 0 00-1.451 2.328l-4.782 4.832-1.387-1.402 6.933-7.008c.211.102.445.162.692.162.888 0 1.612-.731 1.612-1.63a1.62 1.62 0 00-1.617-1.62 1.623 1.623 0 00-1.451 2.329l-6.93 7.003-1.387-1.403L15.4 5.097c.21.101.444.162.691.162.889 0 1.612-.732 1.612-1.63 0-.898-.723-1.629-1.612-1.629a1.623 1.623 0 00-1.452 2.328L9.854 9.165l-.146-.148a1.365 1.365 0 00-1.946 0L2 14.863 9.685 22l5.358-5.628a1.405 1.405 0 000-1.967l-.133-.135 4.786-4.837c.211.102.445.162.692.162.888 0 1.612-.73 1.612-1.629 0-.898-.728-1.624-1.617-1.624zm0-3.254a.54.54 0 01.536.541.54.54 0 01-.536.542.542.542 0 010-1.083zm-4.29 0a.54.54 0 01.535.541.54.54 0 01-.536.542.54.54 0 01-.536-.542.54.54 0 01.536-.541zM9.62 19.978l-5.556-5.162 4.672-4.74 5.253 5.314-4.37 4.587zM20.383 8.511a.542.542 0 010-1.083.542.542 0 010 1.083z",
+            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: "M11.846 2c3.123 0 5.557.818 7.23 2.429 1.736 1.672 2.616 4.168 2.616 7.417 0 3.25-.88 5.742-2.616 7.417-1.673 1.61-4.107 2.429-7.23 2.429-2.473 0-4.513-.513-6.086-1.526l-.032-.007a.565.565 0 01-.276-.202 7.331 7.331 0 01-.836-.694C2.88 17.588 2 15.093 2 11.846s.88-5.742 2.616-7.417C6.29 2.818 8.723 2 11.846 2zm0 1.12c-2.824 0-4.994.712-6.451 2.115-1.51 1.454-2.275 3.678-2.275 6.61 0 1.906.323 3.51.963 4.801l2.875-2.837a.559.559 0 01.793.006l.193.196C8.619 12.67 9.319 10.69 9.51 8.06a1.353 1.353 0 01-.457-.317c-.272-.283-.409-.655-.409-1.109 0-.454.137-.823.41-1.11a1.448 1.448 0 011.066-.436c.423 0 .793.151 1.068.437.274.286.409.658.409 1.109 0 .451-.138.824-.41 1.11a1.36 1.36 0 01-.56.355c-.15 2.129-.616 3.868-1.15 5.216l4.86-4.801a1.354 1.354 0 01-.116-.594c.011-.392.18-.75.504-1.07.325-.32.684-.485 1.076-.493.398-.011.768.14 1.067.437.3.297.457.666.446 1.064-.012.392-.18.75-.505 1.07-.324.32-.683.482-1.075.493a1.406 1.406 0 01-.605-.117l-4.768 4.705c1.33-.51 3.023-.952 5.079-1.098a1.39 1.39 0 01.355-.56c.283-.272.656-.409 1.11-.409.454 0 .826.14 1.109.412.283.272.437.644.437 1.067 0 .423-.151.793-.437 1.07-.286.277-.655.41-1.11.41-.453 0-.823-.14-1.109-.41a1.393 1.393 0 01-.316-.456c-2.639.19-4.622.896-5.966 1.574l.224.227a.559.559 0 01-.006.792L6.834 19.5c1.325.712 3.004 1.072 5.012 1.072 2.823 0 4.994-.711 6.45-2.114 1.51-1.454 2.275-3.678 2.275-6.611s-.764-5.154-2.274-6.61C16.84 3.831 14.669 3.12 11.846 3.12zM7.347 15.003l-2.668 2.63a6.266 6.266 0 001.193 1.239l2.683-2.648-.603-.61-.271-.275-.334-.336zm9.569-1.939c-.23 0-.308.073-.333.098-.045.045-.093.11-.093.258v.011c-.003.003-.003.006 0 .006.003.143.048.204.093.246.025.026.103.098.333.098.23 0 .308-.072.333-.098.045-.044.093-.109.093-.26 0-.151-.048-.216-.093-.26-.025-.026-.103-.099-.333-.099zm-1.081-5.582c-.037 0-.149.003-.317.17-.168.169-.168.27-.17.303-.003.056.008.132.109.233.109.106.187.12.252.117.036 0 .148-.002.316-.17.168-.169.168-.27.171-.303.003-.059-.011-.135-.112-.235-.1-.101-.185-.118-.25-.115zm-5.712-1.275c-.151 0-.215.048-.26.093-.025.025-.098.1-.098.333s.073.308.098.333c.042.045.103.09.246.093h.017c.148 0 .213-.048.258-.093.025-.025.098-.1.098-.333 0-.232-.073-.308-.098-.333-.045-.045-.11-.093-.26-.093z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconOpticalFiberRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-outgoing-call-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOutgoingCallFilled = function IconOutgoingCallFilled(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 IconOutgoingCallFilled = function IconOutgoingCallFilled(_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.61 15.41c.805.803 1.222 1.64 1.236 2.49.017.879-.398 1.767-1.227 2.638-.291.305-.697.597-.832.695-.008.005-.014.011-.017.011-.008.006-.017.011-.025.02-.563.389-1.277.582-2.104.582-.865 0-1.857-.213-2.93-.641-2.187-.871-4.58-2.569-6.918-4.908l-.006-.005-.073-.073c-.003 0-.003-.003-.005-.003-2.34-2.339-4.037-4.731-4.908-6.919-.835-2.092-.854-3.88-.059-5.033.006-.009.011-.017.02-.026a6.447 6.447 0 01.706-.849C4.322 2.576 5.19 2.16 6.05 2.16h.054c.848.017 1.686.431 2.49 1.235.325.325.59.661.787 1 .431.695.588 1.415.465 2.135-.123.72-.524 1.423-1.196 2.095a5.499 5.499 0 01-.496.443c-.064.117-.025.49.496 1.252.605.882 1.613 1.921 2.32 2.63l.083.084c.706.706 1.748 1.714 2.63 2.32.591.405.947.517 1.135.517a.216.216 0 00.118-.025c.165-.204.268-.322.442-.496.672-.672 1.378-1.075 2.095-1.196a2.73 2.73 0 01.474-.039c.56 0 1.117.171 1.66.507.343.196.679.46 1.004.787zm-6.061-5.138l-.95-1.056a.771.771 0 01.115-1.134l2.521-2.219-.552-.613a.584.584 0 01-.128-.614.579.579 0 01.515-.356l3.846-.3c.017-.002.036-.002.053-.002a.633.633 0 01.625.779l-.813 3.79a.59.59 0 01-.417.465.626.626 0 01-.143.02.61.61 0 01-.45-.214l-.558-.619-2.532 2.177a.748.748 0 01-.519.207c-.022 0-.042-.003-.064-.003a.762.762 0 01-.549-.308z",
         fill: fillColor
     })));

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

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

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

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