@telefonica/mistica 10.10.0 → 10.11.0

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPercentFilled = function IconPercentFilled(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 IconPercentFilled = function IconPercentFilled(_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.923 7.856a.575.575 0 00-.907-.706l-6.944 8.927a.572.572 0 00.45.927.57.57 0 00.454-.221l6.947-8.927zm-1.608 8.627c1.045 0 1.656-.526 1.656-1.655s-.61-1.656-1.656-1.656c-1.045 0-1.655.527-1.655 1.656s.608 1.655 1.655 1.655zM9.671 7.626c-1.048 0-1.655.53-1.655 1.656s.607 1.655 1.655 1.655c1.045 0 1.655-.53 1.655-1.655 0-1.13-.61-1.656-1.655-1.656zm2.32-5.476c6.218 0 9.845 3.14 9.845 9.846 0 6.706-3.627 9.84-9.846 9.84-6.218 0-9.84-3.134-9.84-9.84 0-6.706 3.622-9.846 9.84-9.846z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPercentLight = function IconPercentLight(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 IconPercentLight = function IconPercentLight(_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.992 21.02c5.99 0 9.027-3.035 9.027-9.022 0-5.99-3.037-9.027-9.027-9.027-5.987 0-9.021 3.037-9.021 9.027 0 5.987 3.034 9.021 9.021 9.021zm0-18.87c6.22 0 9.848 3.14 9.848 9.848 0 6.707-3.628 9.842-9.848 9.842-6.22 0-9.842-3.135-9.842-9.842 0-6.707 3.623-9.848 9.842-9.848zm2.326 13.54c.633 0 .837-.204.837-.835 0-.633-.204-.837-.837-.837-.634 0-.835.204-.835.837 0 .634.201.835.835.835zm0-2.49c1.045 0 1.658.53 1.658 1.658 0 1.127-.61 1.656-1.658 1.656-1.045 0-1.656-.53-1.656-1.656s.608-1.658 1.656-1.658zM9.672 8.473c-.63 0-.834.205-.834.838 0 .63.204.835.834.835.634 0 .838-.202.838-.835-.003-.636-.207-.838-.838-.838zm0 2.491c-1.045 0-1.655-.527-1.655-1.656s.61-1.658 1.655-1.658 1.659.53 1.659 1.658c0 1.13-.614 1.656-1.659 1.656zm6.052-3.757a.41.41 0 01.073.574l-6.945 8.932a.41.41 0 01-.648-.502l6.943-8.934a.407.407 0 01.571-.076l.006.006z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPercentRegular = function IconPercentRegular(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 IconPercentRegular = function IconPercentRegular(_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: "M14.315 15.335c.457 0 .51-.053.51-.507 0-.451-.056-.507-.51-.507-.456 0-.507.05-.507.507 0 .454.05.507.507.507zm0-2.163c1.045 0 1.659.53 1.659 1.659s-.611 1.655-1.659 1.655c-1.045 0-1.655-.526-1.655-1.655 0-1.132.608-1.659 1.655-1.659zM9.671 8.775c-.457 0-.507.05-.507.507 0 .453.05.507.507.507s.507-.05.507-.507c0-.451-.056-.507-.507-.507zm0 2.162c-1.048 0-1.655-.53-1.655-1.655 0-1.13.61-1.659 1.655-1.659s1.658.53 1.658 1.659c0 1.128-.613 1.655-1.658 1.655zm5.345-3.787a.571.571 0 01.8-.104l.003.003c.25.193.297.555.101.804l-6.94 8.93a.575.575 0 11-.908-.706l6.944-8.927zM11.99 20.607c5.796 0 8.617-2.818 8.617-8.611 0-5.798-2.818-8.616-8.617-8.616-5.792 0-8.61 2.818-8.61 8.616 0 5.793 2.818 8.61 8.61 8.61zm0-18.457c6.219 0 9.846 3.14 9.846 9.846 0 6.706-3.627 9.84-9.846 9.84-6.218 0-9.84-3.134-9.84-9.84 0-6.706 3.622-9.846 9.84-9.846z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPersonFilled = function IconPersonFilled(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 IconPersonFilled = function IconPersonFilled(_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: "M17.304 14.048a1.52 1.52 0 01-1.079 1.857 1.509 1.509 0 01-1.196-.168v4.594c0 .863-.619 1.515-1.44 1.515-.818 0-1.434-.652-1.434-1.515v-4.454h-.28v4.454c0 .865-.597 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493v-4.594l-.04.025a1.521 1.521 0 01-1.162.14 1.516 1.516 0 01-1.072-1.851l1.154-4.21a.885.885 0 01.047-.146c.286-1.294 1.46-2.23 2.801-2.23h2.563c1.342 0 2.513.933 2.799 2.224a.85.85 0 01.059.188c0 .006 1.14 4.171 1.14 4.171zm-5.527-6.93c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.415.684-1.849.44-.42 1.05-.633 1.815-.633.767 0 1.378.213 1.815.63.454.434.686 1.056.686 1.849 0 1.552-.932 2.476-2.501 2.479z",
-        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: "M15.991 15.705h-1.388V22H9.388v-6.295H8v-6.48c0-1.598 1.121-2.916 2.572-3.12a2.487 2.487 0 01-.659-1.697C9.913 3.081 10.928 2 12.173 2c1.25 0 2.26 1.08 2.26 2.408 0 .692-.275 1.313-.711 1.754C15.026 6.49 16 7.736 16 9.224v6.48h-.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: "M17.304 14.048a1.52 1.52 0 01-1.079 1.857 1.509 1.509 0 01-1.196-.168v4.594c0 .863-.619 1.515-1.44 1.515-.818 0-1.434-.652-1.434-1.515v-4.454h-.28v4.454c0 .865-.597 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493v-4.594l-.04.025a1.521 1.521 0 01-1.162.14 1.516 1.516 0 01-1.072-1.851l1.154-4.21a.885.885 0 01.047-.146c.286-1.294 1.46-2.23 2.801-2.23h2.563c1.342 0 2.513.933 2.799 2.224a.85.85 0 01.059.188c0 .006 1.14 4.171 1.14 4.171zm-5.527-6.93c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.415.684-1.849.44-.42 1.05-.633 1.815-.633.767 0 1.378.213 1.815.63.454.434.686 1.056.686 1.849 0 1.552-.932 2.476-2.501 2.479z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPersonFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPersonLight = function IconPersonLight(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 IconPersonLight = function IconPersonLight(_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.603 3.333c-.26.243-.39.63-.39 1.151 0 1.022.49 1.501 1.544 1.501 1.056 0 1.549-.476 1.549-1.501 0-.518-.132-.905-.392-1.148-.252-.239-.639-.359-1.154-.359-.518 0-.905.12-1.157.356zm1.154 3.47c-1.515 0-2.387-.846-2.387-2.319 0-.75.219-1.336.648-1.74.411-.389.997-.588 1.739-.588.74 0 1.325.2 1.74.588.43.404.65.99.65 1.74 0 1.473-.872 2.32-2.39 2.32zm4.345 8.188a.526.526 0 00.383-.633c0-.003 0-.006-.003-.008l-1.196-4.289a.802.802 0 01-.042-.115.633.633 0 00-.016-.056c-.18-.865-.975-1.493-1.888-1.493h-2.664c-.91 0-1.706.628-1.888 1.493-.003.014-.009.025-.011.037a.308.308 0 01-.034.092l-1.21 4.336a.523.523 0 00.372.636h.006c.137.04.283.022.406-.05a.502.502 0 00.247-.309l.532-2.865c.04-.21.224-.347.454-.336a.414.414 0 01.383.409v8.655a.53.53 0 001.062 0v-5.157c0-.227.188-.409.42-.409h1.188c.232 0 .423.185.423.41v5.159a.53.53 0 00.532.527.53.53 0 00.53-.527v-8.655c0-.213.168-.39.383-.41.227-.008.412.127.451.337l.538 2.893a.512.512 0 00.241.278c.12.07.266.086.4.05zm1.196-.854a1.341 1.341 0 01-.956 1.641c-.005 0-.008.003-.014.003a1.396 1.396 0 01-1.4-.41v5.124c0 .742-.616 1.348-1.373 1.348a1.36 1.36 0 01-1.372-1.348v-4.748h-.336v4.751c0 .742-.617 1.347-1.373 1.347s-1.372-.605-1.372-1.347v-5.126a1.39 1.39 0 01-1.404.409 1.34 1.34 0 01-.969-1.63l.003-.009L7.93 9.848a.825.825 0 01.047-.14c.27-1.238 1.406-2.132 2.709-2.132h2.664c1.302 0 2.437.894 2.706 2.126a.868.868 0 01.056.171l1.185 4.264z",
-        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: "M13.819 6.754a2.7 2.7 0 00.961-2.075C14.78 3.202 13.61 2 12.171 2c-1.438 0-2.608 1.202-2.608 2.679 0 .8.347 1.518.894 2.011C9.064 6.933 8 8.18 8 9.68v6.25h1.389v5.713c0 .197.156.357.347.357.192 0 .347-.16.347-.357v-6.427H8.694V9.68c0-1.257 1.038-2.322 2.262-2.322h2.088c1.224 0 2.262 1.065 2.262 2.322v5.536h-1.39v3.927c0 .196.156.356.348.356.191 0 .347-.16.347-.356v-3.214H16V9.68c-.004-1.394-.926-2.574-2.181-2.926zM10.257 4.68c0-1.084.86-1.966 1.914-1.966 1.055 0 1.915.882 1.915 1.966 0 1.083-.86 1.966-1.92 1.966-1.054-.005-1.909-.883-1.909-1.966zm4.697 16.608a.705.705 0 01-.695.713.705.705 0 01-.694-.713c0-.393.311-.713.694-.713.383 0 .695.32.695.713z",
+            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.603 3.333c-.26.243-.39.63-.39 1.151 0 1.022.49 1.501 1.544 1.501 1.056 0 1.549-.476 1.549-1.501 0-.518-.132-.905-.392-1.148-.252-.239-.639-.359-1.154-.359-.518 0-.905.12-1.157.356zm1.154 3.47c-1.515 0-2.387-.846-2.387-2.319 0-.75.219-1.336.648-1.74.411-.389.997-.588 1.739-.588.74 0 1.325.2 1.74.588.43.404.65.99.65 1.74 0 1.473-.872 2.32-2.39 2.32zm4.345 8.188a.526.526 0 00.383-.633c0-.003 0-.006-.003-.008l-1.196-4.289a.802.802 0 01-.042-.115.633.633 0 00-.016-.056c-.18-.865-.975-1.493-1.888-1.493h-2.664c-.91 0-1.706.628-1.888 1.493-.003.014-.009.025-.011.037a.308.308 0 01-.034.092l-1.21 4.336a.523.523 0 00.372.636h.006c.137.04.283.022.406-.05a.502.502 0 00.247-.309l.532-2.865c.04-.21.224-.347.454-.336a.414.414 0 01.383.409v8.655a.53.53 0 001.062 0v-5.157c0-.227.188-.409.42-.409h1.188c.232 0 .423.185.423.41v5.159a.53.53 0 00.532.527.53.53 0 00.53-.527v-8.655c0-.213.168-.39.383-.41.227-.008.412.127.451.337l.538 2.893a.512.512 0 00.241.278c.12.07.266.086.4.05zm1.196-.854a1.341 1.341 0 01-.956 1.641c-.005 0-.008.003-.014.003a1.396 1.396 0 01-1.4-.41v5.124c0 .742-.616 1.348-1.373 1.348a1.36 1.36 0 01-1.372-1.348v-4.748h-.336v4.751c0 .742-.617 1.347-1.373 1.347s-1.372-.605-1.372-1.347v-5.126a1.39 1.39 0 01-1.404.409 1.34 1.34 0 01-.969-1.63l.003-.009L7.93 9.848a.825.825 0 01.047-.14c.27-1.238 1.406-2.132 2.709-2.132h2.664c1.302 0 2.437.894 2.706 2.126a.868.868 0 01.056.171l1.185 4.264z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPersonLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPersonRegular = function IconPersonRegular(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 IconPersonRegular = function IconPersonRegular(_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.903 14.745a.313.313 0 00.224-.383l-1.149-4.2a.59.59 0 01-.047-.14c-.003-.013-.009-.027-.012-.041a1.651 1.651 0 00-1.616-1.303H10.74a1.654 1.654 0 00-1.63 1.348.73.73 0 01-.045.131l-1.151 4.21a.311.311 0 00.218.378.301.301 0 00.238-.028.295.295 0 00.143-.182l.507-2.787a.602.602 0 01.653-.493.605.605 0 01.555.6v8.481c0 .132.039.289.23.289.055 0 .198 0 .198-.289V15.28c0-.333.272-.602.608-.602h1.496c.336 0 .608.27.608.602v5.056c0 .073.016.309.218.309.207 0 .224-.239.224-.309v-8.481c0-.311.241-.572.552-.6a.616.616 0 01.653.493l.518 2.838c.017.056.09.109.132.134a.36.36 0 00.238.025zm1.4-.694a1.517 1.517 0 01-1.078 1.857 1.5 1.5 0 01-1.157-.146c-.014-.008-.028-.014-.04-.022v4.594c0 .862-.618 1.515-1.44 1.515-.817 0-1.433-.653-1.433-1.515V15.88h-.28v4.454c0 .865-.594 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493V15.74l-.04.025a1.52 1.52 0 01-1.162.143 1.518 1.518 0 01-1.073-1.852l1.151-4.21a.77.77 0 01.048-.145c.286-1.295 1.46-2.227 2.801-2.227h2.563c1.342 0 2.513.932 2.799 2.224.028.064.044.126.058.187l1.143 4.166zM10.81 3.66c-.207.2-.314.53-.314.984 0 .888.384 1.269 1.28 1.269.903 0 1.286-.381 1.286-1.27 0-.45-.106-.78-.313-.983-.205-.196-.533-.294-.972-.294-.44 0-.765.098-.967.294zm.967 3.457c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.412.683-1.849.437-.42 1.048-.633 1.813-.633.767 0 1.378.213 1.815.633.454.434.686 1.056.686 1.849.003 1.552-.93 2.476-2.498 2.476z",
-        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 9.675a3.39 3.39 0 00-2.028-3.094c.369-.48.59-1.075.59-1.724 0-1.577-1.29-2.857-2.88-2.857-1.59 0-2.88 1.28-2.88 2.857 0 .599.189 1.157.507 1.618A3.395 3.395 0 008 9.68v6.606h1.438v5c0 .394.322.714.719.714.396 0 .719-.32.719-.713v-6.432H9.438v-5.18c0-1.065.908-1.965 1.981-1.965h2.162c1.073 0 1.981.9 1.981 1.965v5.18h-1.438v6.427c0 .393.323.713.72.713.396 0 .718-.32.718-.713v-4.996H17v-6.61zm-4.323-6.249c.793 0 1.438.64 1.438 1.427 0 .786-.645 1.426-1.447 1.426a1.436 1.436 0 01-1.433-1.426 1.44 1.44 0 011.442-1.427z",
+            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.903 14.745a.313.313 0 00.224-.383l-1.149-4.2a.59.59 0 01-.047-.14c-.003-.013-.009-.027-.012-.041a1.651 1.651 0 00-1.616-1.303H10.74a1.654 1.654 0 00-1.63 1.348.73.73 0 01-.045.131l-1.151 4.21a.311.311 0 00.218.378.301.301 0 00.238-.028.295.295 0 00.143-.182l.507-2.787a.602.602 0 01.653-.493.605.605 0 01.555.6v8.481c0 .132.039.289.23.289.055 0 .198 0 .198-.289V15.28c0-.333.272-.602.608-.602h1.496c.336 0 .608.27.608.602v5.056c0 .073.016.309.218.309.207 0 .224-.239.224-.309v-8.481c0-.311.241-.572.552-.6a.616.616 0 01.653.493l.518 2.838c.017.056.09.109.132.134a.36.36 0 00.238.025zm1.4-.694a1.517 1.517 0 01-1.078 1.857 1.5 1.5 0 01-1.157-.146c-.014-.008-.028-.014-.04-.022v4.594c0 .862-.618 1.515-1.44 1.515-.817 0-1.433-.653-1.433-1.515V15.88h-.28v4.454c0 .865-.594 1.493-1.415 1.493-.823 0-1.445-.642-1.445-1.493V15.74l-.04.025a1.52 1.52 0 01-1.162.143 1.518 1.518 0 01-1.073-1.852l1.151-4.21a.77.77 0 01.048-.145c.286-1.295 1.46-2.227 2.801-2.227h2.563c1.342 0 2.513.932 2.799 2.224.028.064.044.126.058.187l1.143 4.166zM10.81 3.66c-.207.2-.314.53-.314.984 0 .888.384 1.269 1.28 1.269.903 0 1.286-.381 1.286-1.27 0-.45-.106-.78-.313-.983-.205-.196-.533-.294-.972-.294-.44 0-.765.098-.967.294zm.967 3.457c-1.563 0-2.499-.927-2.499-2.476 0-.793.23-1.412.683-1.849.437-.42 1.048-.633 1.813-.633.767 0 1.378.213 1.815.633.454.434.686 1.056.686 1.849.003 1.552-.93 2.476-2.498 2.476z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconPersonRegular;
 exports.default = _default;