@telefonica/mistica 10.9.2 → 10.13.0

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMoonRegular = function IconMoonRegular(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 IconMoonRegular = function IconMoonRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M11.771 3.235c-2.087.065-7.983.936-7.983 8.583 0 7.888 6.3 8.608 8.233 8.639.268 0 .568 0 .82-.009 1.09-.02 4.353-.288 6.42-2.745a9.609 9.609 0 01-2.322.339c-.196.008-.453.008-.692.008-3.733-.058-7.711-2.201-7.711-8.047-.003-3.717 1.549-5.706 3.235-6.768m.236 18.451c-4.577-.078-9.457-2.708-9.457-9.868 0-7.151 4.849-9.76 9.387-9.818l.88.008c.332.006.988.04 1.795.188a.616.616 0 01.02 1.207c-2.22.474-4.864 2.003-4.864 6.603 0 6.232 4.967 6.792 6.485 6.818.213 0 .451 0 .647-.006.765-.017 2.233-.163 3.594-.936a.617.617 0 01.866.793c-2.107 4.552-7.034 4.983-8.493 5.008-.253.003-.566.003-.86.003",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMouseFilled = function IconMouseFilled(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 IconMouseFilled = function IconMouseFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M6.489 2.16a.55.55 0 01.549.549c0 .888 1.064 1.204 2.062 1.204h1.918c.869 0 1.544.39 1.9 1.096.254.501.26.989.26 1.045l.001.37c1.502.09 2.693.545 3.545 1.352.995.95 1.502 2.356 1.502 4.185v4.311c0 1.896-.44 3.263-1.345 4.174-.924.93-2.322 1.38-4.277 1.38-1.776 0-3.163-.459-4.12-1.37-.998-.946-1.502-2.355-1.502-4.184v-4.31c0-1.83.504-3.239 1.501-4.186.86-.816 2.07-1.272 3.598-1.356l.002-.364c0-.02-.011-.308-.157-.577-.174-.322-.462-.47-.91-.47h-1.92c-.895 0-1.663-.2-2.218-.574-.605-.412-.938-1.026-.938-1.726a.55.55 0 01.549-.549zm1.504 10.482c-.277-.031-.532.115-.571.322-.04.207.154.4.431.428 1.58.163 3.165.244 4.754.241 1.588 0 3.173-.078 4.753-.24.277-.029.47-.222.432-.43-.04-.206-.295-.35-.572-.321a44.516 44.516 0 01-4.613.232 44.516 44.516 0 01-4.614-.232zm4.61-4.34a.55.55 0 00-.548.55v2.877a.552.552 0 00.549.549.55.55 0 00.549-.55V8.853a.552.552 0 00-.55-.55z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMouseLight = function IconMouseLight(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 IconMouseLight = function IconMouseLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M6.22 2.156c.157 0 .283.126.283.283 0 .446.202.81.597 1.079.429.29 1.053.445 1.807.445h1.974c1 0 1.48.53 1.706.975.216.426.236.85.238.933v.665c3.401.107 5.197 1.979 5.197 5.433v4.437c0 1.873-.426 3.215-1.303 4.098-.9.902-2.272 1.339-4.204 1.339-3.603 0-5.507-1.88-5.507-5.437l-.001-3.355a.276.276 0 010-.074v-1.008c0-3.473 1.816-5.347 5.253-5.434v-.65a1.79 1.79 0 00-.185-.71c-.224-.43-.628-.649-1.194-.649H8.907c-1.804 0-2.97-.818-2.97-2.087 0-.157.127-.283.283-.283zm11.24 11.177l.313-.04a37.988 37.988 0 01-5.204.356h-.112c-1.629 0-3.27-.106-4.885-.313v3.072c0 3.233 1.663 4.871 4.944 4.871 1.775 0 3.02-.383 3.803-1.173.768-.773 1.14-1.983 1.14-3.7v-3.073zm-4.944-6.236c-3.28 0-4.944 1.64-4.944 4.872v.798l.488.063c1.475.172 2.969.256 4.45.256h.056a37.89 37.89 0 004.894-.318v-.8c-.003-3.232-1.667-4.87-4.944-4.87zm0 1.387c.156 0 .282.126.282.283v2.96a.286.286 0 01-.282.284.282.282 0 01-.283-.283V8.767c0-.157.126-.283.283-.283z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMouseRegular = function IconMouseRegular(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 IconMouseRegular = function IconMouseRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M6.489 2.16a.55.55 0 01.549.549c0 .888 1.064 1.204 2.062 1.204h1.918c.869 0 1.544.39 1.9 1.096.254.501.26.989.26 1.045l.001.367c1.504.09 2.693.546 3.542 1.352.998.947 1.502 2.356 1.502 4.185v4.311c0 1.897-.44 3.264-1.347 4.174-.922.933-2.32 1.386-4.275 1.386-1.779 0-3.165-.462-4.12-1.37-.998-.946-1.502-2.355-1.502-4.184V11.96c0-1.829.504-3.238 1.502-4.185.862-.82 2.072-1.276 3.6-1.359l.002-.36c0-.02-.011-.309-.157-.578-.174-.322-.462-.47-.91-.47h-1.92c-.895 0-1.663-.2-2.218-.574-.605-.412-.938-1.026-.938-1.726a.55.55 0 01.549-.549zm10.638 11.439l.623-.078c-1.681.23-3.398.348-5.096.348h-.106c-1.489 0-2.99-.09-4.473-.268v2.674c0 3 1.481 4.46 4.526 4.46 1.647 0 2.793-.348 3.499-1.06.692-.697 1.028-1.81 1.028-3.403l-.001-2.673zm-4.526-6.097c-3.048 0-4.527 1.46-4.527 4.462v.532l.346.044c1.37.156 2.756.233 4.13.233h.101a36.59 36.59 0 004.477-.274v-.538c.002-3.003-1.48-4.46-4.527-4.46zm0 .8a.55.55 0 01.55.55v2.877a.55.55 0 01-1.099 0V8.852a.55.55 0 01.55-.55z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMultideviceLight = function IconMultideviceLight(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 IconMultideviceLight = function IconMultideviceLight(_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.086 18.282a.28.28 0 01.28.28.28.28 0 01-.28.28H7.624a.28.28 0 01-.28-.28.28.28 0 01.28-.28h5.462zm2.451-13.126c1.014 0 1.785.294 2.292.874.476.546.72 1.353.72 2.398v.285h1.47c.613 0 1.059.15 1.364.454.303.306.451.751.451 1.362v6.49c0 1.224-.594 1.818-1.815 1.818h-2.938c-1.222 0-1.816-.594-1.816-1.815v-.382H5.167c-1.014 0-1.784-.293-2.29-.873-.477-.546-.72-1.353-.72-2.398V8.428c0-1.045.24-1.852.72-2.398.506-.58 1.276-.874 2.29-.874h10.37zm4.482 4.12h-2.938c-.891 0-1.255.365-1.255 1.256v6.49c0 .905.353 1.255 1.255 1.255h2.938c.905 0 1.255-.353 1.255-1.255v-6.49c0-.905-.353-1.255-1.255-1.255zm-1.468 7.186c.283 0 .465.148.468.47 0 .154-.042.266-.118.345-.084.084-.201.123-.35.123-.148 0-.269-.04-.35-.123-.076-.076-.118-.19-.118-.345 0-.322.185-.47.468-.47zM15.537 5.714H5.167c-1.672 0-2.45.862-2.45 2.714v4.938c0 1.852.778 2.715 2.45 2.715h10.098v-5.55c0-.602.149-1.041.454-1.352.308-.311.754-.465 1.362-.465h.906l.001-.286c0-1.852-.779-2.714-2.45-2.714z",
-        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: "M20.147 2h-5.555c-1.037 0-1.853.825-1.853 1.876v.749H3.853C2.815 4.625 2 5.45 2 6.501v14.623C2 22.174 2.815 23 3.853 23h11.11c1.037 0 1.852-.825 1.852-1.876v-3c0-.225-.147-.374-.37-.374-.222 0-.37.149-.37.374v3c0 .638-.483 1.123-1.108 1.123H3.853c-.63 0-1.109-.49-1.109-1.123v-.375H12c.223 0 .37-.148.37-.374s-.147-.374-.37-.374H2.744V7.624h9.995v7.122c0 1.05.816 1.876 1.853 1.876h5.555c1.038 0 1.853-.825 1.853-1.876V3.876C22 2.826 21.185 2 20.147 2zm-6.664 3.378h7.778v7.875h-7.778V5.378zm1.11-2.625h5.554c.63 0 1.109.49 1.109 1.123v.749h-7.773v-.749c0-.638.48-1.123 1.11-1.123zM2.743 6.876V6.5c0-.638.483-1.123 1.11-1.123h8.885v1.498H2.744zm17.403 8.998h-5.555c-.63 0-1.109-.49-1.109-1.123v-.749h7.778v.749c-.005.638-.484 1.123-1.114 1.123zm-6.664 4.501c0 .413.332.749.74.749.407 0 .74-.336.74-.749a.745.745 0 00-.74-.749.745.745 0 00-.74.749z",
+            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.086 18.282a.28.28 0 01.28.28.28.28 0 01-.28.28H7.624a.28.28 0 01-.28-.28.28.28 0 01.28-.28h5.462zm2.451-13.126c1.014 0 1.785.294 2.292.874.476.546.72 1.353.72 2.398v.285h1.47c.613 0 1.059.15 1.364.454.303.306.451.751.451 1.362v6.49c0 1.224-.594 1.818-1.815 1.818h-2.938c-1.222 0-1.816-.594-1.816-1.815v-.382H5.167c-1.014 0-1.784-.293-2.29-.873-.477-.546-.72-1.353-.72-2.398V8.428c0-1.045.24-1.852.72-2.398.506-.58 1.276-.874 2.29-.874h10.37zm4.482 4.12h-2.938c-.891 0-1.255.365-1.255 1.256v6.49c0 .905.353 1.255 1.255 1.255h2.938c.905 0 1.255-.353 1.255-1.255v-6.49c0-.905-.353-1.255-1.255-1.255zm-1.468 7.186c.283 0 .465.148.468.47 0 .154-.042.266-.118.345-.084.084-.201.123-.35.123-.148 0-.269-.04-.35-.123-.076-.076-.118-.19-.118-.345 0-.322.185-.47.468-.47zM15.537 5.714H5.167c-1.672 0-2.45.862-2.45 2.714v4.938c0 1.852.778 2.715 2.45 2.715h10.098v-5.55c0-.602.149-1.041.454-1.352.308-.311.754-.465 1.362-.465h.906l.001-.286c0-1.852-.779-2.714-2.45-2.714z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMultideviceLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMultideviceoFilled = function IconMultideviceoFilled(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 IconMultideviceoFilled = function IconMultideviceoFilled(_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.818 18.283a.561.561 0 010 1.12H7.902a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56zM15.544 5.16c1.1 0 1.94.325 2.504.97.521.599.787 1.467.787 2.582v.005h.916c1.37 0 2.095.726 2.095 2.096V17.3c0 1.37-.725 2.095-2.095 2.095h-2.938c-1.37 0-2.096-.725-2.096-2.095v-.1H5.451c-1.1 0-1.94-.326-2.504-.97-.524-.6-.787-1.468-.787-2.583V8.71c0-1.115.263-1.983.787-2.58.563-.641 1.406-.969 2.504-.969zm4.207 4.678H16.81c-.728 0-.975.246-.975.975v6.49c0 .378.07.639.207.773.138.137.395.204.77.204h2.936c.376 0 .633-.07.77-.204.138-.137.208-.398.208-.773v-6.49c0-.748-.227-.975-.975-.975zm-1.47 6.26c.453 0 .747.294.747.751 0 .28-.109.448-.199.54-.092.096-.263.208-.549.208-.285 0-.456-.112-.549-.207-.092-.093-.198-.26-.198-.54 0-.458.294-.752.747-.752z",
-        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: "M16.814 18.124H14.59c-1.854 0-3.333-1.497-3.333-3.373V7.999H2v11.623h14.814v-1.498zM11.258 4.625H4.185C2.962 4.625 2 5.599 2 6.837v.039h9.258V4.625zM2 20.788C2 21.988 2.962 23 4.185 23h10.482c1.185 0 2.147-.974 2.147-2.212v-.039L2 20.788zM14.59 17h5.187C21 17.001 22 15.99 22 14.751h-9.633c0 1.238 1 2.25 2.224 2.25zm5.188-15H14.59c-1.223 0-2.224 1.013-2.224 2.25h9.628C22 3.014 21 2 19.777 2zm-7.41 3.378h9.628v8.25h-9.628v-8.25z",
+            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.818 18.283a.561.561 0 010 1.12H7.902a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56zM15.544 5.16c1.1 0 1.94.325 2.504.97.521.599.787 1.467.787 2.582v.005h.916c1.37 0 2.095.726 2.095 2.096V17.3c0 1.37-.725 2.095-2.095 2.095h-2.938c-1.37 0-2.096-.725-2.096-2.095v-.1H5.451c-1.1 0-1.94-.326-2.504-.97-.524-.6-.787-1.468-.787-2.583V8.71c0-1.115.263-1.983.787-2.58.563-.641 1.406-.969 2.504-.969zm4.207 4.678H16.81c-.728 0-.975.246-.975.975v6.49c0 .378.07.639.207.773.138.137.395.204.77.204h2.936c.376 0 .633-.07.77-.204.138-.137.208-.398.208-.773v-6.49c0-.748-.227-.975-.975-.975zm-1.47 6.26c.453 0 .747.294.747.751 0 .28-.109.448-.199.54-.092.096-.263.208-.549.208-.285 0-.456-.112-.549-.207-.092-.093-.198-.26-.198-.54 0-.458.294-.752.747-.752z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMultideviceoFilled;
 exports.default = _default;

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

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

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

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