@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTrainLight = function IconTrainLight(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 IconTrainLight = function IconTrainLight(_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: "M13.122 5.556H2.988v.97h8.93c.227 0 .409.22.409.492v4.446c0 .274-.182.493-.41.493H2.992v1.994h17.773c.005 0 .011.003.017.003.103-.283.182-.577.21-.894.03-.336 0-.678-.076-1.022h-7.35c-.227 0-.409-.219-.409-.493V5.556c-.017.003-.03.003-.034 0zm7.443 5.496a6.541 6.541 0 00-.843-1.275c-2.44-2.938-4.605-3.829-5.748-4.1v5.372h6.591v.003zm-1.577 5.255c.308-.244.84-.726 1.283-1.373H2.99v1.555c10.764 0 14.35.022 15.4.03a.87.87 0 00.597-.212zM2.99 10.97h2.383V7.51H2.991v3.46zm3.199 0h2.283V7.51h-2.28v3.46H6.19zm3.1 0h2.219V7.51H9.29v3.46zm-7.12 3.473l.003-.011v-2.96c0-.004-.003-.007-.003-.01v-6.4c0-.132.042-.258.12-.35a.372.372 0 01.289-.143h10.53c.111 0 3.372-.092 7.193 4.51 1.112 1.339 1.616 2.711 1.501 4.081-.165 1.955-1.552 3.328-2.361 3.97-.311.246-.67.378-1.042.378h-.014c-1.062-.012-4.726-.031-15.804-.031-.227 0-.41-.222-.41-.493v-2.533l-.002-.008zm19.277 3.992c.227 0 .41.221.41.493 0 .271-.183.493-.41.493H2.58c-.227 0-.409-.222-.409-.493 0-.272.182-.493.409-.493h18.868z",
-        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: "M4.743 9.638v11.999c0 .2-.166.363-.371.363A.368.368 0 014 21.637v-12C4 5.427 7.507 2 11.819 2c4.312 0 7.819 3.426 7.819 7.638v9.453c0 .2-.167.363-.372.363a.368.368 0 01-.371-.363V9.638c0-3.807-3.174-6.907-7.071-6.907-3.898 0-7.08 3.1-7.08 6.907zM17.29 21.38a.351.351 0 010 .512.376.376 0 01-.524 0l-2.869-2.802h-4.16l-2.868 2.802a.376.376 0 01-.524 0 .351.351 0 010-.512l2.345-2.29h-.22c-1.024 0-1.863-.815-1.863-1.82V8.91c0-1 .834-1.82 1.863-1.82h6.7c1.024 0 1.863.815 1.863 1.82v8.365c0 1-.834 1.82-1.863 1.82h-.22l2.34 2.285zM7.345 8.911v3.636h8.934V8.912c0-.6-.5-1.09-1.115-1.09h-6.7a1.105 1.105 0 00-1.12 1.09zm1.12 9.454h6.699c.614 0 1.115-.489 1.115-1.09v-.125a1.32 1.32 0 01-.558.126c-.72 0-1.3-.573-1.3-1.27 0-.699.586-1.272 1.3-1.272.2 0 .391.047.558.126v-1.582H7.345v1.582a1.32 1.32 0 01.557-.126c.72 0 1.301.573 1.301 1.271s-.581 1.27-1.296 1.27c-.2 0-.39-.046-.557-.125v.126c-.005.6.5 1.089 1.115 1.089zm-.558-1.815c.31 0 .558-.247.558-.545a.555.555 0 00-.558-.544.555.555 0 00-.557.544c0 .298.247.545.557.545zm7.814-1.094a.552.552 0 00-.557.544c0 .298.252.545.557.545A.555.555 0 0016.28 16a.552.552 0 00-.558-.544zm3.536 5.092a.736.736 0 00-.744.726c0 .4.334.726.744.726s.743-.326.743-.726c0-.4-.329-.726-.743-.726z",
+            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: "M13.122 5.556H2.988v.97h8.93c.227 0 .409.22.409.492v4.446c0 .274-.182.493-.41.493H2.992v1.994h17.773c.005 0 .011.003.017.003.103-.283.182-.577.21-.894.03-.336 0-.678-.076-1.022h-7.35c-.227 0-.409-.219-.409-.493V5.556c-.017.003-.03.003-.034 0zm7.443 5.496a6.541 6.541 0 00-.843-1.275c-2.44-2.938-4.605-3.829-5.748-4.1v5.372h6.591v.003zm-1.577 5.255c.308-.244.84-.726 1.283-1.373H2.99v1.555c10.764 0 14.35.022 15.4.03a.87.87 0 00.597-.212zM2.99 10.97h2.383V7.51H2.991v3.46zm3.199 0h2.283V7.51h-2.28v3.46H6.19zm3.1 0h2.219V7.51H9.29v3.46zm-7.12 3.473l.003-.011v-2.96c0-.004-.003-.007-.003-.01v-6.4c0-.132.042-.258.12-.35a.372.372 0 01.289-.143h10.53c.111 0 3.372-.092 7.193 4.51 1.112 1.339 1.616 2.711 1.501 4.081-.165 1.955-1.552 3.328-2.361 3.97-.311.246-.67.378-1.042.378h-.014c-1.062-.012-4.726-.031-15.804-.031-.227 0-.41-.222-.41-.493v-2.533l-.002-.008zm19.277 3.992c.227 0 .41.221.41.493 0 .271-.183.493-.41.493H2.58c-.227 0-.409-.222-.409-.493 0-.272.182-.493.409-.493h18.868z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTrainLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTrainRegular = function IconTrainRegular(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 IconTrainRegular = function IconTrainRegular(_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: "M12.955 5.961h-9.58v.824h8.28c.333 0 .602.31.602.697v3.805c0 .384-.269.697-.602.697h-8.28v1.413h17.134c.067-.203.118-.408.137-.627a2.73 2.73 0 00-.03-.707h-7.059c-.333 0-.602-.31-.602-.697V5.961zm7.1 4.708a6.334 6.334 0 00-.591-.801c-2.205-2.544-4.167-3.431-5.301-3.739v4.54h5.892zm-1.28 4.98c.224-.167.577-.468.916-.864H3.375v1.001c10.507 0 13.931.02 14.92.029h.009a.755.755 0 00.47-.165zM5.118 10.594V8.18H3.375v2.414h1.743zm1.205 0h1.871V8.18H6.323v2.414zm3.076 0h1.653V8.18H9.4v2.414zm-7.052 6.381a.757.757 0 01-.177-.49V5.267c0-.384.269-.697.602-.697H13.11c.115-.004 3.39-.095 7.204 4.312 1.135 1.311 1.65 2.667 1.53 4.026-.171 1.936-1.583 3.276-2.407 3.904a1.871 1.871 0 01-1.132.392h-.017c-1.009-.01-4.54-.028-15.515-.028a.568.568 0 01-.425-.203zm18.91 1.052c.334 0 .603.31.603.697 0 .387-.27.697-.603.697H2.772c-.333 0-.602-.31-.602-.697 0-.387.269-.697.602-.697h18.485z",
-        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: "M20 9.929v11.172c0 .396-.326.72-.726.72a.724.724 0 01-.727-.72V9.929c0-3.575-2.938-6.485-6.547-6.485-3.609 0-6.547 2.91-6.547 6.485v11.172c0 .396-.326.72-.727.72A.724.724 0 014 21.1V9.929C4 5.556 7.59 2 12.005 2 16.419 2 20 5.56 20 9.929zm-2.524 11.148a.536.536 0 010 .766.545.545 0 01-.386.157c-.14 0-.28-.05-.387-.157l-2.752-2.726H10.04l-2.752 2.726A.545.545 0 016.9 22c-.14 0-.28-.05-.386-.157a.536.536 0 010-.766l1.993-1.974a1.995 1.995 0 01-1.789-1.97V8.85c0-1.094.9-1.984 2.003-1.984h6.547c1.104 0 2.002.89 2.002 1.984v8.288a1.99 1.99 0 01-1.788 1.97l1.993 1.97zm-1.3-5.202a.362.362 0 00-.362-.36c-.2 0-.363.161-.363.36a.362.362 0 00.726 0zM7.815 8.85v3.422h8.368V8.85c0-.499-.41-.9-.908-.9H8.722a.902.902 0 00-.908.9zm.908 9.188h6.547a.9.9 0 00.894-.766 1.448 1.448 0 01-1.802-1.393c0-.793.652-1.439 1.453-1.439.125 0 .247.023.363.05v-1.13H7.814v1.13a1.448 1.448 0 011.816 1.388 1.448 1.448 0 01-1.802 1.394.9.9 0 00.894.766zm-.545-1.804c.2 0 .363-.161.363-.36a.362.362 0 00-.363-.36c-.2 0-.363.162-.363.36 0 .199.163.36.363.36z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.955 5.961h-9.58v.824h8.28c.333 0 .602.31.602.697v3.805c0 .384-.269.697-.602.697h-8.28v1.413h17.134c.067-.203.118-.408.137-.627a2.73 2.73 0 00-.03-.707h-7.059c-.333 0-.602-.31-.602-.697V5.961zm7.1 4.708a6.334 6.334 0 00-.591-.801c-2.205-2.544-4.167-3.431-5.301-3.739v4.54h5.892zm-1.28 4.98c.224-.167.577-.468.916-.864H3.375v1.001c10.507 0 13.931.02 14.92.029h.009a.755.755 0 00.47-.165zM5.118 10.594V8.18H3.375v2.414h1.743zm1.205 0h1.871V8.18H6.323v2.414zm3.076 0h1.653V8.18H9.4v2.414zm-7.052 6.381a.757.757 0 01-.177-.49V5.267c0-.384.269-.697.602-.697H13.11c.115-.004 3.39-.095 7.204 4.312 1.135 1.311 1.65 2.667 1.53 4.026-.171 1.936-1.583 3.276-2.407 3.904a1.871 1.871 0 01-1.132.392h-.017c-1.009-.01-4.54-.028-15.515-.028a.568.568 0 01-.425-.203zm18.91 1.052c.334 0 .603.31.603.697 0 .387-.27.697-.603.697H2.772c-.333 0-.602-.31-.602-.697 0-.387.269-.697.602-.697h18.485z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTrainRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-tram-train-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTramTrainFilled = function IconTramTrainFilled(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 IconTramTrainFilled = function IconTramTrainFilled(_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.1 3.4c.333 0 .602.272.602.61 0 .337-.27.611-.602.611h-5.944v1.656c0 .336-.27.61-.603.61h-1.392l-.989 1.006h2.81c.199.008 4.216.244 6.067 4.042 2.076 4.255-.47 5.95-1.563 6.675l-.073.05a2.051 2.051 0 01-1.131.345h-.017l-.625-.003c-.092.992-.776 1.625-1.807 1.625-1.036 0-1.72-.639-1.81-1.639l-2.57-.005c-.087 1-.774 1.641-1.81 1.641s-1.723-.641-1.81-1.644h-.456c-.087 1.003-.77 1.644-1.81 1.644-1.036 0-1.725-.644-1.81-1.647H2.753a.605.605 0 01-.602-.61V8.503c0-.163.064-.317.176-.432a.596.596 0 01.426-.179h5.294L9.08 6.845a.61.61 0 01-.384-.568V4.62H2.752a.605.605 0 01-.602-.61c0-.336.269-.611.602-.611zm-5.264 14.74c-.448 0-.622.176-.622.63 0 .453.174.63.622.63s.622-.177.622-.63c0-.454-.174-.63-.622-.63zm-6.19 0c-.448 0-.622.176-.622.63 0 .453.174.63.622.63s.622-.177.622-.63c0-.454-.174-.63-.622-.63zm-4.073 0c-.448 0-.622.176-.622.63 0 .453.174.63.622.63.445 0 .619-.177.622-.63 0-.454-.177-.63-.622-.63zm14.695-1.891H3.354v1.501h.64c.299-.526.85-.837 1.573-.837s1.275.313 1.575.84h.927c.3-.527.851-.84 1.574-.84.725 0 1.277.313 1.577.84l3.036.006c.3-.53.855-.846 1.58-.846.731 0 1.286.322 1.583.86l.857.005c.168.03.333-.047.479-.146l.076-.047c.479-.32 1.07-.712 1.437-1.336zm-5.236-7.126v4.131h5.266a7.776 7.776 0 00-.327-.776c-1.426-2.921-4.412-3.31-4.939-3.355zM9.537 9.8H7.279v3.386h2.258V9.801zm3.705 0H10.94v3.386h2.302V9.801zm-7.37 0H3.358v3.383h2.516V9.801zm5.586-2.914h-.717l-.989 1.006h.717l.99-1.006zm2.496-2.266h-4.05v1.045h4.05V4.621z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-tram-train-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTramTrainLight = function IconTramTrainLight(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 IconTramTrainLight = function IconTramTrainLight(_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.285 3.6a.408.408 0 110 .817h-6.273V6.28a.408.408 0 01-.409.409H13.09c-.005.005-.005.013-.01.019l-1.404 1.396h3.361c.191.009 4.172.237 6.01 3.94 2.04 4.105-.364 5.673-1.521 6.424l-.076.049a1.876 1.876 0 01-1.042.313h-.017l-.835-.005c-.059.933-.675 1.51-1.647 1.51-.975 0-1.594-.582-1.648-1.521l-3.02-.006c-.05.942-.67 1.527-1.647 1.527-.98 0-1.6-.585-1.65-1.53h-.86c-.05.945-.67 1.53-1.65 1.53-.981 0-1.6-.588-1.65-1.532H2.561a.41.41 0 01-.41-.408v-2.723c-.002-.01 0-.013 0-.016v-1.832c-.002 0-.002-.003-.002-.006V8.514a.4.4 0 01.12-.289.406.406 0 01.289-.12h5.488l1.42-1.415H9.24a.41.41 0 01-.41-.409V4.417H2.56a.408.408 0 110-.817zm-5.373 14.248c-.564 0-.838.275-.838.839 0 .56.272.836.838.836.563 0 .837-.273.837-.836 0-.564-.274-.839-.837-.839zm-6.318 0c-.566 0-.84.275-.84.839 0 .56.274.836.84.836.563 0 .84-.273.838-.836 0-.564-.275-.839-.838-.839zm-4.16 0c-.564 0-.838.275-.838.839 0 .56.274.836.837.836.566 0 .841-.273.841-.836 0-.564-.275-.839-.84-.839zm15.341-1.772H2.976v1.914h.922c.23-.604.776-.958 1.541-.958.765 0 1.314.356 1.541.96h1.076c.227-.606.773-.96 1.54-.96.768 0 1.317.356 1.544.963l3.23.006c.225-.61.777-.97 1.544-.97.77 0 1.323.363 1.547.978l.941.005a1.11 1.11 0 00.603-.177l.075-.049c.56-.364 1.311-.86 1.695-1.712zm-6.797-7.154l-11.007.003v.803h9.764a.41.41 0 01.409.408v3.683a.408.408 0 01-.41.409H2.972v1.029h17.807c.076 0 .14.024.202.06a3.626 3.626 0 00-.026-1.021h-6.567a.41.41 0 01-.409-.409V8.922zm1.05 0h-.231v4.557h5.959a8.248 8.248 0 00-.443-1.072c-1.625-3.275-5.256-3.482-5.292-3.485zM5.77 10.548h-2.8v2.867h2.8v-2.867zm3.154 0H6.591v2.867h2.333v-2.867zm3.401 0h-2.58v2.867h2.58v-2.867zM11.94 6.69h-1.311l-1.42 1.415h1.31l1.42-1.415zm2.258-2.273H9.653v1.456h4.544V4.417z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-tram-train-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTramTrainRegular = function IconTramTrainRegular(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 IconTramTrainRegular = function IconTramTrainRegular(_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.1 3.4c.333 0 .602.272.602.61 0 .337-.27.611-.602.611h-5.944v1.656c0 .336-.27.61-.603.61h-1.395L12.17 7.89h2.81c.198.009 4.215.244 6.066 4.042 2.076 4.258-.47 5.953-1.56 6.675l-.073.048a2.051 2.051 0 01-1.131.344h-.017l-.625-.002c-.092.994-.776 1.627-1.807 1.627-1.036 0-1.72-.639-1.81-1.639l-2.57-.005c-.087 1-.774 1.641-1.81 1.641-1.04 0-1.723-.644-1.81-1.647h-.456c-.084 1.006-.77 1.647-1.81 1.647-1.039 0-1.725-.644-1.81-1.647H2.753a.605.605 0 01-.602-.61V8.5c0-.163.064-.317.176-.432a.596.596 0 01.426-.179h5.294L9.08 6.843a.606.606 0 01-.384-.566V4.62H2.752a.605.605 0 01-.602-.61c0-.336.269-.611.602-.611zm-5.267 14.74c-.448 0-.621.176-.621.63s.176.63.621.63c.449 0 .622-.176.622-.63s-.173-.63-.622-.63zm-6.19 0c-.448 0-.622.176-.622.63s.177.63.622.63c.448 0 .622-.176.622-.63s-.174-.63-.622-.63zm-4.076 0c-.448 0-.621.176-.621.63s.173.63.621.63c.449 0 .622-.176.622-.63s-.173-.63-.622-.63zm14.7-1.883H3.358v1.502h.639c.3-.527.851-.838 1.574-.838.723 0 1.275.31 1.574.838h.928c.3-.53.851-.84 1.574-.84.722 0 1.274.31 1.574.84l3.036.005c.297-.53.852-.846 1.577-.846.732 0 1.286.32 1.583.857l.857.006c.168.028.334-.048.48-.146l.075-.05c.482-.322 1.07-.714 1.44-1.328zm-6.445-7.143l-10.468.003v.726h9.082c.333 0 .602.271.602.61v3.345c0 .336-.269.61-.602.61H3.354v.62h17.247c.008 0 .014.005.022.005a3.469 3.469 0 00-.02-.557h-6.178a.605.605 0 01-.603-.611v-4.75zm1.208.006v4.132h5.266a8.911 8.911 0 00-.33-.776c-1.424-2.92-4.41-3.308-4.936-3.356zm-9.516 1.94H3.357v2.123h2.157V11.06zm3.14 0H6.72v2.123h1.935V11.06zm3.18 0H9.858v2.123h1.974V11.06zm-.379-4.174h-.717L9.75 7.89h.718l.988-1.003zm2.496-2.266h-4.05v1.045h4.05V4.621z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTrashCanFilled = function IconTrashCanFilled(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 IconTrashCanFilled = function IconTrashCanFilled(_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.347 6.137h-7.01V4.325c0-.423.092-.728.276-.9.233-.212.57-.193.628-.19l5.188-.003c.3 0 .515.073.66.227.236.25.267.69.258.877v1.801zM14.5 17.011a.601.601 0 11-1.205 0V10.85a.601.601 0 111.205 0v6.162zm-4.11 0a.601.601 0 11-1.204 0V10.85a.601.601 0 111.204 0v6.162zM21.084 6.137h-4.535V4.375c.008-.106.053-1.058-.577-1.734-.26-.28-.74-.613-1.543-.613l-5.13.006a2.002 2.002 0 00-1.484.493c-.45.409-.68 1.014-.68 1.798v1.812H2.601a.601.601 0 100 1.205H4.06l.003 11.087c-.003.056-.084 1.397.815 2.358.574.614 1.392.927 2.428.927h9.042c.006 0 .028.003.065.003.291 0 1.456-.053 2.31-.871.603-.577.908-1.381.908-2.39V7.343h1.457c.33 0 .602-.27.602-.603a.607.607 0 00-.605-.602z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M21.254 3.624h-5.922v-.373c0-1.239-1-2.251-2.223-2.251h-2.222C9.663 1 8.664 2.012 8.664 3.25v.374H2.742A.749.749 0 002 4.376c0 .416.332.752.742.752h1.48v14.621c0 1.239 1 2.251 2.223 2.251h11.11c1.223 0 2.222-1.012 2.222-2.25V5.123h1.48a.749.749 0 00-.003-1.5zM9.962 18.246a.576.576 0 01-.556.563.576.576 0 01-.555-.563V7.374c0-.298.26-.562.555-.562.295 0 .556.264.556.562v10.872zm3.885-14.622h-3.703v-.373a.75.75 0 01.743-.752h2.222a.75.75 0 01.743.752v.373h-.005zm1.298 14.622a.576.576 0 01-.555.563.576.576 0 01-.556-.563V7.374c0-.298.261-.562.556-.562.294 0 .555.264.555.562v10.872z",
+            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.347 6.137h-7.01V4.325c0-.423.092-.728.276-.9.233-.212.57-.193.628-.19l5.188-.003c.3 0 .515.073.66.227.236.25.267.69.258.877v1.801zM14.5 17.011a.601.601 0 11-1.205 0V10.85a.601.601 0 111.205 0v6.162zm-4.11 0a.601.601 0 11-1.204 0V10.85a.601.601 0 111.204 0v6.162zM21.084 6.137h-4.535V4.375c.008-.106.053-1.058-.577-1.734-.26-.28-.74-.613-1.543-.613l-5.13.006a2.002 2.002 0 00-1.484.493c-.45.409-.68 1.014-.68 1.798v1.812H2.601a.601.601 0 100 1.205H4.06l.003 11.087c-.003.056-.084 1.397.815 2.358.574.614 1.392.927 2.428.927h9.042c.006 0 .028.003.065.003.291 0 1.456-.053 2.31-.871.603-.577.908-1.381.908-2.39V7.343h1.457c.33 0 .602-.27.602-.603a.607.607 0 00-.605-.602z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTrashCanFilled;
 exports.default = _default;

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

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