@telefonica/mistica 10.10.0 → 10.14.0

package/dist/generated/mistica-icons/icon-process-loading-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconProcessLoadingLight = function IconProcessLoadingLight(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 IconProcessLoadingLight = function IconProcessLoadingLight(_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.003 2.16c6.415 0 9.843 3.395 9.843 9.843s-3.395 9.843-9.843 9.843-9.843-3.395-9.843-9.843S5.555 2.16 12.003 2.16zm0 18.866c5.964 0 9.023-3.034 9.023-9.023S18 2.981 12.003 2.981 2.981 6.04 2.981 12.003c0 5.964 3.025 9.023 9.022 9.023zm0-16.782c.216 0 .392.162.41.378V7.74a.417.417 0 01-.41.409.41.41 0 01-.409-.41V4.654c0-.227.182-.409.41-.409zM8.15 11.947a.41.41 0 01-.41.41H4.62a.41.41 0 010-.819h3.118a.408.408 0 01.412.41zm.507 2.731a.411.411 0 01.58.028l.002.003c.16.148.166.398.017.557l-.017.017-2.156 2.149a.381.381 0 01-.311.123.41.41 0 01-.286-.695c-.003 0 2.17-2.182 2.17-2.182zm3.291 1.157a.41.41 0 01.41.409v3.076a.41.41 0 01-.819 0v-3.076a.406.406 0 01.41-.409zm3.336-1.1l2.182 2.181c.16.16.163.42.003.58l-.003.003a.42.42 0 01-.285.115.402.402 0 01-.286-.115l-2.185-2.182a.41.41 0 01-.003-.58l.003-.003a.41.41 0 01.574 0zm4.037-3.11a.41.41 0 010 .818h-3.076a.41.41 0 010-.818h3.076zM15.03 9.421a.435.435 0 01-.294-.115.42.42 0 010-.583l2.19-2.182a.411.411 0 01.575.583l-2.216 2.182a.471.471 0 01-.255.115z",
-        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.716 18.349c.216 0 .356.147.356.364v2.923c0 .22-.144.364-.356.364-.216 0-.356-.147-.356-.364v-2.923c0-.22.144-.364.356-.364zm2.644-.258l1.108 2.706c.072.184 0 .4-.18.474-.072.037-.108.037-.144.037-.144 0-.284-.073-.32-.22l-1.108-2.706c-.072-.184 0-.401.18-.475.18-.074.392 0 .464.184zm-4.828-.184c.18.074.284.29.18.475l-1.108 2.705c-.032.148-.176.221-.32.221-.036 0-.108 0-.144-.037-.18-.073-.284-.29-.18-.474l1.108-2.706c.072-.184.284-.29.464-.184zm6.716-1.277l2.036 2.083a.357.357 0 010 .512.368.368 0 01-.248.11.323.323 0 01-.252-.11l-2.036-2.083a.357.357 0 010-.512.338.338 0 01.5 0zm-8.604.037a.357.357 0 010 .511l-2 2.047a.323.323 0 01-.252.11.31.31 0 01-.248-.11.357.357 0 010-.512l2-2.046a.338.338 0 01.5 0zm9.816-2.125l2.644 1.134c.18.074.284.29.18.475-.032.115-.176.221-.32.221-.036 0-.108 0-.144-.037l-2.644-1.134c-.18-.073-.284-.29-.18-.474.072-.185.284-.291.464-.185zm-11.028.185c.072.184 0 .4-.18.474l-2.644 1.134c-.036.004-.108.037-.144.037-.144 0-.284-.074-.32-.221-.072-.184 0-.401.18-.475l2.644-1.134c.18-.073.392 0 .464.185zm14.212-2.591c.216 0 .356.147.356.364 0 .221-.144.364-.356.364h-2.856c-.216 0-.356-.147-.356-.364s.144-.364.356-.364h2.856zm-15.004 0c.216 0 .356.147.356.364a.355.355 0 01-.352.364h-2.86c-.216 0-.356-.147-.356-.364s.144-.364.356-.364H6.64zM4.604 8.66l2.644 1.133c.18.074.284.291.18.475-.072.148-.176.221-.32.221-.036 0-.108 0-.144-.037L4.32 9.32c-.18-.074-.284-.29-.18-.475.072-.184.284-.29.464-.184zm16.684.184c.072.184 0 .401-.18.475l-2.644 1.133c-.036.037-.108.037-.144.037-.144 0-.284-.073-.32-.22-.072-.185 0-.402.18-.476l2.644-1.133c.18-.074.392 0 .464.184zM2.716 7.384c.395 0 .716.328.716.732 0 .405-.32.733-.716.733A.724.724 0 012 8.116c0-.404.32-.732.716-.732zm16.568-1.609a.357.357 0 010 .512L17.248 8.37a.31.31 0 01-.248.11.323.323 0 01-.252-.11.357.357 0 010-.512l2.036-2.083a.338.338 0 01.5 0zm-3-2.05c.18.073.284.29.18.474l-1.108 2.706c-.036.151-.176.22-.32.22-.036 0-.108 0-.144-.036-.18-.074-.284-.29-.18-.475L15.82 3.91c.072-.185.252-.254.464-.185zM12.716 3c.216 0 .356.147.356.364v2.923c0 .22-.144.364-.356.364-.216 0-.356-.147-.356-.364V3.364c0-.22.144-.364.356-.364z",
+            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.003 2.16c6.415 0 9.843 3.395 9.843 9.843s-3.395 9.843-9.843 9.843-9.843-3.395-9.843-9.843S5.555 2.16 12.003 2.16zm0 18.866c5.964 0 9.023-3.034 9.023-9.023S18 2.981 12.003 2.981 2.981 6.04 2.981 12.003c0 5.964 3.025 9.023 9.022 9.023zm0-16.782c.216 0 .392.162.41.378V7.74a.417.417 0 01-.41.409.41.41 0 01-.409-.41V4.654c0-.227.182-.409.41-.409zM8.15 11.947a.41.41 0 01-.41.41H4.62a.41.41 0 010-.819h3.118a.408.408 0 01.412.41zm.507 2.731a.411.411 0 01.58.028l.002.003c.16.148.166.398.017.557l-.017.017-2.156 2.149a.381.381 0 01-.311.123.41.41 0 01-.286-.695c-.003 0 2.17-2.182 2.17-2.182zm3.291 1.157a.41.41 0 01.41.409v3.076a.41.41 0 01-.819 0v-3.076a.406.406 0 01.41-.409zm3.336-1.1l2.182 2.181c.16.16.163.42.003.58l-.003.003a.42.42 0 01-.285.115.402.402 0 01-.286-.115l-2.185-2.182a.41.41 0 01-.003-.58l.003-.003a.41.41 0 01.574 0zm4.037-3.11a.41.41 0 010 .818h-3.076a.41.41 0 010-.818h3.076zM15.03 9.421a.435.435 0 01-.294-.115.42.42 0 010-.583l2.19-2.182a.411.411 0 01.575.583l-2.216 2.182a.471.471 0 01-.255.115z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconProcessLoadingLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-process-loading-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconProcessLoadingRegular = function IconProcessLoadingRegular(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 IconProcessLoadingRegular = function IconProcessLoadingRegular(_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 20.639c5.731 0 8.639-2.905 8.639-8.633 0-5.731-2.905-8.639-8.639-8.639-5.728 0-8.633 2.908-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633zM12 2.16c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84C2.16 5.563 5.563 2.16 12 2.16zm.045 2.042c.333 0 .605.272.605.605v3.025a.604.604 0 11-1.21 0V4.807a.608.608 0 01.605-.605zm-3.61 7.76a.606.606 0 01-.606.604H4.804a.604.604 0 110-1.21H7.83a.606.606 0 01.606.605zm.162 2.534a.605.605 0 01.854.854l-2.137 2.138a.604.604 0 01-.851.003l-.003-.003a.605.605 0 010-.855l2.137-2.137zm3.364 1.076c.333 0 .602.271.602.605v3.022a.602.602 0 01-1.204 0v-3.022c0-.334.269-.605.602-.605zm3.39-1.014l2.137 2.137a.604.604 0 01-.852.854l-2.14-2.14a.603.603 0 01-.033-.854.603.603 0 01.854-.034l.033.037zm3.848-3.115a.602.602 0 010 1.204h-3.025a.602.602 0 010-1.204h3.025zm-4.215-1.756a.606.606 0 01-.429-1.031l2.137-2.14a.605.605 0 01.855.854l-2.138 2.14a.604.604 0 01-.425.177z",
-        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 22a.74.74 0 01-.74-.74v-2.964a.74.74 0 011.48 0v2.964A.74.74 0 0112 22zm0-15.556a.74.74 0 01-.74-.74V2.74a.74.74 0 011.48 0v2.964a.74.74 0 01-.74.74zm3.556 14.852a.733.733 0 01-.668-.444l-1.148-2.74a.751.751 0 01.408-.964.751.751 0 01.964.408l1.148 2.74a.751.751 0 01-.408.964c-.112 0-.224.036-.296.036zm3-2a.739.739 0 01-.52-.224l-2.112-2.112a.715.715 0 010-1.036.715.715 0 011.036 0l2.112 2.112a.715.715 0 010 1.036.714.714 0 01-.516.224zm2-3c-.112 0-.184 0-.296-.076l-2.74-1.144a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.714.714 0 01-.668.48zM6.184 10.332c-.112 0-.184 0-.296-.076l-2.74-1.148a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.712.712 0 01-.668.484zM21.26 12.74h-2.964a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm-15.556 0H2.74a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm12.112-2.408a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964l-2.74 1.148c-.112 0-.188.036-.296.036zM3.444 16.296a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964L3.74 16.26c-.112 0-.184.036-.296.036zm13-8a.739.739 0 01-.52-.224.715.715 0 010-1.036l2.112-2.112a.715.715 0 011.036 0 .715.715 0 010 1.036L16.96 8.072a.707.707 0 01-.516.224zm-11 11a.739.739 0 01-.52-.224.715.715 0 010-1.036L7 15.96a.715.715 0 011.036 0 .715.715 0 010 1.036L5.96 19.072a.707.707 0 01-.516.224zm8.964-12.372c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74a.712.712 0 01-.668.484zM8.444 21.296c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74c-.076.3-.372.484-.668.484z",
+            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 20.639c5.731 0 8.639-2.905 8.639-8.633 0-5.731-2.905-8.639-8.639-8.639-5.728 0-8.633 2.908-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633zM12 2.16c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84C2.16 5.563 5.563 2.16 12 2.16zm.045 2.042c.333 0 .605.272.605.605v3.025a.604.604 0 11-1.21 0V4.807a.608.608 0 01.605-.605zm-3.61 7.76a.606.606 0 01-.606.604H4.804a.604.604 0 110-1.21H7.83a.606.606 0 01.606.605zm.162 2.534a.605.605 0 01.854.854l-2.137 2.138a.604.604 0 01-.851.003l-.003-.003a.605.605 0 010-.855l2.137-2.137zm3.364 1.076c.333 0 .602.271.602.605v3.022a.602.602 0 01-1.204 0v-3.022c0-.334.269-.605.602-.605zm3.39-1.014l2.137 2.137a.604.604 0 01-.852.854l-2.14-2.14a.603.603 0 01-.033-.854.603.603 0 01.854-.034l.033.037zm3.848-3.115a.602.602 0 010 1.204h-3.025a.602.602 0 010-1.204h3.025zm-4.215-1.756a.606.606 0 01-.429-1.031l2.137-2.14a.605.605 0 01.855.854l-2.138 2.14a.604.604 0 01-.425.177z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconProcessLoadingRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPuzzleFilled = function IconPuzzleFilled(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 IconPuzzleFilled = function IconPuzzleFilled(_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: "M16.182 21.416H3.614c-.801 0-1.454-.67-1.454-1.49v-2.847a.65.65 0 01.207-.476.591.591 0 01.485-.154c.12.014.224.023.297.025h.036c.053 0 .112 0 .163-.005a2.76 2.76 0 00.857-.14c.991-.317 1.49-1.098 1.49-2.33 0-1.236-.496-2.02-1.479-2.329-.387-.137-.728-.15-.84-.156H3.11c-.056.002-.152.005-.267.02a.604.604 0 01-.479-.158.637.637 0 01-.204-.473v-2.54c0-.824.653-1.49 1.454-1.49h2.655a5.655 5.655 0 01-.03-.59c0-2.719 1.803-3.71 3.49-3.733h.29c1.715.048 3.533 1.056 3.533 3.75 0 .197-.011.387-.03.57h2.663c.799 0 1.446.669 1.446 1.49v1.907c.168-.02.308-.022.403-.022h.3c1.697.05 3.512 1.061 3.512 3.75 0 2.72-1.893 3.712-3.512 3.734a3.314 3.314 0 01-.703-.022v2.216c0 .823-.65 1.493-1.449 1.493",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPuzzleLight = function IconPuzzleLight(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 IconPuzzleLight = function IconPuzzleLight(_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: "M3.003 17.648v2.448c0 .244.193.443.432.443H16.26a.434.434 0 00.423-.443V17.03c0-.14.064-.269.176-.35a.404.404 0 01.381-.056c.367.129.715.157.941.165.068 0 .154 0 .224-.006.634-.01 2.586-.232 2.586-2.739 0-2.412-1.782-2.728-2.557-2.754h-.283a3.02 3.02 0 00-.916.152.416.416 0 01-.379-.065.431.431 0 01-.17-.35V8.281a.434.434 0 00-.423-.442H12.77a.42.42 0 01-.34-.177.441.441 0 01-.06-.387c.103-.336.153-.694.153-1.1 0-2.423-1.793-2.734-2.563-2.754h-.277c-.754.011-2.518.297-2.518 2.737 0 .409.053.787.154 1.117a.441.441 0 01-.062.387.42.42 0 01-.339.177H3.435a.438.438 0 00-.432.442v2.143h.219c.288.011.697.05 1.154.21.826.263 2.238 1.059 2.238 3.406 0 2.345-1.41 3.143-2.252 3.412a3.621 3.621 0 01-1.135.188 1.485 1.485 0 01-.224.008m13.26 3.756H3.436c-.704 0-1.275-.588-1.275-1.308V17.19c0-.124.053-.241.143-.322a.42.42 0 01.33-.107c.132.017.247.025.325.025.073 0 .157 0 .23-.008.17-.003.521-.017.919-.151 1.106-.353 1.664-1.224 1.664-2.589 0-1.37-.558-2.238-1.659-2.585a3.082 3.082 0 00-.913-.168h-.277a6.09 6.09 0 00-.294.02.417.417 0 01-.325-.11.439.439 0 01-.14-.322V8.275c0-.72.571-1.308 1.274-1.308H6.39a5.337 5.337 0 01-.065-.818c0-2.619 1.734-3.58 3.356-3.599h.294c1.644.045 3.392 1.02 3.392 3.619 0 .28-.022.546-.061.798h2.958c.697 0 1.266.586 1.266 1.308v2.197c.266-.045.487-.056.622-.056h.3c1.632.047 3.38 1.022 3.38 3.619 0 2.621-1.82 3.58-3.378 3.602-.059.008-.17.008-.286.008a4.445 4.445 0 01-.638-.064v2.512c0 .726-.569 1.311-1.266 1.311",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPuzzleRegular = function IconPuzzleRegular(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 IconPuzzleRegular = function IconPuzzleRegular(_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: "M3.398 17.732v2.19c0 .124.095.222.216.222h12.568c.115 0 .208-.101.208-.221v-3c0-.205.095-.398.257-.516a.607.607 0 01.56-.084c.337.118.653.143.863.151.054 0 .13 0 .19-.005.743-.014 2.348-.275 2.348-2.47 0-2.096-1.44-2.457-2.302-2.483h-.275c-.126 0-.46.014-.835.138a.61.61 0 01-.554-.093.633.633 0 01-.252-.512V8.362c0-.123-.093-.224-.208-.224H12.76a.604.604 0 01-.498-.26.636.636 0 01-.09-.566 3.38 3.38 0 00.143-1.011c0-2.107-1.448-2.462-2.31-2.485h-.267c-.84.011-2.26.347-2.26 2.465 0 .381.047.726.142 1.03a.653.653 0 01-.09.567.619.619 0 01-.498.26H3.617a.22.22 0 00-.216.224l.005 1.885c.183.006.662.028 1.2.219.857.272 2.33 1.098 2.33 3.535 0 2.429-1.473 3.26-2.35 3.54-.502.171-.95.197-1.171.197-.009-.006-.011-.006-.017-.006m12.784 3.684H3.614c-.801 0-1.454-.67-1.454-1.49v-2.847a.65.65 0 01.207-.476.591.591 0 01.485-.154c.12.014.224.023.297.025h.036c.053 0 .112 0 .163-.005a2.76 2.76 0 00.857-.14c.991-.317 1.49-1.098 1.49-2.33 0-1.236-.496-2.02-1.479-2.329-.387-.137-.728-.15-.84-.156H3.11c-.056.002-.152.005-.267.02a.604.604 0 01-.479-.158.637.637 0 01-.204-.473v-2.54c0-.824.653-1.49 1.454-1.49h2.655a5.655 5.655 0 01-.03-.59c0-2.719 1.803-3.71 3.49-3.733h.29c1.715.048 3.533 1.056 3.533 3.75 0 .197-.011.387-.03.57h2.663c.799 0 1.446.669 1.446 1.49v1.907c.168-.02.308-.022.403-.022h.3c1.697.05 3.512 1.061 3.512 3.75 0 2.72-1.893 3.712-3.512 3.734a3.314 3.314 0 01-.703-.022v2.216c0 .823-.65 1.493-1.449 1.493",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconQuestionFilled = function IconQuestionFilled(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 IconQuestionFilled = function IconQuestionFilled(_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: "M13.542 12.062c-1.339 1.55-1.39 1.61-1.39 3.056a.4.4 0 01-.4.4h-.442a.394.394 0 01-.393-.324 3.13 3.13 0 01-.056-.633c0-1.084.381-1.726 1.236-2.754l.162-.196c1.406-1.664 1.672-2.126 1.672-2.913 0-.557-.16-.922-.535-1.221-.215-.171-.593-.37-1.627-.37-.56 0-1.059.064-1.667.219a.4.4 0 01-.49-.317l-.064-.345a.4.4 0 01.221-.437c.378-.179 1.303-.364 2.196-.364.941 0 1.692.21 2.235.62.698.512 1.026 1.223 1.026 2.232-.003 1.232-.516 1.966-1.684 3.347m-1.955 6.216c-.535 0-.874-.333-.874-.826v-.065c0-.496.347-.843.843-.843.53 0 .874.347.874.843 0 .56-.339.89-.843.89m.807-16.117c-.275-.005-.603-.014-.894-.008-1.563.014-9.35.549-9.35 9.812 0 9.266 7.84 9.849 9.412 9.871a36.113 36.113 0 00.863-.003c1.57-.028 9.408-.635 9.408-9.812.003-9.17-7.862-9.823-9.44-9.86",
-        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 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 15.536a.715.715 0 11-.001-1.433.715.715 0 01.001 1.433zm2.5-6.32l-1.036 1.036a3.128 3.128 0 00-.928 2.252.552.552 0 01-.536.536.552.552 0 01-.536-.536c0-1.144.428-2.216 1.252-3l1.036-1.036c.464-.464.392-1.464 0-1.964a2.048 2.048 0 00-1.572-.784H12c-.644 0-1.216.32-1.536.892-.144.252-.464.356-.716.18-.252-.144-.356-.464-.18-.716a2.836 2.836 0 012.464-1.428h.18c.928 0 1.82.428 2.392 1.18.68.888.788 2.492-.104 3.388z",
+            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: "M13.542 12.062c-1.339 1.55-1.39 1.61-1.39 3.056a.4.4 0 01-.4.4h-.442a.394.394 0 01-.393-.324 3.13 3.13 0 01-.056-.633c0-1.084.381-1.726 1.236-2.754l.162-.196c1.406-1.664 1.672-2.126 1.672-2.913 0-.557-.16-.922-.535-1.221-.215-.171-.593-.37-1.627-.37-.56 0-1.059.064-1.667.219a.4.4 0 01-.49-.317l-.064-.345a.4.4 0 01.221-.437c.378-.179 1.303-.364 2.196-.364.941 0 1.692.21 2.235.62.698.512 1.026 1.223 1.026 2.232-.003 1.232-.516 1.966-1.684 3.347m-1.955 6.216c-.535 0-.874-.333-.874-.826v-.065c0-.496.347-.843.843-.843.53 0 .874.347.874.843 0 .56-.339.89-.843.89m.807-16.117c-.275-.005-.603-.014-.894-.008-1.563.014-9.35.549-9.35 9.812 0 9.266 7.84 9.849 9.412 9.871a36.113 36.113 0 00.863-.003c1.57-.028 9.408-.635 9.408-9.812.003-9.17-7.862-9.823-9.44-9.86",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconQuestionFilled;
 exports.default = _default;

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

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