@telefonica/mistica 10.9.2 → 10.13.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTshirtRegular = 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 IconTshirtRegular = 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: "M19.064 9.742l-1.549-.753a.596.596 0 00-.854.546l.034 10.97H7.244l.033-10.97A.61.61 0 007 9.022a.584.584 0 00-.574-.036l-1.605.768L3.36 6.5l4.956-2.876C8.64 5.437 9.91 6.42 11.972 6.42c2.02 0 3.297-1.005 3.639-2.784l4.736 2.874-1.283 3.232zm2.334-4.005l-5.983-3.625c-.009-.003-.014-.003-.023-.008a.728.728 0 00-.24-.07c-.012-.003-.023-.009-.037-.009-.023 0-.04.011-.062.011a.652.652 0 00-.143.031c-.022.009-.042.02-.064.031a.606.606 0 00-.135.092.3.3 0 00-.039.045c-.025.028-.056.05-.075.084-.012.02-.014.042-.02.06-.008.016-.011.03-.017.044a.66.66 0 00-.039.19c0 .006-.003.009-.003.014 0 1.762-.81 2.583-2.546 2.583-1.737 0-2.546-.82-2.546-2.583a.606.606 0 00-.297-.523.592.592 0 00-.594-.003L2.303 5.725a.61.61 0 00-.247.774l1.936 4.31a.594.594 0 00.339.317.582.582 0 00.459-.022l1.297-.62-.031 10.62c0 .16.062.313.174.428a.586.586 0 00.423.177h10.641a.598.598 0 00.597-.605l-.034-10.614 1.266.614a.593.593 0 00.81-.317l1.711-4.31a.606.606 0 00-.246-.74z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTvContentFilled = 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 IconTvContentFilled = 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: "M18.396 17.374H5.59c-1.12 0-1.989-.314-2.583-.93-.568-.594-.857-1.44-.857-2.515V7.93c0-2.201 1.221-3.411 3.44-3.411l12.806.008c2.219 0 3.44 1.213 3.44 3.412v5.997c0 1.076-.288 1.922-.86 2.51-.594.616-1.462.927-2.58.927zm-3.95 2.199H9.532a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h4.916a.561.561 0 010 1.12z",
-        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: "M22 16.596V4H2v12.596h7.966v1.294H7.557a.553.553 0 00-.555.555c0 .308.247.555.555.555h8.891a.553.553 0 00.554-.555.553.553 0 00-.554-.555h-2.41v-1.294H22zm-9.075 1.294H11.07v-1.294h1.854v1.294z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.396 17.374H5.59c-1.12 0-1.989-.314-2.583-.93-.568-.594-.857-1.44-.857-2.515V7.93c0-2.201 1.221-3.411 3.44-3.411l12.806.008c2.219 0 3.44 1.213 3.44 3.412v5.997c0 1.076-.288 1.922-.86 2.51-.594.616-1.462.927-2.58.927zm-3.95 2.199H9.532a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h4.916a.561.561 0 010 1.12z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconTvContentFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTvContentLight = 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 IconTvContentLight = 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: "M5.315 17.297c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.146c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.01c1.043 0 1.844.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814l-13.36.009zM18.68 5.643l-13.366.008c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.137c-.003-1.679-.852-2.494-2.604-2.494zm-3.953 13.24H9.26a.277.277 0 01-.28-.272c0-.149.126-.271.28-.271h5.47c.153 0 .28.122.28.271 0 .15-.127.272-.28.272z",
-        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: "M22 14.126a.739.739 0 01-.726.75.739.739 0 01-.726-.75.74.74 0 01.726-.749c.4 0 .726.337.726.75zm-.368 2.252a.37.37 0 01-.363.375h-7.633v1.498h2.546c.2 0 .363.168.363.374a.37.37 0 01-.363.375H7.455a.37.37 0 01-.363-.375.37.37 0 01.363-.374h2.546v-1.498H2V4h19.637v7.88a.37.37 0 01-.363.374.37.37 0 01-.363-.375V4.75H2.726v11.255H21.27c.2 0 .363.163.363.374zm-8.727.375h-2.183v1.498h2.183v-1.498z",
+            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: "M5.315 17.297c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.146c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.01c1.043 0 1.844.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814l-13.36.009zM18.68 5.643l-13.366.008c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.137c-.003-1.679-.852-2.494-2.604-2.494zm-3.953 13.24H9.26a.277.277 0 01-.28-.272c0-.149.126-.271.28-.271h5.47c.153 0 .28.122.28.271 0 .15-.127.272-.28.272z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconTvContentLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconTvContentRegular = 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 IconTvContentRegular = 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: "M18.396 17.368L5.593 17.36c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.923c0-2.202 1.221-3.412 3.44-3.412l12.806.009c2.219 0 3.44 1.212 3.44 3.411v5.998c0 1.075-.288 1.921-.86 2.512-.594.616-1.462.927-2.58.927zM5.59 5.632c-.807 0-1.406.193-1.779.574-.358.367-.54.944-.54 1.717v5.997c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.319-.737 2.319-2.32V7.932c0-.773-.182-1.35-.543-1.717-.373-.38-.97-.574-1.78-.574l-12.8-.008zm8.857 13.95l-4.916-.01a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56l4.916.009c.308 0 .56.252.56.56 0 .308-.252.56-.56.56z",
-        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: "M22 17.666V4H2v13.661h7.966v1.17H7.557a.568.568 0 00-.555.584c0 .325.247.585.555.585h8.891c.308 0 .554-.26.554-.585 0-.324-.246-.584-.554-.584h-2.41v-1.17H22v.005zM3.48 16.102V5.564h17.04v10.538H3.48zm9.445 2.734H11.07v-1.17h1.854v1.17z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M18.396 17.368L5.593 17.36c-1.12 0-1.99-.311-2.58-.927-.574-.591-.863-1.437-.863-2.513V7.923c0-2.202 1.221-3.412 3.44-3.412l12.806.009c2.219 0 3.44 1.212 3.44 3.411v5.998c0 1.075-.288 1.921-.86 2.512-.594.616-1.462.927-2.58.927zM5.59 5.632c-.807 0-1.406.193-1.779.574-.358.367-.54.944-.54 1.717v5.997c0 1.583.736 2.32 2.319 2.32l12.804.008c1.582 0 2.319-.737 2.319-2.32V7.932c0-.773-.182-1.35-.543-1.717-.373-.38-.97-.574-1.78-.574l-12.8-.008zm8.857 13.95l-4.916-.01a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56l4.916.009c.308 0 .56.252.56.56 0 .308-.252.56-.56.56z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconTvContentRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconUmbrellaFilled = 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 IconUmbrellaFilled = 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: "M12.557 4.515c1.387.622 4.233 2.782 4.877 7.897.003.014.011.025.011.036l-4.893-.014c.003.003.005-7.919.005-7.919zM6.143 12.42c.765-4.773 3.711-7.14 5.154-7.874l.006 7.888-5.16-.014zm15.549-1.725c.073.417-.042.86-.317 1.204a1.58 1.58 0 01-1.199.558l-1.526-.003a.606.606 0 00.014-.19c-.804-6.382-4.706-8.583-6.104-9.068 2.913.126 5.196 1.011 6.804 2.653 1.205 1.23 1.989 2.863 2.328 4.846zm-10.4-7.496c-1.356.574-5.508 3.11-6.407 9.213v.005l-1.314-.002a1.636 1.636 0 01-.815-.233 1.539 1.539 0 01-.706-1.552c.353-1.983 1.152-3.608 2.37-4.826 1.625-1.639 3.939-2.51 6.871-2.605zm3.94 15.636a.616.616 0 01.62.61c0 1.236-1.02 2.241-2.272 2.241-1.235 0-2.247-.977-2.272-2.19l-.003-.042v-7.02h1.238v7.011c0 .56.463 1.02 1.034 1.02.569 0 1.03-.457 1.03-1.02a.624.624 0 01.625-.61zM12.541 3.196h-1.227c0-.011-.006-.022-.006-.034v-.551a.616.616 0 01.62-.611.616.616 0 01.618.61v.55c.003.014-.003.022-.005.036z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconUmbrellaLight = 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 IconUmbrellaLight = 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.89 11.411a.521.521 0 01-.403.182l-2.025-.005c-.69-4.12-2.745-6.213-4.34-7.233 1.995.305 3.6 1.053 4.777 2.252 1.08 1.104 1.784 2.586 2.098 4.404a.529.529 0 01-.107.4zm-8.384-6.963c1.27.51 4.225 2.215 5.096 7.137l-5.096-.014V4.448zM6.4 11.557c.835-4.765 4.034-6.594 5.263-7.126v7.137L6.4 11.557zm-3.151-.09a.52.52 0 01-.24-.515c.321-1.815 1.04-3.292 2.133-4.384 1.222-1.232 2.902-1.98 5-2.25-1.644 1.048-3.935 3.208-4.6 7.236l-2.013-.006a.58.58 0 01-.28-.08zm18.577-.596c-.34-1.984-1.12-3.611-2.322-4.84-1.639-1.673-3.99-2.567-6.998-2.66v-.797a.42.42 0 00-.423-.418.421.421 0 00-.423.418v.804c-3.056.053-5.456.927-7.12 2.61-1.216 1.213-2.011 2.838-2.364 4.82a1.343 1.343 0 00.625 1.368c.21.129.465.202.72.204l8.14.02v7.378c.008 1.14.952 2.065 2.112 2.065 1.162 0 2.109-.933 2.109-2.079a.42.42 0 00-.423-.417.421.421 0 00-.423.417 1.26 1.26 0 01-1.266 1.247c-.698 0-1.266-.56-1.266-1.247v-7.358l7.977.022c.41 0 .793-.177 1.059-.49.25-.308.353-.698.286-1.067z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconUmbrellaRegular = 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 IconUmbrellaRegular = 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.387 11.134a.308.308 0 01-.236.107l-1.812-.006c-.602-3.375-2.135-5.361-3.55-6.501 1.494.361 2.724 1.014 3.66 1.97 1.027 1.05 1.7 2.464 1.996 4.206a.31.31 0 01-.058.224zm-7.84-6.372c1.29.6 3.71 2.266 4.534 6.473l-4.535-.01V4.761zm-5.945 6.445c.799-4.064 3.406-5.82 4.703-6.453v6.467l-4.703-.014zm-3.218-.056c-.011-.008-.04-.028-.07-.061a.294.294 0 01-.07-.236c.308-1.736.991-3.145 2.033-4.187.978-.986 2.272-1.647 3.85-1.986-1.494 1.157-3.183 3.17-3.78 6.52l-1.795-.005a.342.342 0 01-.168-.045zm18.28-.448c-.34-1.983-1.123-3.616-2.328-4.846-1.605-1.639-3.885-2.524-6.79-2.653v-.593A.616.616 0 0011.927 2a.616.616 0 00-.619.61v.594c-2.952.087-5.283.961-6.913 2.608-1.219 1.222-2.017 2.846-2.37 4.83a1.523 1.523 0 00.706 1.546c.238.145.524.23.815.232l7.762.023v7.014c0 .014 0 .028.003.042.025 1.212 1.036 2.19 2.272 2.19 1.252 0 2.271-1.006 2.271-2.24a.616.616 0 00-.619-.611.616.616 0 00-.619.61c0 .56-.465 1.017-1.033 1.017a1.028 1.028 0 01-1.034-1.017v-7.003l7.605.02c.46-.003.894-.199 1.196-.557.275-.348.39-.788.314-1.205z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconUserAccountFilled = 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 IconUserAccountFilled = 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.587 11.86c-1.558 0-2.77-.409-3.61-1.219-.872-.84-1.315-2.086-1.315-3.705 0-1.62.443-2.869 1.314-3.712C8.816 2.412 10.03 2 11.586 2c1.558 0 2.774.412 3.617 1.224.877.843 1.32 2.093 1.32 3.712 0 1.619-.446 2.865-1.323 3.705-.84.81-2.056 1.219-3.613 1.219zm8.193 9.832H3.394a.562.562 0 01-.56-.56v-1.639c0-1.569.487-2.905 1.411-3.868 1.008-1.05 2.504-1.608 4.33-1.608h6.009c1.826 0 3.328.554 4.336 1.605.93.966 1.42 2.302 1.42 3.871v1.639c0 .308-.252.56-.56.56z",
-        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: "M22 21.63V22H3v-.37c0-3.441 3.032-6.347 7.122-7.172-2.217-.981-3.78-3.29-3.78-5.978C6.342 4.906 9.104 2 12.5 2c3.396 0 6.158 2.906 6.158 6.48 0 2.688-1.559 4.997-3.78 5.978 4.095.83 7.122 3.73 7.122 7.172z",
+            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.587 11.86c-1.558 0-2.77-.409-3.61-1.219-.872-.84-1.315-2.086-1.315-3.705 0-1.62.443-2.869 1.314-3.712C8.816 2.412 10.03 2 11.586 2c1.558 0 2.774.412 3.617 1.224.877.843 1.32 2.093 1.32 3.712 0 1.619-.446 2.865-1.323 3.705-.84.81-2.056 1.219-3.613 1.219zm8.193 9.832H3.394a.562.562 0 01-.56-.56v-1.639c0-1.569.487-2.905 1.411-3.868 1.008-1.05 2.504-1.608 4.33-1.608h6.009c1.826 0 3.328.554 4.336 1.605.93.966 1.42 2.302 1.42 3.871v1.639c0 .308-.252.56-.56.56z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconUserAccountFilled;