@telefonica/mistica 10.10.0 → 10.14.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMillenialsRegular = function IconMillenialsRegular(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 IconMillenialsRegular = function IconMillenialsRegular(_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.14 14.686c.236-.221.357-.61.357-1.16 0-.546-.118-.938-.359-1.162-.232-.222-.625-.33-1.168-.33-.543 0-.936.108-1.165.327-.238.224-.356.616-.356 1.165 0 .55.12.939.356 1.163.285.269.79.325 1.165.325s.882-.056 1.17-.328zm-1.17-3.938c.896 0 1.597.232 2.084.689.504.473.762 1.179.762 2.09 0 .912-.258 1.615-.762 2.089-.485.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688zm-3.723 9.809h7.454c-.006-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.24c-.476 0-1.135.087-1.544.507-.355.361-.442.866-.448 1.241zm5.454-3.036c1.053 0 1.919.31 2.502.904.535.544.817 1.297.817 2.182v.925a.319.319 0 01-.322.314H7.253a.317.317 0 01-.322-.314v-.925c0-.885.28-1.641.815-2.182.58-.593 1.442-.904 2.496-.904h3.46zm5.076-12.603a.64.64 0 01-.053.914.669.669 0 01-.93-.054c-2.275-2.49-5.804-2.333-5.84-2.325-3.788.042-5.788 2.152-5.805 2.171a.676.676 0 01-.932.045.633.633 0 01-.045-.91c.095-.104 2.411-2.547 6.74-2.594.13-.006 4.156-.21 6.865 2.753zm-6.863.079c.118-.006 3.32-.115 5.367 2.123a.636.636 0 01-.053.91.67.67 0 01-.933-.05c-1.62-1.776-4.32-1.695-4.347-1.695-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 01-.933.045.633.633 0 01-.047-.908c.08-.087 1.988-2.12 5.249-2.154zm3.546 5.224a.67.67 0 01-.933-.05c-.94-1.029-2.54-.992-2.56-.992-1.59.02-2.512.977-2.552 1.017a.679.679 0 01-.93.042.635.635 0 01-.044-.908c.053-.059 1.327-1.417 3.493-1.44.067.003 2.207-.078 3.577 1.42a.636.636 0 01-.05.91z",
-        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.704 8.531A3.876 3.876 0 0019.816 5.8c0-.376-.052-.745-.152-1.088l1.824-.51a.729.729 0 00.488-.887c-.1-.385-.48-.615-.848-.51l-2.132.598C18.328 2.548 17.316 2 16.18 2c-2.004 0-3.632 1.703-3.632 3.8 0 1.1.448 2.091 1.168 2.786a4.992 4.992 0 00-.372.15.738.738 0 00-.364.95.682.682 0 00.908.38c.684-.304 1.516-.468 2.4-.468 2.508 0 4.324 1.297 4.324 3.084v6.059c0 .401.308.723.692.723.384 0 .692-.322.692-.723v-6.059c.004-1.929-1.292-3.469-3.292-4.15zM18.432 5.8c0 1.297-1.008 2.352-2.248 2.352-1.076 0-1.976-.795-2.196-1.85l4.34-1.217c.068.226.104.464.104.715zm-2.248-2.351c.46 0 .888.146 1.244.393l-3.256.912c.368-.774 1.132-1.305 2.012-1.305zm-5.348 7.648a3.877 3.877 0 001.144-2.765c0-2.097-1.628-3.8-3.632-3.8-.436 0-.856.08-1.244.23-.028-1.158-.94-2.092-2.056-2.092-1.132 0-2.056.967-2.056 2.151v2.218H2l.476 1.037c.036.084.388.808 1.18 1.046.136.042.3.071.492.071.188 0 .404-.029.644-.108a3.838 3.838 0 001.064 2.008c-1.96.695-3.228 2.222-3.228 4.13v6c0 .401.308.724.692.724.384 0 .692-.323.692-.724v-6.004c0-1.063.612-1.754 1.12-2.143.788-.606 1.928-.941 3.2-.941 2.508 0 4.324 1.297 4.324 3.084v6.058c0 .402.308.724.692.724.384 0 .692-.322.692-.724v-6.058c0-1.9-1.256-3.423-3.204-4.122zm-.468-3.795c.148.314.228.661.228 1.034 0 1.297-1.008 2.351-2.248 2.351a2.204 2.204 0 01-1.656-.761c.6-1.172 1.604-1.996 2.98-2.444l.696-.18zM9.152 6.134C7.688 6.636 6.728 7.456 6.1 8.255c.036-1.263 1.032-2.28 2.248-2.28.284.004.556.058.804.159zm-4.868 1.59c.1-.251.1-.49.096-.611V4.816c0-.39.3-.703.672-.703.372 0 .672.314.672.703v.653c0 .07.012.142.028.209a3.849 3.849 0 00-.94 1.79.958.958 0 00-.112.06c-.12.079-.268.162-.416.196z",
+            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.14 14.686c.236-.221.357-.61.357-1.16 0-.546-.118-.938-.359-1.162-.232-.222-.625-.33-1.168-.33-.543 0-.936.108-1.165.327-.238.224-.356.616-.356 1.165 0 .55.12.939.356 1.163.285.269.79.325 1.165.325s.882-.056 1.17-.328zm-1.17-3.938c.896 0 1.597.232 2.084.689.504.473.762 1.179.762 2.09 0 .912-.258 1.615-.762 2.089-.485.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688zm-3.723 9.809h7.454c-.006-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.24c-.476 0-1.135.087-1.544.507-.355.361-.442.866-.448 1.241zm5.454-3.036c1.053 0 1.919.31 2.502.904.535.544.817 1.297.817 2.182v.925a.319.319 0 01-.322.314H7.253a.317.317 0 01-.322-.314v-.925c0-.885.28-1.641.815-2.182.58-.593 1.442-.904 2.496-.904h3.46zm5.076-12.603a.64.64 0 01-.053.914.669.669 0 01-.93-.054c-2.275-2.49-5.804-2.333-5.84-2.325-3.788.042-5.788 2.152-5.805 2.171a.676.676 0 01-.932.045.633.633 0 01-.045-.91c.095-.104 2.411-2.547 6.74-2.594.13-.006 4.156-.21 6.865 2.753zm-6.863.079c.118-.006 3.32-.115 5.367 2.123a.636.636 0 01-.053.91.67.67 0 01-.933-.05c-1.62-1.776-4.32-1.695-4.347-1.695-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 01-.933.045.633.633 0 01-.047-.908c.08-.087 1.988-2.12 5.249-2.154zm3.546 5.224a.67.67 0 01-.933-.05c-.94-1.029-2.54-.992-2.56-.992-1.59.02-2.512.977-2.552 1.017a.679.679 0 01-.93.042.635.635 0 01-.044-.908c.053-.059 1.327-1.417 3.493-1.44.067.003 2.207-.078 3.577 1.42a.636.636 0 01-.05.91z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMillenialsRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-device-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMobileDeviceFilled = function IconMobileDeviceFilled(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 IconMobileDeviceFilled = function IconMobileDeviceFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M17.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
-        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.989 5.388C18.897 3.504 17.402 2 15.579 2H9.418C7.594 2 6.1 3.504 6.008 5.388h12.98zM6 6.46h13v11.08H6V6.46zm.008 12.152C6.096 20.496 7.59 22 9.418 22h6.157c1.827 0 3.322-1.504 3.41-3.388H6.008z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMobileDeviceFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-device-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMobileDeviceLight = function IconMobileDeviceLight(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 IconMobileDeviceLight = function IconMobileDeviceLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.746 2c1.795 0 3.25 1.444 3.25 3.215v.66c.004.016.004.032.004.048s0 .032-.004.048v12.814c0 1.775-1.46 3.215-3.25 3.215H9.25C7.455 22 6 20.556 6 18.785V5.215C6 3.44 7.46 2 9.25 2zm2.526 4.283H6.724v11.43h7.579c.198 0 .36.16.36.356a.359.359 0 01-.36.356h-7.58v.356c0 1.38 1.132 2.5 2.527 2.5h6.5c1.39 0 2.526-1.12 2.522-2.496V6.283zm-1.802 11.07c.4 0 .723.32.723.716a.72.72 0 01-.723.716.72.72 0 01-.724-.716.72.72 0 01.724-.716zm-.724-14.637H9.25c-1.39 0-2.526 1.12-2.526 2.5v.351h11.548v-.352c0-1.38-1.131-2.5-2.526-2.5z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMobileDeviceLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-device-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMobileDeviceRegular = function IconMobileDeviceRegular(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 IconMobileDeviceRegular = function IconMobileDeviceRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.216 2H8.784a3.578 3.578 0 00-3.572 3.572v12.856A3.578 3.578 0 008.784 22h6.428a3.578 3.578 0 003.572-3.572V5.572c0-1.968-1.6-3.572-3.568-3.572zM6.644 17.356V6.644H17.36V17.36H6.644v-.004zm2.14-13.928h6.428c1.06 0 1.94.772 2.112 1.784H6.672a2.149 2.149 0 012.112-1.784zm6.432 17.144H8.784c-1.06 0-1.94-.772-2.112-1.784h10.652a2.141 2.141 0 01-2.108 1.784z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconMobileDeviceRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-pause-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMobilePauseFilled = function IconMobilePauseFilled(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 IconMobilePauseFilled = function IconMobilePauseFilled(_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: "M8.087 16.801c3.213 0 4.709-1.481 4.709-4.663 0-3.182-1.496-4.667-4.709-4.667-3.21 0-4.706 1.482-4.706 4.667 0 3.182 1.496 4.663 4.706 4.663zM20.894 3.115c.641.639.955 1.535.955 2.737v12.305c0 1.216-.314 2.115-.964 2.754-.644.63-1.549.938-2.764.938h-6.21c-1.219 0-2.12-.308-2.762-.938-.577-.566-.888-1.34-.953-2.359v-.549c-.036 0-.072.003-.112.003-3.742 0-5.924-1.871-5.924-5.868 0-4 2.182-5.872 5.924-5.872.034 0 .068.003.101.003v-.417c0-1.185.314-2.076.955-2.72.653-.653 1.558-.972 2.77-.972h6.21c1.222.003 2.13.314 2.774.955zm-5.877 13.846c-.658 0-1.053.392-1.053 1.048 0 .32.092.577.274.759.185.188.454.286.78.286.324 0 .593-.098.778-.286.182-.185.274-.44.274-.76 0-.655-.392-1.047-1.053-1.047zm-8.75-7.655c.336 0 .607.269.607.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.911c0-.334.274-.605.607-.605zm3.45-.014c.337 0 .608.271.608.602v4.711a.607.607 0 01-.608.605.605.605 0 01-.607-.605V9.894c0-.333.271-.602.607-.602z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-mobile-pause-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconMobilePauseLight = function IconMobilePauseLight(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 IconMobilePauseLight = function IconMobilePauseLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M21.026 18.283V5.723c0-.944-.213-1.625-.664-2.07-.443-.451-1.124-.672-2.076-.672h-6.274c-.936 0-1.617.221-2.068.689-.45.45-.672 1.126-.672 2.053v.485c3.092.353 4.866 2.274 4.866 5.935 0 3.653-1.774 5.574-4.858 5.927v.583c.048.756.27 1.322.664 1.717.443.443 1.124.658 2.068.658h6.274c.952 0 1.625-.213 2.076-.658.45-.454.664-1.134.664-2.087zm-12.877-.969c3.476 0 5.168-1.692 5.168-5.17 0-3.48-1.692-5.183-5.168-5.183-3.48 0-5.168 1.7-5.168 5.182s1.689 5.171 5.168 5.171zM20.944 3.07c.608.617.902 1.48.902 2.653v12.56c0 1.182-.294 2.062-.91 2.667-.608.608-1.476.896-2.65.896h-6.274c-1.174 0-2.034-.288-2.65-.896-.54-.54-.838-1.289-.894-2.275l-.008-.549c-.107.009-.205.009-.311.009-3.782 0-5.989-1.913-5.989-5.992 0-4.09 2.207-6.003 5.989-6.003.098 0 .204 0 .302.009v-.426c0-1.148.294-2.011.91-2.636.617-.624 1.485-.927 2.65-.927h6.275c1.182 0 2.05.294 2.658.91zm-5.792 13.998c.663 0 1.058.395 1.058 1.067 0 .32-.09.582-.271.773-.188.196-.46.294-.787.294-.328 0-.6-.098-.788-.294-.179-.188-.28-.451-.28-.773.003-.672.404-1.067 1.068-1.067zM6.336 9.406a.41.41 0 01.41.41v4.812a.41.41 0 01-.818 0v-4.81c0-.227.184-.412.408-.412zm3.488-.016a.41.41 0 01.409.411v4.81a.41.41 0 01-.818 0v-4.81c0-.226.182-.409.409-.411z",
         fill: fillColor
     })));