@telefonica/mistica 10.10.0 → 10.14.0

package/dist/generated/mistica-icons/icon-headphones-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeadphonesFilled = function IconHeadphonesFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconHeadphonesFilled = function IconHeadphonesFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.723 11c-.093-5.804-2.91-9-7.984-9-5.098 0-7.924 3.238-7.974 9.126-1.146.7-1.762 2.003-1.762 3.868 0 2.745 1.328 4.322 3.736 4.432l.275.008h.106c1.942-.067 2.342-1.823 2.342-4.44 0-2.624-.4-4.378-2.305-4.448a1.799 1.799 0 00-.303 0c-.05 0-.1 0-.115.009a5.102 5.102 0 00-.711.084c.185-4.883 2.431-7.364 6.711-7.364s6.53 2.473 6.72 7.338c-.157-.016-.308-.053-.476-.061-.05-.009-.1-.009-.134-.009a1.522 1.522 0 00-.283 0c-1.947.068-2.342 1.824-2.342 4.449 0 1.714.176 3.05.846 3.792-.868.485-1.913.801-3.134.964-.152-.572-.603-.913-1.289-.93-.88-.025-1.42.468-1.448 1.39-.017.442.092.8.328 1.055.232.255.585.41 1.028.418h.067c.409 0 .742-.12.986-.35.075-.076.126-.18.176-.28 1.88-.197 3.446-.751 4.659-1.637.042.009.067.017.106.017h.126l.275-.008c2.406-.112 3.736-1.69 3.736-4.431 0-1.972-.703-3.337-1.963-3.992",
-        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.005 1C6.49 1 2 5.713 2 11.5v6.56c0 2.246 1.536 3.935 3.571 3.935H7.36v-7.87H5.57c-.818 0-1.555.278-2.144.749V11.5c0-4.962 3.845-8.998 8.573-8.998s8.573 4.036 8.573 8.998v3.374a3.38 3.38 0 00-2.144-.749H16.64V22h1.788C20.464 22 22 20.306 22 18.065V11.5C22.01 5.713 17.519 1 12.005 1z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.723 11c-.093-5.804-2.91-9-7.984-9-5.098 0-7.924 3.238-7.974 9.126-1.146.7-1.762 2.003-1.762 3.868 0 2.745 1.328 4.322 3.736 4.432l.275.008h.106c1.942-.067 2.342-1.823 2.342-4.44 0-2.624-.4-4.378-2.305-4.448a1.799 1.799 0 00-.303 0c-.05 0-.1 0-.115.009a5.102 5.102 0 00-.711.084c.185-4.883 2.431-7.364 6.711-7.364s6.53 2.473 6.72 7.338c-.157-.016-.308-.053-.476-.061-.05-.009-.1-.009-.134-.009a1.522 1.522 0 00-.283 0c-1.947.068-2.342 1.824-2.342 4.449 0 1.714.176 3.05.846 3.792-.868.485-1.913.801-3.134.964-.152-.572-.603-.913-1.289-.93-.88-.025-1.42.468-1.448 1.39-.017.442.092.8.328 1.055.232.255.585.41 1.028.418h.067c.409 0 .742-.12.986-.35.075-.076.126-.18.176-.28 1.88-.197 3.446-.751 4.659-1.637.042.009.067.017.106.017h.126l.275-.008c2.406-.112 3.736-1.69 3.736-4.431 0-1.972-.703-3.337-1.963-3.992",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconHeadphonesFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-headphones-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeadphonesFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeadphonesFilled: React.ComponentType<IconProps>;
 declare export default typeof IconHeadphonesFilled;

package/dist/generated/mistica-icons/icon-headphones-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeadphonesLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeadphonesLight: React.FC<IconProps>;
 export default IconHeadphonesLight;

package/dist/generated/mistica-icons/icon-headphones-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeadphonesLight = function IconHeadphonesLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconHeadphonesLight = function IconHeadphonesLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.84 11.285c-.056-7.532-4.34-9.129-7.939-9.129-3.6 0-7.94 1.605-7.94 9.255-1.166.653-1.805 1.947-1.805 3.812 0 2.667 1.28 4.18 3.602 4.306h.376c1.566-.059 2.174-1.272 2.174-4.314S7.7 10.952 6.15 10.901h-.387c-.33.017-.658.07-.975.16.098-5.35 2.485-8.067 7.112-8.067 4.628 0 6.998 2.7 7.112 8.017a5.6 5.6 0 00-.745-.101h-.395c-1.565.059-2.182 1.271-2.182 4.322 0 2.148.311 3.344 1.042 3.93a9.11 9.11 0 01-3.798 1.196 1.08 1.08 0 00-1.14-.994 1.093 1.093 0 00-.908.285 1.147 1.147 0 00-.355.902c-.031.334.07.667.28.927.238.244.566.376.902.359a1.2 1.2 0 00.927-.3c.095-.1.17-.218.221-.35a9.513 9.513 0 004.815-1.672c.056.003.115.003.171 0h.4c2.323-.11 3.595-1.672 3.595-4.306 0-1.966-.706-3.313-2.003-3.924zm-14.025.46h.294c.582 0 1.378.05 1.378 3.487 0 3.437-.82 3.454-1.46 3.479h-.23c-1.893-.11-2.82-1.247-2.82-3.488 0-2.24.927-3.386 2.838-3.479zm12.394 6.95h-.59c-.524-.093-1.085-.586-1.085-3.446 0-3.434.821-3.46 1.46-3.488h.238c1.893.093 2.812 1.23 2.812 3.48.003 2.249-.941 3.36-2.835 3.453z",
-        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.274 13.754c.2 0 .363.168.363.374v4.31c0 2.03-1.406 3.562-3.273 3.562h-1.452v-7.123h1.452a3.14 3.14 0 012.547 1.272v-2.021a.37.37 0 01.363-.374zM11.818 1c4.805 0 8.976 3.686 9.702 8.578a.37.37 0 01-.302.427.361.361 0 01-.414-.312c-.676-4.527-4.535-7.94-8.986-7.94-5.014 0-9.092 4.205-9.092 9.375v5.02a3.137 3.137 0 012.547-1.271h1.452v7.118H5.273C3.406 21.995 2 20.464 2 18.434c0-.053.005-.101.005-.154 0-.01-.005-.02-.005-.034v-7.123C2 5.541 6.404 1 11.818 1zm6.546 14.626h-.726v5.625h.726c1.453 0 2.547-1.21 2.547-2.813 0-1.603-1.094-2.812-2.547-2.812zM6 15.626h-.726c-1.453 0-2.547 1.21-2.547 2.812 0 1.604 1.094 2.813 2.547 2.813H6v-5.625zm15.275-4.498c.4 0 .726.335.726.749a.738.738 0 01-.726.749.738.738 0 01-.727-.75c0-.413.326-.748.727-.748z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.84 11.285c-.056-7.532-4.34-9.129-7.939-9.129-3.6 0-7.94 1.605-7.94 9.255-1.166.653-1.805 1.947-1.805 3.812 0 2.667 1.28 4.18 3.602 4.306h.376c1.566-.059 2.174-1.272 2.174-4.314S7.7 10.952 6.15 10.901h-.387c-.33.017-.658.07-.975.16.098-5.35 2.485-8.067 7.112-8.067 4.628 0 6.998 2.7 7.112 8.017a5.6 5.6 0 00-.745-.101h-.395c-1.565.059-2.182 1.271-2.182 4.322 0 2.148.311 3.344 1.042 3.93a9.11 9.11 0 01-3.798 1.196 1.08 1.08 0 00-1.14-.994 1.093 1.093 0 00-.908.285 1.147 1.147 0 00-.355.902c-.031.334.07.667.28.927.238.244.566.376.902.359a1.2 1.2 0 00.927-.3c.095-.1.17-.218.221-.35a9.513 9.513 0 004.815-1.672c.056.003.115.003.171 0h.4c2.323-.11 3.595-1.672 3.595-4.306 0-1.966-.706-3.313-2.003-3.924zm-14.025.46h.294c.582 0 1.378.05 1.378 3.487 0 3.437-.82 3.454-1.46 3.479h-.23c-1.893-.11-2.82-1.247-2.82-3.488 0-2.24.927-3.386 2.838-3.479zm12.394 6.95h-.59c-.524-.093-1.085-.586-1.085-3.446 0-3.434.821-3.46 1.46-3.488h.238c1.893.093 2.812 1.23 2.812 3.48.003 2.249-.941 3.36-2.835 3.453z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconHeadphonesLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-headphones-light.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeadphonesLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeadphonesLight: React.ComponentType<IconProps>;
 declare export default typeof IconHeadphonesLight;

package/dist/generated/mistica-icons/icon-headphones-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeadphonesRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeadphonesRegular: React.FC<IconProps>;
 export default IconHeadphonesRegular;

package/dist/generated/mistica-icons/icon-headphones-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeadphonesRegular = function IconHeadphonesRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconHeadphonesRegular = function IconHeadphonesRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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.89 18.16h-.282c-.05 0-.101 0-.151-.009a.447.447 0 00-.149-.025c-.409-.118-.826-.63-.826-3.129 0-3.137.652-3.151 1.196-3.17h.11l.108.008c1.087.045 2.541.426 2.541 3.162-.006 2.726-1.46 3.11-2.546 3.163M5.787 11.835c.017 0 .101-.009.118-.009h.173c.477.017 1.13.034 1.13 3.171 0 3.13-.653 3.143-1.197 3.163h-.227c-1.084-.054-2.53-.437-2.53-3.163 0-2.736 1.446-3.12 2.533-3.162M19.72 11c-.09-5.804-2.905-9-7.98-9-5.101 0-7.928 3.24-7.975 9.126C2.619 11.826 2 13.132 2 14.997c0 2.745 1.328 4.322 3.737 4.432l.277.008h.11c1.94-.067 2.341-1.824 2.341-4.44 0-2.624-.4-4.38-2.308-4.448a1.785 1.785 0 00-.3 0c-.05 0-.1 0-.118.008a4.7 4.7 0 00-.711.087C5.213 5.76 7.462 3.28 11.742 3.28s6.527 2.47 6.72 7.339c-.16-.017-.308-.05-.476-.059-.05-.008-.098-.008-.134-.008a1.59 1.59 0 00-.283 0c-1.947.067-2.34 1.823-2.34 4.448 0 1.711.177 3.05.844 3.793-.869.484-1.913.8-3.135.963-.15-.571-.602-.913-1.288-.93-.877-.025-1.42.47-1.446 1.39-.016.442.093.8.325 1.056.236.255.586.409 1.028.417h.068c.409 0 .745-.118.986-.35.075-.076.126-.177.176-.28 1.88-.196 3.445-.748 4.656-1.636a.37.37 0 00.109.017h.126l.274-.009C20.36 19.32 21.69 17.745 21.69 15c-.003-1.98-.706-3.345-1.97-4",
-        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.005 1C6.49 1 2 5.713 2 11.5v6.56c0 2.246 1.536 3.935 3.571 3.935H7.36v-7.87H5.57c-.818 0-1.555.278-2.144.749V11.5c0-4.962 3.845-8.998 8.573-8.998s8.573 4.036 8.573 8.998v3.374a3.38 3.38 0 00-2.144-.749H16.64V22h1.788C20.464 22 22 20.306 22 18.065V11.5C22.01 5.713 17.519 1 12.005 1zm-6.43 14.622h.357v4.876h-.356c-1.244 0-2.145-1.027-2.145-2.438 0-1.41.901-2.438 2.145-2.438zm12.858 4.876h-.356v-4.876h.356c1.244 0 2.145 1.027 2.145 2.438 0 1.411-.9 2.438-2.145 2.438z",
+            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.89 18.16h-.282c-.05 0-.101 0-.151-.009a.447.447 0 00-.149-.025c-.409-.118-.826-.63-.826-3.129 0-3.137.652-3.151 1.196-3.17h.11l.108.008c1.087.045 2.541.426 2.541 3.162-.006 2.726-1.46 3.11-2.546 3.163M5.787 11.835c.017 0 .101-.009.118-.009h.173c.477.017 1.13.034 1.13 3.171 0 3.13-.653 3.143-1.197 3.163h-.227c-1.084-.054-2.53-.437-2.53-3.163 0-2.736 1.446-3.12 2.533-3.162M19.72 11c-.09-5.804-2.905-9-7.98-9-5.101 0-7.928 3.24-7.975 9.126C2.619 11.826 2 13.132 2 14.997c0 2.745 1.328 4.322 3.737 4.432l.277.008h.11c1.94-.067 2.341-1.824 2.341-4.44 0-2.624-.4-4.38-2.308-4.448a1.785 1.785 0 00-.3 0c-.05 0-.1 0-.118.008a4.7 4.7 0 00-.711.087C5.213 5.76 7.462 3.28 11.742 3.28s6.527 2.47 6.72 7.339c-.16-.017-.308-.05-.476-.059-.05-.008-.098-.008-.134-.008a1.59 1.59 0 00-.283 0c-1.947.067-2.34 1.823-2.34 4.448 0 1.711.177 3.05.844 3.793-.869.484-1.913.8-3.135.963-.15-.571-.602-.913-1.288-.93-.877-.025-1.42.47-1.446 1.39-.016.442.093.8.325 1.056.236.255.586.409 1.028.417h.068c.409 0 .745-.118.986-.35.075-.076.126-.177.176-.28 1.88-.196 3.445-.748 4.656-1.636a.37.37 0 00.109.017h.126l.274-.009C20.36 19.32 21.69 17.745 21.69 15c-.003-1.98-.706-3.345-1.97-4",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconHeadphonesRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-headphones-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeadphonesRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeadphonesRegular: React.ComponentType<IconProps>;
 declare export default typeof IconHeadphonesRegular;

package/dist/generated/mistica-icons/icon-heart-bubble-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeartBubbleFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeartBubbleFilled: React.FC<IconProps>;
 export default IconHeartBubbleFilled;

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeartBubbleFilled = function IconHeartBubbleFilled(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 IconHeartBubbleFilled = function IconHeartBubbleFilled(_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 = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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: "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
     })));

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

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeartBubbleFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeartBubbleFilled: React.ComponentType<IconProps>;
 declare export default typeof IconHeartBubbleFilled;

package/dist/generated/mistica-icons/icon-heart-bubble-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeartBubbleLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeartBubbleLight: React.FC<IconProps>;
 export default IconHeartBubbleLight;

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeartBubbleLight = function IconHeartBubbleLight(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 IconHeartBubbleLight = function IconHeartBubbleLight(_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 = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M21.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
     })));

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

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeartBubbleLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeartBubbleLight: React.ComponentType<IconProps>;
 declare export default typeof IconHeartBubbleLight;

package/dist/generated/mistica-icons/icon-heart-bubble-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeartBubbleRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeartBubbleRegular: React.FC<IconProps>;
 export default IconHeartBubbleRegular;

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconHeartBubbleRegular = function IconHeartBubbleRegular(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 IconHeartBubbleRegular(_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 = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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/generated/mistica-icons/icon-heart-bubble-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconHeartBubbleRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconHeartBubbleRegular: React.ComponentType<IconProps>;
 declare export default typeof IconHeartBubbleRegular;

package/dist/generated/mistica-icons/icon-heart-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconHeartFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconHeartFilled: React.FC<IconProps>;
 export default IconHeartFilled;