@telefonica/mistica 10.9.2 → 10.13.0

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

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

package/dist/generated/mistica-icons/icon-lock-open-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLockOpenFilled = function IconLockOpenFilled(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 IconLockOpenFilled = function IconLockOpenFilled(_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: "M19.284 11.095c.003 0 0 5.163.003 7.709 0 .896-.272 1.608-.812 2.117-.894.846-2.185.762-2.238.76l-8.717.005c-.986 0-1.757-.294-2.289-.874-.779-.848-.706-1.989-.703-2.036l-.003-7.74c0-.904.278-1.621.82-2.128.508-.474 1.141-.645 1.6-.704v-1.19c0-3.664 2.44-4.992 4.723-5.014.146 0 .3.003.434.003 1.838.045 4.014.997 4.602 3.538a.603.603 0 01-.442.725.599.599 0 01-.717-.448c-.546-2.359-2.796-2.594-3.474-2.61-.12-.004-.263-.004-.395-.004-1.064.009-3.543.401-3.543 3.807v1.165c1.625-.002 6.04-.008 8.14-.008 1.006 0 1.787.297 2.322.885.776.855.692 1.989.69 2.042zm-7.417 5.168h-.207c-1.356-.02-1.356-1.087-1.356-1.487 0-.398 0-1.457 1.33-1.47h.042l.168.002c1.376.034 1.376 1.126 1.376 1.485.003.395.003 1.448-1.353 1.47zm.008-4.16c-.059-.002-.129-.002-.196-.002h-.053c-.532.005-2.51.19-2.51 2.675 0 2.493 1.997 2.686 2.53 2.695h.243c.505-.009 2.53-.202 2.53-2.678-.006-2.468-2.025-2.675-2.544-2.69z",
-        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.298 9.893V8.07c0-3.355-2.592-6.07-5.794-6.07-2.317 0-4.397 1.427-5.317 3.643-.137.355 0 .783.34.927.34.144.748 0 .885-.356.748-1.679 2.317-2.783 4.088-2.783 2.454 0 4.431 2.072 4.431 4.643v1.783H7.046C5.92 9.857 5 10.82 5 12v7.857C5 21.037 5.92 22 7.046 22h10.908C19.08 22 20 21.036 20 19.857V12c0-1.072-.748-1.927-1.702-2.107z",
+            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: "M19.284 11.095c.003 0 0 5.163.003 7.709 0 .896-.272 1.608-.812 2.117-.894.846-2.185.762-2.238.76l-8.717.005c-.986 0-1.757-.294-2.289-.874-.779-.848-.706-1.989-.703-2.036l-.003-7.74c0-.904.278-1.621.82-2.128.508-.474 1.141-.645 1.6-.704v-1.19c0-3.664 2.44-4.992 4.723-5.014.146 0 .3.003.434.003 1.838.045 4.014.997 4.602 3.538a.603.603 0 01-.442.725.599.599 0 01-.717-.448c-.546-2.359-2.796-2.594-3.474-2.61-.12-.004-.263-.004-.395-.004-1.064.009-3.543.401-3.543 3.807v1.165c1.625-.002 6.04-.008 8.14-.008 1.006 0 1.787.297 2.322.885.776.855.692 1.989.69 2.042zm-7.417 5.168h-.207c-1.356-.02-1.356-1.087-1.356-1.487 0-.398 0-1.457 1.33-1.47h.042l.168.002c1.376.034 1.376 1.126 1.376 1.485.003.395.003 1.448-1.353 1.47zm.008-4.16c-.059-.002-.129-.002-.196-.002h-.053c-.532.005-2.51.19-2.51 2.675 0 2.493 1.997 2.686 2.53 2.695h.243c.505-.009 2.53-.202 2.53-2.678-.006-2.468-2.025-2.675-2.544-2.69z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLockOpenFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-lock-open-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLockOpenLight = function IconLockOpenLight(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 IconLockOpenLight = function IconLockOpenLight(_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: "M18.574 11.184c.003-.039.05-.804-.442-1.341-.347-.379-.896-.566-1.63-.566-2.605 0-8.664.008-8.978.008H7.46c-.003 0-.037-.003-.098-.003-.252 0-.939.042-1.41.482-.335.314-.506.79-.506 1.412v7.947c-.003.036-.042.806.456 1.341.345.37.885.558 1.6.558l9-.006c.036-.003.972.056 1.565-.504.337-.32.507-.793.507-1.409-.002-2.61 0-7.919 0-7.919zm.816.034s-.003 5.283 0 7.885c0 .854-.258 1.535-.77 2.014-.855.804-2.099.726-2.146.72l-8.972.006c-.956 0-1.698-.28-2.205-.827-.74-.8-.672-1.88-.67-1.924v-7.913c0-.866.261-1.547.78-2.023.557-.515 1.266-.65 1.708-.683V7.069c.003-4.635 3.88-4.904 4.656-4.913.145.003.302 0 .44.003.879.022 3.803.333 4.534 3.457a.41.41 0 01-.302.493.403.403 0 01-.488-.297c0-.003 0-.006-.002-.009-.597-2.549-3.031-2.806-3.762-2.823a9.919 9.919 0 00-.41-.003c-.904.008-3.848.328-3.848 4.09v1.395c1.473-.003 6.317-.009 8.571-.009.975 0 1.726.283 2.236.838.734.81.652 1.88.65 1.927zm-7.412 5.706c.818-.014 1.795-.359 1.795-1.91 0-1.558-.986-1.905-1.812-1.928l-.185-.003h-.047c-.807.009-1.774.345-1.774 1.91 0 1.575.975 1.92 1.796 1.93h.227zm0-4.659c.532.014 2.608.227 2.608 2.746 0 2.526-2.079 2.722-2.597 2.73-.05.003-.104.003-.16.003h-.09c-.545-.008-2.599-.207-2.599-2.75 0-2.538 2.034-2.729 2.58-2.731h.053c.073 0 .143 0 .205.002z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.504 2c3.001 0 5.453 2.572 5.457 5.712v2.144h.34c.954 0 1.703.788 1.699 1.788v8.572c0 1-.748 1.784-1.703 1.784H6.703C5.748 22 5 21.216 5 20.216V11.64c0-1 .748-1.784 1.703-1.784h10.574V7.712c0-2.748-2.146-5-4.773-5-1.669 0-3.238.928-4.094 2.464-.1.144-.305.216-.477.108a.393.393 0 01-.103-.5C8.784 3.072 10.594 2 12.504 2zm5.793 8.572H6.703c-.58 0-1.023.464-1.023 1.072v8.572c0 .608.443 1.072 1.023 1.072h11.598c.58 0 1.023-.464 1.023-1.072h-.004v-8.572c0-.608-.443-1.072-1.023-1.072zM7.387 6.28c.377 0 .683.32.683.716 0 .395-.306.716-.683.716-.378 0-.684-.32-.684-.716 0-.395.306-.716.684-.716z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.574 11.184c.003-.039.05-.804-.442-1.341-.347-.379-.896-.566-1.63-.566-2.605 0-8.664.008-8.978.008H7.46c-.003 0-.037-.003-.098-.003-.252 0-.939.042-1.41.482-.335.314-.506.79-.506 1.412v7.947c-.003.036-.042.806.456 1.341.345.37.885.558 1.6.558l9-.006c.036-.003.972.056 1.565-.504.337-.32.507-.793.507-1.409-.002-2.61 0-7.919 0-7.919zm.816.034s-.003 5.283 0 7.885c0 .854-.258 1.535-.77 2.014-.855.804-2.099.726-2.146.72l-8.972.006c-.956 0-1.698-.28-2.205-.827-.74-.8-.672-1.88-.67-1.924v-7.913c0-.866.261-1.547.78-2.023.557-.515 1.266-.65 1.708-.683V7.069c.003-4.635 3.88-4.904 4.656-4.913.145.003.302 0 .44.003.879.022 3.803.333 4.534 3.457a.41.41 0 01-.302.493.403.403 0 01-.488-.297c0-.003 0-.006-.002-.009-.597-2.549-3.031-2.806-3.762-2.823a9.919 9.919 0 00-.41-.003c-.904.008-3.848.328-3.848 4.09v1.395c1.473-.003 6.317-.009 8.571-.009.975 0 1.726.283 2.236.838.734.81.652 1.88.65 1.927zm-7.412 5.706c.818-.014 1.795-.359 1.795-1.91 0-1.558-.986-1.905-1.812-1.928l-.185-.003h-.047c-.807.009-1.774.345-1.774 1.91 0 1.575.975 1.92 1.796 1.93h.227zm0-4.659c.532.014 2.608.227 2.608 2.746 0 2.526-2.079 2.722-2.597 2.73-.05.003-.104.003-.16.003h-.09c-.545-.008-2.599-.207-2.599-2.75 0-2.538 2.034-2.729 2.58-2.731h.053c.073 0 .143 0 .205.002z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLockOpenLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-lock-open-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLockOpenRegular = function IconLockOpenRegular(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 IconLockOpenRegular = function IconLockOpenRegular(_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: "M18.097 11.045c.002-.053.042-.723-.381-1.18-.3-.324-.785-.487-1.437-.487-2.535 0-8.432.009-8.737.009h-.028c-.014 0-.03 0-.045-.003-.003 0-.033-.003-.081-.003-.219 0-.83.036-1.238.42-.286.269-.432.686-.432 1.238v7.785c-.002.044-.033.72.395 1.179.297.32.77.482 1.41.482l8.759-.006c.047 0 .88.048 1.389-.44.288-.277.428-.68.428-1.232-.005-2.56-.002-7.762-.002-7.762zm1.187.05c.003 0 0 5.163.003 7.709 0 .896-.272 1.608-.812 2.118-.894.846-2.185.761-2.238.759l-8.717.005c-.986 0-1.757-.294-2.289-.874-.779-.848-.706-1.988-.703-2.036l-.003-7.74c0-.904.278-1.621.82-2.128.508-.474 1.141-.645 1.6-.704v-1.19c0-3.664 2.44-4.992 4.723-5.014.146 0 .3.003.434.003 1.838.045 4.014.997 4.602 3.538a.603.603 0 01-.442.725.599.599 0 01-.717-.448c-.546-2.359-2.796-2.594-3.474-2.61-.12-.004-.263-.004-.395-.004-1.064.009-3.543.401-3.543 3.807v1.165c1.625-.002 6.04-.008 8.14-.008 1.006 0 1.787.297 2.322.885.776.855.692 1.989.69 2.042zm-7.417 5.168c1.356-.025 1.356-1.075 1.356-1.47 0-.359 0-1.451-1.376-1.485l-.168-.003h-.042c-1.33.014-1.33 1.073-1.33 1.47 0 .401 0 1.471 1.355 1.488h.205zm.008-4.16c.519.015 2.538.222 2.538 2.69 0 2.476-2.022 2.666-2.53 2.678h-.243c-.532-.009-2.53-.202-2.53-2.695 0-2.485 1.978-2.672 2.51-2.675h.054c.07 0 .14 0 .201.003z",
-        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.298 9.893V8.07c0-3.355-2.592-6.07-5.794-6.07-2.317 0-4.397 1.427-5.317 3.643-.137.355 0 .783.34.927.34.144.748 0 .885-.356.748-1.679 2.317-2.783 4.088-2.783 2.454 0 4.431 2.072 4.431 4.643v1.783H7.046C5.92 9.857 5 10.82 5 12v7.857C5 21.037 5.92 22 7.046 22h10.908C19.08 22 20 21.036 20 19.857V12c0-1.072-.748-1.927-1.702-2.107zm.34 9.96c0 .396-.31.716-.684.716H7.046c-.378 0-.683-.324-.683-.716V12c0-.396.309-.716.683-.716h10.908c.378 0 .683.324.683.716v7.853z",
+            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: "M18.097 11.045c.002-.053.042-.723-.381-1.18-.3-.324-.785-.487-1.437-.487-2.535 0-8.432.009-8.737.009h-.028c-.014 0-.03 0-.045-.003-.003 0-.033-.003-.081-.003-.219 0-.83.036-1.238.42-.286.269-.432.686-.432 1.238v7.785c-.002.044-.033.72.395 1.179.297.32.77.482 1.41.482l8.759-.006c.047 0 .88.048 1.389-.44.288-.277.428-.68.428-1.232-.005-2.56-.002-7.762-.002-7.762zm1.187.05c.003 0 0 5.163.003 7.709 0 .896-.272 1.608-.812 2.118-.894.846-2.185.761-2.238.759l-8.717.005c-.986 0-1.757-.294-2.289-.874-.779-.848-.706-1.988-.703-2.036l-.003-7.74c0-.904.278-1.621.82-2.128.508-.474 1.141-.645 1.6-.704v-1.19c0-3.664 2.44-4.992 4.723-5.014.146 0 .3.003.434.003 1.838.045 4.014.997 4.602 3.538a.603.603 0 01-.442.725.599.599 0 01-.717-.448c-.546-2.359-2.796-2.594-3.474-2.61-.12-.004-.263-.004-.395-.004-1.064.009-3.543.401-3.543 3.807v1.165c1.625-.002 6.04-.008 8.14-.008 1.006 0 1.787.297 2.322.885.776.855.692 1.989.69 2.042zm-7.417 5.168c1.356-.025 1.356-1.075 1.356-1.47 0-.359 0-1.451-1.376-1.485l-.168-.003h-.042c-1.33.014-1.33 1.073-1.33 1.47 0 .401 0 1.471 1.355 1.488h.205zm.008-4.16c.519.015 2.538.222 2.538 2.69 0 2.476-2.022 2.666-2.53 2.678h-.243c-.532-.009-2.53-.202-2.53-2.695 0-2.485 1.978-2.672 2.51-2.675h.054c.07 0 .14 0 .201.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLockOpenRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLogoutRegular = function IconLogoutRegular(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 IconLogoutRegular = function IconLogoutRegular(_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: "M16.823 2a3.674 3.674 0 013.67 3.67v12.16a3.674 3.674 0 01-3.67 3.67h-8.16a3.674 3.674 0 01-3.67-3.67.75.75 0 011.5 0c0 1.196.974 2.17 2.17 2.17h8.16c1.197 0 2.17-.974 2.17-2.17V5.67c0-1.196-.973-2.17-2.17-2.17h-8.16c-1.196 0-2.17.974-2.17 2.17a.75.75 0 01-1.5 0A3.674 3.674 0 018.663 2h8.16zM6.265 8.218a.75.75 0 010 1.06L4.543 11h7.2a.75.75 0 010 1.5H4.592l1.698 1.683a.749.749 0 11-1.054 1.066l-3.013-2.983a.745.745 0 01-.003-1.064l2.984-2.984a.75.75 0 011.061 0z",
-        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.506 2h-6.293C8.293 2 6.72 3.608 6.72 5.571v5.715H4.727l.908-.928a.704.704 0 000-1 .668.668 0 00-.978 0L2 12.003l2.657 2.64c.14.143.317.215.49.215a.686.686 0 00.488-.216.704.704 0 000-1l-.908-.927h9.157a.71.71 0 00.7-.716.713.713 0 00-.7-.716H8.12v-4.64h10.483v10.714H8.12v-3.035a.71.71 0 00-.7-.716c-.384 0-.7.324-.7.716v4.107C6.72 20.392 8.291 22 10.212 22h6.293C18.427 22 20 20.392 20 18.429V5.57C20 3.608 18.427 2 16.506 2zm-6.293 1.428h6.293c1.048 0 1.886.784 2.062 1.783H8.15c.176-.995 1.018-1.783 2.062-1.783zm6.293 17.144h-6.293c-1.048 0-1.886-.784-2.062-1.783h10.417c-.172.995-1.014 1.783-2.062 1.783z",
+            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: "M16.823 2a3.674 3.674 0 013.67 3.67v12.16a3.674 3.674 0 01-3.67 3.67h-8.16a3.674 3.674 0 01-3.67-3.67.75.75 0 011.5 0c0 1.196.974 2.17 2.17 2.17h8.16c1.197 0 2.17-.974 2.17-2.17V5.67c0-1.196-.973-2.17-2.17-2.17h-8.16c-1.196 0-2.17.974-2.17 2.17a.75.75 0 01-1.5 0A3.674 3.674 0 018.663 2h8.16zM6.265 8.218a.75.75 0 010 1.06L4.543 11h7.2a.75.75 0 010 1.5H4.592l1.698 1.683a.749.749 0 11-1.054 1.066l-3.013-2.983a.745.745 0 01-.003-1.064l2.984-2.984a.75.75 0 011.061 0z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLogoutRegular;
 exports.default = _default;

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

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

package/dist/generated/mistica-icons/icon-long-distance-call-filled.d.ts

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

package/dist/generated/mistica-icons/icon-long-distance-call-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLongDistanceCallFilled = function IconLongDistanceCallFilled(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 IconLongDistanceCallFilled = function IconLongDistanceCallFilled(_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.68 16.108c-.471-.333-1.087-.504-1.835-.504-.163 0-.328.009-.49.028-.043-.033-.225-.224-.348-1.028-.12-.773-.134-1.778-.134-2.465v-.09c0-.688.014-1.691.134-2.464.126-.804.305-.995.347-1.028.163.02.325.028.49.028.746 0 1.365-.171 1.835-.505.471-.333.79-.829.939-1.459.081-.322.12-.655.117-.989 0-1.834-.988-2.826-2.857-2.868-.33-.008-.714.056-.84.076l-.014.002-.025.003c-1.087.196-2.065 1.19-2.757 2.799-.714 1.655-1.092 3.87-1.092 6.403v.09c0 2.532.375 4.745 1.09 6.406.692 1.607 1.67 2.602 2.756 2.8l.025.006.014.003c.12.02.468.076.784.076h.056c1.872-.042 2.858-1.037 2.858-2.869a3.93 3.93 0 00-.118-.988c-.146-.636-.462-1.126-.936-1.463zm12.338-7.86a9.797 9.797 0 00-9.036-5.988h-.022a.53.53 0 00-.63.52v18.6a.532.532 0 00.733.493c5.42-.045 9.776-4.476 9.731-9.893a9.884 9.884 0 00-.776-3.731zm-1.767 8.684a11.21 11.21 0 00-2.474-1.03 17.97 17.97 0 00.395-3.284h3.535a8.65 8.65 0 01-1.456 4.314zm-6.86-7.83a17.8 17.8 0 003.4-.391c.185.938.292 1.888.317 2.843h-3.717V9.103zm0-1.064V3.37c.361.081.717.266 1.064.557.502.42.955 1.034 1.35 1.821.306.616.552 1.263.737 1.927a16.568 16.568 0 01-3.151.364zm1.064 12.169c-.347.29-.703.476-1.064.557v-4.44a16.6 16.6 0 013.09.35 10.76 10.76 0 01-.676 1.715c-.395.787-.848 1.397-1.35 1.818zm-1.064-4.947v-2.64h3.717a16.62 16.62 0 01-.361 3.023 17.552 17.552 0 00-3.356-.384zm4.784-3.706a17.793 17.793 0 00-.35-3.107c.947-.28 1.804-.641 2.535-1.08a8.675 8.675 0 011.353 4.187h-3.538zm.989-5.67c.199.2.387.404.563.62-.613.355-1.345.663-2.154.907a11.983 11.983 0 00-.815-2.14 7.935 7.935 0 00-.95-1.482 8.718 8.718 0 013.356 2.095zm-3.359 14.463c.345-.415.664-.91.95-1.482.308-.622.56-1.27.756-1.933.776.23 1.485.518 2.084.852a8.45 8.45 0 01-.434.465 8.63 8.63 0 01-3.356 2.098z",
         fill: fillColor
     })));

package/dist/generated/mistica-icons/icon-long-distance-call-filled.js.flow

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

package/dist/generated/mistica-icons/icon-long-distance-call-light.d.ts

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