@telefonica/mistica 10.9.0 → 10.11.0

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartBubbleFilled = function IconHeartBubbleFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.423 9.416c-.193.787-.569 1.605-1.118 2.429a9.802 9.802 0 01-1.37 1.66l-.013.015c-.06.056-.258.254-.432.375a1.347 1.347 0 01-.63.232h-.006c-.014 0-.028.003-.044.003h-.015c-.014 0-.03 0-.044-.003h-.006a1.312 1.312 0 01-.633-.232c-.17-.12-.373-.32-.431-.375a9.827 9.827 0 01-1.384-1.675c-.546-.824-.922-1.642-1.118-2.429-.21-.857-.036-1.569.49-2.006.306-.255.72-.406 1.169-.428.039-.003.08-.003.12-.003.017 0 .036.006.053.006.196.005.39.028.583.078.022.006.042.014.061.02.205.058.41.134.603.238.154.084.313.173.49.271a.128.128 0 00.056.014c.02 0 .04-.005.056-.014.174-.1.336-.187.49-.274.193-.104.395-.18.6-.238l.064-.02c.193-.05.39-.073.583-.078.016 0 .036-.006.053-.006.04 0 .081 0 .12.003.448.022.866.174 1.171.429.521.44.692 1.15.482 2.008m3.126-6.574H5.137C3.41 2.842 2 4.197 2 5.864v8.96c0 1.348.846 2.488 2.098 2.88v1.863c0 .717.641 1.32 1.398 1.32.47 0 .86-.197 1.157-.575L8.64 17.85h9.91c1.73 0 3.138-1.356 3.138-3.025v-8.96c-.003-1.668-1.409-3.023-3.14-3.023",
-    fill: fillColor
-  }));
+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 IconHeartBubbleFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M15.423 9.416c-.193.787-.569 1.605-1.118 2.429a9.802 9.802 0 01-1.37 1.66l-.013.015c-.06.056-.258.254-.432.375a1.347 1.347 0 01-.63.232h-.006c-.014 0-.028.003-.044.003h-.015c-.014 0-.03 0-.044-.003h-.006a1.312 1.312 0 01-.633-.232c-.17-.12-.373-.32-.431-.375a9.827 9.827 0 01-1.384-1.675c-.546-.824-.922-1.642-1.118-2.429-.21-.857-.036-1.569.49-2.006.306-.255.72-.406 1.169-.428.039-.003.08-.003.12-.003.017 0 .036.006.053.006.196.005.39.028.583.078.022.006.042.014.061.02.205.058.41.134.603.238.154.084.313.173.49.271a.128.128 0 00.056.014c.02 0 .04-.005.056-.014.174-.1.336-.187.49-.274.193-.104.395-.18.6-.238l.064-.02c.193-.05.39-.073.583-.078.016 0 .036-.006.053-.006.04 0 .081 0 .12.003.448.022.866.174 1.171.429.521.44.692 1.15.482 2.008m3.126-6.574H5.137C3.41 2.842 2 4.197 2 5.864v8.96c0 1.348.846 2.488 2.098 2.88v1.863c0 .717.641 1.32 1.398 1.32.47 0 .86-.197 1.157-.575L8.64 17.85h9.91c1.73 0 3.138-1.356 3.138-3.025v-8.96c-.003-1.668-1.409-3.023-3.14-3.023",
+        fill: fillColor
+    })));
 };
-
-export default IconHeartBubbleFilled;
+export default IconHeartBubbleFilled;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartBubbleLight = function IconHeartBubbleLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.022 14.952V5.994c0-1.23-1.04-2.233-2.317-2.233H5.294c-1.278 0-2.32 1.003-2.32 2.233v8.958c0 1.078.728 1.978 1.77 2.185a.4.4 0 01.328.39v2.167c0 .27.278.527.574.527.098 0 .3 0 .505-.263l2.117-2.622a.418.418 0 01.325-.152h10.11c1.28-.002 2.319-1.002 2.319-2.232zM18.705 2.969c1.729 0 3.138 1.355 3.138 3.025v8.958c0 1.667-1.41 3.025-3.138 3.025H8.798L6.806 20.44a1.396 1.396 0 01-1.157.575c-.756 0-1.395-.605-1.395-1.32v-1.863a2.985 2.985 0 01-2.098-2.88V5.995c0-1.67 1.41-3.025 3.138-3.025h13.411zm-3.924 6.39c.078-.32.154-.906-.221-1.22a1.183 1.183 0 00-.681-.237l-.076-.003c-.297 0-.61.084-.902.24-.148.079-.302.166-.467.261a.984.984 0 01-.474.126.945.945 0 01-.462-.117 31.762 31.762 0 00-.482-.27 1.935 1.935 0 00-.902-.24l-.078.003c-.264.014-.513.098-.678.238-.378.313-.303.899-.227 1.218.17.7.513 1.434 1.008 2.182.41.614.723.992 1.283 1.555.098.098.236.224.322.283a.506.506 0 00.174.078h.009l.033.006a.526.526 0 00.207-.081 2.67 2.67 0 00.303-.264l.003-.005.028-.028c.552-.555.86-.928 1.269-1.541.501-.75.84-1.485 1.01-2.185zm-.857-2.247c.448.022.865.173 1.17.425.527.437.698 1.149.488 2.003-.193.787-.571 1.605-1.118 2.429a9.623 9.623 0 01-1.383 1.678c-.06.058-.26.257-.435.375a1.28 1.28 0 01-.479.21.858.858 0 01-.15.02h-.006c-.014.002-.028.002-.045.002h-.017c-.017 0-.028 0-.045-.002h-.003a1.236 1.236 0 01-.15-.02 1.36 1.36 0 01-.483-.21 3.644 3.644 0 01-.431-.375 9.736 9.736 0 01-1.384-1.678c-.546-.821-.921-1.639-1.115-2.429-.213-.854-.036-1.568.488-2.003.305-.252.72-.406 1.17-.425.04-.003.082-.003.121-.003.434 0 .882.115 1.3.342.154.08.313.173.487.271a.13.13 0 00.059.014c.02 0 .036-.005.056-.014.174-.098.333-.187.49-.271a2.747 2.747 0 011.415-.34z",
-    fill: fillColor
-  }));
+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 IconHeartBubbleLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M21.022 14.952V5.994c0-1.23-1.04-2.233-2.317-2.233H5.294c-1.278 0-2.32 1.003-2.32 2.233v8.958c0 1.078.728 1.978 1.77 2.185a.4.4 0 01.328.39v2.167c0 .27.278.527.574.527.098 0 .3 0 .505-.263l2.117-2.622a.418.418 0 01.325-.152h10.11c1.28-.002 2.319-1.002 2.319-2.232zM18.705 2.969c1.729 0 3.138 1.355 3.138 3.025v8.958c0 1.667-1.41 3.025-3.138 3.025H8.798L6.806 20.44a1.396 1.396 0 01-1.157.575c-.756 0-1.395-.605-1.395-1.32v-1.863a2.985 2.985 0 01-2.098-2.88V5.995c0-1.67 1.41-3.025 3.138-3.025h13.411zm-3.924 6.39c.078-.32.154-.906-.221-1.22a1.183 1.183 0 00-.681-.237l-.076-.003c-.297 0-.61.084-.902.24-.148.079-.302.166-.467.261a.984.984 0 01-.474.126.945.945 0 01-.462-.117 31.762 31.762 0 00-.482-.27 1.935 1.935 0 00-.902-.24l-.078.003c-.264.014-.513.098-.678.238-.378.313-.303.899-.227 1.218.17.7.513 1.434 1.008 2.182.41.614.723.992 1.283 1.555.098.098.236.224.322.283a.506.506 0 00.174.078h.009l.033.006a.526.526 0 00.207-.081 2.67 2.67 0 00.303-.264l.003-.005.028-.028c.552-.555.86-.928 1.269-1.541.501-.75.84-1.485 1.01-2.185zm-.857-2.247c.448.022.865.173 1.17.425.527.437.698 1.149.488 2.003-.193.787-.571 1.605-1.118 2.429a9.623 9.623 0 01-1.383 1.678c-.06.058-.26.257-.435.375a1.28 1.28 0 01-.479.21.858.858 0 01-.15.02h-.006c-.014.002-.028.002-.045.002h-.017c-.017 0-.028 0-.045-.002h-.003a1.236 1.236 0 01-.15-.02 1.36 1.36 0 01-.483-.21 3.644 3.644 0 01-.431-.375 9.736 9.736 0 01-1.384-1.678c-.546-.821-.921-1.639-1.115-2.429-.213-.854-.036-1.568.488-2.003.305-.252.72-.406 1.17-.425.04-.003.082-.003.121-.003.434 0 .882.115 1.3.342.154.08.313.173.487.271a.13.13 0 00.059.014c.02 0 .036-.005.056-.014.174-.098.333-.187.49-.271a2.747 2.747 0 011.415-.34z",
+        fill: fillColor
+    })));
 };
-
-export default IconHeartBubbleLight;
+export default IconHeartBubbleLight;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartBubbleRegular = function IconHeartBubbleRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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.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
-  }));
+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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, 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
+    })));
 };
-
-export default IconHeartBubbleRegular;
+export default IconHeartBubbleRegular;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartFilled = function IconHeartFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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
-  }));
+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;
+    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;
+export default IconHeartFilled;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartLight = function IconHeartLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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
-  }));
+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;
+    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;
+export default IconHeartLight;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconHeartRegular = function IconHeartRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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
-  }));
+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;
+    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;
+export default IconHeartRegular;