@telefonica/mistica 10.9.2 → 10.13.0

package/dist-es/generated/mistica-icons/icon-computer-user-filled.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconComputerUserFilled = 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 IconComputerUserFilled = 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: "M21.157 12.23c.353.347.53.857.53 1.51v4.114c0 .656-.177 1.168-.53 1.521-.364.367-.905.552-1.61.552l-9.037.006c-.703 0-1.244-.185-1.61-.552-.351-.353-.53-.863-.53-1.521v-4.115c0-.655.179-1.162.53-1.513.363-.358.904-.54 1.607-.54l9.036-.006c.71.003 1.253.185 1.614.544zm-.174 8.271a.6.6 0 01.61.594.603.603 0 01-.61.594h-11.8a.601.601 0 01-.612-.594c0-.327.275-.594.611-.594h11.801zM10.32 11.2c-1.406 0-2.518-.39-3.305-1.154-.818-.799-1.235-1.955-1.235-3.437 0-1.482.414-2.639 1.232-3.443.787-.77 1.9-1.162 3.306-1.162 1.406 0 2.52.39 3.31 1.16.824.803 1.241 1.96 1.241 3.442 0 1.482-.417 2.639-1.24 3.44-.788.765-1.903 1.154-3.309 1.154zm-2.179.871c-.314.457-.476 1.028-.476 1.712v4.114c0 .625.137 1.157.398 1.6h-4.98c-.597 0-1.082-.47-1.082-1.048v-1.33c0-1.429.468-2.659 1.356-3.555.96-.975 2.37-1.487 4.073-1.487h.711v-.006z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-computer-user-light.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconComputerUserLight = 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 IconComputerUserLight = 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: "M21.434 21.025c.226.01.4.201.389.428a.406.406 0 01-.39.39H8.86a.408.408 0 01-.409-.41c0-.226.182-.408.41-.408h12.574zM7.174 3.89c-.65.63-.981 1.58-.981 2.826 0 1.247.33 2.197.98 2.821.628.605 1.555.91 2.754.91 1.201 0 2.128-.305 2.759-.91.655-.624.986-1.577.986-2.82 0-1.244-.33-2.2-.986-2.827-.63-.608-1.558-.916-2.76-.916-1.198 0-2.125.308-2.753.916zm2.753 7.378c-1.418 0-2.535-.383-3.32-1.137-.818-.787-1.232-1.936-1.232-3.412s.414-2.624 1.23-3.414c.784-.762 1.904-1.149 3.322-1.149 1.417 0 2.537.387 3.324 1.143.821.79 1.236 1.941 1.236 3.417 0 1.477-.415 2.625-1.238 3.412-.785.757-1.902 1.14-3.322 1.14zm-6.953 7.39c0 .033.028.061.062.061H8.52a2.974 2.974 0 01-.067-.63v-4.26c0-.278.037-.524.098-.748H7.4c-1.423 0-2.58.423-3.347 1.224-.703.734-1.076 1.762-1.076 2.972l-.003 1.38zm7.625-6.135c-.48 0-.824.107-1.031.314a.823.823 0 00-.14.199v.045h-.02c-.09.193-.14.44-.14.748v4.26c0 .46.101.796.3 1.003.204.213.549.32 1.025.32l9.065-.006c.476 0 .82-.107 1.028-.32.199-.207.3-.546.3-1.005v-4.255c0-.457-.101-.79-.3-.992-.205-.21-.55-.314-1.028-.314.005-.002-9.06.003-9.06.003zm-1.76 6.95v.064h-5.8a.882.882 0 01-.883-.88V17.28c0-1.425.451-2.65 1.3-3.537.927-.967 2.288-1.477 3.938-1.477h1.589c.364-.372.907-.56 1.613-.56l9.064-.005c.706 0 1.25.187 1.614.56.353.358.53.888.53 1.563v4.26c0 .678-.18 1.208-.53 1.572-.364.378-.908.571-1.616.571l-9.065.006c-.706 0-1.25-.193-1.616-.572-.048-.056-.09-.123-.137-.187z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-computer-user-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconComputerUserRegular = 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 IconComputerUserRegular = 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: "M3.202 18.252h5.193a3.445 3.445 0 01-.034-.417v-4.168c0-.194.026-.37.05-.538H7.329c-1.33 0-2.42.395-3.135 1.137-.65.68-.994 1.644-.994 2.773l.003 1.213zm6.364-4.585v4.168c0 .336.064.585.185.706.16.168.52.193.72.193h8.874c.198 0 .551-.025.72-.193.111-.12.176-.376.176-.706v-4.177c0-.33-.065-.577-.177-.689-.12-.12-.378-.193-.72-.193l-8.873.008c-.353 0-.608.065-.72.185-.118.12-.185.37-.185.698zm.907 6.269c-.641 0-1.131-.16-1.49-.482H3.067A1.065 1.065 0 012 18.394v-1.352c0-1.451.457-2.695 1.33-3.6.947-.994 2.334-1.515 4-1.515h1.813c.336-.224.776-.344 1.33-.344l8.874-.009c.698 0 1.227.185 1.577.552.345.353.521.866.521 1.532v4.177c0 .666-.168 1.179-.512 1.538-.362.37-.9.563-1.586.563h-8.874zM7.25 4.07c-.59.577-.896 1.46-.896 2.622 0 1.168.305 2.05.896 2.622.577.552 1.434.834 2.558.834 1.131 0 1.989-.28 2.566-.834.602-.577.907-1.46.907-2.622 0-1.165-.305-2.045-.907-2.622-.577-.56-1.443-.84-2.566-.84-1.112 0-1.978.28-2.558.84zm2.558 7.28c-1.443 0-2.58-.392-3.39-1.17-.843-.81-1.266-1.981-1.266-3.488 0-1.502.423-2.678 1.266-3.488.81-.784 1.947-1.179 3.39-1.179 1.442 0 2.59.392 3.4 1.18.849.809 1.275 1.988 1.275 3.487 0 1.507-.426 2.678-1.275 3.487-.81.779-1.95 1.171-3.4 1.171zm11.88 9.762a.601.601 0 01-.603.602H8.764a.601.601 0 110-1.204h12.32a.61.61 0 01.602.602z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconConferenceFilled = 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 IconConferenceFilled = 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: "M18.944 6.034c.633 0 1.146.551 1.146 1.235v1.09c0 .683-.513 1.235-1.146 1.235h-.381v.003H5.207v-.003h-.38c-.634 0-1.146-.552-1.146-1.235V7.266c0-.683.512-1.235 1.145-1.235h2.807v-.67c0-.109.04-.213.112-.291l.625-.672a.85.85 0 01-.222-.58c0-.219.079-.429.225-.583l.899-.969a.74.74 0 01.54-.24.74.74 0 01.54.24l.547.591a.87.87 0 010 1.163L10 4.986a.727.727 0 01-1.081 0l-.011-.011-.513.552v.498h6.98v-.498l-.515-.558-.014.014a.727.727 0 01-1.081 0l-.9-.966a.87.87 0 010-1.163l.55-.59a.735.735 0 01.54-.242.74.74 0 01.54.241l.9.97a.86.86 0 01.006 1.154l.63.677a.426.426 0 01.112.292v.67h2.8v.008zm-13.737 4.52v-.302h13.356v.303c0 .68-.513 1.235-1.146 1.235h-1.154v.003H7.504v-.003H6.35c-.63 0-1.143-.555-1.143-1.235zm2.297 7.18v-5.286h8.76v5.286h-8.76zm9.89.655c.634 0 1.147.552 1.147 1.236v.857c0 .683-.513 1.235-1.146 1.235H6.373c-.634 0-1.146-.552-1.146-1.235v-.857c0-.675.501-1.222 1.123-1.233h10.21v-.003h.835z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconConferenceLight = 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 IconConferenceLight = 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: "M14.241 2.156c.216 0 .426.087.58.241l.966.964a.811.811 0 01.241.577.82.82 0 01-.235.568l.678.675a.41.41 0 01.12.289v1.087h2.804c.454 0 .82.367.824.818v1.364a.82.82 0 01-.821.818h-.782v1.252a.818.818 0 01-.82.818h-1.297v7.37h1.274a.82.82 0 01.821.818v1.212a.818.818 0 01-.82.818H6.26a.82.82 0 01-.821-.818v-1.212c0-.454.367-.818.82-.818h1.275v-7.37H6.238a.82.82 0 01-.82-.818V9.557h-.785a.821.821 0 01-.82-.818V7.375c0-.454.366-.818.82-.818h2.801V5.47a.4.4 0 01.12-.289l.673-.669a.814.814 0 01.003-1.151l.966-.964a.825.825 0 011.163 0l.588.588c.32.32.32.838 0 1.157l-.966.961a.819.819 0 01-1.16 0l-.011-.011-.552.549v.919h7.512v-.92l-.557-.554-.017.017a.819.819 0 01-1.16 0l-.966-.96a.818.818 0 010-1.158l.591-.588a.818.818 0 01.58-.24zm3.53 17.656H6.257v1.213H17.77v-1.213zm-2.096-8.185H8.353v7.367h7.322v-7.367zm2.118-2.073H6.238v1.252h11.555V9.554zm1.602-2.18H4.633V8.74H6.22c.008 0 .014-.003.02-.003h11.554c.005 0 .011.003.017.003h1.585V7.375zm-9.616-4.4l-.966.964.588.585.966-.96-.588-.589zm4.46-.003l-.589.589.966.96.589-.585-.967-.964z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconConferenceRegular = 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 IconConferenceRegular = 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: "M14.254 2c.302 0 .594.129.81.359l.646.694c.379.404.418 1.011.16 1.482l.473.51a.642.642 0 01.169.434v.588h2.546c.63 0 1.143.552 1.145 1.233v1.087c0 .68-.512 1.23-1.145 1.23h-.381v.96c0 .68-.513 1.23-1.146 1.23h-1.154v6.574h1.132c.633 0 1.145.552 1.145 1.23v.851c0 .678-.512 1.23-1.145 1.23H6.486c-.633 0-1.145-.552-1.145-1.23v-.851c0-.678.512-1.23 1.145-1.23h1.132v-6.574H6.464c-.633 0-1.146-.55-1.146-1.23v-.96h-.38c-.634 0-1.146-.55-1.146-1.23V7.3c0-.678.512-1.23 1.145-1.23h2.547v-.588c0-.163.061-.32.168-.434l.476-.513c-.258-.47-.216-1.076.16-1.479l.647-.695c.215-.23.507-.358.809-.358.303 0 .594.129.81.358l.378.407a1.29 1.29 0 010 1.736l-.647.695a1.104 1.104 0 01-.81.361c-.19 0-.375-.059-.54-.154l-.306.328v.333h6.734v-.333l-.302-.328a1.075 1.075 0 01-.538.151c-.303 0-.594-.128-.81-.36l-.647-.696a1.296 1.296 0 010-1.736l.378-.406c.216-.23.507-.359.81-.359zM8.688 19.605H6.486v.852h11.02v-.852h-2.202c-.022.003-.047.008-.073.008h-6.47c-.025 0-.048-.005-.073-.008zm6.546-7.804h-6.47v6.574h6.47v-6.574zm2.297-2.19H6.464v.96h2.255c.017 0 .03-.005.045-.005h6.47c.014 0 .028.005.045.005h2.252v-.96zm1.527-2.314H4.94v1.087h1.482c.017 0 .03-.006.045-.006h11.067c.014 0 .03.006.045.006h1.479V7.297zM9.75 3.23l-.647.694.378.407.647-.695-.378-.406zm4.504 0l-.378.406.647.695.378-.407-.647-.694z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconConfigureDeviceFilled = 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 IconConfigureDeviceFilled = 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: "M17.668 2c2.157 0 3.25 1.106 3.246 3.291v13.11c0 2.215-1.061 3.29-3.249 3.29H10.48c-2.187 0-3.249-1.075-3.249-3.29v-3.236a.841.841 0 01-.804-.84v-.53a2.834 2.834 0 01-.221-.07l-.356.356a.84.84 0 01-1.188 0l-.733-.73a.84.84 0 010-1.189l.355-.355a5.108 5.108 0 01-.07-.222H3.69a.84.84 0 01-.84-.84V9.71a.84.84 0 01.84-.84h.527c.02-.076.045-.15.07-.222l-.356-.356a.84.84 0 010-1.187l.734-.731a.84.84 0 011.188 0l.356.355c.072-.025.145-.047.221-.07v-.524a.837.837 0 01.804-.84c0-1.11.26-1.913.795-2.462C8.573 2.272 9.377 2 10.483 2zm-3.583 15.308c-.58 0-.955.303-.955.958 0 .314.087.55.241.706.168.17.412.252.714.252.303 0 .547-.081.715-.252.154-.157.24-.39.24-.706 0-.653-.375-.958-.955-.958zM8.31 6.134H7.273V7.35c-.485.05-.9.18-1.244.387l-.77-.77-.734.73.768.77c-.202.337-.334.751-.387 1.244H3.69v1.037h1.216c.053.493.182.907.387 1.244l-.77.77.733.73.77-.77c.345.208.762.334 1.244.387v1.216h1.037v-1.213c.484-.05.899-.18 1.243-.387l.77.77.732-.733-.77-.77c.201-.337.333-.751.386-1.244h1.216V9.714h-1.216c-.05-.493-.182-.907-.387-1.243l.774-.774-.732-.73-.77.77c-.344-.208-.762-.334-1.244-.387V6.134zm-.52 2.642c.921 0 1.453.46 1.453 1.454s-.532 1.453-1.454 1.453c-.921 0-1.453-.459-1.453-1.453 0-.995.532-1.454 1.453-1.454z",
-        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: "M7.502 22h6.352a3.475 3.475 0 003.427-2.856H4.07A3.488 3.488 0 007.502 22zm8.19-17.856h1.298l-.143-.284-.037-.073A3.519 3.519 0 0013.743 2H7.502a3.475 3.475 0 00-3.428 2.856h10.934c-.037-.388.287-.712.684-.712zm0 11.069a.718.718 0 01-.72-.713v-.251a4.622 4.622 0 01-.721-.284l-.18.179a.753.753 0 01-1.049 0l-1.081-1.07a.67.67 0 01-.217-.498.67.67 0 01.217-.498l.18-.179c-.143-.25-.217-.498-.323-.713h-.217a.718.718 0 01-.72-.713V9.011c0-.393.322-.713.72-.713h.254a4.57 4.57 0 01.286-.713l-.18-.178a.67.67 0 01-.217-.498.67.67 0 01.217-.499l.36-.356H4v12.139h13.355V15.23h-1.663v-.018zm5.09-6.357h-.614c-.073-.43-.254-.823-.503-1.216l.434-.43c.074-.073.074-.178 0-.215l-.938-.927c-.037-.037-.074-.037-.106-.037-.037 0-.074 0-.106.037l-.434.43a4.551 4.551 0 00-1.23-.499v-.608c0-.105-.073-.178-.18-.178h-1.334c-.107 0-.18.073-.18.178V6c-.435.073-.832.251-1.23.498l-.434-.43c-.037-.036-.073-.036-.106-.036-.037 0-.074 0-.106.037l-.9.927c-.038.037-.038.074-.038.106 0 .036 0 .073.037.105l.434.43a4.45 4.45 0 00-.503 1.215h-.615c-.106 0-.18.073-.18.178v1.321c0 .105.074.178.18.178h.615c.074.43.254.823.503 1.216l-.434.43c-.037.036-.037.073-.037.105 0 .036 0 .073.037.105l.938.928c.037.036.074.036.106.036.037 0 .074 0 .106-.036l.435-.43c.36.215.794.393 1.228.498v.608c0 .105.074.178.18.178h1.336c.106 0 .18-.073.18-.178v-.608c.434-.073.831-.251 1.229-.498l.434.43c.037.036.074.036.106.036.037 0 .074 0 .106-.036l.938-.928c.074-.073.074-.178 0-.215l-.434-.43a4.45 4.45 0 00.503-1.215h.615c.106 0 .18-.073.18-.178V9.025c-.037-.096-.11-.17-.217-.17zm-2.166 1.718A2.36 2.36 0 0116.45 12a2.332 2.332 0 01-2.347-2.322 2.34 2.34 0 011.441-2.143c.864-.357 1.876-.142 2.564.498.688.68.869 1.682.508 2.541z",
+            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.668 2c2.157 0 3.25 1.106 3.246 3.291v13.11c0 2.215-1.061 3.29-3.249 3.29H10.48c-2.187 0-3.249-1.075-3.249-3.29v-3.236a.841.841 0 01-.804-.84v-.53a2.834 2.834 0 01-.221-.07l-.356.356a.84.84 0 01-1.188 0l-.733-.73a.84.84 0 010-1.189l.355-.355a5.108 5.108 0 01-.07-.222H3.69a.84.84 0 01-.84-.84V9.71a.84.84 0 01.84-.84h.527c.02-.076.045-.15.07-.222l-.356-.356a.84.84 0 010-1.187l.734-.731a.84.84 0 011.188 0l.356.355c.072-.025.145-.047.221-.07v-.524a.837.837 0 01.804-.84c0-1.11.26-1.913.795-2.462C8.573 2.272 9.377 2 10.483 2zm-3.583 15.308c-.58 0-.955.303-.955.958 0 .314.087.55.241.706.168.17.412.252.714.252.303 0 .547-.081.715-.252.154-.157.24-.39.24-.706 0-.653-.375-.958-.955-.958zM8.31 6.134H7.273V7.35c-.485.05-.9.18-1.244.387l-.77-.77-.734.73.768.77c-.202.337-.334.751-.387 1.244H3.69v1.037h1.216c.053.493.182.907.387 1.244l-.77.77.733.73.77-.77c.345.208.762.334 1.244.387v1.216h1.037v-1.213c.484-.05.899-.18 1.243-.387l.77.77.732-.733-.77-.77c.201-.337.333-.751.386-1.244h1.216V9.714h-1.216c-.05-.493-.182-.907-.387-1.243l.774-.774-.732-.73-.77.77c-.344-.208-.762-.334-1.244-.387V6.134zm-.52 2.642c.921 0 1.453.46 1.453 1.454s-.532 1.453-1.454 1.453c-.921 0-1.453-.459-1.453-1.453 0-.995.532-1.454 1.453-1.454z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconConfigureDeviceFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconConfigureDeviceLight = 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 IconConfigureDeviceLight = 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: "M17.757 2.156c1.997 0 2.97.986 2.97 3.011v13.656c0 1.04-.236 1.784-.723 2.277-.488.493-1.222.734-2.247.734h-7.185c-1.025 0-1.762-.24-2.25-.734-.487-.493-.72-1.238-.72-2.277v-3.81h-.215a.562.562 0 01-.553-.47l-.007-.09v-.742a3.381 3.381 0 01-.571-.18l-.485.485a.561.561 0 01-.793 0l-.734-.73a.561.561 0 010-.794l.485-.484a3.656 3.656 0 01-.18-.572H3.81a.562.562 0 01-.56-.56V9.84c0-.308.252-.56.56-.56h.743a3.33 3.33 0 01.179-.572l-.485-.485a.561.561 0 010-.792l.734-.734a.561.561 0 01.793 0l.484.484c.185-.075.376-.134.572-.179V6.26c0-.308.252-.56.56-.56h.212v-.533c0-2.053.945-3.01 2.97-3.01h7.185zm0 .56h-7.185c-1.711 0-2.409.71-2.409 2.451V5.7h.263c.278 0 .51.205.551.472l.007.092v.742c.196.042.386.104.571.18l.485-.485a.561.561 0 01.793 0l.73.73a.561.561 0 010 .793l-.484.485c.076.185.135.375.18.571H12c.308 0 .56.253.56.56v1.037c0 .308-.252.56-.56.56h-.743a3.381 3.381 0 01-.179.572l.485.484a.561.561 0 010 .793l-.731.731a.561.561 0 01-.793 0l-.485-.484a3.656 3.656 0 01-.571.179v.742c0 .308-.252.56-.56.56h-.261v3.81c0 .885.182 1.501.56 1.885.379.384.98.569 1.85.569h7.184c.868 0 1.473-.185 1.849-.569.375-.384.56-1 .56-1.885V5.167c0-1.717-.72-2.45-2.409-2.45zm-3.591 15.11c.504 0 .832.266.832.834 0 .275-.076.477-.21.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.342-.21-.614 0-.568.328-.834.832-.834zM8.426 6.26H7.393v1.216c-.485.05-.9.179-1.244.386l-.77-.77-.734.73.767.771c-.201.336-.333.75-.386 1.244H3.81v1.036h1.216c.053.493.182.908.386 1.244l-.77.77.734.734.77-.77c.345.207.762.333 1.244.386v1.216h1.036v-1.216c.485-.05.9-.179 1.244-.386l.77.77.732-.734-.77-.77c.2-.336.333-.75.386-1.244h1.216V9.837h-1.216c-.05-.493-.182-.908-.387-1.244l.77-.77-.73-.731-.77.77c-.345-.207-.763-.333-1.245-.386V6.26zm-.518 2.36c1.118 0 1.734.616 1.734 1.734 0 1.118-.616 1.734-1.734 1.734-1.117 0-1.734-.616-1.734-1.734 0-1.118.617-1.734 1.734-1.734zm0 .56c-.8 0-1.173.373-1.173 1.174 0 .801.372 1.174 1.173 1.174s1.174-.373 1.174-1.174c0-.801-.373-1.174-1.174-1.174z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.378 6.95h-.345a2.79 2.79 0 00-.344-.811l.243-.24a.488.488 0 00.137-.338c0-.134-.07-.27-.137-.339l-.931-.95a.504.504 0 00-.724 0l-.243.238a4.551 4.551 0 00-.83-.339v-.338a.502.502 0 00-.516-.508h-.83C15.308 2.508 14.34 2 13.309 2H7.103C5.377 2 4 3.355 4 5.053v12.894C4 19.645 5.377 21 7.103 21h6.205c1.725 0 3.102-1.355 3.102-3.053v-3.73c0-.205-.137-.34-.344-.34-.207 0-.344.135-.344.34v3.73c0 1.325-1.068 2.376-2.414 2.376H7.103a2.4 2.4 0 01-2.38-2.037h7.208c.207 0 .344-.135.344-.339 0-.204-.137-.339-.344-.339H4.688V5.392h7.38c-.036.07-.036.134-.036.17 0 .134.035.268.137.338l.243.239a4.48 4.48 0 00-.345.812h-.344a.505.505 0 00-.516.508v1.325c0 .269.207.508.516.508h.31c.07.269.171.543.343.816l-.242.239a.435.435 0 00-.137.339c0 .134.035.269.137.338l.966.952a.504.504 0 00.724 0l.243-.24c.242.135.516.24.83.34v.338c0 .27.207.508.516.508h1.346c.137 0 .273-.07.38-.134a.512.512 0 00.136-.374v-.339c.274-.07.552-.169.83-.338l.243.239a.504.504 0 00.723 0l.967-.917a.488.488 0 00.137-.339.526.526 0 00-.137-.338l-.243-.24a4.4 4.4 0 00.344-.816h.345A.505.505 0 0021 8.818V7.494c-.106-.304-.313-.543-.622-.543zM7.103 2.678h6.205c.688 0 1.31.27 1.791.782a.484.484 0 00-.207.408v.304a2.96 2.96 0 00-.83.34l-.242-.24a.504.504 0 00-.724 0l-.415.443H4.724a2.4 2.4 0 012.379-2.037zm13.103 5.937h-.689l-.07.27c-.102.408-.243.781-.45 1.085l-.137.239.48.473-.688.678-.48-.474-.244.135c-.38.239-.759.374-1.103.443l-.274.035v.712h-.966v-.677l-.274-.07c-.415-.1-.794-.239-1.103-.443l-.243-.135-.48.474-.69-.678.482-.473-.137-.239a3.176 3.176 0 01-.45-1.086l-.07-.304h-.69v-.95h.69l.07-.27c.101-.408.243-.782.45-1.086l.137-.238-.481-.474.688-.677.481.473.243-.135a3.32 3.32 0 011.103-.443l.274-.07v-.677h.966v.678l.274.07c.415.1.794.238 1.103.442l.243.135.481-.473.689.677-.481.474.136.238c.243.374.38.747.45 1.086l.071.27h.689v.985zm-5.208-3.088a2.799 2.799 0 00-1.69 2.58c0 1.529 1.24 2.784 2.758 2.784a2.72 2.72 0 002.55-1.729c.416-1.05.208-2.24-.586-3.053a2.77 2.77 0 00-3.032-.582zm2.966 3.392a2.045 2.045 0 01-1.898 1.29c-1.139 0-2.07-.951-2.07-2.102 0-.847.516-1.629 1.276-1.967.759-.339 1.655-.135 2.241.443.623.642.795 1.559.45 2.336zM14 17.265c.38 0 .688.304.688.678a.684.684 0 01-.688.677.684.684 0 01-.689-.677c0-.374.305-.678.689-.678z",
+            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.757 2.156c1.997 0 2.97.986 2.97 3.011v13.656c0 1.04-.236 1.784-.723 2.277-.488.493-1.222.734-2.247.734h-7.185c-1.025 0-1.762-.24-2.25-.734-.487-.493-.72-1.238-.72-2.277v-3.81h-.215a.562.562 0 01-.553-.47l-.007-.09v-.742a3.381 3.381 0 01-.571-.18l-.485.485a.561.561 0 01-.793 0l-.734-.73a.561.561 0 010-.794l.485-.484a3.656 3.656 0 01-.18-.572H3.81a.562.562 0 01-.56-.56V9.84c0-.308.252-.56.56-.56h.743a3.33 3.33 0 01.179-.572l-.485-.485a.561.561 0 010-.792l.734-.734a.561.561 0 01.793 0l.484.484c.185-.075.376-.134.572-.179V6.26c0-.308.252-.56.56-.56h.212v-.533c0-2.053.945-3.01 2.97-3.01h7.185zm0 .56h-7.185c-1.711 0-2.409.71-2.409 2.451V5.7h.263c.278 0 .51.205.551.472l.007.092v.742c.196.042.386.104.571.18l.485-.485a.561.561 0 01.793 0l.73.73a.561.561 0 010 .793l-.484.485c.076.185.135.375.18.571H12c.308 0 .56.253.56.56v1.037c0 .308-.252.56-.56.56h-.743a3.381 3.381 0 01-.179.572l.485.484a.561.561 0 010 .793l-.731.731a.561.561 0 01-.793 0l-.485-.484a3.656 3.656 0 01-.571.179v.742c0 .308-.252.56-.56.56h-.261v3.81c0 .885.182 1.501.56 1.885.379.384.98.569 1.85.569h7.184c.868 0 1.473-.185 1.849-.569.375-.384.56-1 .56-1.885V5.167c0-1.717-.72-2.45-2.409-2.45zm-3.591 15.11c.504 0 .832.266.832.834 0 .275-.076.477-.21.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.342-.21-.614 0-.568.328-.834.832-.834zM8.426 6.26H7.393v1.216c-.485.05-.9.179-1.244.386l-.77-.77-.734.73.767.771c-.201.336-.333.75-.386 1.244H3.81v1.036h1.216c.053.493.182.908.386 1.244l-.77.77.734.734.77-.77c.345.207.762.333 1.244.386v1.216h1.036v-1.216c.485-.05.9-.179 1.244-.386l.77.77.732-.734-.77-.77c.2-.336.333-.75.386-1.244h1.216V9.837h-1.216c-.05-.493-.182-.908-.387-1.244l.77-.77-.73-.731-.77.77c-.345-.207-.763-.333-1.245-.386V6.26zm-.518 2.36c1.118 0 1.734.616 1.734 1.734 0 1.118-.616 1.734-1.734 1.734-1.117 0-1.734-.616-1.734-1.734 0-1.118.617-1.734 1.734-1.734zm0 .56c-.8 0-1.173.373-1.173 1.174 0 .801.372 1.174 1.173 1.174s1.174-.373 1.174-1.174c0-.801-.373-1.174-1.174-1.174z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconConfigureDeviceLight;