@telefonica/mistica 10.10.0 → 10.11.0

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSunLight = function IconSunLight(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 IconSunLight = function IconSunLight(_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.334 18.143h-.594c-1.696-.025-5.625-.655-5.625-6.044 0-5.378 3.896-5.995 5.574-6.012h.118c.168 0 .34 0 .49.009 1.704.042 5.659.709 5.659 6.036.002 5.328-3.93 5.978-5.622 6.011m9.088-6.619h-2.514c-.042 0-.084.017-.128.025-.11-1.922-.712-3.27-1.542-4.198a.171.171 0 00.042-.025l1.822-1.805a.435.435 0 000-.6.423.423 0 00-.603 0l-1.821 1.805c-.009.017-.017.034-.026.042-1.516-1.264-3.413-1.482-4.228-1.516V2.57A.422.422 0 0012 2.15a.419.419 0 00-.423.42v2.682c-.838.017-2.71.21-4.2 1.474-.017-.016-.026-.033-.043-.05L5.572 4.922a.413.413 0 00-.594 0 .42.42 0 000 .6L6.74 7.275a.15.15 0 01.05.033c-.803.928-1.398 2.284-1.498 4.243-.034-.008-.068-.025-.101-.025H2.573a.422.422 0 00-.423.42c0 .238.188.42.423.42h2.618c.033 0 .058-.008.086-.016.05 1.973.592 3.354 1.357 4.332a.176.176 0 00-.05.034l-1.755 1.735a.43.43 0 000 .6.424.424 0 00.297.125.45.45 0 00.272-.1.461.461 0 00.177-.101l1.6-1.592c.017-.017.025-.042.042-.067 1.507 1.39 3.472 1.633 4.36 1.667v2.438a.424.424 0 00.847 0v-2.438c.832-.025 2.872-.252 4.422-1.679.017.026.033.06.059.085l1.591 1.586a.41.41 0 00.298.117c.109 0 .22-.033.305-.117a.435.435 0 000-.6l-1.6-1.586a.21.21 0 00-.104-.067c.796-.978 1.356-2.377 1.399-4.375.033.008.067.017.109.017h2.514a.417.417 0 00.423-.42.416.416 0 00-.418-.42",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSunRegular = function IconSunRegular(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 IconSunRegular = function IconSunRegular(_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.307 17.607h-.563c-4.6-.065-5.095-3.877-5.095-5.513 0-1.625.49-5.42 5.036-5.462h.588c1.54.042 5.137.652 5.137 5.504 0 4.852-3.568 5.437-5.103 5.47m8.907-6.271h-2.467c-.05 0-.093.017-.132.025-.132-1.675-.655-2.88-1.367-3.745.025-.017.042-.025.059-.042l1.773-1.768a.604.604 0 000-.873.615.615 0 00-.88 0l-1.773 1.764c-.017.017-.025.042-.042.067-1.333-1.039-2.924-1.294-3.77-1.353V2.77a.625.625 0 00-.622-.619.62.62 0 00-.622.619V5.4c-.862.05-2.428.289-3.745 1.311-.017-.017-.025-.05-.05-.064L5.853 4.929a.616.616 0 00-.88 0 .619.619 0 000 .874L6.697 7.52c.025.017.05.025.076.05-.695.866-1.21 2.087-1.325 3.787-.042-.008-.076-.025-.115-.025h-2.56a.625.625 0 00-.622.62c0 .338.283.618.622.618h2.56c.034 0 .067-.017.098-.017.076 1.709.521 2.964 1.177 3.869-.017.016-.042.025-.068.05l-1.706 1.7a.604.604 0 000 .874.592.592 0 00.77.076.611.611 0 00.25-.148l1.566-1.552c.017-.026.025-.048.05-.076 1.334 1.146 2.992 1.42 3.902 1.476v2.392c0 .348.275.62.622.62a.62.62 0 00.622-.62V18.84c0-.008-.008-.008-.008-.017.88-.047 2.602-.313 3.986-1.484.016.025.025.056.05.08l1.557 1.553a.62.62 0 00.44.182.576.576 0 00.437-.182.604.604 0 000-.874l-1.557-1.552c-.034-.034-.076-.05-.115-.076.68-.916 1.16-2.187 1.227-3.927.042.009.075.025.115.025h2.467c.34 0 .622-.28.622-.619a.624.624 0 00-.622-.613",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupermarketFilled = function IconSupermarketFilled(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 IconSupermarketFilled = function IconSupermarketFilled(_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: "M9.528 2.993a.412.412 0 01-.395-.428.41.41 0 01.4-.415h.37c.41 0 .757.289.869.72.036.14.087.398.143.697h2.865a.39.39 0 01.32.168.444.444 0 01.064.37s-.28 1.037-.431 1.574c-.146.53-.502.846-.947.846h-1.373c-.582 0-.921-.549-.994-1.058a99.949 99.949 0 00-.233-1.39c-.002-.008-.002-.017-.005-.028a16.997 16.997 0 00-.188-.96c-.025-.093-.084-.099-.098-.099-.196.006-.367.003-.367.003zm1.939 3.902h.028c.075.003.37.034.37.406 0 .376-.295.406-.368.406h-.036c-.079-.002-.367-.03-.367-.409 0-.375.288-.403.364-.406h.009v.003zm1.232 0h.028c.076.003.37.034.37.406 0 .376-.294.406-.367.406h-.034c-.078-.002-.367-.03-.367-.409 0-.375.289-.403.364-.406h.006v.003zm5.95 13.628h1.986v-7.74h-1.986v7.74zm-4.166.014V16.36h-4.73v4.196l4.73-.02zm-3.154-9.272c-.17.173-.257.473-.257.888 0 .414.086.708.257.882.166.171.443.255.824.255.38 0 .658-.084.826-.255.171-.174.258-.468.258-.882 0-.415-.087-.712-.258-.885-.168-.171-.445-.258-.826-.258-.381 0-.658.087-.824.255zm-7.975 9.258H5.34v-7.74H3.354v7.74zm17.883-9.006c.33 0 .602.283.602.633v9.006c0 .35-.272.677-.605.677h-5.95l-.201.003H9.147c-.025 0-.042-.011-.067-.014l-3.493.014h-.003l-.37-.003H2.752c-.33 0-.602-.327-.602-.677V12.15c0-.35.269-.633.602-.633H5.56V9.144c0-.619.605-1.16 1.291-1.16h10.504c.69 0 1.292.544 1.292 1.163v2.373h2.59v-.003z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupermarketLight = function IconSupermarketLight(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 IconSupermarketLight = function IconSupermarketLight(_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.981 13.155c.177-.174.264-.476.264-.894 0-.417-.09-.72-.267-.896-.17-.171-.453-.258-.843-.258-.387 0-.672.084-.84.258-.174.176-.264.479-.264.896 0 .418.09.717.26.894.169.17.455.258.844.258.39 0 .675-.087.846-.258zm-.846-2.9c.608 0 1.082.168 1.41.499.341.342.515.852.515 1.507 0 .659-.174 1.166-.518 1.507-.328.328-.802.494-1.41.494-.608 0-1.081-.169-1.409-.494-.339-.344-.513-.848-.513-1.507 0-.655.171-1.165.513-1.507.33-.33.807-.499 1.412-.499zm1.138-5.819H11.04c.084.485.148.9.157.936.01.062.08.35.204.35h1.4c.09 0 .15-.132.18-.244.081-.285.2-.706.292-1.042zm-3.8-1.434a.417.417 0 01-.403-.432c.003-.235.151-.412.415-.42h.37c.417 0 .773.291.888.728.036.143.09.404.145.704h2.925c.13 0 .25.061.328.168a.435.435 0 01.067.375s-.285 1.045-.44 1.589c-.148.535-.512.857-.963.857h-1.401c-.594 0-.942-.555-1.014-1.07a87.571 87.571 0 00-.238-1.404c-.003-.008-.003-.017-.006-.028-.076-.42-.149-.801-.193-.97-.026-.1-.107-.1-.101-.1-.2.006-.378.003-.378.003zm1.984 3.947c.011 0 .02.003.03.003.077.003.38.034.38.41 0 .377-.3.408-.376.408h-.04c-.078-.003-.375-.03-.375-.412 0-.378.294-.406.373-.409h.008zm1.258 0c.011 0 .02.003.03.003.076.003.38.034.38.41 0 .377-.3.408-.376.408h-.034c-.081-.003-.375-.03-.375-.412 0-.378.294-.406.372-.409h.003zm5.867 13.989h2.437v-8.251h-2.437v8.25zm-.816 0V9.22c-.014-.005-.142-.109-.294-.109H6.742c-.151 0-.283.101-.303.143l.006 11.725 2.233-.009v-5.099c0-.235.182-.425.409-.425h6.063c.227 0 .409.19.409.425v5.077l2.207-.011zm-3.028.014v-4.65h-5.24v4.667l5.24-.017zm-11.77-.014h2.438v-8.251H2.968v8.25zm18.463-9.103c.227 0 .409.19.409.426v9.103c0 .235-.185.476-.412.476H2.56c-.227 0-.409-.24-.409-.476V12.26c0-.238.182-.426.409-.426h3.07V9.221c0-.512.522-.96 1.116-.96h10.727c.594 0 1.115.448 1.115.96v2.612h2.844v.002z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupermarketRegular = function IconSupermarketRegular(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 IconSupermarketRegular = function IconSupermarketRegular(_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: "M11.587 11.567c-.087.087-.134.3-.134.583s.047.493.134.583c.084.084.283.134.546.134.263 0 .462-.05.55-.137.086-.087.134-.297.134-.58s-.05-.493-.138-.58c-.086-.09-.285-.137-.546-.137-.26 0-.462.048-.546.134zm.546 2.566c-.594 0-1.061-.162-1.38-.49-.334-.336-.502-.838-.502-1.49 0-.65.168-1.154.501-1.49.32-.328.787-.493 1.381-.493s1.059.165 1.381.493c.336.339.504.84.504 1.49 0 .652-.17 1.154-.504 1.49-.322.325-.787.49-1.38.49zm1.112-9.722h-2.187l.154.927c.008.061.078.347.201.347h1.373c.09 0 .143-.132.176-.244.076-.28.19-.697.283-1.03zM9.523 2.993a.412.412 0 01-.395-.428.41.41 0 01.4-.415h.37c.409 0 .756.289.868.72.037.143.087.398.143.695h2.868a.39.39 0 01.32.168c.075.106.1.24.064.37 0 0-.28 1.033-.434 1.574-.146.529-.501.848-.944.848H11.41c-.582 0-.921-.551-.991-1.058-.048-.292-.14-.866-.233-1.39-.002-.008-.002-.017-.005-.028a16.769 16.769 0 00-.188-.958c-.025-.092-.084-.098-.098-.098-.199.003-.372 0-.372 0zm1.944 3.902h.028c.075.003.37.034.37.406 0 .376-.295.406-.368.406h-.033c-.079-.002-.367-.03-.367-.409 0-.375.288-.403.364-.406h.006v.003zm1.232 0h.028c.076.003.37.034.37.406 0 .376-.294.406-.367.406h-.037c-.078-.002-.367-.03-.367-.409 0-.375.289-.403.367-.406h.006v.003zm5.947 13.628h1.989v-7.74h-1.99v7.74zm-8.897.03l4.734-.016v-4.18H9.75v4.196zM6.761 9.27v11.295l1.784-.006v-4.835c0-.35.269-.633.602-.633h5.936c.33 0 .602.283.602.633v4.807l1.762-.006V9.27a.235.235 0 00-.09-.022H6.85a.222.222 0 00-.09.022zM3.35 20.523h1.99v-7.74H3.35v7.74zm17.883-9.006c.333 0 .602.283.602.633v9.006c0 .347-.274.68-.605.68H2.755c-.33 0-.605-.333-.605-.68V12.15c0-.35.269-.633.602-.633H5.56V9.144c0-.619.605-1.16 1.291-1.16h10.507c.69 0 1.292.544 1.292 1.163v2.373h2.585v-.003z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-support-agent-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupportAgentFilled = function IconSupportAgentFilled(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 IconSupportAgentFilled = function IconSupportAgentFilled(_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: "M15.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zM11.87 4.188c2.837 0 4.4 1.563 4.4 4.4 0 .149-.005.294-.014.437h-2.23c-.263-.238-.618-.367-1.03-.367-.437 0-.807.143-1.081.415-.275.272-.418.644-.418 1.078 0 .429.143.799.41 1.07.274.278.649.423 1.089.423.414 0 .776-.131 1.042-.38H15.6c-.712 1.128-1.978 1.725-3.731 1.725-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.562-4.401 4.4-4.401zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.678 2.667 1.67 4.743v.008l-.009.544c0 .565-.176 1.039-.504 1.364-.328.325-.778.49-1.339.49H13.78a.702.702 0 01-.098.123c-.162.168-.403.255-.689.255-.286 0-.527-.09-.69-.255-.162-.165-.246-.395-.246-.678 0-.574.362-.933.939-.933.353 0 .624.135.781.367h2.53c.252 0 .44-.056.552-.168.14-.143.17-.389.17-.574v-.008l.009-.544c-.003-1.753-.451-3.075-1.34-3.927-.856-.826-2.148-1.244-3.84-1.244-1.529 0-2.736.345-3.582 1.017C7.419 4.824 6.9 5.88 6.74 7.283a.56.56 0 01-1.112-.129c.196-1.706.851-3.017 1.952-3.893C8.631 2.423 10.074 2 11.864 2z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.002 5.384c.11 0 .212.008.321.015.075.004.15.008.224.02.054.007.113.01.168.022.106.015.212.034.317.057 1.96.464 3.449 2.223 3.515 4.29h-3.844c-.964 0-1.747.76-1.747 1.696 0 .935.783 1.695 1.747 1.695l2.096-.001.25.08c2.306.763 3.846 2.432 3.946 4.474l.005.22V22H5v-4.04c0-2.212 1.642-3.975 4.165-4.72-1.046-.81-1.716-2.053-1.716-3.447 0-1.19.49-2.27 1.285-3.064.02-.019.04-.045.059-.064.09-.088.18-.164.27-.24.02-.019.04-.034.055-.05.098-.071.2-.147.302-.216.02-.011.035-.023.05-.034a5.698 5.698 0 01.377-.22 6.978 6.978 0 01.4-.183c.11-.042.23-.083.344-.121l.075-.023a3.85 3.85 0 01.345-.084c.031-.004.058-.011.09-.019.113-.023.239-.038.356-.053.028-.004.055-.011.087-.015a4.57 4.57 0 01.458-.023zm.25-2.38c3.72.126 6.744 3.235 6.744 6.925v.194c.004 1.121-.94 2.037-2.096 2.037h-4.197a.693.693 0 01-.701-.68c0-.372.313-.68.701-.68H16.9a.693.693 0 00.701-.68v-.194c0-2.969-2.421-5.47-5.395-5.572-1.536-.05-2.99.486-4.091 1.516-1.101 1.034-1.712 2.425-1.712 3.911 0 .373-.314.68-.702.68A.69.69 0 015 9.781c0-1.858.76-3.595 2.14-4.884a7.066 7.066 0 015.113-1.892z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M15.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zM11.87 4.188c2.837 0 4.4 1.563 4.4 4.4 0 .149-.005.294-.014.437h-2.23c-.263-.238-.618-.367-1.03-.367-.437 0-.807.143-1.081.415-.275.272-.418.644-.418 1.078 0 .429.143.799.41 1.07.274.278.649.423 1.089.423.414 0 .776-.131 1.042-.38H15.6c-.712 1.128-1.978 1.725-3.731 1.725-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.562-4.401 4.4-4.401zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.678 2.667 1.67 4.743v.008l-.009.544c0 .565-.176 1.039-.504 1.364-.328.325-.778.49-1.339.49H13.78a.702.702 0 01-.098.123c-.162.168-.403.255-.689.255-.286 0-.527-.09-.69-.255-.162-.165-.246-.395-.246-.678 0-.574.362-.933.939-.933.353 0 .624.135.781.367h2.53c.252 0 .44-.056.552-.168.14-.143.17-.389.17-.574v-.008l.009-.544c-.003-1.753-.451-3.075-1.34-3.927-.856-.826-2.148-1.244-3.84-1.244-1.529 0-2.736.345-3.582 1.017C7.419 4.824 6.9 5.88 6.74 7.283a.56.56 0 01-1.112-.129c.196-1.706.851-3.017 1.952-3.893C8.631 2.423 10.074 2 11.864 2z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSupportAgentFilled;
 exports.default = _default;

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

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

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

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