@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHeartBubbleRegular = 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 IconHeartBubbleRegular = 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: "M20.45 14.755V6.007c0-1.087-.918-1.972-2.05-1.972H5.287c-1.132 0-2.05.885-2.05 1.972v8.75c0 .956.64 1.749 1.557 1.93.288.057.496.3.496.586v2.118c0 .151.176.302.347.302.073 0 .185 0 .32-.173l2.072-2.566a.634.634 0 01.487-.23h9.888c1.13 0 2.048-.882 2.048-1.97zM18.4 2.842c1.81 0 3.286 1.42 3.286 3.165v8.75c0 1.746-1.473 3.163-3.285 3.163H8.815l-1.88 2.325a1.608 1.608 0 01-1.3.642c-.86 0-1.582-.687-1.582-1.5v-1.671A3.124 3.124 0 012 14.755V6.007c0-1.745 1.476-3.165 3.286-3.165H18.4zm-4.165 6.313c.048-.187.13-.644-.09-.826a.763.763 0 00-.434-.143l-.058-.003a1.5 1.5 0 00-.703.194 18.89 18.89 0 00-.46.255l-.017.01-.02.01a1.376 1.376 0 01-.65.159 1.37 1.37 0 01-.663-.171c-.188-.106-.336-.19-.482-.266a1.498 1.498 0 00-.706-.193l-.056.002a.763.763 0 00-.434.143c-.221.182-.137.642-.092.827.162.658.484 1.353.958 2.064.395.591.694.955 1.238 1.496.092.09.185.17.24.218.051-.039.127-.106.208-.185l.003-.005.042-.04a8.703 8.703 0 001.224-1.481c.468-.712.793-1.406.952-2.065zm-.46-2.162c.45.022.87.174 1.175.429.529.44.703 1.15.49 2.01-.196.79-.572 1.609-1.123 2.435a9.874 9.874 0 01-1.376 1.667l-.014.014c-.059.058-.26.257-.434.375a1.36 1.36 0 01-.482.21 1.236 1.236 0 01-.151.02h-.112a1.236 1.236 0 01-.151-.02 1.339 1.339 0 01-.482-.21c-.171-.12-.376-.32-.434-.375a9.703 9.703 0 01-1.39-1.684c-.549-.823-.927-1.644-1.12-2.434-.213-.86-.037-1.574.49-2.011.305-.255.723-.406 1.177-.429.042 0 .08-.003.12-.003.44 0 .885.115 1.305.34.157.083.317.173.49.271a.098.098 0 00.057.014.125.125 0 00.056-.014c.173-.1.333-.19.49-.274a2.77 2.77 0 011.305-.34.737.737 0 00.115.009z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHeartFilled = 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 IconHeartFilled = 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.238 2.168c1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.162-1.512 4.403-2.969 6.664-1.151 1.79-2.076 2.947-3.639 4.563a.487.487 0 01-.036.042c-.154.16-.692.7-1.146 1.028a3.422 3.422 0 01-1.277.574c-.132.031-.266.05-.4.056h-.017l-.062.005h-.078c-.05 0-.096 0-.138-.002h-.017a2.42 2.42 0 01-.4-.056c-.46-.104-.896-.3-1.277-.574-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.453-2.258-2.453-4.502-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926a54.2 54.2 0 011.297.745c.093.05.205.05.3 0 .462-.274.885-.518 1.3-.747 1.207-.67 2.512-.99 3.77-.925z",
-        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: "M17.252 2c-2.02 0-3.372.769-5.256 3.08C10.14 2.824 8.656 2 6.58 2 3.572 2 2 4.354 2 6.685c0 4.764 6.404 11.52 9.48 14.766L12 22l.52-.549a121.19 121.19 0 002.96-3.21l2.66-3.232C20.736 11.582 22 8.859 22 6.685 22 4.355 20.368 2 17.252 2",
+            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.238 2.168c1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.162-1.512 4.403-2.969 6.664-1.151 1.79-2.076 2.947-3.639 4.563a.487.487 0 01-.036.042c-.154.16-.692.7-1.146 1.028a3.422 3.422 0 01-1.277.574c-.132.031-.266.05-.4.056h-.017l-.062.005h-.078c-.05 0-.096 0-.138-.002h-.017a2.42 2.42 0 01-.4-.056c-.46-.104-.896-.3-1.277-.574-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.453-2.258-2.453-4.502-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926a54.2 54.2 0 011.297.745c.093.05.205.05.3 0 .462-.274.885-.518 1.3-.747 1.207-.67 2.512-.99 3.77-.925z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHeartFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHeartLight = 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 IconHeartLight = 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: "M12.01 21.792c-.04 0-.076 0-.11-.003h-.014a2.034 2.034 0 01-.367-.053 3.275 3.275 0 01-1.207-.546c-.359-.258-.824-.698-1.143-1.025-1.622-1.673-2.569-2.857-3.754-4.7-1.484-2.297-2.5-4.58-3.025-6.78-.549-2.31-.109-4.22 1.244-5.377.784-.675 1.86-1.079 3.028-1.14 1.24-.062 2.53.254 3.728.921.423.233.857.485 1.334.765a.628.628 0 00.605.003c.473-.283.91-.533 1.336-.768 1.196-.667 2.487-.983 3.728-.921 1.168.058 2.241.465 3.028 1.137 1.35 1.157 1.79 3.067 1.241 5.38-.524 2.197-1.54 4.477-3.022 6.78-1.18 1.831-2.124 3.013-3.726 4.669l-.025.03c-.317.328-.784.771-1.143 1.026a3.275 3.275 0 01-1.207.546 2.27 2.27 0 01-.367.053h-.014c-.04.003-.081.003-.13.003h-.019zM6.975 2.722c-.096 0-.19.003-.286.009-1.042.053-2 .409-2.692 1.002-.6.513-.991 1.196-1.168 2.028-.174.818-.137 1.76.11 2.796.51 2.137 1.5 4.358 2.946 6.605 1.177 1.83 2.073 2.95 3.684 4.613.3.311.739.726 1.067.961.3.219.638.373 1 .451l.008.003c.09.022.182.034.275.04h.008l.095.002h.003c.037 0 .067 0 .095-.003h.012c.092-.005.184-.017.274-.039l.008-.003a2.74 2.74 0 001-.45c.317-.23.74-.625 1.04-.934a.253.253 0 01.025-.028c1.613-1.663 2.507-2.784 3.686-4.613 1.448-2.25 2.44-4.47 2.95-6.605.246-1.037.283-1.978.109-2.796-.176-.832-.571-1.515-1.17-2.028-.693-.593-1.648-.95-2.693-1.002-1.137-.06-2.322.235-3.428.848-.42.233-.855.482-1.325.762l-.006.003a1.183 1.183 0 01-1.165-.003l-.003-.003c-.47-.28-.902-.526-1.32-.759-1.01-.563-2.092-.857-3.14-.857z",
-        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: "M17.458 1C19.715 1 22 2.642 22 5.78c0 2.318-1.285 5.258-3.934 8.988-.004.004-.004.008-.008.012l-2.657 3.448a.349.349 0 01-.504.055.391.391 0 01-.052-.53l2.653-3.443c2.513-3.54 3.786-6.414 3.786-8.535 0-2.646-1.925-4.032-3.826-4.032-1.725 0-2.881.542-5.17 3.751a.347.347 0 01-.288.151.353.353 0 01-.288-.151c-2.253-3.15-3.618-3.75-5.346-3.75-1.761 0-3.654 1.26-3.654 4.027 0 4.822 6.447 12.096 9.548 15.59a.382.382 0 01-.02.53A.309.309 0 0112 22a.342.342 0 01-.26-.122c-1.513-1.705-4.046-4.561-6.103-7.535C3.188 10.811 2 8.01 2 5.78c0-1.454.46-2.684 1.333-3.554C4.125 1.436 5.2 1 6.37 1c2.157 0 3.617.932 5.63 3.654C14.049 1.865 15.365 1 17.458 1zm-3.677 17.997c.396.004.716.34.716.752 0 .411-.32.752-.716.752-.396 0-.717-.336-.717-.752s.32-.752.717-.752z",
+            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: "M12.01 21.792c-.04 0-.076 0-.11-.003h-.014a2.034 2.034 0 01-.367-.053 3.275 3.275 0 01-1.207-.546c-.359-.258-.824-.698-1.143-1.025-1.622-1.673-2.569-2.857-3.754-4.7-1.484-2.297-2.5-4.58-3.025-6.78-.549-2.31-.109-4.22 1.244-5.377.784-.675 1.86-1.079 3.028-1.14 1.24-.062 2.53.254 3.728.921.423.233.857.485 1.334.765a.628.628 0 00.605.003c.473-.283.91-.533 1.336-.768 1.196-.667 2.487-.983 3.728-.921 1.168.058 2.241.465 3.028 1.137 1.35 1.157 1.79 3.067 1.241 5.38-.524 2.197-1.54 4.477-3.022 6.78-1.18 1.831-2.124 3.013-3.726 4.669l-.025.03c-.317.328-.784.771-1.143 1.026a3.275 3.275 0 01-1.207.546 2.27 2.27 0 01-.367.053h-.014c-.04.003-.081.003-.13.003h-.019zM6.975 2.722c-.096 0-.19.003-.286.009-1.042.053-2 .409-2.692 1.002-.6.513-.991 1.196-1.168 2.028-.174.818-.137 1.76.11 2.796.51 2.137 1.5 4.358 2.946 6.605 1.177 1.83 2.073 2.95 3.684 4.613.3.311.739.726 1.067.961.3.219.638.373 1 .451l.008.003c.09.022.182.034.275.04h.008l.095.002h.003c.037 0 .067 0 .095-.003h.012c.092-.005.184-.017.274-.039l.008-.003a2.74 2.74 0 001-.45c.317-.23.74-.625 1.04-.934a.253.253 0 01.025-.028c1.613-1.663 2.507-2.784 3.686-4.613 1.448-2.25 2.44-4.47 2.95-6.605.246-1.037.283-1.978.109-2.796-.176-.832-.571-1.515-1.17-2.028-.693-.593-1.648-.95-2.693-1.002-1.137-.06-2.322.235-3.428.848-.42.233-.855.482-1.325.762l-.006.003a1.183 1.183 0 01-1.165-.003l-.003-.003c-.47-.28-.902-.526-1.32-.759-1.01-.563-2.092-.857-3.14-.857z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHeartLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHeartRegular = 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 IconHeartRegular = 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: "M12.036 21.779h-.016c-.05 0-.096 0-.138-.003h-.017a2.42 2.42 0 01-.4-.056 3.466 3.466 0 01-1.277-.574c-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.453-2.258-2.453-4.502-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926a54.2 54.2 0 011.297.745c.093.05.205.05.3 0 .46-.274.885-.518 1.3-.747 1.207-.67 2.512-.99 3.77-.925 1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.162-1.512 4.403-2.969 6.664-1.151 1.79-2.073 2.947-3.639 4.563a.487.487 0 01-.036.042c-.154.16-.69.7-1.146 1.028a3.422 3.422 0 01-1.277.574c-.132.031-.266.05-.4.056h-.017c-.042.006-.082.006-.124.006zm-.016-1.12h.086c.073-.003.143-.015.213-.031l.017-.003c.311-.07.605-.202.863-.392.288-.208.686-.583.958-.86a.488.488 0 01.033-.04c1.55-1.596 2.41-2.675 3.541-4.431 1.387-2.157 2.336-4.283 2.824-6.32.23-.963.266-1.834.106-2.585-.16-.745-.51-1.353-1.04-1.81-.624-.534-1.49-.854-2.436-.904-1.053-.05-2.151.221-3.177.793a47.74 47.74 0 00-1.277.734l-.011.005c-.44.247-.978.247-1.418-.005l-.005-.003c-.454-.27-.868-.51-1.272-.731-1.022-.572-2.12-.843-3.168-.79-.95.047-1.815.37-2.437.905-.532.456-.882 1.064-1.042 1.81-.16.75-.126 1.62.104 2.584.487 2.04 1.434 4.166 2.82 6.32 1.132 1.756 1.992 2.832 3.541 4.431.269.28.695.68.997.9.258.187.552.321.863.392l.017.002c.07.017.143.026.213.031h.087v-.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: "M12.002 22a.705.705 0 01-.524-.24c-1.464-1.648-3.907-4.404-5.91-7.294C3.167 10.996 2 8.224 2 5.988c0-1.506.484-2.79 1.4-3.7C4.228 1.458 5.36 1 6.58 1c2.079 0 3.562.877 5.418 3.28.88-1.153 1.612-1.908 2.324-2.403.867-.604 1.771-.877 2.93-.877 1.229 0 2.38.453 3.252 1.271.98.923 1.496 2.207 1.496 3.717 0 2.315-1.264 5.223-3.86 8.885-.003.008-.011.017-.015.025l-2.628 3.406c-.004.009-.012.013-.016.021a123.58 123.58 0 01-2.96 3.432.694.694 0 01-.519.243zM6.579 2.502c-1.568 0-3.151 1.078-3.151 3.486 0 1.88 1.107 4.438 3.3 7.597 1.727 2.496 3.818 4.916 5.274 6.56a124.14 124.14 0 002.396-2.789l2.611-3.385c2.368-3.344 3.567-6.028 3.567-7.979 0-2.395-1.72-3.486-3.315-3.486-1.532 0-2.572.5-4.683 3.457a.71.71 0 01-.572.302.71.71 0 01-.572-.302C9.347 3.035 8.163 2.502 6.58 2.502z",
+            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: "M12.036 21.779h-.016c-.05 0-.096 0-.138-.003h-.017a2.42 2.42 0 01-.4-.056 3.466 3.466 0 01-1.277-.574c-.457-.33-.995-.874-1.149-1.031-1.588-1.639-2.515-2.801-3.678-4.605-1.453-2.258-2.453-4.502-2.969-6.667-.56-2.353-.098-4.305 1.297-5.504.81-.692 1.916-1.11 3.11-1.17 1.257-.065 2.562.254 3.772.926a54.2 54.2 0 011.297.745c.093.05.205.05.3 0 .46-.274.885-.518 1.3-.747 1.207-.67 2.512-.99 3.77-.925 1.196.062 2.3.48 3.11 1.174 1.394 1.196 1.856 3.151 1.296 5.504-.515 2.162-1.512 4.403-2.969 6.664-1.151 1.79-2.073 2.947-3.639 4.563a.487.487 0 01-.036.042c-.154.16-.69.7-1.146 1.028a3.422 3.422 0 01-1.277.574c-.132.031-.266.05-.4.056h-.017c-.042.006-.082.006-.124.006zm-.016-1.12h.086c.073-.003.143-.015.213-.031l.017-.003c.311-.07.605-.202.863-.392.288-.208.686-.583.958-.86a.488.488 0 01.033-.04c1.55-1.596 2.41-2.675 3.541-4.431 1.387-2.157 2.336-4.283 2.824-6.32.23-.963.266-1.834.106-2.585-.16-.745-.51-1.353-1.04-1.81-.624-.534-1.49-.854-2.436-.904-1.053-.05-2.151.221-3.177.793a47.74 47.74 0 00-1.277.734l-.011.005c-.44.247-.978.247-1.418-.005l-.005-.003c-.454-.27-.868-.51-1.272-.731-1.022-.572-2.12-.843-3.168-.79-.95.047-1.815.37-2.437.905-.532.456-.882 1.064-1.042 1.81-.16.75-.126 1.62.104 2.584.487 2.04 1.434 4.166 2.82 6.32 1.132 1.756 1.992 2.832 3.541 4.431.269.28.695.68.997.9.258.187.552.321.863.392l.017.002c.07.017.143.026.213.031h.087v-.003z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHeartRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHomeFilled = 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 IconHomeFilled = 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.263 10.555L13.006 2.44c-.597-.586-1.726-.586-2.325 0l-8.258 8.117a1.326 1.326 0 00-.311 1.502c.24.552.818.907 1.47.907h.611v7.283c0 .793.709 1.437 1.583 1.437h3.11a.417.417 0 00.425-.409v-4.045h5.112v4.045a.42.42 0 00.426.412h2.938c.874 0 1.583-.644 1.583-1.437v-7.283h.728c.653 0 1.232-.356 1.47-.907.23-.521.113-1.098-.305-1.507",
-        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.911 11.798L12.008 1 2.11 11.798a.357.357 0 00-.073.416c.073.151.18.227.325.227h1.785V22h5.716v-6.75h4.287V22h5.716v-9.563h1.785c.144 0 .284-.076.324-.227.04-.147.04-.298-.064-.412z",
+            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.263 10.555L13.006 2.44c-.597-.586-1.726-.586-2.325 0l-8.258 8.117a1.326 1.326 0 00-.311 1.502c.24.552.818.907 1.47.907h.611v7.283c0 .793.709 1.437 1.583 1.437h3.11a.417.417 0 00.425-.409v-4.045h5.112v4.045a.42.42 0 00.426.412h2.938c.874 0 1.583-.644 1.583-1.437v-7.283h.728c.653 0 1.232-.356 1.47-.907.23-.521.113-1.098-.305-1.507",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHomeFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHomeLight = 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 IconHomeLight = 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.433 21.018h2.513c.403 0 .73-.274.73-.613V12.71a.42.42 0 01.427-.412h1.154c.375 0 .6-.21.686-.406a.52.52 0 00-.132-.608l-8.257-8.112c-.28-.274-.83-.274-1.107 0l-8.26 8.115a.528.528 0 00-.132.608c.087.196.311.406.686.406h1.037a.42.42 0 01.426.412v7.695c0 .339.327.613.728.613h2.683v-4.048a.42.42 0 01.426-.411h5.964a.42.42 0 01.425.411l.003 4.045zm2.513.824h-2.939a.417.417 0 01-.425-.412v-4.042H9.47v4.045a.42.42 0 01-.426.412h-3.11c-.873 0-1.582-.645-1.582-1.437v-7.283h-.61c-.653 0-1.23-.356-1.474-.908a1.326 1.326 0 01.31-1.501l8.259-8.12c.596-.586 1.728-.586 2.325 0l8.26 8.114c.415.41.535.983.308 1.502-.24.551-.818.91-1.473.91h-.726v7.283c0 .793-.711 1.437-1.585 1.437z",
-        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.007 1l9.901 10.798c.105.114.109.265.068.412-.04.151-.18.227-.324.227h-1.785v4.687c0 .222-.14.374-.356.374-.212 0-.356-.147-.356-.374v-5.44h1.713l-8.861-9.558-8.825 9.559h1.685v9.563h4.286v-6.75h5.712v6.754h4.642c.212 0 .356.152.356.374 0 .223-.14.374-.356.374h-5.359v-6.75H9.862V22H4.147v-9.56H2.362c-.144 0-.252-.075-.325-.226a.357.357 0 01.073-.416L12.007 1zm7.508 17.619c.396 0 .717.337.717.752s-.321.752-.717.752c-.396 0-.716-.337-.716-.752s.32-.752.716-.752z",
+            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.433 21.018h2.513c.403 0 .73-.274.73-.613V12.71a.42.42 0 01.427-.412h1.154c.375 0 .6-.21.686-.406a.52.52 0 00-.132-.608l-8.257-8.112c-.28-.274-.83-.274-1.107 0l-8.26 8.115a.528.528 0 00-.132.608c.087.196.311.406.686.406h1.037a.42.42 0 01.426.412v7.695c0 .339.327.613.728.613h2.683v-4.048a.42.42 0 01.426-.411h5.964a.42.42 0 01.425.411l.003 4.045zm2.513.824h-2.939a.417.417 0 01-.425-.412v-4.042H9.47v4.045a.42.42 0 01-.426.412h-3.11c-.873 0-1.582-.645-1.582-1.437v-7.283h-.61c-.653 0-1.23-.356-1.474-.908a1.326 1.326 0 01.31-1.501l8.259-8.12c.596-.586 1.728-.586 2.325 0l8.26 8.114c.415.41.535.983.308 1.502-.24.551-.818.91-1.473.91h-.726v7.283c0 .793-.711 1.437-1.585 1.437z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHomeLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconHomeRegular = 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 IconHomeRegular = 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.415 20.476h2.249c.28 0 .507-.18.507-.4v-7.538a.616.616 0 01.627-.605h1.13c.265 0 .422-.14.478-.275.04-.095.059-.232-.087-.378l-8.084-7.944c-.196-.193-.59-.193-.787 0l-8.081 7.95c-.146.143-.126.283-.084.378.056.132.213.272.479.272h1.017a.614.614 0 01.624.605v7.537c0 .222.227.401.505.401h2.417v-3.762a.616.616 0 01.627-.605h5.838a.614.614 0 01.625.605v3.76zm2.249 1.21h-2.877a.614.614 0 01-.625-.605v-3.759H9.577v3.76a.616.616 0 01-.625.604H5.908c-.97 0-1.76-.722-1.76-1.608v-6.932h-.386c-.723 0-1.367-.398-1.633-1.014-.255-.583-.123-1.233.347-1.69l8.081-7.952c.661-.652 1.91-.652 2.575 0l8.08 7.95c.469.46.603 1.106.348 1.689-.266.616-.91 1.014-1.633 1.014h-.504v6.933c0 .888-.79 1.61-1.76 1.61z",
-        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.783 11.538L11.995 1 2.203 11.538c-.216.227-.252.525-.144.823.108.265.356.487.644.487h1.429V22h6.07v-6.75h3.574V22h6.07v-9.19h1.429c.284 0 .536-.189.644-.487a.635.635 0 00-.136-.785zm-6.575 8.958v-6.745h-6.43v6.75H5.564v-9.19H4.312l7.683-8.249 7.68 8.249h-1.253v9.185h-3.214z",
+            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.415 20.476h2.249c.28 0 .507-.18.507-.4v-7.538a.616.616 0 01.627-.605h1.13c.265 0 .422-.14.478-.275.04-.095.059-.232-.087-.378l-8.084-7.944c-.196-.193-.59-.193-.787 0l-8.081 7.95c-.146.143-.126.283-.084.378.056.132.213.272.479.272h1.017a.614.614 0 01.624.605v7.537c0 .222.227.401.505.401h2.417v-3.762a.616.616 0 01.627-.605h5.838a.614.614 0 01.625.605v3.76zm2.249 1.21h-2.877a.614.614 0 01-.625-.605v-3.759H9.577v3.76a.616.616 0 01-.625.604H5.908c-.97 0-1.76-.722-1.76-1.608v-6.932h-.386c-.723 0-1.367-.398-1.633-1.014-.255-.583-.123-1.233.347-1.69l8.081-7.952c.661-.652 1.91-.652 2.575 0l8.08 7.95c.469.46.603 1.106.348 1.689-.266.616-.91 1.014-1.633 1.014h-.504v6.933c0 .888-.79 1.61-1.76 1.61z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconHomeRegular;