@telefonica/mistica 10.10.0 → 10.14.0

package/dist-es/generated/mistica-icons/icon-top-up-filled.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconTopUpFilled = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M18.333 6.465v11.07h-6.141V9.357l1.887 1.929c.11.108.248.144.39.144a.527.527 0 00.388-.144.524.524 0 000-.752l-3.192-3.18-3.158 3.18a.524.524 0 000 .752.503.503 0 00.74 0l1.895-1.929V22H8.507c-1.895 0-3.4-1.5-3.507-3.393h4.561c.28 0 .527-.252.527-.536a.548.548 0 00-.527-.536H5V6.465h13.333zm0 12.138c-.102 1.893-1.647 3.393-3.507 3.393h-2.634v-3.393zM14.826 2c1.86 0 3.405 1.5 3.507 3.393H5.003C5.107 3.5 6.652 2 8.512 2z",
+        fill: fillColor
+    })));
+};
+export default IconTopUpFilled;

package/dist-es/generated/mistica-icons/icon-top-up-light.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconTopUpLight = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M15.414 2c1.74 0 3.134 1.431 3.138 3.215v8.568c0 .212-.14.356-.347.356-.207 0-.348-.14-.348-.356v-7.5H6.707v11.435h3.485c.207 0 .347.144.347.356 0 .211-.136.355-.347.355H6.706v.356c0 1.392 1.078 2.5 2.44 2.5h2.787V8.928L9.735 11.18a.33.33 0 01-.488 0 .349.349 0 010-.5l3.033-3.142 3.032 3.143a.348.348 0 010 .5.375.375 0 01-.245.107.375.375 0 01-.246-.108l-2.198-2.25v8.784h5.929v1.071c0 1.788-1.397 3.215-3.138 3.215H9.138C7.393 22 6 20.569 6 18.785V5.215C6 3.427 7.397 2 9.138 2zm2.44 16.425h-5.227v2.855h2.787c1.358 0 2.44-1.103 2.44-2.499v-.356zm.35-3.214c.386 0 .7.32.7.715a.707.707 0 01-.7.716.707.707 0 01-.698-.716c0-.395.313-.715.699-.715zm-2.79-12.495H9.138c-1.358 0-2.44 1.107-2.44 2.499v.356h11.155v-.356c0-1.392-1.077-2.5-2.439-2.5z",
+        fill: fillColor
+    })));
+};
+export default IconTopUpLight;

package/dist-es/generated/mistica-icons/icon-top-up-regular.js

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconTopUpRegular = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M14.821 2H8.508C6.58 2 5 3.608 5 5.571V18.43C5 20.392 6.58 22 8.508 22h6.317c1.93 0 3.508-1.608 3.508-3.571V5.57C18.33 3.608 16.75 2 14.821 2zM8.508 3.428h6.317c1.053 0 1.894.784 2.07 1.783H6.435c.177-.995 1.017-1.783 2.074-1.783zM6.434 18.785h2.773a.711.711 0 00.704-.716.711.711 0 00-.704-.716H6.402V6.643h10.525v10.714h-4.561v-7.21l1.615 1.643a.69.69 0 00.49.216.69.69 0 00.492-.216.702.702 0 000-1l-3.3-3.431-3.296 3.427a.702.702 0 000 1 .673.673 0 00.982 0l1.614-1.644v10.43H8.508c-1.057 0-1.897-.788-2.074-1.787zm8.387 1.787h-2.455V18.79h4.526c-.177.995-1.018 1.783-2.07 1.783z",
+        fill: fillColor
+    })));
+};
+export default IconTopUpRegular;

package/dist-es/generated/mistica-icons/icon-tow-truck-filled.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTowTruckFilled = function(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 IconTowTruckFilled = function(_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 = useTheme(), colors = ref.colors;
     var isInverse = 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.375 18.903c-1.257 0-1.896-.635-1.896-1.89s.639-1.891 1.896-1.891c1.258 0 1.897.636 1.897 1.89 0 1.256-.639 1.891-1.897 1.891m-9.504 0c-1.258 0-1.896-.635-1.896-1.89s.638-1.891 1.896-1.891 1.897.636 1.897 1.89c0 1.256-.64 1.891-1.897 1.891m14.04-7.921a459.63 459.63 0 01-3.334-4.426c-.457-.636-1.272-1.045-2.073-1.045h-4.302a.6.6 0 00-.603.6v4.759L6.401 4.79a.604.604 0 00-.493-.26l-1.443-.01h-.006c-.056 0-.103.025-.156.039a.729.729 0 00-.132.033l-.011.009a.598.598 0 00-.342.535L3.81 9.332c.002.042-.009.23-.085.31-.033.037-.1.054-.198.054-.096-.028-.177-.008-.222-.056-.064-.07-.084-.246-.075-.339a.604.604 0 00-1.199-.14c-.009.078-.076.779.375 1.28.188.21.532.457 1.115.457h.014c.555-.003.894-.244 1.076-.443.44-.476.406-1.137.4-1.165l.003-1.69 1.765 3.553H2.625a.6.6 0 00-.603.6v4.4c0 .574.253 1.154.695 1.593a2.34 2.34 0 001.308.653c.446 1.079 1.448 1.709 2.84 1.709 1.376 0 2.367-.62 2.821-1.67h3.86c.454 1.054 1.446 1.67 2.82 1.67 1.376 0 2.368-.62 2.822-1.67h.224c.574 0 1.16-.252 1.6-.692.442-.44.694-1.022.694-1.593V12.81c.008-.79-.516-1.468-.796-1.83",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-tow-truck-light.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTowTruckLight = function(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 IconTowTruckLight = function(_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 = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M21.022 15.958c0 .314-.149.644-.41.899-.26.258-.59.406-.907.406h-.179c.014-.14.034-.277.034-.426 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.964 1.098-2.964 2.935 0 .152.02.286.034.426H9.823c.014-.14.034-.277.034-.426 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.96 1.098-2.96 2.935 0 .124.016.238.027.356a1.35 1.35 0 01-.574-.333c-.258-.258-.409-.586-.409-.9v-4.067h8.339a.407.407 0 00.409-.406V6.165h3.983c.485 0 1.011.263 1.286.639.45.619 3.078 4.078 3.423 4.524.227.29.608.781.608 1.238-.003-.003-.003 3.392-.003 3.392zm-4.426 3.003c-1.4 0-2.143-.734-2.143-2.124 0-1.389.742-2.123 2.143-2.123 1.4 0 2.143.734 2.143 2.123 0 1.39-.742 2.124-2.143 2.124zm-9.703 0c-1.4 0-2.14-.734-2.14-2.124 0-1.389.74-2.123 2.14-2.123 1.403 0 2.143.734 2.143 2.123 0 1.39-.74 2.124-2.143 2.124zM5.716 5.01l4.096 5.902-1.74-.003-2.95-5.905.594.006zm15.35 5.818c-.341-.443-2.96-3.885-3.406-4.501-.428-.594-1.196-.975-1.95-.975h-4.394a.407.407 0 00-.409.406v5.294L6.271 4.375a.41.41 0 00-.336-.176l-1.47-.011h-.003a.41.41 0 00-.163.042.4.4 0 00-.286.38l-.008 4.247c.006.056-.006.322-.14.468-.028.028-.112.117-.353.12h-.006c-.26 0-.344-.092-.372-.123-.132-.146-.137-.423-.129-.504a.405.405 0 00-.356-.451h-.003a.404.404 0 00-.453.35v.006c-.009.07-.07.697.33 1.14.165.182.468.395.986.395h.011c.493-.003.788-.21.95-.381.392-.423.361-1.014.356-1.048l.005-2.58 2.412 4.832H2.565a.407.407 0 00-.409.406v4.47c0 .53.236 1.068.647 1.477.353.35.807.555 1.322.616.395 1.098 1.367 1.726 2.765 1.726 1.39 0 2.359-.617 2.76-1.698h4.187c.4 1.084 1.37 1.698 2.759 1.698 1.39 0 2.359-.617 2.76-1.698h.35c.534 0 1.078-.232 1.487-.641.411-.41.65-.947.65-1.476v-3.398c0-.731-.488-1.359-.776-1.734z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-tow-truck-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTowTruckRegular = function(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 IconTowTruckRegular = function(_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 = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M20.482 16.15c0 .258-.123.53-.342.745a1.101 1.101 0 01-.709.333c.003-.073.017-.14.017-.215 0-1.908-1.19-3.09-3.103-3.09-1.914 0-3.104 1.185-3.104 3.09 0 .078.014.145.017.218h-3.33c.002-.073.016-.143.016-.218 0-1.908-1.19-3.09-3.104-3.09-1.913 0-3.103 1.185-3.103 3.09v.005c-.065-.042-.138-.07-.194-.126-.218-.216-.341-.487-.341-.745v-3.798h7.969a.6.6 0 00.602-.6V6.71h3.7c.412 0 .863.224 1.096.546.445.61 3.022 4.02 3.36 4.454.208.269.553.717.553 1.095v3.345zm-4.135 2.756c-1.257 0-1.896-.636-1.896-1.89 0-1.256.639-1.891 1.896-1.891 1.258 0 1.9.635 1.9 1.89s-.642 1.891-1.9 1.891zm-9.504 0c-1.258 0-1.896-.636-1.896-1.89 0-1.256.638-1.891 1.896-1.891s1.896.635 1.896 1.89c.003 1.255-.635 1.891-1.896 1.891zM5.557 5.73l3.734 5.409-1.199-.003-2.686-5.41.151.004zm15.328 5.249c-.336-.434-2.896-3.82-3.333-4.426-.46-.636-1.272-1.045-2.073-1.045h-4.303a.6.6 0 00-.602.6v4.762L6.375 4.79a.597.597 0 00-.493-.26L4.44 4.52h-.006c-.056 0-.103.025-.157.039-.045.008-.09.014-.131.033-.003 0-.006.003-.012.006a.592.592 0 00-.341.532l-.006 4.196c.003.042-.011.23-.084.311-.034.037-.1.053-.199.056-.095-.03-.176-.008-.221-.056-.065-.07-.084-.246-.076-.341a.604.604 0 00-1.199-.14c-.008.08-.075.781.376 1.282.187.208.532.457 1.115.457h.014c.554-.003.89-.244 1.075-.443.443-.476.406-1.137.4-1.165l.004-1.692 1.764 3.552H2.605a.6.6 0 00-.602.6v4.4c0 .574.252 1.154.694 1.594a2.36 2.36 0 001.306.653c.445 1.075 1.448 1.708 2.84 1.708 1.375 0 2.367-.619 2.82-1.672h3.864c.453 1.053 1.445 1.672 2.82 1.672 1.376 0 2.367-.619 2.821-1.672h.224c.574 0 1.157-.252 1.6-.692.442-.44.694-1.02.694-1.594v-3.336c0-.79-.524-1.465-.8-1.829z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTrainFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconTrainFilled = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M20.055 10.67a6.334 6.334 0 00-.591-.802c-2.205-2.544-4.167-3.431-5.301-3.742v4.543h5.892zm-1.28 4.98c.224-.171.577-.472.919-.865H3.374v1.001c10.508 0 13.932.02 14.922.029h.008a.755.755 0 00.47-.165zm-15.4-5.057h2.003V7.371H3.375v3.222zm3.393 0h2.155V7.371H6.768v3.222zm3.416 0h2.157V7.371h-2.157v3.222zm-7.837 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: "M13.241 19.091L16.093 22H6.898l2.86-2.909h3.483zM19 9.638V22h-1.399a.117.117 0 01-.013-.023l-2.834-2.89A1.804 1.804 0 0016.5 17.27v-.465a1.066 1.066 0 01-.713.284 1.08 1.08 0 01-1.07-1.09c0-.6.48-1.089 1.07-1.089.274 0 .526.107.713.284V13.46h-10v1.736c.192-.172.439-.284.713-.284.59 0 1.07.489 1.07 1.09 0 .6-.48 1.089-1.07 1.089-.274 0-.526-.107-.713-.284v.465c0 .987.782 1.792 1.746 1.815l-2.843 2.89A.102.102 0 005.39 22H4V9.638C4 5.426 7.364 2 11.5 2S19 5.426 19 9.638zm-2.5 2.727V8.912c0-1-.8-1.82-1.787-1.82H8.287c-.983 0-1.787.814-1.787 1.82v3.453h10z",
+            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: "M20.055 10.67a6.334 6.334 0 00-.591-.802c-2.205-2.544-4.167-3.431-5.301-3.742v4.543h5.892zm-1.28 4.98c.224-.171.577-.472.919-.865H3.374v1.001c10.508 0 13.932.02 14.922.029h.008a.755.755 0 00.47-.165zm-15.4-5.057h2.003V7.371H3.375v3.222zm3.393 0h2.155V7.371H6.768v3.222zm3.416 0h2.157V7.371h-2.157v3.222zm-7.837 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
+        })));
+    }
 };
 export default IconTrainFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTrainLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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
+        })));
+    }
 };
 export default IconTrainLight;