@telefonica/mistica 10.9.1 → 10.12.0

package/dist/generated/mistica-icons/icon-online-reload-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOnlineReloadFilled = function IconOnlineReloadFilled(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 IconOnlineReloadFilled = function IconOnlineReloadFilled(_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.248 19.132H2.744a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h18.504c.308 0 .56.252.56.56 0 .308-.252.56-.56.56zm-.193-13.26c-.563-.644-1.404-.972-2.504-.972H5.44c-1.098 0-1.94.328-2.504.972-.52.6-.787 1.468-.787 2.583v4.938c0 1.115.266 1.983.787 2.583.563.644 1.403.972 2.504.972h13.11c1.098 0 1.94-.328 2.504-.97.524-.599.787-1.467.787-2.582V8.455c0-1.115-.266-1.984-.787-2.583zm-10.709 6.18a6.441 6.441 0 00-.076.503c-.028.205-.053.415-.09.577-.089.412-.369.648-.753.648-.07 0-.137-.009-.207-.023-.146-.028-.42-.106-.877-.232l-.235-.065a.422.422 0 01.224-.812l.235.064.034.009c-.252-.521-.381-1.154-.381-1.888 0-2.342 1.32-3.63 3.714-3.63a5.33 5.33 0 011.247.137.423.423 0 01.297.515.422.422 0 01-.493.303 4.57 4.57 0 00-1.05-.112c-1.933 0-2.875.913-2.875 2.79 0 .672.124 1.224.367 1.652l.006-.047c.025-.202.053-.41.09-.575a.423.423 0 01.495-.327.423.423 0 01.328.495c.003.012.003.012 0 .017zm5.815-3.186a.422.422 0 01-.518.294l-.235-.064-.037-.011c.252.52.381 1.154.381 1.888 0 2.342-1.32 3.63-3.714 3.63a5.385 5.385 0 01-1.235-.134.42.42 0 11.196-.818 4.5 4.5 0 001.039.112c1.933 0 2.874-.913 2.874-2.79 0-.672-.123-1.224-.367-1.653l-.006.048a6.737 6.737 0 01-.09.574.423.423 0 01-.495.328.423.423 0 01-.328-.496c0-.003 0-.006.003-.006.028-.129.053-.319.076-.504.028-.204.053-.414.09-.577.103-.484.473-.725.957-.627.146.028.42.106.88.232l.235.065a.413.413 0 01.294.51z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-online-reload-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOnlineReloadLight = function IconOnlineReloadLight(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 IconOnlineReloadLight = function IconOnlineReloadLight(_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.548 18.043a.28.28 0 01.28.28.28.28 0 01-.28.28H2.43a.28.28 0 01-.28-.28.28.28 0 01.28-.28h19.118zM18.825 4.9c1.014 0 1.784.294 2.291.874.477.546.72 1.353.72 2.398v4.938c0 1.045-.24 1.852-.72 2.398-.507.582-1.277.877-2.29.877H5.17c-1.014 0-1.785-.295-2.292-.874-.479-.55-.72-1.356-.72-2.4V8.17c0-1.044.241-1.85.72-2.397.507-.58 1.278-.874 2.292-.874h13.655zm0 .56H5.17c-1.673 0-2.451.863-2.451 2.715v4.938c0 1.851.778 2.714 2.45 2.714h13.656c1.672 0 2.451-.863 2.451-2.714V8.172c0-1.852-.779-2.712-2.45-2.712zm-4.098 2.465c.14.028.415.104.868.23l.236.064a.283.283 0 01.196.345.282.282 0 01-.345.196l-.235-.064-.357-.099c.35.55.525 1.257.525 2.11 0 1.151-.322 2.039-.952 2.633-.608.571-1.49.86-2.622.86a4.83 4.83 0 01-1.504-.216.28.28 0 01-.169-.359.281.281 0 01.345-.173 4.32 4.32 0 001.33.187c.987 0 1.737-.238 2.239-.708.515-.485.776-1.233.776-2.224 0-.868-.201-1.551-.598-2.032a7.23 7.23 0 00-.058.407 7.558 7.558 0 01-.087.563.28.28 0 01-.549-.118c.028-.134.053-.33.079-.515.025-.202.053-.409.087-.566.086-.406.386-.602.795-.52zm-2.787-.843c.563 0 1.067.073 1.504.213a.28.28 0 01-.174.532 4.32 4.32 0 00-1.33-.188c-.986 0-1.737.239-2.238.71-.516.484-.776 1.232-.776 2.223 0 .864.199 1.544.59 2.024.022-.117.041-.255.057-.39a7.25 7.25 0 01.087-.56.279.279 0 01.546.117c-.028.134-.053.327-.078.515a7.212 7.212 0 01-.087.566c-.07.339-.297.532-.614.532a.941.941 0 01-.176-.017c-.14-.028-.415-.103-.869-.23l-.235-.064a.279.279 0 11.12-.546l.029.008.235.065.365.1c-.354-.551-.53-1.26-.53-2.117 0-1.151.319-2.04.952-2.633.608-.571 1.49-.86 2.622-.86z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-online-reload-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOnlineReloadRegular = function IconOnlineReloadRegular(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 IconOnlineReloadRegular = function IconOnlineReloadRegular(_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.248 18.012c.308 0 .56.252.56.56 0 .308-.252.56-.56.56H2.744a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h18.504zM18.551 4.9c1.098 0 1.94.328 2.504.972.524.6.787 1.468.787 2.583v4.938c0 1.115-.266 1.983-.787 2.583-.563.644-1.406.972-2.504.972H5.44c-1.098 0-1.94-.328-2.504-.97-.52-.602-.787-1.47-.787-2.585V8.455c0-1.115.266-1.984.787-2.583C3.5 5.228 4.34 4.9 5.441 4.9h13.11zm0 1.12l-13.11.003c-.773 0-1.313.194-1.658.588-.339.387-.513 1.009-.513 1.844v4.938c0 .835.174 1.457.513 1.846.345.395.888.588 1.658.588h13.11c.77 0 1.313-.193 1.658-.588.339-.39.512-1.011.512-1.846V8.455c0-.835-.173-1.457-.512-1.846-.345-.395-.888-.589-1.658-.589zm-3.799 2.037c.146.028.42.106.88.232l.235.065a.422.422 0 01-.224.812l-.235-.064-.033-.01c.251.52.377 1.15.377 1.884.003 2.341-1.316 3.63-3.711 3.63a5.402 5.402 0 01-1.236-.135.42.42 0 11.197-.818c.341.079.691.115 1.039.113 1.933 0 2.874-.914 2.874-2.79 0-.674-.125-1.23-.37-1.659l-.008.056a6.737 6.737 0 01-.09.575.42.42 0 01-.818-.182c.028-.13.053-.32.076-.505.028-.204.053-.414.09-.577.103-.484.473-.725.957-.627zM11.94 7.21a5.33 5.33 0 011.246.137.422.422 0 01-.173.824l-.023-.006a4.57 4.57 0 00-1.05-.112c-1.933 0-2.874.913-2.874 2.79 0 .67.123 1.223.365 1.65l.008-.05c.025-.202.053-.41.09-.575a.423.423 0 01.495-.328.423.423 0 01.328.496c0 .003 0 .006-.003.006a6.55 6.55 0 00-.076.504c-.028.205-.053.415-.09.577-.092.423-.372.658-.753.658a1.04 1.04 0 01-.207-.022c-.146-.028-.42-.107-.877-.233l-.235-.064a.422.422 0 01.224-.812l.235.064.033.01c-.251-.521-.377-1.15-.377-1.884 0-2.342 1.319-3.63 3.714-3.63z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-open-email-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpenEmailFilled = function IconOpenEmailFilled(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 IconOpenEmailFilled = function IconOpenEmailFilled(_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: "M12.636 14.536a1.684 1.684 0 01-.919.292 1.815 1.815 0 01-.963-.297L3.24 9.794v-.003c.011-.386.106-.664.25-.767l7.408-4.684a1.84 1.84 0 01.95-.271c.532 0 .935.269.963.288l7.359 4.65c.151.106.24.347.263.667l-7.798 4.862zm9.036 5.031l.009-9.804c-.023-1.002-.44-1.51-.815-1.776l-7.359-4.65a3.025 3.025 0 00-1.67-.5c-.927 0-1.582.447-1.624.48l-7.283 4.6-.137.087c-.348.25-.765.757-.787 1.773l.008 9.793c-.025.219-.062.902.4 1.457.25.3.734.658 1.63.677h15.597c.894-.016 1.379-.378 1.628-.677.465-.558.428-1.238.403-1.46z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-open-email-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpenEmailLight = function IconOpenEmailLight(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 IconOpenEmailLight = function IconOpenEmailLight(_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.835 20.285c-.168.202-.465.308-.88.317-.815.014-5.061.014-7.526.01h-.04c-3.669.004-7.674 0-8.344-.01-.414-.009-.709-.112-.877-.314-.243-.291-.179-.723-.173-.793l-.009-8.95 7.32 4.62c.028.02.666.479 1.565.479.53 0 1.04-.157 1.507-.462l7.636-4.765-.002 9.148c0 .006.061.432-.177.72M3.34 8.485L10.908 3.7c.33-.205.711-.317 1.098-.32.622 0 1.081.314 1.104.328l7.535 4.765c.232.165.358.504.37.97v.021c-.015.006-.031.009-.045.017l-8.037 5.011a1.913 1.913 0 01-1.062.334c-.619 0-1.075-.32-1.103-.336L2.984 9.58v-.13c.01-.473.14-.812.355-.966m18.488 11.014l.008-10.064c-.022-.936-.4-1.4-.731-1.636l-7.535-4.765a2.92 2.92 0 00-1.577-.47 2.9 2.9 0 00-1.543.456l-7.44 4.703-.132.084c-.314.224-.692.686-.714 1.633l.014 9.989c-.014.081-.123.807.353 1.378.327.395.832.6 1.501.61.532.01 2.992.012 5.614.012h2.745v-.409l.042.409c2.462.003 6.717.003 7.538-.011.666-.011 1.17-.219 1.498-.61.476-.572.367-1.298.359-1.309",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-open-email-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpenEmailRegular = function IconOpenEmailRegular(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 IconOpenEmailRegular = function IconOpenEmailRegular(_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: "M19.622 20.464c-.591.01-3.272.014-7.356.01h-.042c-3.58 0-7.493 0-8.157-.01-.232-.003-.54-.048-.694-.227-.171-.202-.132-.535-.132-.535l.008-.05-.005-8.404 6.812 4.291c.07.053.728.51 1.661.51.563 0 1.1-.165 1.588-.485l7.138-4.448-.009 8.482.009.104c0 .002.042.327-.126.53-.152.184-.463.226-.695.232zM10.899 4.34a1.84 1.84 0 01.95-.271c.535 0 .935.269.96.288l7.36 4.647c.15.107.24.348.262.667l-7.795 4.86a1.658 1.658 0 01-.919.288 1.8 1.8 0 01-.96-.294L3.243 9.791V9.79c.008-.387.103-.664.246-.768l7.41-4.68zm10.782 5.418c-.023-1.003-.44-1.51-.815-1.773l-7.362-4.647a3.071 3.071 0 00-1.67-.502c-.926 0-1.582.448-1.624.482L2.93 7.915 2.793 8c-.345.25-.765.757-.787 1.774l.008 9.787c-.025.218-.062.899.4 1.456.25.3.734.658 1.63.678.505.008 2.822.011 5.455.011h2.764c1.933 0 6.527.003 7.381-.01.894-.018 1.378-.38 1.628-.679.462-.557.428-1.238.403-1.456-.003-.003.006-9.804.006-9.804z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-open-file-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconOpenFileFilled = function IconOpenFileFilled(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 IconOpenFileFilled = function IconOpenFileFilled(_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: "M3.415 5.775h6.128c.107 0 .18.064.18.123v1.028c0 .344.277.624.619.624h7.722c.107 0 .18.065.18.171l.064.86v.003H5.591c-.72 0-1.31.571-1.345 1.289l-.557 3.02-.45-6.995c0-.056.07-.123.176-.123zm16.924 2.812h-.807c.003-.034.014-.065.011-.098l-.064-.813c0-.759-.636-1.375-1.417-1.375H10.96v-.4c0-.76-.636-1.376-1.418-1.376H3.415A1.402 1.402 0 002 5.915v.025l.77 11.95-.002.044c0 .745.605 1.356 1.347 1.356h14.77c.72 0 1.311-.574 1.345-1.289l1.448-7.946a.515.515 0 00.011-.115 1.355 1.355 0 00-1.35-1.353z",
         fill: fillColor
     })));

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

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