@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPinLight = 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 IconPinLight = 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: "M18.903 9.964a.415.415 0 00-.255.123l-2.983 3a.433.433 0 00-.112.4c.417 1.816-.2 3.57-1.886 5.27a.199.199 0 01-.145.061.208.208 0 01-.146-.061l-4.022-4.054c-.006-.008-.009-.016-.014-.025-.009-.008-.017-.011-.026-.017l-3.955-3.98a.196.196 0 01.006-.28l.03-.03c1.665-1.68 3.415-2.316 5.203-1.884a.424.424 0 00.398-.112l2.98-3.003a.437.437 0 00.124-.26c.07-.735.428-1.432 1.098-2.076l5.798 5.826c-.653.653-1.356 1.022-2.092 1.1m2.678-1.722l-5.786-5.81a.899.899 0 00-.63-.269c-.213 0-.412.081-.6.269-.739.742-1.173 1.563-1.296 2.44L10.555 7.6c-1.434-.27-3.535-.078-5.764 2.166l.3.303-.334-.272a1.058 1.058 0 00-.003 1.49l3.67 3.695-6.138 6.134a.429.429 0 00-.002.605.422.422 0 00.599.006l.003-.003 6.146-6.134 3.745 3.773c.198.201.465.313.745.313.28 0 .543-.112.798-.367 1.79-1.798 2.499-3.739 2.11-5.775l2.714-2.732c.876-.131 1.7-.58 2.467-1.35a.817.817 0 00.236-.574.899.899 0 00-.266-.636",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPinRegular = 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 IconPinRegular = 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: "M18.734 9.795a.62.62 0 00-.376.182l-2.919 2.938a.627.627 0 00-.165.586c.39 1.703-.193 3.353-1.779 4.96l-3.921-3.943c-.011-.014-.017-.034-.03-.048-.015-.014-.035-.02-.049-.03l-3.84-3.864.028-.03C7.257 8.96 8.904 8.36 10.577 8.758a.61.61 0 00.585-.168l2.919-2.938a.623.623 0 00.18-.384c.058-.605.335-1.187.856-1.764l5.387 5.414c-.563.524-1.143.812-1.77.877m2.79-1.628l-5.662-5.689a1.041 1.041 0 00-1.498 0c-.737.743-1.18 1.56-1.317 2.437l-2.53 2.55c-1.456-.253-3.529-.01-5.719 2.195l-.03.034a1.23 1.23 0 00-.362.88c0 .33.129.641.361.876l3.443 3.468-5.866 5.854a.634.634 0 00-.003.891.626.626 0 00.886.003l5.868-5.857 3.518 3.546a1.2 1.2 0 00.86.359c.333 0 .672-.135.947-.412 1.767-1.782 2.49-3.709 2.143-5.734l2.532-2.552c.877-.148 1.7-.602 2.462-1.37a.995.995 0 00.291-.708 1.093 1.093 0 00-.325-.77",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlaneFilled = 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 IconPlaneFilled = 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: "M21.683 4.692c.031-.608-.215-1.224-.717-1.779-1.028-1.145-2.325-1.213-3.47-.185-.28.252-2.86 3.031-3.569 3.793L5.137 5.23a.426.426 0 00-.406.187L3.83 6.85a.396.396 0 00-.045.336.414.414 0 00.222.258l6.347 2.932c-.874.95-1.53 1.586-2.118 2.157-.79.768-1.423 1.381-2.232 2.412l-2.855-.207a.398.398 0 00-.372.185l-.709 1.072a.411.411 0 00.118.569l2.812 1.849 1.832 3.075c.11.182.34.25.53.16l1.249-.602a.408.408 0 00.23-.4L8.6 17.544c1.068-.834 1.687-1.456 2.46-2.235a49.409 49.409 0 012.173-2.092l3.017 6.353a.41.41 0 00.547.193h.002l1.443-.706a.408.408 0 00.224-.431L17.073 9.77c.703-.644 3.468-3.165 3.709-3.383.557-.505.87-1.09.901-1.695",
-        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.403 2.612a2.002 2.002 0 00-2.882 0L14.657 6.57l-7.85-2.156a1.828 1.828 0 00-1.787.49L3.45 6.512l7.14 4.225-3.688 3.78-2.067-.57a1.828 1.828 0 00-1.787.491L2 15.512l4.911 2.904a1.825 1.825 0 002.238-.301l4.257-4.488L17.596 21l1.57-1.608c.464-.476.649-1.18.478-1.83l-2.105-8.044 3.864-3.958a2.118 2.118 0 000-2.948z",
+            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: "M21.683 4.692c.031-.608-.215-1.224-.717-1.779-1.028-1.145-2.325-1.213-3.47-.185-.28.252-2.86 3.031-3.569 3.793L5.137 5.23a.426.426 0 00-.406.187L3.83 6.85a.396.396 0 00-.045.336.414.414 0 00.222.258l6.347 2.932c-.874.95-1.53 1.586-2.118 2.157-.79.768-1.423 1.381-2.232 2.412l-2.855-.207a.398.398 0 00-.372.185l-.709 1.072a.411.411 0 00.118.569l2.812 1.849 1.832 3.075c.11.182.34.25.53.16l1.249-.602a.408.408 0 00.23-.4L8.6 17.544c1.068-.834 1.687-1.456 2.46-2.235a49.409 49.409 0 012.173-2.092l3.017 6.353a.41.41 0 00.547.193h.002l1.443-.706a.408.408 0 00.224-.431L17.073 9.77c.703-.644 3.468-3.165 3.709-3.383.557-.505.87-1.09.901-1.695",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlaneFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlaneLight = 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 IconPlaneLight = 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: "M16.51 9.463a.41.41 0 00-.13.367l1.378 8.773-.795.39-3.07-6.474a.416.416 0 00-.289-.227.405.405 0 00-.355.096 51.172 51.172 0 00-2.62 2.493c-.792.798-1.417 1.428-2.551 2.3a.411.411 0 00-.16.358l.235 3.042-.658.316L5.81 18.06a.405.405 0 00-.126-.132l-2.55-1.675.348-.532 2.832.207a.401.401 0 00.353-.16c.843-1.09 1.482-1.711 2.291-2.498a49.753 49.753 0 002.53-2.608.412.412 0 00-.132-.647L4.927 7.043l.51-.812 8.739 1.285a.417.417 0 00.358-.126c1.356-1.465 3.451-3.711 3.661-3.899.398-.358.802-.52 1.185-.51.39.02.768.233 1.126.63.717.796.675 1.597-.12 2.314-.277.25-3.877 3.538-3.877 3.538m4.608-6.4c-.501-.558-1.087-.869-1.692-.902-.608-.042-1.221.215-1.776.717-.28.252-2.86 3.03-3.566 3.795L5.293 5.38a.426.426 0 00-.406.188L3.985 7a.412.412 0 00.177.594l6.342 2.933c-.684.74-1.39 1.459-2.118 2.156-.79.768-1.423 1.381-2.233 2.412L3.3 14.89a.406.406 0 00-.372.185l-.704 1.073a.411.411 0 00.118.568l2.812 1.849 1.83 3.078a.41.41 0 00.529.16l1.25-.602a.408.408 0 00.229-.4l-.238-3.104c1.067-.835 1.686-1.457 2.46-2.236a49.784 49.784 0 012.173-2.092l3.017 6.353a.413.413 0 00.546.196s.003 0 .003-.003l1.442-.706a.41.41 0 00.224-.434L17.226 9.92c.703-.644 3.465-3.165 3.709-3.384 1.143-1.03 1.21-2.33.182-3.473",
-        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: "M19.962 2a2 2 0 011.44.612 2.124 2.124 0 010 2.953L17.54 9.523l2.105 8.043a1.936 1.936 0 01-.479 1.831L17.591 21l-2.138-3.793a.383.383 0 01.138-.52.364.364 0 01.507.141l1.655 2.938.886-.908c.28-.286.389-.709.29-1.098l-2.215-8.465 4.167-4.27a1.35 1.35 0 000-1.879c-.493-.5-1.346-.5-1.839 0l-4.167 4.27-8.263-2.269a1.088 1.088 0 00-1.07.297l-.887.908 7.139 4.225-4.674 4.79-2.48-.68a1.088 1.088 0 00-1.07.295l-.366.374 4.077 2.41c.436.257.986.184 1.341-.18l.237-.243 4.357-4.6a.362.362 0 01.521-.01.383.383 0 01.01.535l-4.598 4.847a1.825 1.825 0 01-2.238.301L2 15.512l1.048-1.074a1.828 1.828 0 011.787-.49l2.067.568 3.688-3.779-7.14-4.225 1.57-1.608a1.828 1.828 0 011.787-.49l7.85 2.156 3.864-3.958A2.002 2.002 0 0119.96 2zM14.96 14.142c.408 0 .74.34.74.758a.75.75 0 01-.74.757.75.75 0 01-.74-.757.75.75 0 01.74-.758z",
+            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: "M16.51 9.463a.41.41 0 00-.13.367l1.378 8.773-.795.39-3.07-6.474a.416.416 0 00-.289-.227.405.405 0 00-.355.096 51.172 51.172 0 00-2.62 2.493c-.792.798-1.417 1.428-2.551 2.3a.411.411 0 00-.16.358l.235 3.042-.658.316L5.81 18.06a.405.405 0 00-.126-.132l-2.55-1.675.348-.532 2.832.207a.401.401 0 00.353-.16c.843-1.09 1.482-1.711 2.291-2.498a49.753 49.753 0 002.53-2.608.412.412 0 00-.132-.647L4.927 7.043l.51-.812 8.739 1.285a.417.417 0 00.358-.126c1.356-1.465 3.451-3.711 3.661-3.899.398-.358.802-.52 1.185-.51.39.02.768.233 1.126.63.717.796.675 1.597-.12 2.314-.277.25-3.877 3.538-3.877 3.538m4.608-6.4c-.501-.558-1.087-.869-1.692-.902-.608-.042-1.221.215-1.776.717-.28.252-2.86 3.03-3.566 3.795L5.293 5.38a.426.426 0 00-.406.188L3.985 7a.412.412 0 00.177.594l6.342 2.933c-.684.74-1.39 1.459-2.118 2.156-.79.768-1.423 1.381-2.233 2.412L3.3 14.89a.406.406 0 00-.372.185l-.704 1.073a.411.411 0 00.118.568l2.812 1.849 1.83 3.078a.41.41 0 00.529.16l1.25-.602a.408.408 0 00.229-.4l-.238-3.104c1.067-.835 1.686-1.457 2.46-2.236a49.784 49.784 0 012.173-2.092l3.017 6.353a.413.413 0 00.546.196s.003 0 .003-.003l1.442-.706a.41.41 0 00.224-.434L17.226 9.92c.703-.644 3.465-3.165 3.709-3.384 1.143-1.03 1.21-2.33.182-3.473",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlaneLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlaneRegular = 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 IconPlaneRegular = 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.078 5.895L16.28 9.36a.61.61 0 00-.19.54l1.33 8.45-.465.226-2.925-6.16a.607.607 0 00-.425-.333.593.593 0 00-.519.14c-1.198 1.062-1.93 1.801-2.574 2.451-.773.779-1.38 1.392-2.482 2.235a.61.61 0 00-.235.527l.219 2.843-.353.17-1.558-2.618a.627.627 0 00-.187-.196l-2.33-1.532.164-.253 2.659.194a.616.616 0 00.52-.233c.816-1.056 1.438-1.66 2.225-2.426.666-.647 1.42-1.378 2.49-2.565a.6.6 0 00-.193-.95L5.355 7.052l.309-.49 8.43 1.238a.613.613 0 00.53-.188c1.272-1.372 3.367-3.619 3.575-3.806.7-.63 1.35-.597 1.98.103.633.703.6 1.353-.1 1.986m1-2.792c-1.08-1.197-2.488-1.272-3.682-.194-.271.244-2.585 2.734-3.437 3.653l-8.507-1.25a.603.603 0 00-.596.275l-.885 1.404a.6.6 0 00.257.868l5.964 2.759a46.003 46.003 0 01-1.88 1.902c-.756.737-1.367 1.33-2.137 2.297l-2.692-.193a.607.607 0 00-.546.271l-.689 1.053a.602.602 0 00.174.835L5.14 18.57l1.77 2.975a.606.606 0 00.779.235l1.221-.588a.6.6 0 00.339-.59l-.227-2.93c1.006-.794 1.602-1.396 2.345-2.144.518-.52 1.092-1.1 1.924-1.86l2.838 5.98a.603.603 0 00.809.284l1.412-.69a.603.603 0 00.33-.635l-1.347-8.566c.798-.728 3.325-3.034 3.555-3.241 1.19-1.087 1.266-2.499.19-3.697",
-        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: "M17.352 21l-3.973-6.971-3.691 3.878a2.114 2.114 0 01-2.59.354L2 15.255l1.346-1.375a2.118 2.118 0 012.069-.565l1.75.48 2.996-3.06L3.38 6.742 5.222 4.86a2.118 2.118 0 012.069-.565l7.242 1.982 3.513-3.586a2.284 2.284 0 013.274 0c.436.446.68 1.04.68 1.671a2.36 2.36 0 01-.68 1.671L17.807 9.62l1.942 7.393a2.224 2.224 0 01-.554 2.111L17.352 21zm-3.682-9.427l3.987 6.995.492-.503a.692.692 0 00.174-.665l-2.158-8.226 4.114-4.199a.877.877 0 000-1.226.834.834 0 00-1.201 0l-4.114 4.2-8.058-2.203a.673.673 0 00-.652.177l-.492.503 6.782 3.998L7.6 15.465l-2.565-.704a.677.677 0 00-.648.173l3.443 2.03c.263.158.6.11.816-.11l5.024-5.281z",
+            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.078 5.895L16.28 9.36a.61.61 0 00-.19.54l1.33 8.45-.465.226-2.925-6.16a.607.607 0 00-.425-.333.593.593 0 00-.519.14c-1.198 1.062-1.93 1.801-2.574 2.451-.773.779-1.38 1.392-2.482 2.235a.61.61 0 00-.235.527l.219 2.843-.353.17-1.558-2.618a.627.627 0 00-.187-.196l-2.33-1.532.164-.253 2.659.194a.616.616 0 00.52-.233c.816-1.056 1.438-1.66 2.225-2.426.666-.647 1.42-1.378 2.49-2.565a.6.6 0 00-.193-.95L5.355 7.052l.309-.49 8.43 1.238a.613.613 0 00.53-.188c1.272-1.372 3.367-3.619 3.575-3.806.7-.63 1.35-.597 1.98.103.633.703.6 1.353-.1 1.986m1-2.792c-1.08-1.197-2.488-1.272-3.682-.194-.271.244-2.585 2.734-3.437 3.653l-8.507-1.25a.603.603 0 00-.596.275l-.885 1.404a.6.6 0 00.257.868l5.964 2.759a46.003 46.003 0 01-1.88 1.902c-.756.737-1.367 1.33-2.137 2.297l-2.692-.193a.607.607 0 00-.546.271l-.689 1.053a.602.602 0 00.174.835L5.14 18.57l1.77 2.975a.606.606 0 00.779.235l1.221-.588a.6.6 0 00.339-.59l-.227-2.93c1.006-.794 1.602-1.396 2.345-2.144.518-.52 1.092-1.1 1.924-1.86l2.838 5.98a.603.603 0 00.809.284l1.412-.69a.603.603 0 00.33-.635l-1.347-8.566c.798-.728 3.325-3.034 3.555-3.241 1.19-1.087 1.266-2.499.19-3.697",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlaneRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlantFilled = 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 IconPlantFilled = 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: "M13.667 9.533a12.265 12.265 0 00-.849 2.179h3.717c.81 0 1.468.65 1.468 1.442v1.482c0 .68-.487 1.247-1.129 1.404H7.14c-.641-.146-1.137-.723-1.137-1.404v-1.482c0-.792.661-1.442 1.468-1.442h3.759c-.182-1.62-.53-2.835-.916-3.734.199-.104.387-.235.56-.39l.118-.131c.445.964.832 2.238 1.047 3.938.239-.776.544-1.602.956-2.372l.008.008.025.025c.177.2.4.345.639.477.602-1.169 1.442-2.163 2.597-2.493a.413.413 0 00.29-.505c0-.002 0-.005-.002-.005a.415.415 0 00-.518-.275c-1.37.39-2.35 1.49-3.042 2.77l-.213-.274c-.339-.527-.501-1.16-.501-1.902-.003-1.966 1.142-3.092 3.145-3.092h1.846c.717 0 1.294.574 1.294 1.271l-.017 2.107c-.114 1.815-1.22 2.804-3.126 2.804-.697-.003-1.274-.14-1.753-.406zm-3.353-1.558c-.487.252-1.056.381-1.723.381-1.913 0-3.028-.994-3.134-2.81l-.009-.016-.008-.12V3.44c0-.706.585-1.28 1.303-1.28h1.854c2.028 0 3.148 1.1 3.148 3.1 0 .827-.207 1.508-.619 2.034l-.14.16c-1.103-2.398-2.571-2.826-2.67-2.851a.411.411 0 00-.503.29.406.406 0 00.288.502c.02.006 1.255.4 2.213 2.58zm-2.96 9.065h9.304l-.378 3.593c0 .639-.585 1.216-1.31 1.216H9.027a1.294 1.294 0 01-1.302-1.28l-.373-3.53z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlantLight = 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 IconPlantLight = 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: "M17.712 6.831a.332.332 0 00-.011.076c-.059 1.375-.807 2.042-2.286 2.042-.538 0-.972-.098-1.32-.277.55-.815 1.258-1.488 2.169-1.743a.405.405 0 00.291-.493c0-.005-.003-.008-.003-.014a.428.428 0 00-.526-.277c-1.084.305-1.919 1.036-2.569 1.958-.224-.35-.339-.807-.339-1.367 0-1.485.754-2.207 2.3-2.207h1.846a.441.441 0 01.45.431l-.002 1.871zm-.594 6.465v1.493a.44.44 0 01-.448.432H7.323a.438.438 0 01-.449-.429V13.3a.44.44 0 01.449-.431h9.347a.437.437 0 01.448.428zm-1.776 7.46a.277.277 0 01-.28.271H8.933c-.157 0-.283-.123-.285-.313l-.538-4.678h7.767l-.535 4.72zM8.594 7.406c-1.484 0-2.235-.673-2.294-2.037a.315.315 0 00-.011-.09V3.414a.45.45 0 01.457-.443H8.6c1.552 0 2.305.726 2.305 2.219 0 .54-.117.986-.339 1.339-1.028-1.644-2.162-1.967-2.243-1.986a.426.426 0 00-.513.286.409.409 0 00.289.5h.005c.017.004.964.3 1.835 1.796-.356.185-.807.28-1.345.28zm8.67-3.692h-1.849c-2.003 0-3.148 1.1-3.148 3.022 0 .728.162 1.342.504 1.857l.216.27a12.247 12.247 0 00-.95 2.304c-.213-1.647-.591-2.904-1.03-3.837l.114-.126a.076.076 0 01.02-.023c.409-.515.613-1.187.613-1.994-.003-1.955-1.123-3.03-3.157-3.03H6.743c-.72 0-1.306.562-1.306 1.257v1.922c0 .03.006.067.015.103.098 1.796 1.21 2.784 3.14 2.784.663 0 1.232-.126 1.714-.375.434.98.81 2.33.975 4.185 0 .006.005.011.005.017H7.323c-.715 0-1.297.56-1.297 1.246v1.493c0 .664.549 1.205 1.232 1.238l.544 4.729c0 .6.51 1.087 1.131 1.087h6.126c.625 0 1.132-.488 1.13-1.042l.548-4.774c.684-.033 1.233-.574 1.233-1.238v-1.493c0-.686-.583-1.246-1.3-1.246h-4.003c.202-.773.524-1.765 1.006-2.675.476.249 1.05.39 1.742.39 1.919 0 3.028-.976 3.135-2.768a.443.443 0 00.014-.107V4.966c0-.692-.586-1.252-1.3-1.252z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlantRegular = 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 IconPlantRegular = 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: "M17.33 6.894a.863.863 0 00-.01.084c-.05 1.23-.692 1.804-2.009 1.804a2.85 2.85 0 01-.98-.154c.49-.672 1.098-1.21 1.857-1.426a.596.596 0 00.423-.728l-.003-.011a.623.623 0 00-.767-.407c-.984.278-1.76.905-2.379 1.698a2.525 2.525 0 01-.17-.933c0-1.333.641-1.952 2.02-1.952h1.79c.125 0 .229.098.229.221v1.804zm-.576 6.42v1.454a.225.225 0 01-.23.221h-9.05a.227.227 0 01-.23-.221v-1.454c0-.123.104-.221.23-.221h9.053c.123 0 .227.098.227.221zm-1.787 7.339H9.03c-.036 0-.067-.03-.07-.132l-.496-4.339h7.065l-.499 4.407c.003.036-.028.064-.064.064zM8.7 7.278c-1.323 0-1.964-.575-2.015-1.787a.482.482 0 00-.01-.11V3.59c0-.13.106-.233.235-.233h1.795c1.381 0 2.025.625 2.025 1.964 0 .341-.053.638-.148.896-.986-1.417-2.017-1.7-2.093-1.72a.617.617 0 00-.742.418c-.092.31.101.638.42.733.014.003.785.252 1.547 1.463a2.76 2.76 0 01-1.014.168zm8.4-3.6h-1.79c-2.07 0-3.255 1.146-3.255 3.146 0 .748.168 1.384.53 1.935l.131.163c-.232.44-.434.896-.605 1.364-.207-1.157-.501-2.095-.837-2.84l.028-.034.028-.034c.426-.537.638-1.232.638-2.061-.002-2.006-1.19-3.157-3.263-3.157H6.911c-.81 0-1.471.639-1.471 1.429v1.87c0 .043.006.088.014.13.106 1.834 1.286 2.885 3.247 2.885.585 0 1.095-.104 1.549-.3.372.9.686 2.106.84 3.728H7.474c-.807 0-1.463.636-1.463 1.415v1.454c0 .697.527 1.274 1.213 1.389l.51 4.429c0 .694.583 1.257 1.3 1.257h5.935c.717 0 1.3-.563 1.297-1.193l.513-4.496c.686-.115 1.213-.692 1.213-1.39v-1.453c0-.779-.656-1.415-1.465-1.415h-3.639a12.3 12.3 0 01.827-2.238c.45.2.98.311 1.596.311 1.947 0 3.12-1.036 3.238-2.868a.553.553 0 00.017-.134V5.09c0-.776-.658-1.412-1.465-1.412z",
         fill: fillColor
     })));