@telefonica/mistica 10.10.0 → 10.14.0

package/dist-es/generated/mistica-icons/icon-lock-de-data-light.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLockDeDataLight = function(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 IconLockDeDataLight = function(_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 = useTheme(), colors = ref.colors;
     var isInverse = 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: "M7.486 16.919c1.028-.017 1.028-.826 1.028-1.09 0-.266 0-1.075-1.042-1.1l-.123-.003h-.03c-1.012.008-1.012.795-1.012 1.09 0 .268 0 1.089 1.028 1.103h.151zm.006-3.011c.378.008 1.849.157 1.849 1.921 0 1.768-1.474 1.908-1.843 1.913-.043 0-.082.003-.124.003l-.053-.003c-.39-.005-1.843-.145-1.843-1.927 0-1.778 1.44-1.907 1.829-1.91l.042-.003c.05 0 .1.003.143.006zm11.59 6.549c1.287-.398 1.94-.927 1.931-1.572l-.03-3.255c-.438.342-1.012.63-1.693.84-1.204.373-2.781.586-4.445.603h-.193c-.611 0-1.205-.034-1.782-.087v1.706c.003.636-.196 1.14-.585 1.501-.314.292-.698.426-1.014.488 1.042.227 2.283.353 3.596.339 1.586-.014 3.081-.216 4.216-.563zm-15.806-.894c.222.233.572.35 1.042.35l6.381-.002c.031 0 .647.033 1.025-.32.216-.202.32-.493.32-.893-.003-1.83 0-5.547 0-5.547.003-.036.03-.523-.283-.857-.221-.235-.58-.355-1.062-.355-1.846 0-6.143.005-6.364.005h-.022c-.012 0-.023 0-.034-.003-.003 0-.025-.002-.062-.002-.162 0-.613.028-.913.305-.213.196-.32.498-.32.899v5.563c-.002.034-.027.524.292.857zM7.35 7.527c-.781.008-2.602.285-2.602 2.742v.852c1.07-.003 3.885-.006 5.532-.006v-.83c0-2.433-1.849-2.736-2.644-2.755-.084-.003-.188 0-.286-.003zM8.568 6.07l.01.77c1.051.264 2.533 1.054 2.533 3.449v.764c1.062.241 2.336.367 3.68.348 1.589-.014 3.085-.216 4.208-.563 1.12-.348 1.72-.866 1.927-1.255l-.034-3.61c-.414.324-.974.599-1.694.823-1.202.372-2.782.585-4.446.6h-.198c-1.594 0-3.101-.18-4.261-.516-.731-.216-1.305-.485-1.725-.81zm1.921-2.526c-1.076.333-1.725.775-1.885 1.282.003.006.008.012.011.02.171.501.835.93 1.91 1.241 1.132.328 2.614.504 4.219.485 1.588-.017 3.081-.216 4.21-.563 1.042-.323 1.692-.751 1.874-1.239a.072.072 0 01.017-.022c-.16-.527-.801-.955-1.922-1.28-1.131-.328-2.627-.51-4.221-.485-1.591.014-3.087.21-4.213.56zm2.384 9.641c.003 0 0 1.448 0 2.978a18.34 18.34 0 001.966.09c1.586-.018 3.081-.216 4.21-.564 1.118-.344 1.72-.865 1.925-1.252l-.034-3.655c-.437.341-1.008.63-1.692.84-1.201.373-2.781.585-4.445.6h-.196c-.678 0-1.336-.031-1.961-.096.163.329.24.693.227 1.059zm8.837-8.193l.132 13.885c.011 1.05-.835 1.846-2.513 2.364-1.21.373-2.79.585-4.45.602h-.188c-1.594 0-3.104-.185-4.272-.518a6.306 6.306 0 01-1.266-.501.344.344 0 01-.11-.093l-4.725.003c-.714 0-1.271-.207-1.652-.616-.56-.6-.51-1.406-.507-1.44v-5.532c0-.642.198-1.149.59-1.507.373-.34.84-.46 1.174-.502v-.868c0-2.605 1.768-3.546 3.42-3.563.135-.003.272 0 .407.008l-.02-1.588c0-.162.02-.325.064-.484v-.003c.227-.813 1.05-1.446 2.449-1.88 1.201-.372 2.781-.585 4.448-.602 1.664-.014 3.255.168 4.462.515 1.686.49 2.546 1.27 2.557 2.32z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-lock-de-data-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLockDeDataRegular = function(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 IconLockDeDataRegular = function(_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 = useTheme(), colors = ref.colors;
     var isInverse = 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: "M7.291 16.639c.92-.017.92-.625.92-.92 0-.293 0-.907-.93-.93l-.13-.002h-.033c-.894.008-.894.6-.894.919 0 .32 0 .919.91.933h.157zm.014-2.975c.418.008 2.037.168 2.037 2.056 0 1.893-1.625 2.039-2.031 2.047h-.193c-.426-.005-2.031-.154-2.031-2.058 0-1.902 1.588-2.042 2.014-2.045h.045c.058-.003.112 0 .16 0zm11.418 6.269c.8-.25 1.753-.684 1.748-1.345l-.026-2.804c-.395.25-.862.468-1.397.63-1.197.37-2.765.583-4.415.597h-.188c-.605 0-1.19-.036-1.759-.087v1.51c0 .832-.342 1.325-.627 1.588a2.1 2.1 0 01-.317.236c.874.145 1.86.227 2.91.215 1.533-.01 2.975-.204 4.07-.54zM3.44 19.126c.17.18.454.266.843.266l6.112-.003c.18.009.597-.02.837-.249.16-.151.239-.381.239-.7-.003-1.751 0-5.314 0-5.314.002-.048.022-.429-.216-.678-.171-.18-.46-.272-.86-.272l-6.098.006h-.02c-.028 0-.056-.003-.095-.003-.168 0-.515.042-.728.238-.16.149-.238.381-.238.706v5.328c0 .04-.014.426.224.675zM7.188 7.952c-.852.009-2.283.33-2.283 2.415v.608l4.86-.006c.005-.011.014-.022.016-.033v-.552c0-2.143-1.627-2.415-2.324-2.432h-.27zm3.238-4.199c-.916.286-1.502.656-1.684 1.05.166.407.765.782 1.715 1.054 1.09.317 2.54.499 4.072.465 1.538-.014 2.98-.207 4.065-.543.921-.286 1.512-.661 1.686-1.06-.218-.506-1.022-.845-1.714-1.044-1.093-.314-2.544-.476-4.076-.465-1.535.017-2.98.207-4.064.543zm2.26 9.423c.003 0 .003 1.196.003 2.538.622.062 1.266.098 1.936.093 1.532-.014 2.977-.208 4.064-.544.997-.308 1.546-.762 1.742-1.087l-.028-3.142a5.85 5.85 0 01-1.397.63c-1.197.37-2.762.582-4.415.6h-.193c-.656 0-1.286-.04-1.894-.099.213.488.188.944.182 1.011zM8.695 6.958C9.922 7.367 11 8.406 11 10.387v.319c1.022.235 2.269.361 3.577.35 1.535-.014 2.98-.207 4.064-.543.998-.309 1.547-.76 1.743-1.087l-.028-3.098a5.992 5.992 0 01-1.398.608c-1.196.37-2.762.582-4.415.599h-.193c-1.58 0-3.076-.182-4.23-.515a5.814 5.814 0 01-1.428-.6l.003.538zm12.862-1.98l.13 13.599c.01 1.126-.866 1.972-2.603 2.51-1.205.37-2.773.582-4.417.596h-.182c-1.58 0-3.079-.182-4.241-.515a6.007 6.007 0 01-1.373-.571l-4.582.002c-.746 0-1.331-.22-1.74-.658-.591-.63-.549-1.448-.543-1.538l-.003-5.283c0-.84.344-1.333.636-1.599a2.143 2.143 0 011.053-.504v-.653c0-2.65 1.88-3.608 3.487-3.622l.297.003L7.46 5.11c0-.182.023-.358.07-.526V4.58c.244-.866 1.096-1.532 2.535-1.978 1.196-.37 2.765-.582 4.418-.596 1.666-.034 3.224.168 4.425.512 1.748.504 2.64 1.334 2.65 2.46z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-lock-eye-closed-filled.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconLockEyeClosedFilled = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M12.498 2c3.196 0 5.792 2.725 5.792 6.07v1.781c.935 0 1.699.804 1.71 1.789v8.571C20 21.2 19.236 22 18.293 22H6.707C5.764 22 5 21.2 5 20.211V11.64c0-.989.764-1.789 1.707-1.789v-1.78C6.707 4.72 9.303 2 12.498 2zm0 10.532c-4.054 0-5.2 3.077-5.246 3.205a.521.521 0 000 .373c.046.132 1.192 3.205 5.246 3.205 4.055 0 5.2-3.077 5.246-3.205a.521.521 0 000-.373c-.046-.128-1.191-3.205-5.246-3.205zm0 1.069c2.818 0 3.917 1.732 4.211 2.325-.294.584-1.409 2.325-4.21 2.325-2.822 0-3.918-1.733-4.212-2.325.294-.585 1.409-2.325 4.211-2.325zm0 .352c-1.035 0-1.878.884-1.878 1.969 0 1.084.843 1.968 1.878 1.968s1.878-.88 1.878-1.968c0-1.085-.843-1.97-1.878-1.97zm0 1.08c.47 0 .851.4.851.893 0 .492-.38.892-.85.892-.471 0-.852-.4-.852-.892 0-.493.38-.893.851-.893zm0-11.6c-2.44 0-4.425 2.08-4.425 4.637v1.781h8.85v-1.78c0-2.558-1.985-4.638-4.425-4.638z",
+        fill: fillColor
+    })));
+};
+export default IconLockEyeClosedFilled;

package/dist-es/generated/mistica-icons/icon-lock-eye-closed-light.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconLockEyeClosedLight = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M16.938 20.605c.375 0 .678.312.678.698a.688.688 0 01-.678.697.688.688 0 01-.677-.697c0-.386.303-.698.677-.698zM12.506 2c3.01 0 5.46 2.521 5.46 5.62v2.095h.34c.938 0 1.698.79 1.694 1.756v8.42c0 .626-.323 1.211-.853 1.52a.33.33 0 01-.467-.128.35.35 0 01.124-.481 1.06 1.06 0 00.514-.91V11.47c0-.577-.46-1.05-1.02-1.05H6.706c-.56 0-1.02.473-1.02 1.05v8.44c0 .578.46 1.047 1.02 1.047h8.184a.34.34 0 01.338.349.342.342 0 01-.338.348H6.706C5.767 21.655 5 20.865 5 19.9v-8.421c0-.966.767-1.756 1.706-1.756h.339V7.62c0-3.099 2.45-5.62 5.46-5.62zm0 10.878c3.926 0 5.04 2.56 5.087 2.665a.342.342 0 010 .277c-.047.104-1.16 2.665-5.087 2.665-3.934 0-5.04-2.561-5.087-2.665a.342.342 0 010-.277c.047-.104 1.16-2.665 5.087-2.665zm0 .701c-2.98 0-4.117 1.615-4.394 2.104.277.493 1.406 2.105 4.394 2.105 2.98 0 4.117-1.616 4.393-2.105-.276-.493-1.398-2.104-4.393-2.104zm0 .349c.939 0 1.706.79 1.706 1.755 0 .966-.767 1.756-1.706 1.756s-1.706-.79-1.706-1.756.767-1.755 1.706-1.755zm0 .713c-.561 0-1.02.473-1.02 1.05 0 .578.459 1.05 1.02 1.05.56 0 1.02-.472 1.02-1.05 0-.577-.46-1.05-1.02-1.05zm0-11.932c-2.63 0-4.772 2.205-4.772 4.91v2.104h9.543V7.62c0-2.705-2.142-4.91-4.771-4.91z",
+        fill: fillColor
+    })));
+};
+export default IconLockEyeClosedLight;

package/dist-es/generated/mistica-icons/icon-lock-eye-closed-regular.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconLockEyeClosedRegular = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M11.998 2c3.26 0 5.91 2.725 5.91 6.07v1.07c1.153 0 2.08.964 2.092 2.145v8.571c0 1.18-.939 2.145-2.088 2.145H6.088C4.938 22 4 21.036 4 19.855v-8.571c0-1.18.939-2.145 2.088-2.145V8.07c0-3.349 2.65-6.07 5.91-6.07zm5.914 8.575H6.088a.705.705 0 00-.693.713v8.563c0 .388.307.712.693.712h11.82a.705.705 0 00.693-.712h.004v-8.563a.705.705 0 00-.693-.713zm-5.914 1.601c4.137 0 5.306 3.077 5.353 3.205a.511.511 0 010 .373c-.047.128-1.216 3.205-5.353 3.205s-5.306-3.077-5.353-3.205a.511.511 0 010-.373c.047-.128 1.216-3.205 5.353-3.205zm0 1.064c-2.871 0-3.997 1.741-4.297 2.325.3.593 1.422 2.325 4.297 2.325 2.86 0 3.997-1.74 4.297-2.325-.3-.592-1.422-2.325-4.297-2.325zm0 .36c1.056 0 1.917.885 1.917 1.97 0 1.084-.861 1.968-1.917 1.968s-1.917-.884-1.917-1.969c0-1.084.861-1.968 1.917-1.968zm0 1.073a.877.877 0 00-.869.892c0 .497.39.893.87.893a.88.88 0 00.868-.893.88.88 0 00-.869-.892zm0-11.24c-2.49 0-4.515 2.08-4.515 4.637v1.07h9.03V8.07c0-2.557-2.026-4.637-4.515-4.637z",
+        fill: fillColor
+    })));
+};
+export default IconLockEyeClosedRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLockOpenFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconLockOpenFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLockOpenLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconLockOpenLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconLockOpenRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconLockOpenRegular;