@telefonica/mistica 10.9.2 → 10.13.0

package/dist/generated/mistica-icons/icon-exit-fullscreen-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconExitFullscreenRegular = function IconExitFullscreenRegular(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 IconExitFullscreenRegular = function IconExitFullscreenRegular(_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.99 14.797a.845.845 0 010 1.69h-4.507v4.509a.845.845 0 01-1.689 0V15.64c0-.468.378-.843.843-.843h5.353zm-12.644 0c.465 0 .843.378.843.843v5.353a.845.845 0 01-1.686 0v-4.51h-4.51a.84.84 0 01-.812-.874.846.846 0 01.812-.812h5.353zm0-12.647c.465 0 .843.378.843.843v5.353a.844.844 0 01-.843.843H2.993a.845.845 0 010-1.689H7.5V2.993c0-.465.378-.843.846-.843zm7.294 7.04a.844.844 0 01-.843-.844V2.993a.845.845 0 011.686 0V7.5h4.51a.845.845 0 010 1.69H15.64z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconExportLight = function IconExportLight(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 IconExportLight = function IconExportLight(_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: "M11.648 2.322a.746.746 0 01.185-.126c.14-.061.3-.061.44 0a.9.9 0 01.195.126l5.791 5.79a.583.583 0 01-.823.825L12.63 4.129v12.08a.581.581 0 01-1.16 0V4.13L6.574 9.04a.583.583 0 01-.824-.823l5.898-5.895zm9.612 14.153c.32 0 .58.26.58.58v4.205c0 .32-.26.58-.58.58H2.73a.58.58 0 01-.58-.58v-4.205a.581.581 0 011.16 0v3.625h17.373v-3.625c0-.322.258-.58.577-.58z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconExportRegular = function IconExportRegular(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 IconExportRegular = function IconExportRegular(_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: "M6.335 9.564a.842.842 0 01-.597-1.44l5.717-5.728a.847.847 0 011.194 0l5.65 5.655a.845.845 0 01-1.171 1.216c-.009-.006-.014-.014-.023-.022l-4.21-4.213v11.05a.845.845 0 01-1.689 0V5.032L6.929 9.315a.835.835 0 01-.594.249zm14.658 6.498c.465 0 .843.379.843.844v4.086a.844.844 0 01-.843.844h-18a.844.844 0 01-.843-.844v-4.086a.845.845 0 011.69 0v3.243h16.313v-3.243a.84.84 0 01.84-.844z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconEyeLight = function IconEyeLight(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 IconEyeLight = function IconEyeLight(_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: "M12.027 17.2c3.967 0 8.014-4.12 9.004-5.196-.993-1.076-5.065-5.198-9.03-5.198-3.966 0-8.033 4.12-9.028 5.198.998 1.074 5.09 5.196 9.054 5.196zm9.878-5.453a.39.39 0 01.003.508c-.2.235-4.946 5.745-9.88 5.745-4.932 0-9.73-5.507-9.932-5.742a.388.388 0 010-.51C2.296 11.511 7.067 6 12.002 6c4.928.003 9.7 5.512 9.903 5.747zm-9.798-2.136c.507.011 2.467.202 2.467 2.475 0 2.275-1.966 2.453-2.458 2.464-.072 0-.157.003-.237 0-.518-.005-2.458-.186-2.458-2.478 0-2.289 1.923-2.458 2.438-2.46a2.56 2.56 0 01.248 0z",
-        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: "M12.036 5c2.792 0 5.44 1.11 7.472 3.134a.386.386 0 010 .536.34.34 0 01-.508 0c-1.92-1.873-4.388-2.907-7-2.907-2.32 0-4.497.802-6.309 2.295-1.236 1.038-2.252 2.413-2.94 3.944 1.668 3.788 5.296 6.235 9.285 6.235 3.952 0 7.58-2.447 9.284-6.235.072-.19.292-.266.472-.19.18.076.252.308.18.498C20.16 16.402 16.28 19 12.036 19c-4.317 0-8.233-2.679-10.009-6.846a.45.45 0 010-.308c.724-1.721 1.848-3.252 3.264-4.4C7.251 5.84 9.571 5 12.036 5zM12 7.413c2.392 0 4.352 2.067 4.352 4.59 0 2.522-1.96 4.588-4.352 4.588-2.392 0-4.353-2.066-4.353-4.589 0-2.522 1.96-4.59 4.353-4.59zm0 .763c-1.996 0-3.629 1.721-3.629 3.826s1.633 3.826 3.629 3.826 3.628-1.721 3.628-3.826S13.996 8.176 12 8.176zm8.704 1.152c.4 0 .724.342.724.763 0 .422-.324.764-.724.764-.4 0-.724-.342-.724-.764 0-.421.324-.763.724-.763z",
+            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: "M12.027 17.2c3.967 0 8.014-4.12 9.004-5.196-.993-1.076-5.065-5.198-9.03-5.198-3.966 0-8.033 4.12-9.028 5.198.998 1.074 5.09 5.196 9.054 5.196zm9.878-5.453a.39.39 0 01.003.508c-.2.235-4.946 5.745-9.88 5.745-4.932 0-9.73-5.507-9.932-5.742a.388.388 0 010-.51C2.296 11.511 7.067 6 12.002 6c4.928.003 9.7 5.512 9.903 5.747zm-9.798-2.136c.507.011 2.467.202 2.467 2.475 0 2.275-1.966 2.453-2.458 2.464-.072 0-.157.003-.237 0-.518-.005-2.458-.186-2.458-2.478 0-2.289 1.923-2.458 2.438-2.46a2.56 2.56 0 01.248 0z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconEyeLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconEyeRegular = function IconEyeRegular(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 IconEyeRegular = function IconEyeRegular(_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: "M12.037 17.284c3.602 0 7.3-3.736 8.409-4.955-1.115-1.218-4.835-4.96-8.434-4.96-3.603 0-7.32 3.736-8.435 4.957 1.124 1.219 4.86 4.958 8.46 4.958zm9.678-5.336a.592.592 0 010 .756c-.194.239-4.83 5.774-9.678 5.774-4.849 0-9.535-5.535-9.731-5.77a.592.592 0 01-.003-.76c.199-.235 4.857-5.773 9.709-5.773 4.851 0 9.507 5.538 9.703 5.773zm-9.603-1.991c.488.01 2.381.201 2.381 2.453 0 2.258-1.896 2.435-2.37 2.443-.075.003-.15.003-.226.003-.499-.009-2.37-.185-2.37-2.46 0-2.271 1.852-2.44 2.353-2.442.076 0 .162 0 .232.003z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.982 5c4.4 0 8.122 2.504 9.982 6.664v.037c.036.037.036.037.036.075v.37c-.036 0-.036.037-.036.037-.036.037-.036.037-.036.074v.037C20.104 16.496 16.383 19 11.982 19c-4.4 0-8.122-2.504-9.946-6.631v-.037C2 12.294 2 12.294 2 12.257v-.444c.036-.037.036-.037.036-.075v-.037C3.86 7.504 7.581 5 11.982 5zm0 1.475c-3.72 0-6.87 2.059-8.514 5.523 1.645 3.46 4.793 5.523 8.514 5.523 3.72 0 6.87-2.06 8.514-5.523-1.645-3.464-4.793-5.523-8.514-5.523zm0 .733c2.577 0 4.653 2.137 4.653 4.79 0 2.652-2.076 4.79-4.653 4.79-2.577 0-4.653-2.138-4.653-4.79 0-2.653 2.076-4.79 4.653-4.79zm0 1.474c-1.788 0-3.22 1.475-3.22 3.316 0 1.841 1.432 3.316 3.22 3.316 1.788 0 3.22-1.475 3.22-3.316 0-1.841-1.432-3.316-3.22-3.316z",
+            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: "M12.037 17.284c3.602 0 7.3-3.736 8.409-4.955-1.115-1.218-4.835-4.96-8.434-4.96-3.603 0-7.32 3.736-8.435 4.957 1.124 1.219 4.86 4.958 8.46 4.958zm9.678-5.336a.592.592 0 010 .756c-.194.239-4.83 5.774-9.678 5.774-4.849 0-9.535-5.535-9.731-5.77a.592.592 0 01-.003-.76c.199-.235 4.857-5.773 9.709-5.773 4.851 0 9.507 5.538 9.703 5.773zm-9.603-1.991c.488.01 2.381.201 2.381 2.453 0 2.258-1.896 2.435-2.37 2.443-.075.003-.15.003-.226.003-.499-.009-2.37-.185-2.37-2.46 0-2.271 1.852-2.44 2.353-2.442.076 0 .162 0 .232.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconEyeRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFamilyFilled = function IconFamilyFilled(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 IconFamilyFilled = function IconFamilyFilled(_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: "M10.21 5.395c.289.454.521.748.919 1.16.04.039.17.176.286.257a.787.787 0 00.319.146c.03.008.064.014.098.017h.081a.378.378 0 00.098-.017.822.822 0 00.32-.146c.114-.084.249-.218.285-.257.003-.003.006-.009.011-.012.39-.406.62-.7.908-1.148.364-.571.613-1.134.742-1.68.14-.595.026-1.088-.325-1.39a1.296 1.296 0 00-.776-.297 1.756 1.756 0 00-.94.235c-.104.06-.21.118-.326.188a.091.091 0 01-.036.011.064.064 0 01-.04-.011 5.919 5.919 0 00-.324-.188 1.756 1.756 0 00-.941-.235c-.297.017-.575.12-.78.297-.346.3-.464.793-.324 1.39.132.546.38 1.109.745 1.68M6.947 12.21c-.874 0-1.558-.232-2.031-.689-.49-.473-.737-1.18-.737-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.034.692.49.48.743 1.185.743 2.098 0 .914-.252 1.62-.743 2.096-.476.45-1.16.683-2.033.683zm9.843 0c-.874 0-1.558-.232-2.03-.689-.491-.473-.738-1.18-.738-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.035.692.49.48.742 1.185.742 2.098 0 .914-.252 1.62-.742 2.096-.477.45-1.16.683-2.034.683zM11.888 10c.571 0 1.02.151 1.328.454.322.314.487.773.487 1.372 0 .597-.162 1.06-.487 1.37-.308.297-.76.448-1.328.448-.571 0-1.02-.151-1.328-.45-.322-.309-.482-.771-.482-1.37 0-.6.16-1.06.482-1.37.311-.303.757-.454 1.328-.454zm-3.252 4.395c.535 0 1.02.09 1.445.258-.59.115-1.098.375-1.482.778-.49.51-.747 1.205-.747 2v4.283H2.104a.08.08 0 01-.079-.078V17.49c0-.885.275-1.641.793-2.185.569-.594 1.409-.907 2.437-.907h3.38v-.003zm4.356 1.011c.672 0 1.224.205 1.593.594.342.356.524.852.524 1.431v4.283H8.672v-4.283c0-.58.18-1.075.518-1.428.37-.39.922-.594 1.594-.594h2.208v-.003zm7.924-.103c.521.546.798 1.3.798 2.187v4.146a.076.076 0 01-.078.075H15.93v-4.28c0-.798-.26-1.49-.75-2.002-.393-.407-.908-.67-1.508-.782.42-.162.9-.25 1.426-.25h3.378c1.028-.002 1.871.312 2.44.906z",
-        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: "M18.608 12.185c1.28 0 2.322 1.081 2.322 2.409a2.45 2.45 0 01-.868 1.873c1.202.374 1.943 1.242 1.938 2.385V22h-6.07v-1.48a3.01 3.01 0 00-.691-1.943c.11-1 .818-1.76 1.92-2.106a2.439 2.439 0 01-.873-1.877c0-1.328 1.042-2.41 2.322-2.41zm-6.784 1.669c1.28 0 2.322 1.081 2.322 2.409a2.45 2.45 0 01-.868 1.873c1.197.374 1.938 1.242 1.938 2.385V22H8.432v-1.48c0-1.137.74-2 1.943-2.38a2.439 2.439 0 01-.873-1.877c0-1.328 1.042-2.409 2.322-2.409zm-4.288-9.26c1.87 0 3.392 1.579 3.392 3.518 0 1.256-.64 2.361-1.6 2.982 1.44.342 2.57 1.09 3.195 2.106a2.831 2.831 0 00-.699-.09c-1.673 0-3.035 1.413-3.035 3.148 0 .593.155 1.138.43 1.612-.942.588-1.505 1.522-1.505 2.65v1.461H2v-6.852c0-1.967 1.5-3.504 3.744-4.035a3.544 3.544 0 01-1.6-2.982c0-1.94 1.522-3.518 3.392-3.518zM15.399 2c1.87 0 3.392 1.579 3.392 3.518a3.548 3.548 0 01-1.628 2.997c2.259.526 3.767 2.063 3.772 4.03v.015a2.983 2.983 0 00-2.322-1.124c-1.674 0-3.036 1.413-3.036 3.148 0 .593.156 1.138.43 1.612-.69.432-1.175 1.053-1.385 1.797-.06-.042-.12-.09-.188-.132.27-.47.43-1.015.43-1.603a3.178 3.178 0 00-1.317-2.594c-.438-1.261-1.44-2.27-2.816-2.883a4.25 4.25 0 00.677-1.251c.603-.465 1.358-.816 2.222-1.015a3.536 3.536 0 01-1.628-2.997C12.002 3.578 13.53 2 15.4 2z",
+            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: "M10.21 5.395c.289.454.521.748.919 1.16.04.039.17.176.286.257a.787.787 0 00.319.146c.03.008.064.014.098.017h.081a.378.378 0 00.098-.017.822.822 0 00.32-.146c.114-.084.249-.218.285-.257.003-.003.006-.009.011-.012.39-.406.62-.7.908-1.148.364-.571.613-1.134.742-1.68.14-.595.026-1.088-.325-1.39a1.296 1.296 0 00-.776-.297 1.756 1.756 0 00-.94.235c-.104.06-.21.118-.326.188a.091.091 0 01-.036.011.064.064 0 01-.04-.011 5.919 5.919 0 00-.324-.188 1.756 1.756 0 00-.941-.235c-.297.017-.575.12-.78.297-.346.3-.464.793-.324 1.39.132.546.38 1.109.745 1.68M6.947 12.21c-.874 0-1.558-.232-2.031-.689-.49-.473-.737-1.18-.737-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.034.692.49.48.743 1.185.743 2.098 0 .914-.252 1.62-.743 2.096-.476.45-1.16.683-2.033.683zm9.843 0c-.874 0-1.558-.232-2.03-.689-.491-.473-.738-1.18-.738-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.035.692.49.48.742 1.185.742 2.098 0 .914-.252 1.62-.742 2.096-.477.45-1.16.683-2.034.683zM11.888 10c.571 0 1.02.151 1.328.454.322.314.487.773.487 1.372 0 .597-.162 1.06-.487 1.37-.308.297-.76.448-1.328.448-.571 0-1.02-.151-1.328-.45-.322-.309-.482-.771-.482-1.37 0-.6.16-1.06.482-1.37.311-.303.757-.454 1.328-.454zm-3.252 4.395c.535 0 1.02.09 1.445.258-.59.115-1.098.375-1.482.778-.49.51-.747 1.205-.747 2v4.283H2.104a.08.08 0 01-.079-.078V17.49c0-.885.275-1.641.793-2.185.569-.594 1.409-.907 2.437-.907h3.38v-.003zm4.356 1.011c.672 0 1.224.205 1.593.594.342.356.524.852.524 1.431v4.283H8.672v-4.283c0-.58.18-1.075.518-1.428.37-.39.922-.594 1.594-.594h2.208v-.003zm7.924-.103c.521.546.798 1.3.798 2.187v4.146a.076.076 0 01-.078.075H15.93v-4.28c0-.798-.26-1.49-.75-2.002-.393-.407-.908-.67-1.508-.782.42-.162.9-.25 1.426-.25h3.378c1.028-.002 1.871.312 2.44.906z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFamilyFilled;
 exports.default = _default;

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

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

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

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