@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudFilled = function IconCloudFilled(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 IconCloudFilled = function IconCloudFilled(_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: "M10.974 5.12a6.224 6.224 0 015.593 3.51h.06a5.22 5.22 0 015.215 5.215c0 2.877-2.345 5.21-5.219 5.21H6.203a4.06 4.06 0 01-4.053-4.053c0-.904.314-1.77.908-2.504a4.241 4.241 0 012.044-1.395c.054-1.627.628-3.11 1.633-4.19 1.073-1.157 2.58-1.793 4.239-1.793z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudLight = function IconCloudLight(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 IconCloudLight = function IconCloudLight(_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.761 18.881H6.033a3.882 3.882 0 01-3.877-3.876c0-.863.3-1.69.869-2.393a4.053 4.053 0 012.03-1.358.623.623 0 00.138-.05c.016-3.524 2.431-6.079 5.75-6.079a6.11 6.11 0 015.569 3.61l.006.012.033-.003a5.079 5.079 0 015.286 5.067 5.077 5.077 0 01-5.076 5.07zM10.943 5.685c-1.467 0-2.792.558-3.736 1.572C6.263 8.27 5.75 9.682 5.75 11.24c0 .398-.409.515-.543.552a3.49 3.49 0 00-1.748 1.173 3.22 3.22 0 00-.743 2.04 3.32 3.32 0 003.317 3.316h10.728a4.519 4.519 0 004.513-4.513 4.516 4.516 0 00-4.51-4.512c-.062 0-.12.003-.188.005l-.12.006c-.207.006-.359-.104-.448-.328-.003-.005-.003-.01-.006-.016a5.555 5.555 0 00-5.059-3.278z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudRegular = function IconCloudRegular(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 IconCloudRegular = function IconCloudRegular(_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.623 19.056H6.203a4.06 4.06 0 01-4.053-4.054c0-.904.314-1.77.908-2.504a4.241 4.241 0 012.044-1.395c.054-1.627.628-3.11 1.633-4.19 1.073-1.157 2.58-1.793 4.239-1.793a6.224 6.224 0 015.593 3.51h.06a5.22 5.22 0 015.215 5.215c0 2.877-2.345 5.21-5.219 5.21zM10.971 6.238c-.687 0-1.336.128-1.927.383a4.401 4.401 0 00-1.49 1.054c-.863.93-1.337 2.232-1.337 3.672 0 .277-.129.641-.74.812a3.131 3.131 0 00-1.551 1.042c-.297.37-.656.986-.656 1.801a2.937 2.937 0 002.933 2.933h10.42a4.1 4.1 0 004.096-4.095 4.1 4.1 0 00-4.096-4.095c-.05 0-.109.002-.168.005l-.123.006c-.151.005-.527-.034-.711-.502l-.003-.008a5.097 5.097 0 00-4.647-3.008z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-cloud-sereye-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudSereyeFilled = function IconCloudSereyeFilled(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 IconCloudSereyeFilled = function IconCloudSereyeFilled(_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: "M20.59 19.517c-.009.714-.406 1.084-1.171 1.084s-1.154-.361-1.154-1.067v-.149c.008-.484.216-1.07 1.123-1.084h.081c.908.017 1.115.591 1.124 1.076-.003 0-.003.14-.003.14zm-14.86-.14v.14c-.017.714-.41 1.084-1.171 1.084-.765 0-1.154-.361-1.163-1.067v-.149c.017-.493.225-1.092 1.171-1.092.939 0 1.154.59 1.163 1.084zm14.322-2.252v-1.849a.623.623 0 00-.625-.616h-6.88c.012-.042.026-.084.026-.132v-.93l3.232-.017c2 0 4.345-1.109 4.345-4.252 0-2.812-1.868-3.997-3.756-4.201-1.062-2.821-4.317-2.978-4.984-2.978-2.375 0-5.131 1.232-5.308 4.678-.88.372-1.96 1.232-1.96 3.232 0 2.633 1.944 3.56 3.613 3.56l3.571-.016v.921c0 .05.017.09.026.132H4.55a.619.619 0 00-.44.182.654.654 0 00-.185.445l.008 1.84c-1.269.264-1.759 1.317-1.784 2.23v.197c.017 1.053.647 2.285 2.409 2.285 1.753 0 2.4-1.24 2.417-2.3v-.182c-.016-.921-.515-1.974-1.795-2.238v-1.224h13.624v1.233c-1.271.255-1.77 1.316-1.787 2.23 0 .055-.008.131 0 .196.009 1.053.639 2.285 2.4 2.285 1.763 0 2.401-1.24 2.418-2.3v-.182c-.017-.921-.507-1.974-1.784-2.23z",
-        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: "M19.32 15.57c-.692 0-1.282.466-1.561 1.069h-4.19c-.173-.393-.452-.75-.864-.928V14.14h3.462c2.288 0 4.159-1.929 4.159-4.32 0-2.32-1.942-4.286-4.225-4.318C15.719 3.504 14.02 2 11.978 2 9.934 2 8.236 3.5 7.855 5.5c-2.288.037-4.159 1.966-4.159 4.32s1.871 4.319 4.19 4.319h3.431v1.609a1.774 1.774 0 00-.864.89H6.294c-.275-.643-.864-1.069-1.56-1.069-.936 0-1.734.823-1.734 1.787 0 .713.452 1.321 1.037 1.61v2.321c0 .393.31.713.692.713.381 0 .692-.32.692-.713v-2.322c.38-.178.691-.498.864-.891h4.19c.173.393.483.713.833.891v2.322c0 .393.31.713.692.713.381 0 .691-.32.691-.713v-2.322c.382-.178.692-.498.865-.891h4.19c.172.393.483.713.833.891v2.322c0 .393.31.713.692.713.38 0 .691-.32.691-.713v-2.322A1.715 1.715 0 0021 17.356c.017-.964-.745-1.787-1.68-1.787z",
+            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: "M20.59 19.517c-.009.714-.406 1.084-1.171 1.084s-1.154-.361-1.154-1.067v-.149c.008-.484.216-1.07 1.123-1.084h.081c.908.017 1.115.591 1.124 1.076-.003 0-.003.14-.003.14zm-14.86-.14v.14c-.017.714-.41 1.084-1.171 1.084-.765 0-1.154-.361-1.163-1.067v-.149c.017-.493.225-1.092 1.171-1.092.939 0 1.154.59 1.163 1.084zm14.322-2.252v-1.849a.623.623 0 00-.625-.616h-6.88c.012-.042.026-.084.026-.132v-.93l3.232-.017c2 0 4.345-1.109 4.345-4.252 0-2.812-1.868-3.997-3.756-4.201-1.062-2.821-4.317-2.978-4.984-2.978-2.375 0-5.131 1.232-5.308 4.678-.88.372-1.96 1.232-1.96 3.232 0 2.633 1.944 3.56 3.613 3.56l3.571-.016v.921c0 .05.017.09.026.132H4.55a.619.619 0 00-.44.182.654.654 0 00-.185.445l.008 1.84c-1.269.264-1.759 1.317-1.784 2.23v.197c.017 1.053.647 2.285 2.409 2.285 1.753 0 2.4-1.24 2.417-2.3v-.182c-.016-.921-.515-1.974-1.795-2.238v-1.224h13.624v1.233c-1.271.255-1.77 1.316-1.787 2.23 0 .055-.008.131 0 .196.009 1.053.639 2.285 2.4 2.285 1.763 0 2.401-1.24 2.418-2.3v-.182c-.017-.921-.507-1.974-1.784-2.23z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCloudSereyeFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-cloud-sereye-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudSereyeLight = function IconCloudSereyeLight(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 IconCloudSereyeLight = function IconCloudSereyeLight(_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: "M20.988 19.685c-.009.487-.202 1.31-1.41 1.31-1.204 0-1.392-.806-1.4-1.293v-.16c.017-.487.213-1.294 1.367-1.32a.076.076 0 00.042.01c.008 0 .025 0 .034-.01 1.162.026 1.358.833 1.367 1.309v.154zM5.8 19.542v.143c0 .496-.196 1.31-1.41 1.31-1.195 0-1.388-.806-1.388-1.293v-.16c.008-.496.212-1.32 1.409-1.32 1.193 0 1.38.824 1.389 1.32zm1.857-6.93c-.79 0-2.63-.252-2.63-2.588 0-1.314.577-2.143 1.697-2.454.185-.05.306-.31.306-.496 0-3.79 3.341-4.084 4.36-4.084.586 0 3.514.126 4.211 2.698a.432.432 0 00.398.308c.977.025 3.26.403 3.26 3.277 0 3.05-2.58 3.286-3.378 3.286l-8.224.053zm12.356 4.813v-2.681a.43.43 0 00-.423-.42h-7.216v-.9l3.504-.025c.706 0 4.227-.193 4.227-4.126 0-2.798-1.893-3.938-3.776-4.1C15.346 2.3 12.06 2.15 11.391 2.15c-.857 0-5.073.227-5.21 4.714-.857.328-2.003 1.143-2.003 3.16 0 2.53 1.801 3.429 3.479 3.429l3.871-.026v.9h-7.14a.455.455 0 00-.305.126.43.43 0 00-.118.3l.009 2.672c-1.3.184-1.807 1.21-1.824 2.1v.185c.008.983.602 2.126 2.238 2.126 1.647 0 2.25-1.151 2.258-2.134v-.185c-.017-.89-.518-1.913-1.827-2.1l-.008-2.253h14.35v2.26c-1.3.185-1.807 1.2-1.832 2.101v.185c.009.983.603 2.126 2.25 2.126 1.638 0 2.238-1.151 2.257-2.134v-.185c-.017-.89-.524-1.916-1.823-2.092z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.637 15.86c-.63 0-1.158.457-1.31 1.07h-4.519a1.389 1.389 0 00-.97-1.02v-1.838c0-.215-.136-.357-.34-.357H7.449c-1.702 0-3.095-1.462-3.095-3.25 0-1.787 1.393-3.25 3.095-3.25a2.93 2.93 0 011.702.535c.17.105.375.073.475-.105.1-.179.07-.394-.1-.499a3.706 3.706 0 00-1.158-.535c.17-1.609 1.497-2.893 3.095-2.893 1.702 0 3.095 1.463 3.095 3.25 0 .32-.035.608-.135.891-.07.179.07.394.24.43h.1c.135 0 .27-.105.34-.251.07-.284.1-.572.134-.86h.205c1.733 0 3.23 1.5 3.23 3.25 0 1.788-1.393 3.287-3.095 3.287h-2.381c-.205 0-.34.142-.34.357s.135.357.34.357h2.381c2.077 0 3.774-1.82 3.774-4 0-2.144-1.802-3.964-3.909-3.964h-.205C14.967 4.536 13.365 3 11.463 3s-3.535 1.536-3.74 3.502h-.239c-2.107 0-3.81 1.75-3.81 3.963 0 2.18 1.703 3.964 3.775 3.964h3.71v1.48a1.389 1.389 0 00-.972 1.02H5.67c-.153-.612-.68-1.07-1.31-1.07-.75 0-1.359.64-1.359 1.427 0 .663.435 1.216 1.019 1.376v3.264c0 .196.152.356.34.356.186 0 .339-.16.339-.356v-3.264c.474-.128.849-.521.97-1.02h4.52c.121.499.496.892.97 1.02v3.264a.35.35 0 00.34.356.35.35 0 00.34-.356v-3.264c.474-.128.848-.521.97-1.02h4.523c.122.499.497.892.971 1.02v1.48a.35.35 0 00.34.357.35.35 0 00.34-.356v-1.481c.583-.16 1.018-.713 1.018-1.376 0-.787-.61-1.427-1.363-1.427zM4.358 18.002c-.374 0-.679-.32-.679-.713 0-.393.305-.713.68-.713.374 0 .678.32.678.713 0 .393-.304.713-.679.713zm7.14 0c-.375 0-.68-.32-.68-.713 0-.393.305-.713.68-.713.374 0 .679.32.679.713 0 .393-.305.713-.68.713zm7.144 0c-.375 0-.68-.32-.68-.713 0-.393.305-.713.68-.713.374 0 .679.32.679.713 0 .393-.305.713-.68.713zm.679 4.284c0 .393-.305.713-.68.713-.374 0-.678-.32-.678-.713 0-.393.304-.713.679-.713.374 0 .679.32.679.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: "M20.988 19.685c-.009.487-.202 1.31-1.41 1.31-1.204 0-1.392-.806-1.4-1.293v-.16c.017-.487.213-1.294 1.367-1.32a.076.076 0 00.042.01c.008 0 .025 0 .034-.01 1.162.026 1.358.833 1.367 1.309v.154zM5.8 19.542v.143c0 .496-.196 1.31-1.41 1.31-1.195 0-1.388-.806-1.388-1.293v-.16c.008-.496.212-1.32 1.409-1.32 1.193 0 1.38.824 1.389 1.32zm1.857-6.93c-.79 0-2.63-.252-2.63-2.588 0-1.314.577-2.143 1.697-2.454.185-.05.306-.31.306-.496 0-3.79 3.341-4.084 4.36-4.084.586 0 3.514.126 4.211 2.698a.432.432 0 00.398.308c.977.025 3.26.403 3.26 3.277 0 3.05-2.58 3.286-3.378 3.286l-8.224.053zm12.356 4.813v-2.681a.43.43 0 00-.423-.42h-7.216v-.9l3.504-.025c.706 0 4.227-.193 4.227-4.126 0-2.798-1.893-3.938-3.776-4.1C15.346 2.3 12.06 2.15 11.391 2.15c-.857 0-5.073.227-5.21 4.714-.857.328-2.003 1.143-2.003 3.16 0 2.53 1.801 3.429 3.479 3.429l3.871-.026v.9h-7.14a.455.455 0 00-.305.126.43.43 0 00-.118.3l.009 2.672c-1.3.184-1.807 1.21-1.824 2.1v.185c.008.983.602 2.126 2.238 2.126 1.647 0 2.25-1.151 2.258-2.134v-.185c-.017-.89-.518-1.913-1.827-2.1l-.008-2.253h14.35v2.26c-1.3.185-1.807 1.2-1.832 2.101v.185c.009.983.603 2.126 2.25 2.126 1.638 0 2.238-1.151 2.257-2.134v-.185c-.017-.89-.524-1.916-1.823-2.092z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCloudSereyeLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-cloud-sereye-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCloudSereyeRegular = function IconCloudSereyeRegular(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 IconCloudSereyeRegular = function IconCloudSereyeRegular(_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: "M20.587 19.514c-.008.714-.406 1.084-1.17 1.084-.766 0-1.155-.361-1.155-1.067v-.149c.008-.484.216-1.07 1.12-1.084.017 0 .026.009.042.009.017 0 .026-.009.043-.009.907.017 1.114.591 1.123 1.076v.14h-.003zm-14.86-.14v.14c-.017.714-.406 1.084-1.17 1.084-.766 0-1.155-.361-1.163-1.067v-.149c.017-.493.224-1.092 1.17-1.092.939 0 1.155.591 1.163 1.084zm2.02-6.989c-.883 0-2.359-.294-2.359-2.327 0-1.19.49-1.916 1.504-2.205a.607.607 0 00.457-.591l-.009-.09c0-3.51 3.115-3.79 4.07-3.79.757 0 3.289.18 3.914 2.49a.633.633 0 00.59.454c1.113.031 2.992.468 2.992 3 0 2.723-2.168 3.017-3.106 3.017l-8.053.042zm12.3 4.737V15.27a.625.625 0 00-.623-.616h-6.876c.008-.042.025-.081.025-.131v-.928l3.232-.016c2 0 4.345-1.11 4.345-4.253 0-2.812-1.868-3.997-3.754-4.201-1.064-2.82-4.319-2.975-4.983-2.975-2.375 0-5.131 1.232-5.308 4.678-.88.37-1.96 1.232-1.96 3.232 0 2.63 1.943 3.56 3.613 3.56l3.571-.016v.921c0 .05.017.09.025.132H4.551a.614.614 0 00-.44.182.653.653 0 00-.182.443l.008 1.843c-1.272.263-1.762 1.316-1.787 2.23v.196c.017 1.053.647 2.285 2.409 2.285 1.753 0 2.4-1.24 2.417-2.302v-.182c-.016-.922-.515-1.975-1.795-2.238v-1.225h13.622v1.233c-1.272.255-1.77 1.316-1.787 2.23 0 .056-.009.131 0 .196.008 1.053.638 2.285 2.4 2.285s2.4-1.24 2.417-2.302v-.182c-.016-.919-.507-1.972-1.787-2.227z",
-        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: "M19.324 15.57c-.692 0-1.282.466-1.56 1.069h-4.19c-.173-.393-.453-.75-.865-.928V14.14h3.463c2.287 0 4.158-1.929 4.158-4.32 0-2.32-1.942-4.286-4.225-4.318C15.724 3.504 13.99 2 11.982 2 9.938 2 8.24 3.5 7.859 5.5 5.571 5.538 3.7 7.467 3.7 9.82s1.871 4.319 4.19 4.319h3.427v1.609a1.774 1.774 0 00-.864.89H6.294c-.275-.643-.865-1.069-1.56-1.069-.936 0-1.734.823-1.734 1.787 0 .713.452 1.321 1.037 1.61v2.321c0 .393.31.713.692.713.381 0 .692-.32.692-.713v-2.322c.38-.178.691-.498.864-.891h4.19c.173.393.483.713.833.891v2.322c0 .393.31.713.692.713.381 0 .691-.32.691-.713v-2.322c.382-.178.692-.498.865-.891h4.19c.172.393.483.713.833.891v2.322c0 .393.31.713.692.713.38 0 .691-.32.691-.713v-2.322A1.715 1.715 0 0021 17.356c.022-.964-.74-1.787-1.676-1.787zM7.859 12.712c-1.56-.037-2.77-1.32-2.77-2.893 0-1.609 1.245-2.893 2.805-2.893.138 0 .275 0 .417.036.417.074.798.215 1.144.43.31.215.763.142.97-.215.21-.32.138-.786-.207-1-.31-.215-.626-.357-.971-.499a2.782 2.782 0 012.735-2.248c1.56 0 2.806 1.284 2.806 2.893 0 .283-.035.534-.102.822-.102.393.102.786.484.891a.42.42 0 00.208.037c.31 0 .59-.215.656-.498.071-.215.102-.393.138-.608 1.525.073 2.806 1.357 2.806 2.893 0 1.609-1.246 2.857-2.806 2.857H7.859v-.005z",
+            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: "M20.587 19.514c-.008.714-.406 1.084-1.17 1.084-.766 0-1.155-.361-1.155-1.067v-.149c.008-.484.216-1.07 1.12-1.084.017 0 .026.009.042.009.017 0 .026-.009.043-.009.907.017 1.114.591 1.123 1.076v.14h-.003zm-14.86-.14v.14c-.017.714-.406 1.084-1.17 1.084-.766 0-1.155-.361-1.163-1.067v-.149c.017-.493.224-1.092 1.17-1.092.939 0 1.155.591 1.163 1.084zm2.02-6.989c-.883 0-2.359-.294-2.359-2.327 0-1.19.49-1.916 1.504-2.205a.607.607 0 00.457-.591l-.009-.09c0-3.51 3.115-3.79 4.07-3.79.757 0 3.289.18 3.914 2.49a.633.633 0 00.59.454c1.113.031 2.992.468 2.992 3 0 2.723-2.168 3.017-3.106 3.017l-8.053.042zm12.3 4.737V15.27a.625.625 0 00-.623-.616h-6.876c.008-.042.025-.081.025-.131v-.928l3.232-.016c2 0 4.345-1.11 4.345-4.253 0-2.812-1.868-3.997-3.754-4.201-1.064-2.82-4.319-2.975-4.983-2.975-2.375 0-5.131 1.232-5.308 4.678-.88.37-1.96 1.232-1.96 3.232 0 2.63 1.943 3.56 3.613 3.56l3.571-.016v.921c0 .05.017.09.025.132H4.551a.614.614 0 00-.44.182.653.653 0 00-.182.443l.008 1.843c-1.272.263-1.762 1.316-1.787 2.23v.196c.017 1.053.647 2.285 2.409 2.285 1.753 0 2.4-1.24 2.417-2.302v-.182c-.016-.922-.515-1.975-1.795-2.238v-1.225h13.622v1.233c-1.272.255-1.77 1.316-1.787 2.23 0 .056-.009.131 0 .196.008 1.053.638 2.285 2.4 2.285s2.4-1.24 2.417-2.302v-.182c-.016-.919-.507-1.972-1.787-2.227z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCloudSereyeRegular;
 exports.default = _default;

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

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

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

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