@telefonica/mistica 10.9.1 → 10.12.0

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTabletLight = function IconTabletLight(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 IconTabletLight = function IconTabletLight(_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: "M15.933 21.021c.958 0 2.563-.367 2.563-2.824v-.152H5.33v.155c0 .033-.003.067-.006.1 0 .006-.117 1.166.552 1.94.449.518 1.183.778 2.183.778l7.717-.003c.02 0 .042 0 .061.003.006.003.04.003.096.003zM6.4 3.377c-.72.449-1.07 1.233-1.07 2.396v11.451h13.166c0-4.202-.005-11.462-.005-11.462 0-.026 0-.05.003-.073 0-.006.08-1.188-.614-1.964-.446-.5-1.146-.751-2.088-.751l-7.752.003c-.02 0-.037 0-.054-.003h-.07c-.201-.003-.905.025-1.516.403zM19.284 5.76s.005 8.51.005 12.438c0 3.426-2.676 3.645-3.36 3.645-.1 0-.156-.006-.156-.006s-3.758.003-7.717.003c-3.959 0-3.522-3.64-3.522-3.64v-.526c-.003-.014-.008-.025-.008-.04 0-.013.005-.025.008-.039V5.773c0-3.43 2.757-3.623 3.38-3.623.078 0 .123.003.123.003s3.948-.003 7.755-.003c3.806.003 3.492 3.609 3.492 3.609zm-7.378 13.1c.457 0 .732.283.732.76 0 .232-.065.417-.191.551-.129.137-.317.207-.54.207-.225 0-.413-.07-.542-.207-.126-.134-.19-.32-.19-.552 0-.476.272-.76.731-.76z",
-        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: "M16.87 19.139c0-.393.312-.713.695-.713.383 0 .694.32.694.713a.705.705 0 01-.694.713.702.702 0 01-.695-.713zM20 3.787v16.426c0 .983-.78 1.787-1.74 1.787H5.74C4.785 22 4 21.2 4 20.213V3.787C4 2.804 4.78 2 5.74 2h12.52c.96 0 1.74.804 1.74 1.787zM4.694 4.5h14.607v-.713c0-.59-.467-1.07-1.042-1.07H5.741c-.575 0-1.042.48-1.042 1.07V4.5h-.005zm14.612.718H4.694v13.569h10.783c.191 0 .347.16.347.357a.352.352 0 01-.347.356H4.694v.713c0 .59.468 1.07 1.042 1.07h12.519c.574 0 1.042-.48 1.042-1.07V5.218h.009z",
+            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: "M15.933 21.021c.958 0 2.563-.367 2.563-2.824v-.152H5.33v.155c0 .033-.003.067-.006.1 0 .006-.117 1.166.552 1.94.449.518 1.183.778 2.183.778l7.717-.003c.02 0 .042 0 .061.003.006.003.04.003.096.003zM6.4 3.377c-.72.449-1.07 1.233-1.07 2.396v11.451h13.166c0-4.202-.005-11.462-.005-11.462 0-.026 0-.05.003-.073 0-.006.08-1.188-.614-1.964-.446-.5-1.146-.751-2.088-.751l-7.752.003c-.02 0-.037 0-.054-.003h-.07c-.201-.003-.905.025-1.516.403zM19.284 5.76s.005 8.51.005 12.438c0 3.426-2.676 3.645-3.36 3.645-.1 0-.156-.006-.156-.006s-3.758.003-7.717.003c-3.959 0-3.522-3.64-3.522-3.64v-.526c-.003-.014-.008-.025-.008-.04 0-.013.005-.025.008-.039V5.773c0-3.43 2.757-3.623 3.38-3.623.078 0 .123.003.123.003s3.948-.003 7.755-.003c3.806.003 3.492 3.609 3.492 3.609zm-7.378 13.1c.457 0 .732.283.732.76 0 .232-.065.417-.191.551-.129.137-.317.207-.54.207-.225 0-.413-.07-.542-.207-.126-.134-.19-.32-.19-.552 0-.476.272-.76.731-.76z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTabletLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTabletRegular = function IconTabletRegular(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 IconTabletRegular = function IconTabletRegular(_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: "M15.931 20.457c.99 0 2.168-.42 2.168-2.415v-.034H5.73v.034c0 .05-.002.1-.008.151 0 0-.092.989.457 1.62.37.422 1.003.638 1.882.638l7.714-.003c.031 0 .062 0 .096.003l.061.006zM6.61 3.58c-.218.134-.88.546-.88 2.042v11.157H18.1c0-4.236-.005-11.168-.005-11.168 0-.037.003-.073.005-.112 0 0 .062-1.014-.512-1.653-.37-.406-.975-.614-1.796-.614h-7.75L7.96 3.23h-.042c-.176 0-.79.025-1.308.35zm12.672 2.028s.006 8.507.006 12.431c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.002-.157-.002s-3.757.002-7.715.002c-3.958 0-3.52-3.641-3.52-3.641V5.622C4.538 2.193 7.292 2 7.914 2c.078 0 .123.003.123.003L15.788 2c3.81.003 3.493 3.608 3.493 3.608zm-7.375 12.896c.457 0 .731.283.731.76 0 .232-.064.417-.19.551-.13.135-.314.207-.54.207-.228 0-.413-.07-.541-.207-.127-.134-.19-.32-.19-.552 0-.476.274-.759.73-.759z",
-        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.913 2H6.087C4.938 2 4 2.964 4 4.143v15.714C4 21.037 4.938 22 6.087 22h11.826C19.062 22 20 21.036 20 19.857V4.143C20 2.963 19.062 2 17.913 2zM6.087 3.427h11.826c.385 0 .697.324.697.716V4.5H5.394v-.356c0-.392.312-.716.693-.716zm12.519 2.5V18.07H5.394V5.926h13.212zm-.693 14.642H6.087a.708.708 0 01-.697-.716v-.356h13.216v.356a.705.705 0 01-.693.716z",
+            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: "M15.931 20.457c.99 0 2.168-.42 2.168-2.415v-.034H5.73v.034c0 .05-.002.1-.008.151 0 0-.092.989.457 1.62.37.422 1.003.638 1.882.638l7.714-.003c.031 0 .062 0 .096.003l.061.006zM6.61 3.58c-.218.134-.88.546-.88 2.042v11.157H18.1c0-4.236-.005-11.168-.005-11.168 0-.037.003-.073.005-.112 0 0 .062-1.014-.512-1.653-.37-.406-.975-.614-1.796-.614h-7.75L7.96 3.23h-.042c-.176 0-.79.025-1.308.35zm12.672 2.028s.006 8.507.006 12.431c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.002-.157-.002s-3.757.002-7.715.002c-3.958 0-3.52-3.641-3.52-3.641V5.622C4.538 2.193 7.292 2 7.914 2c.078 0 .123.003.123.003L15.788 2c3.81.003 3.493 3.608 3.493 3.608zm-7.375 12.896c.457 0 .731.283.731.76 0 .232-.064.417-.19.551-.13.135-.314.207-.54.207-.228 0-.413-.07-.541-.207-.127-.134-.19-.32-.19-.552 0-.476.274-.759.73-.759z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTabletRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTachometerFilled = function IconTachometerFilled(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 IconTachometerFilled = function IconTachometerFilled(_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: "M19.595 14.445l-6.375 1.832a1.25 1.25 0 01-1.227.972 1.243 1.243 0 01-1.255-1.232c0-.68.563-1.23 1.255-1.23.345 0 .656.135.882.356l6.381-1.835a.602.602 0 01.748.4.59.59 0 01-.409.737zM7.971 10.986a.61.61 0 01-.855 0l-.577-.566a.585.585 0 010-.837.61.61 0 01.855 0l.577.565a.58.58 0 010 .838zM5.95 14.93h-.818a.597.597 0 01-.602-.591.6.6 0 01.602-.591h.818c.333 0 .602.266.602.59a.597.597 0 01-.602.592zm5.426-6.532c0-.328.272-.591.602-.591.333 0 .602.266.602.59V9.2a.597.597 0 01-.602.59.597.597 0 01-.602-.59v-.801zm4.605 1.753l.577-.566a.61.61 0 01.854 0 .585.585 0 010 .838l-.577.566a.61.61 0 01-.851 0 .583.583 0 01-.003-.838zM11.99 5.333c-6.437 0-9.84 3.34-9.84 9.653 0 1.44.182 2.742.54 3.874a.603.603 0 00.578.414H20.71a.6.6 0 00.54-.33l.02-.042a.807.807 0 00.037-.087c.35-1.12.53-2.409.53-3.829 0-6.314-3.404-9.653-9.847-9.653z",
-        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: "M7.667 19.352l.677.648h-4.79l-.105-.181A10.734 10.734 0 012 14.419C2 8.676 6.484 4 12 4a9.68 9.68 0 015.58 1.776l-3.72 2.229a6.19 6.19 0 00-1.86-.29c-3.542 0-6.426 3.004-6.426 6.695a6.85 6.85 0 002.093 4.942zM20.291 8.605l-2.14 3.876a6.93 6.93 0 01.28 1.938 6.836 6.836 0 01-2.094 4.933l-.68.648h4.79l.104-.181a10.734 10.734 0 001.449-5.4c0-2.152-.63-4.152-1.71-5.814zm.658-3.51a.518.518 0 00-.645-.09L9.806 11.3a.306.306 0 00-.05.033c-.133.1-.26.215-.384.343-1.449 1.51-1.449 3.967 0 5.476A3.628 3.628 0 0012 18.286a3.62 3.62 0 002.628-1.134c.123-.128.233-.262.329-.4a.322.322 0 00.032-.052l6.042-10.938a.565.565 0 00-.082-.667z",
+            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: "M19.595 14.445l-6.375 1.832a1.25 1.25 0 01-1.227.972 1.243 1.243 0 01-1.255-1.232c0-.68.563-1.23 1.255-1.23.345 0 .656.135.882.356l6.381-1.835a.602.602 0 01.748.4.59.59 0 01-.409.737zM7.971 10.986a.61.61 0 01-.855 0l-.577-.566a.585.585 0 010-.837.61.61 0 01.855 0l.577.565a.58.58 0 010 .838zM5.95 14.93h-.818a.597.597 0 01-.602-.591.6.6 0 01.602-.591h.818c.333 0 .602.266.602.59a.597.597 0 01-.602.592zm5.426-6.532c0-.328.272-.591.602-.591.333 0 .602.266.602.59V9.2a.597.597 0 01-.602.59.597.597 0 01-.602-.59v-.801zm4.605 1.753l.577-.566a.61.61 0 01.854 0 .585.585 0 010 .838l-.577.566a.61.61 0 01-.851 0 .583.583 0 01-.003-.838zM11.99 5.333c-6.437 0-9.84 3.34-9.84 9.653 0 1.44.182 2.742.54 3.874a.603.603 0 00.578.414H20.71a.6.6 0 00.54-.33l.02-.042a.807.807 0 00.037-.087c.35-1.12.53-2.409.53-3.829 0-6.314-3.404-9.653-9.847-9.653z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTachometerFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTachometerLight = function IconTachometerLight(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 IconTachometerLight = function IconTachometerLight(_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: "M20.736 18.184c.285-1.004.43-2.151.43-3.414 0-5.942-3.085-8.954-9.166-8.954S2.837 8.828 2.837 14.77c0 1.263.145 2.41.427 3.414h17.472zM11.997 5C18.54 5 22 8.378 22 14.77c0 1.449-.182 2.762-.538 3.898a.365.365 0 01-.023.06l-.022.044a.419.419 0 01-.376.228H2.951a.418.418 0 01-.399-.287C2.185 17.566 2 16.238 2 14.77 2 8.38 5.458 5 11.997 5zM12 16.702a.867.867 0 00.848-.689l-.691.197a.42.42 0 01-.518-.275.41.41 0 01.281-.507h.003l.703-.202a.876.876 0 00-.626-.253.875.875 0 00-.885.863c0 .478.396.866.885.866zm0-2.542c.603 0 1.164.315 1.474.83l6.118-1.755c.22-.065.45.056.516.272v.003a.403.403 0 01-.28.504h-.005l-6.116 1.752c0 .022.009.045.009.07 0 .925-.771 1.68-1.719 1.68-.947 0-1.716-.752-1.716-1.677s.771-1.68 1.719-1.68zm-.014-5.78a.414.414 0 01-.419-.407v-.827c0-.225.188-.408.416-.408.23 0 .418.183.418.408v.827a.41.41 0 01-.415.407zm-5.282.526l.6.585a.4.4 0 01.006.571l-.006.006a.426.426 0 01-.589 0l-.6-.585a.4.4 0 01-.006-.571l.006-.006a.426.426 0 01.589 0zM4.9 13.693c.23 0 .415.183.415.408a.413.413 0 01-.415.408h-.848a.413.413 0 01-.416-.408c0-.225.188-.408.416-.408H4.9zm12.134-3.468a.428.428 0 01-.296-.118.401.401 0 01-.003-.573l.003-.003.6-.585a.42.42 0 01.59 0c.162.154.165.41.005.57l-.005.006-.598.585a.446.446 0 01-.296.118z",
-        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.282 19.257c0 .41-.32.743-.713.743-.393 0-.713-.333-.713-.743s.32-.743.713-.743c.394 0 .713.333.713.743zM22 14.422c0 .962-.128 1.915-.375 2.834a.352.352 0 01-.439.258.371.371 0 01-.246-.458 9.986 9.986 0 00.347-2.634 9.904 9.904 0 00-1.956-5.935l-4.488 8.126a3.4 3.4 0 01-.334.414 3.45 3.45 0 01-2.5 1.077 3.46 3.46 0 01-2.504-1.076c-1.38-1.439-1.38-3.778 0-5.216a3.26 3.26 0 01.365-.324c.01-.01.023-.014.032-.024l5.014-3.01a6.214 6.214 0 00-2.911-.734c-3.542 0-6.426 3.006-6.426 6.697 0 1.868.763 3.668 2.093 4.935a.381.381 0 01.023.524.34.34 0 01-.265.12.346.346 0 01-.243-.1 7.613 7.613 0 01-2.326-5.483c0-4.106 3.204-7.44 7.139-7.44 1.303 0 2.55.366 3.638 1.038l-.443.266 2.495-1.495a8.996 8.996 0 00-5.695-2.039c-5.118 0-9.282 4.34-9.282 9.674 0 1.772.466 3.511 1.344 5.016a.38.38 0 01-.12.51.335.335 0 01-.182.052.353.353 0 01-.306-.18A10.678 10.678 0 012 14.421C2 8.678 6.484 4 12 4c2.413 0 4.63.896 6.357 2.386l2.034-1.219a.342.342 0 01.43.057.38.38 0 01.055.448l-1.17 2.12A10.652 10.652 0 0122 14.422zm-2.4-7.921l-9.332 5.597a2.134 2.134 0 00-.265.243c-1.102 1.148-1.102 3.015 0 4.163a2.747 2.747 0 003.994 0c.087-.09.165-.181.233-.277l5.37-9.726z",
+            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.736 18.184c.285-1.004.43-2.151.43-3.414 0-5.942-3.085-8.954-9.166-8.954S2.837 8.828 2.837 14.77c0 1.263.145 2.41.427 3.414h17.472zM11.997 5C18.54 5 22 8.378 22 14.77c0 1.449-.182 2.762-.538 3.898a.365.365 0 01-.023.06l-.022.044a.419.419 0 01-.376.228H2.951a.418.418 0 01-.399-.287C2.185 17.566 2 16.238 2 14.77 2 8.38 5.458 5 11.997 5zM12 16.702a.867.867 0 00.848-.689l-.691.197a.42.42 0 01-.518-.275.41.41 0 01.281-.507h.003l.703-.202a.876.876 0 00-.626-.253.875.875 0 00-.885.863c0 .478.396.866.885.866zm0-2.542c.603 0 1.164.315 1.474.83l6.118-1.755c.22-.065.45.056.516.272v.003a.403.403 0 01-.28.504h-.005l-6.116 1.752c0 .022.009.045.009.07 0 .925-.771 1.68-1.719 1.68-.947 0-1.716-.752-1.716-1.677s.771-1.68 1.719-1.68zm-.014-5.78a.414.414 0 01-.419-.407v-.827c0-.225.188-.408.416-.408.23 0 .418.183.418.408v.827a.41.41 0 01-.415.407zm-5.282.526l.6.585a.4.4 0 01.006.571l-.006.006a.426.426 0 01-.589 0l-.6-.585a.4.4 0 01-.006-.571l.006-.006a.426.426 0 01.589 0zM4.9 13.693c.23 0 .415.183.415.408a.413.413 0 01-.415.408h-.848a.413.413 0 01-.416-.408c0-.225.188-.408.416-.408H4.9zm12.134-3.468a.428.428 0 01-.296-.118.401.401 0 01-.003-.573l.003-.003.6-.585a.42.42 0 01.59 0c.162.154.165.41.005.57l-.005.006-.598.585a.446.446 0 01-.296.118z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTachometerLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTachometerRegular = function IconTachometerRegular(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 IconTachometerRegular = function IconTachometerRegular(_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: "M20.231 18.084c.244-.919.367-1.96.367-3.1 0-5.611-2.902-8.457-8.622-8.457S3.357 9.37 3.357 14.983c0 1.143.124 2.185.364 3.101h16.51zm-8.257-12.74c6.43 0 9.829 3.334 9.829 9.64 0 1.417-.177 2.702-.53 3.823a.474.474 0 01-.036.087l-.02.042a.602.602 0 01-.54.33H3.265a.602.602 0 01-.577-.414c-.356-1.132-.538-2.432-.538-3.869 0-6.305 3.398-9.638 9.824-9.638zm.002 9.44c.345 0 .653.138.88.356l6.372-1.832a.602.602 0 01.748.4c.09.312-.09.64-.4.732l-.009.003-6.364 1.829a1.248 1.248 0 01-1.224.972 1.24 1.24 0 01-1.252-1.23c-.003-.678.557-1.227 1.25-1.23zm-.014-4.991a.595.595 0 01-.602-.591v-.799c0-.325.269-.59.602-.59.334 0 .603.265.603.59v.799a.595.595 0 01-.603.59zm-4.577-.205l.577.566c.23.224.236.591.014.824l-.014.014a.607.607 0 01-.851 0l-.58-.569a.583.583 0 01-.011-.824l.011-.01a.616.616 0 01.854 0zm-1.44 4.157c.334 0 .603.263.603.591a.597.597 0 01-.602.591H5.13a.597.597 0 01-.602-.59c0-.329.27-.592.602-.592h.816zm10.437-2.583a.602.602 0 01-.425-.173.586.586 0 01-.014-.824l.014-.014.577-.566a.612.612 0 01.851 0c.23.225.236.594.011.824l-.01.011-.578.566a.593.593 0 01-.426.176z",
-        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: "M19.952 8.11l1.243-2.248a.766.766 0 00-.114-.895.692.692 0 00-.86-.12L18.06 6.139C16.377 4.8 14.28 4 12.002 4 6.49 4 2 8.671 2 14.419c0 1.771.49 3.429 1.531 5.224a.698.698 0 00.983.247.761.761 0 00.238-1.023c-.905-1.548-1.326-2.962-1.326-4.453 0-4.924 3.845-8.928 8.572-8.928a8.29 8.29 0 014.695 1.466l-1.28.767a6.716 6.716 0 00-3.41-.933c-3.941 0-7.141 3.419-7.141 7.628 0 2.043.823 3.905 2.372 5.386a.696.696 0 001.01-.048A.767.767 0 008.2 18.7c-1.266-1.21-1.911-2.652-1.911-4.286 0-3.385 2.565-6.138 5.714-6.138.659 0 1.299.124 1.902.348l-4.187 2.514a.71.71 0 00-.064.043 4.056 4.056 0 00-.407.362c-1.518 1.58-1.518 4.157 0 5.738a3.804 3.804 0 002.756 1.186 3.804 3.804 0 002.757-1.186 3.75 3.75 0 00.347-.424c.014-.024.028-.043.041-.067l4.019-7.266a9.143 9.143 0 011.408 4.89c0 1.486-.42 2.9-1.326 4.453a.766.766 0 00.238 1.023.7.7 0 00.37.11.716.716 0 00.613-.357c1.045-1.79 1.53-3.453 1.53-5.224a10.61 10.61 0 00-2.048-6.31zm-6.02 7.904a2.052 2.052 0 01-.188.22c-.965 1-2.528 1-3.488 0s-.96-2.634 0-3.634a2.06 2.06 0 01.215-.195l8.16-4.89-4.7 8.5z",
+            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.231 18.084c.244-.919.367-1.96.367-3.1 0-5.611-2.902-8.457-8.622-8.457S3.357 9.37 3.357 14.983c0 1.143.124 2.185.364 3.101h16.51zm-8.257-12.74c6.43 0 9.829 3.334 9.829 9.64 0 1.417-.177 2.702-.53 3.823a.474.474 0 01-.036.087l-.02.042a.602.602 0 01-.54.33H3.265a.602.602 0 01-.577-.414c-.356-1.132-.538-2.432-.538-3.869 0-6.305 3.398-9.638 9.824-9.638zm.002 9.44c.345 0 .653.138.88.356l6.372-1.832a.602.602 0 01.748.4c.09.312-.09.64-.4.732l-.009.003-6.364 1.829a1.248 1.248 0 01-1.224.972 1.24 1.24 0 01-1.252-1.23c-.003-.678.557-1.227 1.25-1.23zm-.014-4.991a.595.595 0 01-.602-.591v-.799c0-.325.269-.59.602-.59.334 0 .603.265.603.59v.799a.595.595 0 01-.603.59zm-4.577-.205l.577.566c.23.224.236.591.014.824l-.014.014a.607.607 0 01-.851 0l-.58-.569a.583.583 0 01-.011-.824l.011-.01a.616.616 0 01.854 0zm-1.44 4.157c.334 0 .603.263.603.591a.597.597 0 01-.602.591H5.13a.597.597 0 01-.602-.59c0-.329.27-.592.602-.592h.816zm10.437-2.583a.602.602 0 01-.425-.173.586.586 0 01-.014-.824l.014-.014.577-.566a.612.612 0 01.851 0c.23.225.236.594.011.824l-.01.011-.578.566a.593.593 0 01-.426.176z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTachometerRegular;
 exports.default = _default;

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

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

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

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