@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchFilled = function IconSearchFilled(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 IconSearchFilled = function IconSearchFilled(_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.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.496.053.373.373 0 01.05-.055l.018-.016.128-.13a6.726 6.726 0 00-.143-9.328c-.011-.014-.025-.025-.037-.036a6.68 6.68 0 00-4.756-1.97zm-4 2.725a5.73 5.73 0 018.104 0 5.687 5.687 0 011.678 4.05 5.73 5.73 0 01-9.782 4.053 5.73 5.73 0 010-8.103z",
-        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.793 21.719l-5.9-6.19a8.469 8.469 0 001.82-5.276C17.717 5.7 14.19 2 9.857 2S2 5.7 2 10.249c0 4.548 3.524 8.249 7.857 8.249 1.908 0 3.66-.719 5.024-1.911l5.9 6.195a.695.695 0 001.008 0 .781.781 0 00.004-1.063zM3.428 10.249c0-3.721 2.884-6.75 6.429-6.75 3.544 0 6.428 3.029 6.428 6.75s-2.884 6.75-6.428 6.75c-3.545 0-6.429-3.029-6.429-6.75z",
+            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.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.496.053.373.373 0 01.05-.055l.018-.016.128-.13a6.726 6.726 0 00-.143-9.328c-.011-.014-.025-.025-.037-.036a6.68 6.68 0 00-4.756-1.97zm-4 2.725a5.73 5.73 0 018.104 0 5.687 5.687 0 011.678 4.05 5.73 5.73 0 01-9.782 4.053 5.73 5.73 0 010-8.103z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSearchFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchLight = function IconSearchLight(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 IconSearchLight = function IconSearchLight(_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.487 4.38a7.806 7.806 0 01.192 10.907l6.085 6.082a.28.28 0 01-.196.479.28.28 0 01-.199-.084l-6.087-6.084-.018.02a7.757 7.757 0 01-5.298 2.072 7.809 7.809 0 01-5.524-13.33 7.814 7.814 0 0111.045-.062zM9.966 2.716a7.248 7.248 0 105.123 2.123 7.196 7.196 0 00-5.123-2.123z",
-        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.5 2c4.136 0 7.5 3.364 7.496 7.5 0 .392-.036.788-.108 1.22a.355.355 0 01-.412.292.355.355 0 01-.292-.412c.068-.388.1-.748.1-1.1A6.793 6.793 0 009.5 2.716 6.793 6.793 0 002.716 9.5 6.793 6.793 0 009.5 16.284a6.734 6.734 0 004.792-1.996c.14-.14.364-.14.504 0l.008.008 7.091 7.096c.14.136.14.364-.004.504a.357.357 0 01-.503 0l-6.852-6.852A7.434 7.434 0 019.5 17C5.364 17 2 13.636 2 9.5S5.364 2 9.5 2zm6.428 10a.716.716 0 110 1.432.716.716 0 010-1.432z",
+            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.487 4.38a7.806 7.806 0 01.192 10.907l6.085 6.082a.28.28 0 01-.196.479.28.28 0 01-.199-.084l-6.087-6.084-.018.02a7.757 7.757 0 01-5.298 2.072 7.809 7.809 0 01-5.524-13.33 7.814 7.814 0 0111.045-.062zM9.966 2.716a7.248 7.248 0 105.123 2.123 7.196 7.196 0 00-5.123-2.123z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSearchLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-search-money-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchMoneyFilled = function IconSearchMoneyFilled(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 IconSearchMoneyFilled = function IconSearchMoneyFilled(_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: "M15.392 4.388a7.845 7.845 0 01.378 10.497l5.703 5.705a.561.561 0 01-.792.792l-5.696-5.697a7.792 7.792 0 01-5.14 1.919A7.846 7.846 0 014.298 4.209a7.848 7.848 0 0111.095.179zM9.846 3.032A6.726 6.726 0 005.09 14.514a6.728 6.728 0 009.495.053.373.373 0 01.05-.056l.019-.015.128-.13a6.726 6.726 0 00-.143-9.328c-.012-.014-.026-.025-.037-.037a6.68 6.68 0 00-4.756-1.969zM5.555 5.466a6.145 6.145 0 118.688 8.689 6.145 6.145 0 01-8.688-8.689zm4.448-.185a.382.382 0 00-.381.381v.267c-1.224.112-2 .899-2 2.072 0 .765.35 1.72 2 1.964v2.129c-.432-.056-.863-.227-1.291-.513a.642.642 0 00-.342-.11.526.526 0 00-.532.522c0 .19.084.347.252.465.568.39 1.227.619 1.913.67v.523c0 .21.17.381.38.381a.38.38 0 00.379-.38v-.547c.557-.07 1.025-.26 1.372-.56.44-.378.673-.913.67-1.546 0-.78-.356-1.751-2.045-1.995V6.987c.291.06.574.163.835.308a.725.725 0 00.314.087.518.518 0 00.515-.515c0-.112-.04-.322-.303-.485-.378-.232-.851-.383-1.358-.442v-.278a.379.379 0 00-.378-.38zm.375 4.799c.863.185.992.566.992.958 0 .543-.37.921-.992 1.039zM9.62 6.96v1.927c-.824-.188-.947-.572-.947-.933 0-.552.35-.91.947-.995z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-search-money-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchMoneyLight = function IconSearchMoneyLight(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 IconSearchMoneyLight = function IconSearchMoneyLight(_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: "M15.484 4.429a7.808 7.808 0 01.193 10.87l6.087 6.085a.28.28 0 01-.196.479.28.28 0 01-.199-.084l-6.088-6.085-.02.02a7.747 7.747 0 01-5.295 2.074A7.809 7.809 0 014.442 4.457a7.808 7.808 0 0111.042-.028zM9.966 2.732a7.248 7.248 0 105.123 2.123 7.196 7.196 0 00-5.123-2.123zm.218 2.94a.28.28 0 01.28.28l.001.378c.525.047 1.01.198 1.397.438.16.098.25.235.25.387 0 .22-.18.397-.401.4a.547.547 0 01-.255-.073l-.003-.003a2.936 2.936 0 00-.988-.34v2.248l.211.032c.563.099 1 .292 1.304.576.342.32.515.753.515 1.286 0 1.134-.765 1.88-2.03 2.012v.649a.28.28 0 01-.28.28.28.28 0 01-.28-.28l-.002-.635-.104-.003a3.73 3.73 0 01-1.842-.648.434.434 0 01-.204-.375.414.414 0 01.42-.41c.1.003.196.034.28.09.481.32.968.502 1.45.543v-2.355l-.108-.014c-.885-.136-1.877-.576-1.877-1.849 0-1.136.773-1.89 1.985-1.966l.001-.367a.28.28 0 01.28-.28zm.282 4.556l-.002 2.263c.326-.044.6-.15.804-.314.264-.21.4-.507.4-.857 0-.434-.148-.9-1.202-1.092zm-1.722-1.99c0 .4.14.872 1.158 1.068l.001-2.186c-.719.06-1.159.477-1.159 1.119z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-search-money-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchMoneyRegular = function IconSearchMoneyRegular(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 IconSearchMoneyRegular = function IconSearchMoneyRegular(_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: "M15.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.512-.036 6.724 6.724 0 000-9.473 6.672 6.672 0 00-4.756-1.972zm.154 2.252c.21 0 .381.17.381.38v.276a3.31 3.31 0 011.353.445c.263.162.303.372.303.484 0 .283-.23.513-.513.513a.693.693 0 01-.305-.084l-.009-.003a2.851 2.851 0 00-.83-.308v2.018l.111.018c1.589.27 1.93 1.214 1.93 1.975 0 .633-.233 1.17-.673 1.552-.341.296-.81.485-1.366.556v.547a.38.38 0 01-.382.379.378.378 0 01-.378-.379v-.525h-.015a3.836 3.836 0 01-1.898-.668.545.545 0 01-.252-.465.526.526 0 01.532-.52.64.64 0 01.342.108c.429.285.862.457 1.29.512V9.965L9.53 9.95c-1.554-.271-1.889-1.2-1.889-1.946 0-1.174.778-1.965 2.005-2.074l.001-.262c0-.21.17-.381.378-.381zm.38 4.794l.001 1.997c.62-.119.989-.495.989-1.04 0-.389-.128-.77-.99-.957zm-1.71-2.122c0 .361.122.746.95.934l.002-1.93c-.602.082-.952.44-.952.996z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSearchRegular = function IconSearchRegular(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 IconSearchRegular = function IconSearchRegular(_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.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.512-.036 6.724 6.724 0 000-9.473 6.672 6.672 0 00-4.756-1.972z",
-        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.793 21.719l-5.9-6.19a8.469 8.469 0 001.82-5.276C17.717 5.7 14.19 2 9.857 2S2 5.7 2 10.249c0 4.548 3.524 8.249 7.857 8.249 1.908 0 3.66-.719 5.024-1.911l5.9 6.195a.695.695 0 001.008 0 .781.781 0 00.004-1.063zM3.428 10.249c0-3.721 2.884-6.75 6.429-6.75 3.544 0 6.428 3.029 6.428 6.75s-2.884 6.75-6.428 6.75c-3.545 0-6.429-3.029-6.429-6.75z",
+            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.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.512-.036 6.724 6.724 0 000-9.473 6.672 6.672 0 00-4.756-1.972z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSearchRegular;
 exports.default = _default;

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

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

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

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