@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconDrinkRegular = 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 IconDrinkRegular = 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.955 6.266h-1.081l-.577 2.4h1.61l.27-2.26c-.006-.045-.104-.14-.222-.14zm-1.42 13.964l1.224-10.322h-1.762L13.77 19.19a.625.625 0 01-1.215-.29l2.157-8.992h-8.06l1.222 10.246c.003.19.1.286.218.286h8.23a.209.209 0 00.213-.21zM6.459 6.266a.213.213 0 00-.212.213l.26 2.188h8.504l.577-2.4H6.46zM21.084 4.13a.62.62 0 01.24.843v.003a.618.618 0 01-.842.24l-.006-.002-2.955-1.647-.35 1.456h.781c.807 0 1.465.653 1.465 1.457L17.78 20.303c.003.73-.65 1.383-1.46 1.383H8.092A1.46 1.46 0 016.63 20.23L5 6.552c-.003-.877.653-1.53 1.46-1.53h9.43l.609-2.546a.609.609 0 01.355-.423.624.624 0 01.555.025l3.675 2.05zM10.18 13.496c.782-.779.219-1.462.054-1.63l-.076-.076c-.101-.095-.4-.347-.798-.347-.25 0-.535.098-.835.395-.776.773-.207 1.467-.05 1.635l.078.079c.103.1.395.35.787.35.246-.003.538-.104.84-.406zm.65-2.21c.675.689.916 1.82-.061 2.795-.535.535-1.073.644-1.429.644-.698 0-1.19-.408-1.37-.585l-.098-.098c-.664-.697-.902-1.83.065-2.793.529-.526 1.067-.638 1.423-.638.697 0 1.193.406 1.375.58.028.027.064.061.095.095zm.54 6.196c.435-.434.121-.813.029-.908l-.042-.042a.672.672 0 00-.443-.193c-.137 0-.297.056-.465.221-.431.429-.115.815-.028.908.014.014.028.03.045.045a.656.656 0 00.437.196c.137 0 .297-.06.468-.227zm.564-1.546l.064.064c.485.496.678 1.356-.039 2.07-.39.387-.787.468-1.056.468-.367 0-.74-.16-1.02-.432l-.064-.064c-.476-.501-.67-1.359.042-2.067.384-.381.784-.462 1.053-.462.521-.003.885.297 1.02.423z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconDumbbellFilled = 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 IconDumbbellFilled = 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: "M2 8.126c0-.74.571-1.336 1.28-1.336h.26v10.224h-.26c-.706 0-1.28-.6-1.28-1.336V8.126zm18.406-1.339c.706 0 1.28.6 1.28 1.336v7.55c0 .739-.574 1.335-1.28 1.335h-.24V6.784h.24v.003zM8.045 6.675V9.49h.014v4.82h-.014v2.816c0 .74-.572 1.336-1.28 1.336H5.667c-.692 0-1.255-.577-1.275-1.294V6.636c.02-.72.583-1.297 1.275-1.297h1.098c.706-.003 1.28.597 1.28 1.336zm.865 7.244v-4.04h5.894v4.04H8.91zm10.4-7.244v.112h.004v10.224h-.003v.112c0 .74-.574 1.336-1.28 1.336h-1.098c-.706 0-1.28-.6-1.28-1.336V6.675c0-.74.571-1.336 1.28-1.336h1.098c.708-.003 1.28.597 1.28 1.336z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconDumbbellLight = 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 IconDumbbellLight = 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: "M6.434 5.438c.478 0 .875.371.929.846l.006.111v3.513l.042-.01.042-.007h9.093l.039.008.039.01V6.394a.95.95 0 01.827-.951l.109-.006h1.204c.479 0 .875.371.93.846l.006.111v.6h1.207c.481 0 .875.37.93.846l.006.112v8.098c0 .489-.36.893-.827.949l-.109.006H19.7v.6a.951.951 0 01-.827.951l-.109.007H17.56a.945.945 0 01-.93-.847l-.006-.111v-3.513l-.038.01-.04.007H7.453l-.042-.008-.042-.009v3.513a.951.951 0 01-.827.951l-.108.007H5.229a.945.945 0 01-.93-.847l-.005-.111v-.6H3.092a.94.94 0 01-.93-.843l-.006-.112v-8.1c0-.49.36-.894.826-.95l.11-.006h1.202v-.6a.95.95 0 01.826-.951l.11-.006h1.204zm12.333.957h-1.205v11.21h1.205V6.396zm-12.333 0H5.229v1.541l.001.006.002.008v8.098l-.002.009v1.548h1.204V6.396zm14.473 1.558h-1.205v8.098h1.205V7.953zm-16.613 0H3.092v8.098h1.202V7.953zm12.252 2.896H7.453v2.303h9.093v-2.303z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconDumbbellRegular = 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 IconDumbbellRegular = 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: "M6.787 5.339c.706 0 1.28.597 1.28 1.336V9.49h7.614V6.675c0-.737.574-1.336 1.28-1.336h1.098c.706 0 1.28.597 1.28 1.336v.112h1.095c.706 0 1.28.6 1.28 1.336v7.55c0 .736-.574 1.335-1.28 1.335H19.34v.112c0 .737-.574 1.337-1.28 1.337h-1.1c-.709 0-1.28-.597-1.28-1.337v-2.812H8.067v2.812c0 .737-.574 1.337-1.28 1.337H5.69c-.706 0-1.28-.597-1.28-1.337v-.114l-.011.002H3.3c-.709 0-1.28-.596-1.28-1.336V8.123c0-.736.574-1.336 1.28-1.336h1.098c.003 0 .005.003.011.003v-.115c0-.737.574-1.336 1.28-1.336zm11.275 1.336h-1.098v4.132l.002.02v2.145l-.002.02v4.134h1.098V15.7l-.003-.025V8.126c0-.011.003-.017.003-.025V6.675zm-11.27 0H5.696V17.12h1.098v-4c-.006-.047-.014-.098-.014-.148v-2.146c0-.05.008-.098.014-.148V6.675zm13.645 1.448h-1.095v7.55h1.095v-7.55zm-16.03 0h-1.1v7.55h1.098v-7.55zm11.28 2.703H8.072v2.146h7.613v-2.146z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEcoFilled = 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 IconEcoFilled = 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: "M6.557 2.845c1.418 0 2.524.378 3.292 1.123.79.77 1.193 1.907 1.193 3.38 0 1.15-.25 2.09-.731 2.813l-.093-.176c-.899-1.67-2.156-2.821-3.736-3.426a.54.54 0 00-.387 1.008c1.33.507 2.398 1.493 3.174 2.93.067.123.132.25.196.376.02.042.042.08.073.114l-.004-.004.777-.822c.914 1.868 1.329 4.132 1.535 6.011.383-1.333.845-2.534 1.377-3.533-.386-.686-.584-1.548-.584-2.57 0-1.474.4-2.611 1.193-3.381.767-.745 1.874-1.124 3.291-1.124h2.905c.905 0 1.639.734 1.641 1.64v2.887c0 2.888-1.605 4.479-4.518 4.479-1.37 0-2.423-.33-3.185-1.011.045-.042.056-.118.087-.177 1.079-2.145 2.426-3.378 4.006-3.666a.538.538 0 10-.193-1.062c-1.863.339-3.423 1.68-4.642 3.986l.001-.002.741.92c-.803 1.657-1.419 3.764-1.83 6.267a.54.54 0 01-1.066.103l-.008-.047c-.054-.33-.082-.82-.118-1.443-.106-1.87-.266-4.977-1.41-7.45-.744.569-1.751.862-3.002.862-2.913 0-4.518-1.59-4.518-4.479V4.483a1.64 1.64 0 011.641-1.638z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.004 6.806c.28 0 .53.253.53.537v14.12a.552.552 0 01-.53.537.549.549 0 01-.53-.536V7.343a.55.55 0 01.53-.537zm-.217-4.752c.142-.072.284-.072.39 0 .25.14 5.827 3.752 5.823 10.293 0 4.793-3.034 6.793-4.764 7.509V7.343c0-.68-.565-1.253-1.236-1.253s-1.236.572-1.236 1.253v12.513C9.034 19.136 6 17.136 6 12.347c0-6.54 5.577-10.153 5.787-10.293z",
+            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: "M6.557 2.845c1.418 0 2.524.378 3.292 1.123.79.77 1.193 1.907 1.193 3.38 0 1.15-.25 2.09-.731 2.813l-.093-.176c-.899-1.67-2.156-2.821-3.736-3.426a.54.54 0 00-.387 1.008c1.33.507 2.398 1.493 3.174 2.93.067.123.132.25.196.376.02.042.042.08.073.114l-.004-.004.777-.822c.914 1.868 1.329 4.132 1.535 6.011.383-1.333.845-2.534 1.377-3.533-.386-.686-.584-1.548-.584-2.57 0-1.474.4-2.611 1.193-3.381.767-.745 1.874-1.124 3.291-1.124h2.905c.905 0 1.639.734 1.641 1.64v2.887c0 2.888-1.605 4.479-4.518 4.479-1.37 0-2.423-.33-3.185-1.011.045-.042.056-.118.087-.177 1.079-2.145 2.426-3.378 4.006-3.666a.538.538 0 10-.193-1.062c-1.863.339-3.423 1.68-4.642 3.986l.001-.002.741.92c-.803 1.657-1.419 3.764-1.83 6.267a.54.54 0 01-1.066.103l-.008-.047c-.054-.33-.082-.82-.118-1.443-.106-1.87-.266-4.977-1.41-7.45-.744.569-1.751.862-3.002.862-2.913 0-4.518-1.59-4.518-4.479V4.483a1.64 1.64 0 011.641-1.638z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconEcoFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEcoLight = 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 IconEcoLight = 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: "M11.672 20.726l-.014-.004h-.01a.265.265 0 01-.025-.008l.049.012a.263.263 0 01-.102-.037l-.017-.013a.264.264 0 01-.105-.171c-.054-.325-.082-.824-.118-1.454-.09-1.61-.227-4.045-.933-6.3a11.511 11.511 0 00-.716-1.782l.052-.047c-.74.715-1.818 1.076-3.204 1.076-1.387 0-2.468-.364-3.21-1.079-.719-.69-1.106-1.697-1.157-2.994a.226.226 0 01-.006-.053V4.665A1.423 1.423 0 013.568 3.25h2.96c1.385 0 2.463.364 3.205 1.081.77.745 1.163 1.852 1.163 3.297 0 1.219-.278 2.2-.83 2.922 1.35 2.537 1.634 5.751 1.763 7.895.253-1.13.64-2.552 1.22-3.94.22-.525.455-1.015.703-1.466-.442-.692-.666-1.59-.666-2.68 0-1.44.39-2.543 1.157-3.285.74-.715 1.818-1.076 3.202-1.076h2.96c.77.003 1.401.63 1.401 1.4v3.208a.25.25 0 01-.009.07c-.054 1.286-.44 2.282-1.153 2.966-.737.714-1.813 1.076-3.2 1.076-1.383 0-2.461-.362-3.2-1.076l-.143-.145c-1.17 2.232-1.8 5.005-2.127 7.008a.267.267 0 01-.228.222c-.003-.001-.017.001-.03.002-.016 0-.03 0-.044-.003zm8.736-14.201h-2.963c-2.544 0-3.832 1.288-3.832 3.834 0 .865.149 1.585.445 2.158.311-.508.643-.958.992-1.348.93-1.042 1.997-1.678 3.173-1.891a.265.265 0 01.096.521c-1.71.311-2.99 1.573-3.945 3.205.633.79 1.658 1.187 3.07 1.187 2.544 0 3.833-1.288 3.833-3.832l.005-.052V7.398a.882.882 0 00-.874-.873zM6.526 3.805H3.568a.865.865 0 00-.857.86v2.96c0 2.533 1.283 3.818 3.815 3.818 1.28 0 2.24-.328 2.877-.98-.82-1.39-1.907-2.347-3.25-2.86a.267.267 0 01.19-.499c1.534.586 2.629 1.638 3.416 2.909.388-.604.582-1.402.582-2.388 0-2.535-1.283-3.82-3.815-3.82z",
-        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: "M11.787 2.054c.142-.072.284-.072.39 0 .25.14 5.827 3.752 5.823 10.297 0 2.324-.707 4.216-2.082 5.649a.336.336 0 01-.493 0 .346.346 0 010-.5c1.232-1.289 1.868-3.04 1.868-5.149 0-5.509-4.341-8.9-5.293-9.58-.952.68-5.293 4.075-5.293 9.58 0 5.109 3.674 6.645 4.941 7.04v-12.4c0-.213.139-.357.352-.357.21 0 .352.14.352.356v14.654c0 .212-.139.356-.352.356-.21 0-.352-.14-.352-.356V20.14C10.448 19.784 6 18.136 6 12.347c0-6.54 5.577-10.153 5.787-10.293zm2.334 16.37c.39 0 .707.32.707.716a.712.712 0 01-.707.716.712.712 0 01-.707-.716c0-.396.317-.716.707-.716z",
+            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: "M11.672 20.726l-.014-.004h-.01a.265.265 0 01-.025-.008l.049.012a.263.263 0 01-.102-.037l-.017-.013a.264.264 0 01-.105-.171c-.054-.325-.082-.824-.118-1.454-.09-1.61-.227-4.045-.933-6.3a11.511 11.511 0 00-.716-1.782l.052-.047c-.74.715-1.818 1.076-3.204 1.076-1.387 0-2.468-.364-3.21-1.079-.719-.69-1.106-1.697-1.157-2.994a.226.226 0 01-.006-.053V4.665A1.423 1.423 0 013.568 3.25h2.96c1.385 0 2.463.364 3.205 1.081.77.745 1.163 1.852 1.163 3.297 0 1.219-.278 2.2-.83 2.922 1.35 2.537 1.634 5.751 1.763 7.895.253-1.13.64-2.552 1.22-3.94.22-.525.455-1.015.703-1.466-.442-.692-.666-1.59-.666-2.68 0-1.44.39-2.543 1.157-3.285.74-.715 1.818-1.076 3.202-1.076h2.96c.77.003 1.401.63 1.401 1.4v3.208a.25.25 0 01-.009.07c-.054 1.286-.44 2.282-1.153 2.966-.737.714-1.813 1.076-3.2 1.076-1.383 0-2.461-.362-3.2-1.076l-.143-.145c-1.17 2.232-1.8 5.005-2.127 7.008a.267.267 0 01-.228.222c-.003-.001-.017.001-.03.002-.016 0-.03 0-.044-.003zm8.736-14.201h-2.963c-2.544 0-3.832 1.288-3.832 3.834 0 .865.149 1.585.445 2.158.311-.508.643-.958.992-1.348.93-1.042 1.997-1.678 3.173-1.891a.265.265 0 01.096.521c-1.71.311-2.99 1.573-3.945 3.205.633.79 1.658 1.187 3.07 1.187 2.544 0 3.833-1.288 3.833-3.832l.005-.052V7.398a.882.882 0 00-.874-.873zM6.526 3.805H3.568a.865.865 0 00-.857.86v2.96c0 2.533 1.283 3.818 3.815 3.818 1.28 0 2.24-.328 2.877-.98-.82-1.39-1.907-2.347-3.25-2.86a.267.267 0 01.19-.499c1.534.586 2.629 1.638 3.416 2.909.388-.604.582-1.402.582-2.388 0-2.535-1.283-3.82-3.815-3.82z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconEcoLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEcoRegular = 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 IconEcoRegular = 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: "M11.561 20.337a.369.369 0 01-.06-.005l.065.005a.54.54 0 01-.532-.453c-.054-.33-.082-.821-.118-1.443-.087-1.549-.219-3.893-.894-6.053a11.23 11.23 0 00-.525-1.376c-.74.55-1.736.835-2.965.835-2.796 0-4.385-1.474-4.508-4.159a.514.514 0 01-.01-.104V4.48a1.645 1.645 0 011.641-1.638h2.877c2.91 0 4.513 1.6 4.513 4.504 0 1.16-.256 2.11-.748 2.835.955 1.873 1.345 4.079 1.533 5.937.207-.714.463-1.47.775-2.217.193-.463.397-.897.614-1.302-.392-.68-.594-1.539-.594-2.561 0-2.877 1.602-4.462 4.512-4.462h2.874c.905 0 1.642.728 1.642 1.624v3.073a.538.538 0 01-.008.093c-.12 2.667-1.711 4.131-4.508 4.131-1.348 0-2.415-.34-3.172-.99a14.51 14.51 0 00-.366.808c-.972 2.325-1.37 4.765-1.498 5.569a.543.543 0 01-.48.45l.032-.008a.3.3 0 01-.08.011h-.012zm8.453-13.691h-2.877c-2.316 0-3.442 1.109-3.442 3.389 0 .552.066 1.035.198 1.45.226-.33.46-.63.704-.904.946-1.059 2.036-1.708 3.24-1.927a.538.538 0 11.194 1.062c-1.36.247-2.546 1.192-3.534 2.813.57.599 1.447.893 2.64.893 2.317 0 3.446-1.11 3.446-3.387V7.2a.563.563 0 00-.569-.554zM6.532 3.917H3.655a.57.57 0 00-.565.566l.001 2.823.001.037c0 2.305 1.126 3.426 3.44 3.426 1.065 0 1.878-.238 2.445-.719-.752-1.2-1.725-2.032-2.91-2.486a.54.54 0 01.387-1.008c1.399.535 2.435 1.447 3.205 2.555.207-.482.31-1.07.31-1.768 0-2.305-1.123-3.426-3.437-3.426z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.28 2.054a.86.86 0 00-.6 0C11.467 2.162 6 4.806 6 11.633c0 5.647 3.81 7.543 5.293 8.043v1.608c0 .396.32.716.707.716.39 0 .707-.324.707-.716v-1.608a7 7 0 002.364-1.324C16.41 17.28 18 15.241 18 11.633c-.004-6.827-5.475-9.471-5.72-9.579zm.423 16.086V7.701a.713.713 0 00-.707-.715.716.716 0 00-.707.715v10.44c-1.377-.573-3.88-2.216-3.88-6.504.004-5.111 3.533-7.511 4.591-8.115 1.058.608 4.587 3.04 4.587 8.115-.004 4.288-2.507 5.931-3.884 6.503z",
+            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: "M11.561 20.337a.369.369 0 01-.06-.005l.065.005a.54.54 0 01-.532-.453c-.054-.33-.082-.821-.118-1.443-.087-1.549-.219-3.893-.894-6.053a11.23 11.23 0 00-.525-1.376c-.74.55-1.736.835-2.965.835-2.796 0-4.385-1.474-4.508-4.159a.514.514 0 01-.01-.104V4.48a1.645 1.645 0 011.641-1.638h2.877c2.91 0 4.513 1.6 4.513 4.504 0 1.16-.256 2.11-.748 2.835.955 1.873 1.345 4.079 1.533 5.937.207-.714.463-1.47.775-2.217.193-.463.397-.897.614-1.302-.392-.68-.594-1.539-.594-2.561 0-2.877 1.602-4.462 4.512-4.462h2.874c.905 0 1.642.728 1.642 1.624v3.073a.538.538 0 01-.008.093c-.12 2.667-1.711 4.131-4.508 4.131-1.348 0-2.415-.34-3.172-.99a14.51 14.51 0 00-.366.808c-.972 2.325-1.37 4.765-1.498 5.569a.543.543 0 01-.48.45l.032-.008a.3.3 0 01-.08.011h-.012zm8.453-13.691h-2.877c-2.316 0-3.442 1.109-3.442 3.389 0 .552.066 1.035.198 1.45.226-.33.46-.63.704-.904.946-1.059 2.036-1.708 3.24-1.927a.538.538 0 11.194 1.062c-1.36.247-2.546 1.192-3.534 2.813.57.599 1.447.893 2.64.893 2.317 0 3.446-1.11 3.446-3.387V7.2a.563.563 0 00-.569-.554zM6.532 3.917H3.655a.57.57 0 00-.565.566l.001 2.823.001.037c0 2.305 1.126 3.426 3.44 3.426 1.065 0 1.878-.238 2.445-.719-.752-1.2-1.725-2.032-2.91-2.486a.54.54 0 01.387-1.008c1.399.535 2.435 1.447 3.205 2.555.207-.482.31-1.07.31-1.768 0-2.305-1.123-3.426-3.437-3.426z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconEcoRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconEditFilled = 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 IconEditFilled = 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.21 9.975c-.249.246-2.94 2.647-7.38 6.58l-.191.154-3.417 1.255c-.054.014-.325.112-.48-.042-.15-.155-.047-.407-.03-.457l1.243-3.347a.635.635 0 01.169-.25c2.481-2.193 7.072-6.26 7.397-6.585a1.852 1.852 0 011.328-.569c.515 0 1.014.216 1.367.569.358.358.571.874.569 1.375 0 .493-.2.947-.575 1.317m1.78-1.311a3.218 3.218 0 00-.923-2.233 3.2 3.2 0 00-1.672-.862C19.16 3.36 17.653 2 15.35 2H6.392C3.87 2 2.3 3.6 2.3 6.176V17.56c0 1.23.345 2.224 1.03 2.953.73.778 1.757 1.173 3.062 1.173h8.958c1.303 0 2.337-.395 3.065-1.173.683-.729 1.028-1.723 1.028-2.953v-5.27a79.741 79.741 0 001.61-1.457c.611-.6.933-1.35.936-2.168",
         fill: fillColor
     })));