@telefonica/mistica 10.10.0 → 10.14.0

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

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

package/dist/generated/mistica-icons/icon-trash-can-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTrashCanLight = function IconTrashCanLight(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 IconTrashCanLight = function IconTrashCanLight(_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: "M18.905 18.713V7.167H5.053V18.73c0 .042-.056 1.023.563 1.67.387.409.967.622 1.72.622h9.258c.034 0 1.04.033 1.703-.614.403-.384.608-.958.608-1.695zM8.199 4.296V6.35h7.563V4.302c0-.034.034-.656-.32-1.031-.187-.205-.459-.294-.826-.294H9.32c-.042 0-.468-.034-.77.246-.239.213-.354.572-.351 1.073zm13.21 2.053a.41.41 0 010 .818h-1.686v11.546c0 .975-.294 1.746-.868 2.292-.81.787-1.933.834-2.21.834H7.338c-1 0-1.776-.294-2.325-.885-.86-.916-.779-2.201-.779-2.252V7.167H2.541a.41.41 0 010-.818h4.837V4.296c0-.745.205-1.31.622-1.686.583-.516 1.328-.451 1.359-.451h5.255c.605 0 1.08.188 1.425.557.597.639.541 1.58.541 1.62v2.013h4.83zM9.88 17.655a.408.408 0 01-.408-.41v-6.29a.41.41 0 01.818 0v6.29a.408.408 0 01-.41.41zm4.194 0a.408.408 0 01-.409-.41v-6.29a.41.41 0 01.818 0v6.29a.408.408 0 01-.409.41z",
-        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: "M13.112 1c1.037 0 1.85.823 1.85 1.874v.752h6.669c.224 0 .369.155.369.378 0 .222-.145.373-.37.373H4.96v15.754c0 .638.48 1.125 1.112 1.125h11.854c.631 0 1.112-.487 1.112-1.125V8.503c0-.223.146-.374.37-.374.22 0 .369.147.369.374v11.623c0 1.05-.813 1.874-1.85 1.874H6.07c-1.038 0-1.851-.823-1.851-1.874V4.373H2.37C2.15 4.373 2 4.222 2 4s.145-.373.37-.373h6.667v-.752c0-1.05.814-1.874 1.851-1.874zm1.481 6.003c.22 0 .37.147.37.374v10.876c0 .222-.15.374-.37.374s-.369-.147-.369-.374V7.377c0-.227.15-.374.37-.374zm-5.186 0c.22 0 .369.147.369.374v10.876c0 .222-.15.374-.37.374s-.369-.147-.369-.374V7.377c0-.227.15-.374.37-.374zM19.41 5.499c.41 0 .743.337.743.752a.747.747 0 01-.743.752.747.747 0 01-.743-.752c0-.415.333-.752.743-.752zm-6.299-3.751h-2.224c-.63 0-1.112.487-1.112 1.126v.752h4.448v-.752c0-.639-.481-1.126-1.112-1.126z",
+            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: "M18.905 18.713V7.167H5.053V18.73c0 .042-.056 1.023.563 1.67.387.409.967.622 1.72.622h9.258c.034 0 1.04.033 1.703-.614.403-.384.608-.958.608-1.695zM8.199 4.296V6.35h7.563V4.302c0-.034.034-.656-.32-1.031-.187-.205-.459-.294-.826-.294H9.32c-.042 0-.468-.034-.77.246-.239.213-.354.572-.351 1.073zm13.21 2.053a.41.41 0 010 .818h-1.686v11.546c0 .975-.294 1.746-.868 2.292-.81.787-1.933.834-2.21.834H7.338c-1 0-1.776-.294-2.325-.885-.86-.916-.779-2.201-.779-2.252V7.167H2.541a.41.41 0 010-.818h4.837V4.296c0-.745.205-1.31.622-1.686.583-.516 1.328-.451 1.359-.451h5.255c.605 0 1.08.188 1.425.557.597.639.541 1.58.541 1.62v2.013h4.83zM9.88 17.655a.408.408 0 01-.408-.41v-6.29a.41.41 0 01.818 0v6.29a.408.408 0 01-.41.41zm4.194 0a.408.408 0 01-.409-.41v-6.29a.41.41 0 01.818 0v6.29a.408.408 0 01-.409.41z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTrashCanLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-trash-can-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTrashCanRegular = function IconTrashCanRegular(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 IconTrashCanRegular = function IconTrashCanRegular(_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: "M14.75 2.5c1.202 0 2.167.98 2.245 2.197l.005.16V6.5h4.25a.75.75 0 01.102 1.493L21.25 8H20v10.75a3.25 3.25 0 01-3.066 3.245L16.75 22h-9a3.25 3.25 0 01-3.25-3.25V8H3.25a.75.75 0 01-.102-1.493L3.25 6.5H7.5V4.857c0-1.236.915-2.268 2.095-2.352L9.75 2.5h5zM18.5 8H6v10.75a1.75 1.75 0 001.606 1.744l.144.006h9a1.75 1.75 0 001.75-1.75V8zm-8.25 2.5a.75.75 0 01.743.648l.007.102v6a.75.75 0 01-1.493.102L9.5 17.25v-6a.75.75 0 01.75-.75zm4 0a.75.75 0 01.743.648l.007.102v6a.75.75 0 01-1.493.102l-.007-.102v-6a.75.75 0 01.75-.75zm.5-6.5h-5c-.37 0-.696.318-.744.747L9 4.857V6.5h6.5V4.857c0-.447-.297-.799-.658-.85L14.75 4z",
-        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: "M13.11 1c1.223 0 2.222 1.012 2.222 2.25v.374h5.922a.749.749 0 01.004 1.5h-1.48v14.625c0 1.239-1 2.251-2.223 2.251H6.445c-1.223 0-2.222-1.012-2.222-2.25V5.127h-1.48A.746.746 0 012 4.376a.75.75 0 01.742-.752h5.922v-.373c0-1.239 1-2.251 2.223-2.251zm5.183 4.124H5.703v14.621a.75.75 0 00.742.752H17.55a.75.75 0 00.743-.752V5.124zM14.59 6.623c.41 0 .742.34.742.751v10.872a.746.746 0 01-.742.752.749.749 0 01-.743-.752V7.374c0-.411.332-.751.743-.751zm-5.184 0a.75.75 0 01.742.751v10.872a.746.746 0 01-.742.752.749.749 0 01-.742-.752V7.374c0-.415.336-.751.742-.751zm3.707-4.124h-2.222a.75.75 0 00-.743.752h.005v.373h3.703v-.373a.749.749 0 00-.743-.752z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M14.75 2.5c1.202 0 2.167.98 2.245 2.197l.005.16V6.5h4.25a.75.75 0 01.102 1.493L21.25 8H20v10.75a3.25 3.25 0 01-3.066 3.245L16.75 22h-9a3.25 3.25 0 01-3.25-3.25V8H3.25a.75.75 0 01-.102-1.493L3.25 6.5H7.5V4.857c0-1.236.915-2.268 2.095-2.352L9.75 2.5h5zM18.5 8H6v10.75a1.75 1.75 0 001.606 1.744l.144.006h9a1.75 1.75 0 001.75-1.75V8zm-8.25 2.5a.75.75 0 01.743.648l.007.102v6a.75.75 0 01-1.493.102L9.5 17.25v-6a.75.75 0 01.75-.75zm4 0a.75.75 0 01.743.648l.007.102v6a.75.75 0 01-1.493.102l-.007-.102v-6a.75.75 0 01.75-.75zm.5-6.5h-5c-.37 0-.696.318-.744.747L9 4.857V6.5h6.5V4.857c0-.447-.297-.799-.658-.85L14.75 4z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTrashCanRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-travel-bag-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTravelBagFilled = function IconTravelBagFilled(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 IconTravelBagFilled = function IconTravelBagFilled(_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: "M14.164 2c.484 0 .91.412.91.882v3.11h1.376c.647 0 1.212.63 1.212 1.35v12.39c0 .733-.554 1.352-1.212 1.352h-1.045c-.081.549-.558.6-.687.602h-.067c-.134-.003-.605-.053-.686-.602H9.909c-.081.549-.557.6-.686.602h-.068c-.134 0-.605-.053-.686-.602H7.388c-.658 0-1.213-.62-1.213-1.353V7.341c0-.72.569-1.35 1.213-1.35h1.375V2.883c0-.479.415-.882.91-.882zm1.02 10.521H8.66v4.927c0 .698.397 1.221.924 1.221h4.675c.524 0 .922-.523.922-1.22h.002V12.52zm-.925-4.011H9.584c-.577 0-.924.622-.924 1.221v1.706h6.52l.001-.853v-.586l.001-.11.001-.138v-.019c0-.6-.347-1.221-.924-1.221zm-.414-5.292h-3.85v2.765h3.85V3.218z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-travel-bag-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTravelBagLight = function IconTravelBagLight(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 IconTravelBagLight = function IconTravelBagLight(_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: "M16.83 19.88V7.24c0-.181-.142-.331-.2-.345H7.247c-.051.011-.193.16-.193.342v12.64c0 .203.142.339.193.342h9.39c.05.002.194-.139.194-.34zM9.736 2.828v3.234h4.414V2.83H9.736zm6.9 3.24c.547 0 1.044.56 1.044 1.17v12.64c0 .625-.485 1.171-1.043 1.171H15.57c0 .017.003.028.003.045 0 .718-.582.775-.73.775h-.07c-.153-.003-.729-.06-.729-.78 0-.017.003-.026.003-.043H9.875c0 .017.006.028.006.045 0 .719-.585.775-.73.775H9.08c-.154-.003-.73-.06-.73-.78 0-.017.003-.026.003-.043h-1.11c-.555 0-1.043-.548-1.043-1.17V7.242c0-.613.497-1.17 1.043-1.17H8.88v-3.38c0-.367.34-.692.733-.692h4.651c.39 0 .733.322.733.693v3.376h1.64zm-2.41 11.69a.624.624 0 00.035-.21v-5.211H9.628v5.211c0 .088.018.162.036.21h4.561zm-4.563-8.29a.628.628 0 00-.04.21v1.829h4.631v-1.83a.57.57 0 00-.039-.21H9.664zm4.703-.826c.467 0 .744.529.744 1.038v7.87c0 .503-.262 1.037-.744 1.037H9.519c-.482 0-.744-.534-.744-1.038V9.68c0-.51.277-1.037.744-1.037h4.848z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-travel-bag-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTravelBagRegular = function IconTravelBagRegular(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 IconTravelBagRegular = function IconTravelBagRegular(_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: "M16.43 19.734V7.344a.242.242 0 00-.05-.131H7.46a.25.25 0 00-.05.132V19.73a.26.26 0 00.042.132l8.933.003a.21.21 0 00.045-.132zM9.996 3.218v2.765h3.849V3.218h-3.85zm6.454 2.774c.647 0 1.212.63 1.212 1.35v12.39c0 .733-.554 1.352-1.212 1.352h-1.045c-.081.546-.558.6-.687.602h-.067c-.134-.003-.605-.053-.686-.602H9.909c-.081.546-.557.6-.686.602h-.068c-.134-.003-.605-.053-.686-.602H7.388c-.658 0-1.21-.619-1.21-1.35V7.344c0-.72.566-1.35 1.21-1.35h1.375V2.885c0-.479.418-.882.91-.882h4.49c.485 0 .911.412.911.882v3.11h1.376v-.003zM13.948 17.45v-4.91H9.89v4.91h4.06zM9.89 9.728v1.594h4.06V9.728H9.89zm4.37-1.215c.577 0 .924.621.924 1.22v7.718c0 .695-.397 1.221-.924 1.221H9.584c-.527 0-.924-.524-.924-1.221v-7.72c0-.6.344-1.221.924-1.221l4.675.003z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTreeFilled = function IconTreeFilled(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 IconTreeFilled = function IconTreeFilled(_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: "M17.03 5.773C15.785 2.185 11.746 2 10.923 2c-1.062 0-6.275.289-6.468 5.894C3.384 8.322 2 9.367 2 11.888c0 3.21 2.244 4.353 4.342 4.353h4.832v-1.51l-2.398-2.426a.612.612 0 01.003-.86.603.603 0 01.854.003l1.54 1.558V9.43a.605.605 0 111.21 0v1.034l1.194-1.627a.605.605 0 11.972.722l-2.143 2.922c-.005.008-.017.011-.022.02v3.728l-1.208.01v4.836a.605.605 0 101.21 0v-4.838l4.04-.025c2.431 0 5.266-1.378 5.266-5.26-.006-3.51-2.333-4.961-4.661-5.18",
         fill: fillColor
     })));

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

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

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

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