@telefonica/mistica 10.10.0 → 10.11.0

package/dist/generated/mistica-icons/icon-virus-scan-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconVirusScanRegular = function IconVirusScanRegular(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 IconVirusScanRegular = function IconVirusScanRegular(_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: "M9.824 16.33c3.638 0 6.602-2.935 6.602-6.546 0-3.608-2.961-6.543-6.602-6.543-3.64 0-6.603 2.935-6.603 6.543.003 3.611 2.964 6.547 6.603 6.547zm11.683 4.348a.604.604 0 01-.431 1.033.608.608 0 01-.432-.176l-5.826-5.776a7.84 7.84 0 01-4.992 1.782c-4.322 0-7.823-3.474-7.823-7.76 0-4.282 3.504-7.756 7.823-7.756 4.32 0 7.824 3.474 7.824 7.757a7.696 7.696 0 01-1.96 5.126l5.817 5.77zM9.824 12.675c1.462 0 1.862-.535 1.862-2.49 0-1.227-.176-1.88-.59-2.19-.27-.2-.684-.298-1.272-.298-.592 0-1.009.099-1.278.303-.409.31-.585.966-.585 2.185 0 1.955.4 2.49 1.863 2.49zm.005-6.465c-1.25 0-1.25.252-1.25.602v.014c.354-.117.76-.182 1.245-.182.487 0 .896.065 1.252.182l.002-.016c0-.348 0-.6-1.249-.6zM13.35 9.3c.294 0 .532.235.532.526v.748a.529.529 0 01-.532.527.527.527 0 01-.53-.527v-.221h-.072c-.006.535-.048 1.053-.174 1.518l.687.207c.232.07.389.289.375.53l-.062 1.126a.53.53 0 01-.53.498h-.027a.526.526 0 01-.502-.551l.04-.717-.437-.132c-.429.549-1.135.896-2.294.896-1.163 0-1.869-.35-2.297-.902l-.454.135.039.714a.53.53 0 01-.501.555h-.028a.53.53 0 01-.53-.499l-.061-1.126a.528.528 0 01.375-.532l.703-.213c-.12-.462-.165-.98-.17-1.513h-.074v.222a.528.528 0 01-.53.526.529.529 0 01-.531-.526V9.82c0-.292.238-.527.532-.527h.639a4.09 4.09 0 01.282-1.227l-.851-.257a.522.522 0 01-.375-.533l.061-1.126c.017-.291.283-.501.558-.496a.529.529 0 01.501.555l-.04.714.466.14c-.009-.084-.023-.168-.023-.257 0-1.653 1.62-1.653 2.311-1.653.692 0 2.311 0 2.311 1.653 0 .087-.01.168-.02.249l.438-.132-.04-.717a.525.525 0 01.502-.552c.288.017.543.208.557.5l.062 1.125a.527.527 0 01-.375.53l-.835.249c.162.378.246.798.285 1.232h.64v.01zm-3.554-.835c.294 0 .529.235.529.527v2.8a.528.528 0 01-.53.527.527.527 0 01-.529-.526V8.992a.525.525 0 01.53-.527z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconWalletFilled = function IconWalletFilled(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 IconWalletFilled = function IconWalletFilled(_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.47 15.252v-2.888c0-.126-.1-.23-.224-.23h-7.963c-.84 0-1.527.703-1.527 1.566v.213c0 .863.684 1.566 1.527 1.566h7.963c.124.003.225-.1.225-.227zM4.74 6.695c0 .022-.009.039-.012.058l12.703.003V5.49c0-.148-.131-.272-.291-.272l-.286.023h-.005L5.07 6.084c-.202.003-.333.126-.333.272v.339h.002zm-1.202-.387A1.505 1.505 0 015.03 4.846l11.218-.804v-.748L4.524 4.12a1.275 1.275 0 00-.936.384c-.238.247-.37.572-.37.919v.034c0 .313.118.613.32.851zm16.708 4.588c.79 0 1.432.659 1.432 1.47v2.889c0 .81-.642 1.468-1.432 1.468h-.086l.002 1.596c0 .678-.255 1.317-.722 1.796a2.42 2.42 0 01-1.748.745l-13.213.005c-.745-.005-1.398-.28-1.846-.767-.445-.487-.661-1.146-.622-1.908V5.423c0-.678.258-1.317.723-1.796a2.427 2.427 0 011.748-.745l12.327-.868a.601.601 0 01.454.165c.123.118.19.28.19.454v1.395a1.502 1.502 0 011.183 1.465v1.443c.342.126.644.319.885.582.445.488.658 1.149.619 1.916l.003 1.465h.103v-.003zm-7.77 1.995c.538 0 .972.448.972 1s-.434 1-.972 1-.972-.448-.972-1a.984.984 0 01.972-1z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconWalletLight = function IconWalletLight(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 IconWalletLight = function IconWalletLight(_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: "M21.018 15.9v-2.952a.439.439 0 00-.434-.445H12.45c-.972 0-1.765.812-1.765 1.815v.218c0 1 .79 1.813 1.765 1.813h8.137a.443.443 0 00.431-.449zm-1.546 3.138l-.003-1.846h-7.02c-1.425 0-2.588-1.194-2.588-2.659v-.218c0-1.468 1.16-2.661 2.589-2.661h7.002l-.002-1.745c.025-.516-.096-.922-.356-1.205-.26-.285-.647-.437-1.12-.442l-13.496.005V8.26c-.558 0-1.079-.21-1.496-.58v11.255c-.025.507.098.91.356 1.193.263.286.666.446 1.14.451l13.498-.005c.824.005 1.496-.687 1.496-1.535zM2.982 5.842v.033c0 .412.154.798.44 1.09.086.09.187.165.294.23v-.393A1.33 1.33 0 015.04 5.47l11.666-.838V3.444l-12.199.86a1.49 1.49 0 00-1.086.45c-.286.29-.44.676-.44 1.088zm14.933.07a.5.5 0 00-.505-.49l-.291.022h-.003L5.07 6.309c-.306 0-.533.222-.533.49v.617l13.379.005v-1.51zm2.672 5.745c.692 0 1.255.58 1.255 1.291V15.9c0 .712-.563 1.292-1.255 1.292h-.294l.003 1.846c0 1.316-1.04 2.386-2.32 2.386l-13.501.006c-.703-.006-1.317-.26-1.737-.717-.414-.454-.616-1.076-.577-1.796V5.842c0-.636.24-1.236.678-1.687.44-.45 1.02-.7 1.641-.7l12.611-.89a.403.403 0 01.308.111.43.43 0 01.132.308v1.608c.686.07 1.21.633 1.21 1.32v1.633a2.1 2.1 0 01.958.582c.414.454.613 1.079.577 1.804l.003 1.723h.308v.003zm-7.941 3.582a.804.804 0 00.792-.815.804.804 0 00-.792-.815.806.806 0 00-.793.815c0 .448.356.815.793.815zm0-2.476c.89 0 1.613.745 1.613 1.661s-.725 1.661-1.613 1.661c-.891 0-1.617-.745-1.617-1.66 0-.917.726-1.662 1.617-1.662z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconWalletRegular = function IconWalletRegular(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 IconWalletRegular = function IconWalletRegular(_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.479 15.255v-2.888c0-.129-.1-.23-.224-.23h-7.97c-.842 0-1.526.703-1.526 1.566v.213c0 .863.686 1.566 1.527 1.566h7.969a.224.224 0 00.224-.227zm-1.518 3.07l-.003-1.6h-6.672c-1.507 0-2.737-1.26-2.737-2.806v-.213c0-1.55 1.227-2.807 2.737-2.807h6.658l-.003-1.498c.023-.457-.078-.802-.291-1.037-.216-.238-.546-.364-.953-.367L4.48 8v-.008c-.454 0-.885-.135-1.266-.367V18.23c-.023.448.078.792.294 1.025.218.24.563.372.972.375l13.218-.003c.34 0 .656-.134.894-.38a1.32 1.32 0 00.37-.922zM3.213 5.415v.033c0 .317.115.616.32.855A1.505 1.505 0 015.024 4.84l11.227-.806v-.745l-11.734.826a1.284 1.284 0 00-.935.38c-.238.247-.37.572-.37.92zm13.641-.18l-11.787.846c-.201.003-.333.123-.333.272v.339c0 .02-.009.04-.011.059l12.711.003V5.487c0-.148-.131-.271-.291-.271l-.286.02h-.003zm3.4 5.661c.79 0 1.432.659 1.432 1.47v2.889c0 .81-.644 1.47-1.431 1.47h-.087l.003 1.6a2.55 2.55 0 01-.723 1.795 2.422 2.422 0 01-1.75.746l-13.225.002c-.745-.005-1.4-.28-1.846-.767-.445-.488-.66-1.146-.621-1.908V5.415c0-.678.257-1.317.722-1.796a2.422 2.422 0 011.751-.745l12.336-.871a.597.597 0 01.454.165c.123.118.19.28.19.454v1.395c.69.157 1.185.753 1.185 1.468v1.442c.342.129.645.322.885.583.446.487.659 1.148.62 1.919l.002 1.467h.104zm-7.778 1.998c.538 0 .975.448.975 1 0 .551-.437 1-.975 1s-.972-.449-.972-1c0-.552.434-1 .972-1z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconWarningFilled = function IconWarningFilled(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 IconWarningFilled = function IconWarningFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M11.997 18.41a.786.786 0 010-1.571c.432 0 .782.351.782.786 0 .435-.35.786-.782.786zm-.689-12.69a.689.689 0 011.378 0v9.498a.689.689 0 01-1.378 0V5.721zm1.152-4.707A35.105 35.105 0 0011.621 1h-.203C9.208 1.019 1 1.776 1 11.962c0 10.202 8.286 11.004 10.496 11.035a42.806 42.806 0 001.008-.003C14.604 22.956 23 22.167 23 12.028 23 1.914 14.614 1.063 12.46 1.013z",
-        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 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10zm.536-14.644A.552.552 0 0012 6.82a.552.552 0 00-.536.536v6.788c0 .284.252.536.536.536a.552.552 0 00.536-.536V7.356zM12 16.108a.718.718 0 00-.716.716c0 .392.32.716.716.716.392 0 .716-.32.716-.716a.718.718 0 00-.716-.716z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.997 18.41a.786.786 0 010-1.571c.432 0 .782.351.782.786 0 .435-.35.786-.782.786zm-.689-12.69a.689.689 0 011.378 0v9.498a.689.689 0 01-1.378 0V5.721zm1.152-4.707A35.105 35.105 0 0011.621 1h-.203C9.208 1.019 1 1.776 1 11.962c0 10.202 8.286 11.004 10.496 11.035a42.806 42.806 0 001.008-.003C14.604 22.956 23 22.167 23 12.028 23 1.914 14.614 1.063 12.46 1.013z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconWarningFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconWarningLight = function IconWarningLight(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 IconWarningLight = function IconWarningLight(_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.485 22.077c2.25-.041 9.598-.89 9.598-10.049 0-3.966-1.356-6.827-4.032-8.505-2.185-1.371-4.652-1.571-5.613-1.596-.247-.007-.532-.01-.807-.01h-.204c-.955.01-3.406.172-5.56 1.528-2.623 1.65-3.95 4.517-3.95 8.52 0 4.01 1.343 6.884 3.991 8.556 2.173 1.368 4.643 1.55 5.604 1.562l.328.003c.226-.003.451-.003.645-.01zM12.46 1.009C14.614 1.06 23 1.911 23 12.03c0 10.138-8.396 10.927-10.496 10.965-.2.003-.432.006-.664.006-.115 0-.231 0-.344-.003C9.286 22.966 1 22.167 1 11.966 1 1.776 9.21 1.019 11.418 1h.213c.281 0 .576.003.83.01zm-.463 14.67a.458.458 0 01-.457-.458V5.724a.458.458 0 01.914 0v9.497a.458.458 0 01-.457.457zM12 16.845a.717.717 0 110 1.433.717.717 0 010-1.433z",
-        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 2c1.892 0 3.752.536 5.356 1.536.18.108.216.32.108.5s-.32.216-.5.108A9.43 9.43 0 0012 2.716c-5.108 0-9.284 4.176-9.284 9.284 0 5.108 4.18 9.284 9.284 9.284 5.104 0 9.284-4.176 9.284-9.248 0-1.784-.5-3.5-1.428-4.964-.108-.18-.072-.392.108-.5.18-.108.392-.072.5.108A9.925 9.925 0 0122 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2zm0 14.284a.536.536 0 110 1.072.536.536 0 010-1.072zm0-9.64c.216 0 .356.14.356.356v7.5c0 .212-.14.356-.356.356-.212 0-.356-.14-.356-.356V7c0-.212.14-.356.356-.356zM18.784 4.5a.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: "M12.485 22.077c2.25-.041 9.598-.89 9.598-10.049 0-3.966-1.356-6.827-4.032-8.505-2.185-1.371-4.652-1.571-5.613-1.596-.247-.007-.532-.01-.807-.01h-.204c-.955.01-3.406.172-5.56 1.528-2.623 1.65-3.95 4.517-3.95 8.52 0 4.01 1.343 6.884 3.991 8.556 2.173 1.368 4.643 1.55 5.604 1.562l.328.003c.226-.003.451-.003.645-.01zM12.46 1.009C14.614 1.06 23 1.911 23 12.03c0 10.138-8.396 10.927-10.496 10.965-.2.003-.432.006-.664.006-.115 0-.231 0-.344-.003C9.286 22.966 1 22.167 1 11.966 1 1.776 9.21 1.019 11.418 1h.213c.281 0 .576.003.83.01zm-.463 14.67a.458.458 0 01-.457-.458V5.724a.458.458 0 01.914 0v9.497a.458.458 0 01-.457.457zM12 16.845a.717.717 0 110 1.433.717.717 0 010-1.433z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconWarningLight;
 exports.default = _default;

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

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

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

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