@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSearchRegular = 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 IconSearchRegular = 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: "M15.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.512-.036 6.724 6.724 0 000-9.473 6.672 6.672 0 00-4.756-1.972z",
-        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: "M21.793 21.719l-5.9-6.19a8.469 8.469 0 001.82-5.276C17.717 5.7 14.19 2 9.857 2S2 5.7 2 10.249c0 4.548 3.524 8.249 7.857 8.249 1.908 0 3.66-.719 5.024-1.911l5.9 6.195a.695.695 0 001.008 0 .781.781 0 00.004-1.063zM3.428 10.249c0-3.721 2.884-6.75 6.429-6.75 3.544 0 6.428 3.029 6.428 6.75s-2.884 6.75-6.428 6.75c-3.545 0-6.429-3.029-6.429-6.75z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.417 4.39a7.845 7.845 0 01.378 10.497l5.704 5.704a.561.561 0 01-.793.793l-5.696-5.697a7.792 7.792 0 01-5.139 1.918A7.846 7.846 0 014.322 4.21a7.848 7.848 0 0111.095.18zM9.871 3.033a6.726 6.726 0 00-4.756 11.481 6.728 6.728 0 009.512-.036 6.724 6.724 0 000-9.473 6.672 6.672 0 00-4.756-1.972z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconSearchRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSendFilled = 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 IconSendFilled = 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: "M21.378 11.205L3.336 2.235a.82.82 0 00-1.168.908l1.865 8.782-1.835 8.924a.823.823 0 001.177.9l18.008-9.074a.82.82 0 00-.005-1.47",
-        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: "M9.963 11.94L2.215 8.185a.392.392 0 01-.213-.388.389.389 0 01.275-.344L18.64 2.83l-8.677 9.11zm11.825-9.712a.717.717 0 00-1.048 0L9.996 13.508a.806.806 0 000 1.1.704.704 0 00.521.228c.19 0 .38-.074.522-.229l1.01-1.06 4.059 9.229a.37.37 0 00.336.224h.029a.381.381 0 00.327-.284S21.987 2.905 21.992 2.88a.798.798 0 00-.204-.652z",
+            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: "M21.378 11.205L3.336 2.235a.82.82 0 00-1.168.908l1.865 8.782-1.835 8.924a.823.823 0 001.177.9l18.008-9.074a.82.82 0 00-.005-1.47",
+            fill: fillColor
+        })));
+    }
 };
 export default IconSendFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSendLight = 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 IconSendLight = 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: "M4.704 4a.704.704 0 00-.687.851l1.611 7.59-1.584 7.712a.705.705 0 001.006.772l15.563-7.837a.707.707 0 00-.003-1.26L5.018 4.073A.706.706 0 004.704 4m0 .704l15.592 7.752-15.563 7.838 1.616-7.857-1.645-7.733",
-        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: "M22 2.38c0-.029 0-.057-.005-.086v-.028c0-.005-.004-.01-.01-.02a.24.24 0 00-.042-.085l-.019-.033a.341.341 0 00-.1-.085.295.295 0 00-.123-.043h-.042c-.034 0-.062 0-.095.005h-.02L2.278 7.19a.375.375 0 00-.275.327.37.37 0 00.213.37l9.15 4.227-1.104 1.105a.364.364 0 000 .522.37.37 0 00.26.11.37.37 0 00.261-.11L20.92 3.599l-2.418 9.041c-.052.2.066.404.26.456.2.052.404-.067.456-.261l2.778-10.38c0-.01 0-.019.005-.023V2.38zM3.457 7.64l16.936-4.563-8.468 8.472L3.457 7.64zm14.466 9.635l-1.115 4.445a.374.374 0 01-.327.28h-.033a.375.375 0 01-.337-.218l-3.702-8.155a.364.364 0 01.184-.488c.19-.086.408 0 .489.185l3.266 7.186.854-3.415a.372.372 0 01.72.18zm1.118-2.315a.74.74 0 01-1.479 0 .74.74 0 011.48 0z",
+            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: "M4.704 4a.704.704 0 00-.687.851l1.611 7.59-1.584 7.712a.705.705 0 001.006.772l15.563-7.837a.707.707 0 00-.003-1.26L5.018 4.073A.706.706 0 004.704 4m0 .704l15.592 7.752-15.563 7.838 1.616-7.857-1.645-7.733",
+            fill: fillColor
+        })));
+    }
 };
 export default IconSendLight;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSettingsCloudFilled = 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 IconSettingsCloudFilled = 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: "M11.843 10.964c1.151 0 1.84.683 1.84 1.826 0 1.146-.686 1.826-1.84 1.826s-1.84-.683-1.84-1.826.689-1.826 1.84-1.826zm4.219 2.126v-.597a.699.699 0 00-.698-.695h-.484a3.197 3.197 0 00-.143-.456l.395-.392a.695.695 0 00.008-.984l-.006-.005-.437-.434a.712.712 0 00-.997 0l-.395.392a3.387 3.387 0 00-.462-.143v-.482a.695.695 0 00-.697-.692h-.597a.695.695 0 00-.697.692v.482a3.342 3.342 0 00-.463.143l-.395-.392a.702.702 0 00-.495-.205h-.003a.703.703 0 00-.499.205l-.442.431a.692.692 0 00-.006.983l.006.006.392.39a3.024 3.024 0 00-.14.461h-.485a.7.7 0 00-.7.695v.597a.697.697 0 00.7.692h.485c.03.137.075.305.14.462l-.392.39a.692.692 0 00-.006.982l.006.006.437.434c.134.132.31.205.498.205h.003a.697.697 0 00.496-.205l.395-.392c.143.056.3.106.462.143v.482a.695.695 0 00.697.691h.597a.696.696 0 00.698-.691v-.482c.162-.037.313-.084.462-.146l.395.395a.712.712 0 00.997 0l.437-.434a.696.696 0 00.003-.986l-.003-.003-.392-.392a3.1 3.1 0 00.143-.46h.484a.695.695 0 00.698-.691zm.927-3.964c1.417.106 4.697.812 4.697 5.028 0 4.82-4.305 5.067-5.17 5.067l-10.286.056C4.185 19.277 2 18.18 2 15.095c0-2.52 1.451-3.501 2.501-3.885.112-5.591 5.345-5.877 6.404-5.877.823 0 4.907.185 6.084 3.793z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSettingsCloudLight = 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 IconSettingsCloudLight = 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: "M16.669 18.101c1.022 0 4.35-.305 4.35-4.252 0-3.709-2.936-4.193-4.199-4.227a.414.414 0 01-.386-.302c-.891-3.306-4.636-3.474-5.376-3.474-1.31 0-5.582.379-5.582 5.244l.005.112c0 .182-.12.345-.3.392-1.465.415-2.207 1.49-2.207 3.196 0 3.04 2.381 3.367 3.404 3.367l10.29-.056zm.476-9.277c1.417.106 4.698.812 4.698 5.028 0 4.824-4.309 5.067-5.171 5.067l-10.286.056c-2.045 0-4.23-1.098-4.23-4.182 0-2.52 1.451-3.504 2.502-3.885.112-5.591 5.344-5.877 6.403-5.877.824 0 4.908.188 6.084 3.793zm-5.146 4.779c.765 0 1.12-.353 1.12-1.112 0-.76-.355-1.115-1.12-1.115-.764 0-1.12.353-1.12 1.115 0 .756.356 1.112 1.12 1.112zm0-3.045c1.216 0 1.942.723 1.942 1.93 0 1.207-.726 1.93-1.942 1.93-1.215 0-1.94-.723-1.94-1.93 0-1.207.725-1.93 1.94-1.93zm2.785 2.207h.736l-.022-.574-.714.022a.41.41 0 01-.406-.344 2.486 2.486 0 00-.222-.715.405.405 0 01.079-.47l.546-.54-.437-.412-.524.54a.418.418 0 01-.473.079 2.422 2.422 0 00-.723-.222.41.41 0 01-.347-.403v-.731l-.577.022.02.712a.407.407 0 01-.348.403 2.525 2.525 0 00-.72.219.41.41 0 01-.473-.079l-.547-.54-.414.434.543.518c.132.129.16.33.068.49-.079.143-.166.423-.21.7a.407.407 0 01-.407.342h-.736l.02.574.713-.02a.41.41 0 01.407.345c.044.275.128.558.21.7a.41.41 0 01-.068.49l-.543.541.437.412.521-.54a.414.414 0 01.473-.079c.21.104.451.18.72.221a.41.41 0 01.348.404v.73l.557-.019v-.72a.41.41 0 01.347-.403c.272-.042.502-.115.723-.221a.42.42 0 01.474.078l.546.54.414-.433-.546-.521a.405.405 0 01-.078-.471c.103-.205.176-.445.22-.714a.42.42 0 01.413-.345zm.736-1.37c.443 0 .802.356.802.796v.594c0 .44-.359.795-.802.795h-.403c-.03.115-.064.227-.106.33l.347.345a.797.797 0 010 1.132l-.437.434a.808.808 0 01-1.14 0l-.347-.344a3.087 3.087 0 01-.334.106v.398c0 .44-.358.795-.8.795h-.598a.798.798 0 01-.8-.795v-.4a3.863 3.863 0 01-.334-.104l-.347.344a.799.799 0 01-.569.235h-.003a.798.798 0 01-.571-.235l-.437-.434a.797.797 0 01.003-1.134l.341-.342a3 3 0 01-.1-.336H8.48a.8.8 0 01-.8-.796v-.594a.8.8 0 01.8-.795h.404c.025-.104.058-.221.1-.336l-.344-.342a.797.797 0 010-1.132l.437-.434a.805.805 0 01.571-.235h.003c.216 0 .417.084.569.235l.347.345a3.08 3.08 0 01.333-.104v-.4a.8.8 0 01.801-.796h.597c.443 0 .801.356.801.795v.401c.115.03.227.064.334.106l.347-.344a.808.808 0 011.14 0l.437.434a.797.797 0 010 1.132l-.347.344c.039.107.075.219.106.33h.403v.006z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSettingsCloudRegular = 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 IconSettingsCloudRegular = 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: "M16.409 18.022c.955 0 4.056-.283 4.056-3.924 0-3.423-2.734-3.868-3.91-3.902a.606.606 0 01-.566-.44c-.835-3.067-4.364-3.221-5.062-3.221-1.235 0-5.258.353-5.258 4.888l.006.095a.593.593 0 01-.44.583c-1.336.375-2.014 1.353-2.014 2.907 0 2.768 2.188 3.068 3.13 3.068l10.058-.054zm.613-8.988c2.323.212 4.647 1.63 4.647 5.064 0 3.773-2.831 5.112-5.257 5.112l-10.06.056c-2.097 0-4.338-1.118-4.338-4.255 0-2.465 1.381-3.484 2.451-3.905.193-5.479 5.398-5.761 6.457-5.761.823 0 4.857.182 6.1 3.689zm-5.179 4.781c.72 0 1.056-.33 1.056-1.04 0-.708-.333-1.038-1.056-1.038-.72 0-1.056.33-1.056 1.039 0 .709.336 1.04 1.056 1.04zm0-2.95c1.216 0 1.941.715 1.941 1.91 0 1.197-.725 1.911-1.94 1.911-1.217 0-1.94-.714-1.94-1.91s.723-1.91 1.94-1.91zm3.342 2.099v-.379h-.62a.482.482 0 01-.475-.397 2.418 2.418 0 00-.21-.675.468.468 0 01.09-.547l.464-.459-.291-.286-.465.457a.48.48 0 01-.577.078c-.132-.073-.404-.151-.661-.193a.478.478 0 01-.406-.47v-.611h-.384v.61a.48.48 0 01-.406.471c-.258.04-.533.12-.661.193a.48.48 0 01-.577-.078l-.465-.457-.292.286.465.46a.47.47 0 01.09.546c-.098.196-.168.42-.207.672-.04.23-.241.4-.477.4h-.619v.379h.62a.48.48 0 01.476.4c.042.255.109.47.21.675a.47.47 0 01-.093.544l-.465.459.292.286.465-.46a.495.495 0 01.557-.09c.196.096.423.166.68.208a.476.476 0 01.407.47v.611h.384v-.61a.48.48 0 01.406-.471c.255-.04.484-.11.683-.207a.49.49 0 01.558.09l.465.459.291-.286-.465-.46a.47.47 0 01-.092-.543c.1-.207.168-.423.21-.675.039-.23.24-.4.476-.4h.619zm.1-1.328c.477 0 .863.38.863.851v.577a.857.857 0 01-.862.852h-.33a3.262 3.262 0 01-.074.224l.306.3a.847.847 0 010 1.21l-.426.42a.903.903 0 01-1.23 0l-.305-.3c-.073.026-.149.05-.227.07v.328c0 .47-.387.852-.863.852h-.585a.857.857 0 01-.863-.852v-.328a4.342 4.342 0 01-.227-.07l-.302.3a.903.903 0 01-1.23 0l-.429-.42a.847.847 0 010-1.21l.303-.3a4.21 4.21 0 01-.073-.224h-.333a.857.857 0 01-.863-.852v-.577c0-.47.387-.851.863-.851h.333c.023-.076.045-.149.073-.224l-.305-.3a.843.843 0 01-.253-.605c0-.23.09-.445.255-.605l.429-.42a.903.903 0 011.23 0l.302.297a4.16 4.16 0 01.23-.068v-.327c0-.47.386-.852.863-.852h.585c.476 0 .863.381.863.852v.327c.073.02.151.043.23.068l.302-.297a.903.903 0 011.23 0l.425.42a.839.839 0 01.255.605c0 .23-.09.443-.255.605l-.302.297c.025.073.05.146.073.224h.325v.003z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconSettingsFilled = 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 IconSettingsFilled = 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: "M20.695 10.11h-1.852A7.354 7.354 0 0018.19 8l1.37-1.37a.997.997 0 000-1.406l-1.1-1.098a.997.997 0 00-1.407 0l-1.37 1.37a7.307 7.307 0 00-2.109-.653V2.99c0-.54-.44-.98-.98-.98H11.09a.98.98 0 00-.98.98v1.854A7.354 7.354 0 008 5.496l-1.37-1.37a.997.997 0 00-1.406 0L4.126 5.224a.997.997 0 000 1.406l1.367 1.367c-.317.56-.543 1.465-.65 2.112H2.99c-.54 0-.98.44-.98.98v1.505c0 .54.44.98.98.98h1.854c.107.65.333 1.552.65 2.112l-1.367 1.367a.997.997 0 000 1.406l1.098 1.098a.997.997 0 001.406 0L8 18.187a7.354 7.354 0 002.11.653v1.855c0 .54.439.98.98.98h1.504c.54 0 .98-.44.98-.98V18.84a7.307 7.307 0 002.11-.652l1.37 1.37a.997.997 0 001.405 0l1.098-1.099a.997.997 0 000-1.406l-1.367-1.367a7.354 7.354 0 00.653-2.109h1.854a.98.98 0 00.98-.98v-1.505a.984.984 0 00-.982-.983zm-8.852-.998c1.863 0 2.731.868 2.731 2.731s-.868 2.731-2.73 2.731c-1.864 0-2.732-.868-2.732-2.73 0-1.864.868-2.732 2.731-2.732z",
-        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: "M21.612 10.143h-1.313a8.393 8.393 0 00-1.124-2.719l.932-.932a.372.372 0 000-.525L18.01 3.87a.353.353 0 00-.26-.104c-.1 0-.196.04-.26.104l-.932.933a8.35 8.35 0 00-2.717-1.125V2.372A.369.369 0 0013.469 2h-2.962a.369.369 0 00-.372.372v1.313A8.386 8.386 0 007.418 4.81l-.92-.932a.353.353 0 00-.26-.105c-.1 0-.196.04-.26.105L3.877 5.975a.353.353 0 00-.104.26c0 .1.04.197.104.26l.932.933a8.357 8.357 0 00-1.124 2.719H2.372a.369.369 0 00-.372.372v2.962c0 .204.16.372.372.372h1.313a8.393 8.393 0 001.124 2.719l-.932.932a.353.353 0 00-.104.26c0 .1.04.197.104.26l2.097 2.098a.37.37 0 00.524 0l.932-.932a8.35 8.35 0 002.717 1.125v1.313c0 .204.16.372.372.372h2.962c.204 0 .372-.16.372-.372v-1.313a8.386 8.386 0 002.717-1.125l.932.932a.37.37 0 00.524 0l2.097-2.097a.372.372 0 000-.525l-.932-.94a8.357 8.357 0 001.124-2.719h1.313c.204 0 .372-.16.372-.372v-2.962a.393.393 0 00-.388-.364zm-9.62 7.405a5.551 5.551 0 01-5.55-5.552 5.551 5.551 0 1111.1 0 5.551 5.551 0 01-5.55 5.552z",
+            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: "M20.695 10.11h-1.852A7.354 7.354 0 0018.19 8l1.37-1.37a.997.997 0 000-1.406l-1.1-1.098a.997.997 0 00-1.407 0l-1.37 1.37a7.307 7.307 0 00-2.109-.653V2.99c0-.54-.44-.98-.98-.98H11.09a.98.98 0 00-.98.98v1.854A7.354 7.354 0 008 5.496l-1.37-1.37a.997.997 0 00-1.406 0L4.126 5.224a.997.997 0 000 1.406l1.367 1.367c-.317.56-.543 1.465-.65 2.112H2.99c-.54 0-.98.44-.98.98v1.505c0 .54.44.98.98.98h1.854c.107.65.333 1.552.65 2.112l-1.367 1.367a.997.997 0 000 1.406l1.098 1.098a.997.997 0 001.406 0L8 18.187a7.354 7.354 0 002.11.653v1.855c0 .54.439.98.98.98h1.504c.54 0 .98-.44.98-.98V18.84a7.307 7.307 0 002.11-.652l1.37 1.37a.997.997 0 001.405 0l1.098-1.099a.997.997 0 000-1.406l-1.367-1.367a7.354 7.354 0 00.653-2.109h1.854a.98.98 0 00.98-.98v-1.505a.984.984 0 00-.982-.983zm-8.852-.998c1.863 0 2.731.868 2.731 2.731s-.868 2.731-2.73 2.731c-1.864 0-2.732-.868-2.732-2.73 0-1.864.868-2.732 2.731-2.732z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconSettingsFilled;