@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPayInvoiceRegular = 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 IconPayInvoiceRegular = 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.093 2.16c.148 0 .291.059.398.165l5.204 5.219a.559.559 0 01.16.341V7.9a.21.21 0 01.002.039V20.72c0 .712-.442 1.154-1.154 1.157h-.266l-.102-.001-.87-.001H7.972c-.367 0-.658-.107-.865-.32-.208-.213-.314-.501-.314-.868v-6.211c-1.373-.09-2.465-.517-3.246-1.271C2.627 12.317 2.16 11 2.16 9.297c0-1.703.468-3.02 1.387-3.907.781-.755 1.873-1.182 3.246-1.271v-.783c0-.722.451-1.17 1.177-1.17l.424-.002h.322l.186-.001h.414l.227-.001h1.018l.277-.001 5.255-.001zm-.561 1.12l-5.076.001h-.258l-1.51.001H8.14l-.093.001h-.074c-.022 0-.042 0-.056.003l-.002.05v.78c1.463.084 2.558.504 3.336 1.28.874.87 1.3 2.148 1.3 3.901 0 1.706-.468 3.02-1.387 3.908-.784.754-1.874 1.181-3.249 1.27v6.214c0 .023 0 .042.002.065.014 0 .034.003.06.003h12.758V8.498h-2.619c-.857 0-1.549-.324-2-.937-.384-.521-.58-1.222-.582-2.079l-.001-2.202zm3.292 13.93a.56.56 0 110 1.12H10.63a.562.562 0 01-.56-.56c0-.307.251-.56.56-.56h8.193zm0-3.277a.56.56 0 110 1.12h-7.101a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zM7.387 5.222l-.034.002-.032-.002-.213.003C4.534 5.304 3.28 6.638 3.28 9.297c0 2.743 1.334 4.076 4.073 4.076 2.74 0 4.073-1.333 4.073-4.076 0-1.44-.316-2.456-.97-3.109-.647-.648-1.65-.961-3.07-.966zm-.034.465a.42.42 0 01.42.42v.463c.354.049.68.16.947.324.205.126.236.291.236.378a.405.405 0 01-.404.403.54.54 0 01-.238-.064l-.006-.003a2.075 2.075 0 00-.534-.21l-.001 1.455.052.009c1.163.213 1.416.919 1.416 1.488 0 .48-.176.886-.507 1.174-.244.212-.572.353-.96.414v.37a.42.42 0 11-.84 0l-.001-.364a2.873 2.873 0 01-1.235-.484.427.427 0 01-.196-.364.415.415 0 01.417-.412c.095.003.188.03.266.084.248.165.499.28.748.34l-.001-1.54c-1.074-.23-1.31-.905-1.31-1.45 0-.823.502-1.395 1.31-1.54l.001-.471a.42.42 0 01.42-.42zm11.47 4.423a.56.56 0 110 1.12h-4.915a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM7.776 9.705v1.41c.402-.102.64-.365.64-.737 0-.268-.087-.532-.64-.673zM6.45 8.082c0 .153 0 .441.483.615V7.409a.67.67 0 00-.483.673zm10.204-4.006v1.4c0 .608.126 1.099.364 1.418.238.32.597.482 1.098.482l1.826-.001-3.288-3.299z",
-        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.86 2H7.144C5.964 2 5 2.96 5 4.144V22h15V4.144A2.143 2.143 0 0017.86 2zm.714 18.574H6.43V4.144c0-.393.32-.713.713-.713H17.86c.394 0 .714.32.714.713v16.43zm-1.605-3.214a.533.533 0 01-.535.535H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859c.293 0 .535.238.535.535zm0-3.57a.533.533 0 01-.535.535H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 01.535.535zm-5.742-6.432c0-.297.237-.535.535-.535h.365a2.682 2.682 0 012.625-2.144c.42 0 .832.1 1.22.302a.538.538 0 01.233.722.538.538 0 01-.722.233 1.6 1.6 0 00-.727-.183c-.7 0-1.285.448-1.509 1.07h1.674c.297 0 .535.238.535.535a.533.533 0 01-.535.535h-1.674c.224.621.81 1.07 1.51 1.07.25 0 .493-.06.726-.184a.534.534 0 01.722.234.534.534 0 01-.233.722 2.621 2.621 0 01-1.22.302 2.682 2.682 0 01-2.625-2.144h-.365a.53.53 0 01-.535-.535z",
+            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.093 2.16c.148 0 .291.059.398.165l5.204 5.219a.559.559 0 01.16.341V7.9a.21.21 0 01.002.039V20.72c0 .712-.442 1.154-1.154 1.157h-.266l-.102-.001-.87-.001H7.972c-.367 0-.658-.107-.865-.32-.208-.213-.314-.501-.314-.868v-6.211c-1.373-.09-2.465-.517-3.246-1.271C2.627 12.317 2.16 11 2.16 9.297c0-1.703.468-3.02 1.387-3.907.781-.755 1.873-1.182 3.246-1.271v-.783c0-.722.451-1.17 1.177-1.17l.424-.002h.322l.186-.001h.414l.227-.001h1.018l.277-.001 5.255-.001zm-.561 1.12l-5.076.001h-.258l-1.51.001H8.14l-.093.001h-.074c-.022 0-.042 0-.056.003l-.002.05v.78c1.463.084 2.558.504 3.336 1.28.874.87 1.3 2.148 1.3 3.901 0 1.706-.468 3.02-1.387 3.908-.784.754-1.874 1.181-3.249 1.27v6.214c0 .023 0 .042.002.065.014 0 .034.003.06.003h12.758V8.498h-2.619c-.857 0-1.549-.324-2-.937-.384-.521-.58-1.222-.582-2.079l-.001-2.202zm3.292 13.93a.56.56 0 110 1.12H10.63a.562.562 0 01-.56-.56c0-.307.251-.56.56-.56h8.193zm0-3.277a.56.56 0 110 1.12h-7.101a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zM7.387 5.222l-.034.002-.032-.002-.213.003C4.534 5.304 3.28 6.638 3.28 9.297c0 2.743 1.334 4.076 4.073 4.076 2.74 0 4.073-1.333 4.073-4.076 0-1.44-.316-2.456-.97-3.109-.647-.648-1.65-.961-3.07-.966zm-.034.465a.42.42 0 01.42.42v.463c.354.049.68.16.947.324.205.126.236.291.236.378a.405.405 0 01-.404.403.54.54 0 01-.238-.064l-.006-.003a2.075 2.075 0 00-.534-.21l-.001 1.455.052.009c1.163.213 1.416.919 1.416 1.488 0 .48-.176.886-.507 1.174-.244.212-.572.353-.96.414v.37a.42.42 0 11-.84 0l-.001-.364a2.873 2.873 0 01-1.235-.484.427.427 0 01-.196-.364.415.415 0 01.417-.412c.095.003.188.03.266.084.248.165.499.28.748.34l-.001-1.54c-1.074-.23-1.31-.905-1.31-1.45 0-.823.502-1.395 1.31-1.54l.001-.471a.42.42 0 01.42-.42zm11.47 4.423a.56.56 0 110 1.12h-4.915a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h4.916zM7.776 9.705v1.41c.402-.102.64-.365.64-.737 0-.268-.087-.532-.64-.673zM6.45 8.082c0 .153 0 .441.483.615V7.409a.67.67 0 00-.483.673zm10.204-4.006v1.4c0 .608.126 1.099.364 1.418.238.32.597.482 1.098.482l1.826-.001-3.288-3.299z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPayInvoiceRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPenFilled = 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 IconPenFilled = 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: "M8.78 19.151l-1.663-1.644 9.339-9.238 1.639 1.622-9.314 9.26zm-3.66.919l-1.373-1.342.387-2.473 3.383 3.347-2.397.468zm8.79-14.32l1.686 1.67-9.336 9.238-1.686-1.666L13.91 5.75zm6.69-2.256a10.46 10.46 0 00-.249-.25c-1.37-1.335-3.605-2.002-5.759.13l-11.31 11.19a.615.615 0 00-.124.182l-.022.067c-.009.028-.023.054-.028.084l-.942 6.096a.6.6 0 00.712.68l5.865-1.075c.012 0 .023.005.034.005.11 0 .213-.039.308-.095.009-.003.014-.008.023-.014.033-.022.07-.036.1-.067.006-.006.006-.011.012-.014.005-.006.014-.009.02-.014L20.48 9.22c2.132-2.103 1.46-4.336.12-5.728z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.553 8.145l.34-.357c1.476-1.55 1.476-4.075 0-5.625a3.667 3.667 0 00-5.358 0l-.34.357 5.358 5.625zM4.177 14.088l10.25-10.763 5.356 5.624L9.533 19.71l-5.356-5.623zm-.625.955l-1.528 6.003a.784.784 0 00.188.731.705.705 0 00.696.198l5.717-1.61-5.073-5.322z",
+            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: "M8.78 19.151l-1.663-1.644 9.339-9.238 1.639 1.622-9.314 9.26zm-3.66.919l-1.373-1.342.387-2.473 3.383 3.347-2.397.468zm8.79-14.32l1.686 1.67-9.336 9.238-1.686-1.666L13.91 5.75zm6.69-2.256a10.46 10.46 0 00-.249-.25c-1.37-1.335-3.605-2.002-5.759.13l-11.31 11.19a.615.615 0 00-.124.182l-.022.067c-.009.028-.023.054-.028.084l-.942 6.096a.6.6 0 00.712.68l5.865-1.075c.012 0 .023.005.034.005.11 0 .213-.039.308-.095.009-.003.014-.008.023-.014.033-.022.07-.036.1-.067.006-.006.006-.011.012-.014.005-.006.014-.009.02-.014L20.48 9.22c2.132-2.103 1.46-4.336.12-5.728z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPenFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPenLight = 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 IconPenLight = 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: "M19.925 8.597l-.829.824-4.565-4.516.845-.837c2.037-2.011 3.77-.76 4.423-.126.079.078.163.165.233.235.639.664 1.91 2.423-.107 4.42zM3.267 19.628L4.34 20.69l-1.272.232.2-1.294zM6.13 17.2l-2.014-1.995 9.83-9.723 2.013 1.995L6.13 17.2zm-.804 3.308L3.421 18.62l.395-2.555 4.025 3.98-2.515.463zm3.381-.76L6.715 17.78l9.83-9.722 1.969 1.946-9.807 9.746zM20.631 3.612c-.084-.084-.165-.168-.252-.252-1.33-1.294-3.498-1.938-5.59.132L3.233 14.919a.368.368 0 00-.104.205c-.003.008-.011.014-.011.022L2.16 21.37a.41.41 0 00.484.465l6.02-1.103c.014 0 .028.008.042.008.11 0 .216-.042.294-.12.006-.006.009-.014.014-.023.003-.003.011-.003.014-.005L20.514 9.177c2.67-2.644.566-5.1.117-5.566z",
-        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: "M16.155 2.052a3.315 3.315 0 014.844 0c1.335 1.402 1.335 3.684 0 5.086l-.722.757-8.85 9.293a.366.366 0 01-.257.11.349.349 0 01-.256-.11.392.392 0 010-.535l8.597-9.019-3.826-4.016L4.458 15.407l4.082 4.282a.404.404 0 01.092.366.378.378 0 01-.257.27l-5.922 1.662a.352.352 0 01-.349-.097.404.404 0 01-.092-.366l1.587-6.218V15.3l.017-.042a.13.13 0 01.016-.042s.004-.004.004-.008c.008-.009.012-.021.02-.03l.008-.008c.008-.013.016-.021.028-.034L15.432 2.81zM4.133 16.139L2.87 21.086l4.71-1.326-3.448-3.62zm5.594 1.541c.398 0 .721.34.721.758 0 .419-.323.758-.721.758-.399 0-.722-.34-.722-.758s.323-.758.722-.758zM20.489 2.586a2.618 2.618 0 00-3.825 0l-.465.489 3.825 4.016.465-.488c1.055-1.107 1.055-2.91 0-4.017z",
+            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: "M19.925 8.597l-.829.824-4.565-4.516.845-.837c2.037-2.011 3.77-.76 4.423-.126.079.078.163.165.233.235.639.664 1.91 2.423-.107 4.42zM3.267 19.628L4.34 20.69l-1.272.232.2-1.294zM6.13 17.2l-2.014-1.995 9.83-9.723 2.013 1.995L6.13 17.2zm-.804 3.308L3.421 18.62l.395-2.555 4.025 3.98-2.515.463zm3.381-.76L6.715 17.78l9.83-9.722 1.969 1.946-9.807 9.746zM20.631 3.612c-.084-.084-.165-.168-.252-.252-1.33-1.294-3.498-1.938-5.59.132L3.233 14.919a.368.368 0 00-.104.205c-.003.008-.011.014-.011.022L2.16 21.37a.41.41 0 00.484.465l6.02-1.103c.014 0 .028.008.042.008.11 0 .216-.042.294-.12.006-.006.009-.014.014-.023.003-.003.011-.003.014-.005L20.514 9.177c2.67-2.644.566-5.1.117-5.566z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPenLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPenRegular = 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 IconPenRegular = 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: "M19.616 8.373l-.667.663L14.767 4.9l.683-.678c1.863-1.846 3.448-.7 4.048-.12.073.073.154.154.221.224.583.608 1.745 2.218-.103 4.048zM3.677 19.17l.967.958-1.149.21.182-1.168zm2.577-2.516L4.568 14.99l9.339-9.238 1.683 1.666-9.336 9.238zm-.16 3.208l-2.19-2.168.221-1.44 3.384 3.347-1.414.26zm2.681-.712l-1.664-1.644 9.336-9.238 1.64 1.622c.002 0-9.312 9.26-9.312 9.26zm11.82-15.658a10.46 10.46 0 00-.248-.25c-1.373-1.333-3.605-2.002-5.76.13L3.28 14.563a.526.526 0 00-.123.18.608.608 0 00-.02.067c-.008.028-.022.056-.027.084l-.942 6.1c-.03.194.037.39.18.524a.622.622 0 00.532.16l5.868-1.079c.011 0 .02.006.031.006a.594.594 0 00.305-.095c.012-.006.023-.017.037-.023.03-.02.064-.033.09-.058l.008-.012.02-.016L20.48 9.224c2.126-2.11 1.454-4.342.115-5.731z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20.889 3.107a3.792 3.792 0 00-5.356 0l-.724.724L3.841 14.802a.71.71 0 00-.228.364l-1.588 5.926a.723.723 0 00.888.884l5.856-1.572a.728.728 0 00.388-.2L19.661 9.697l.512-.512.724-.724a3.79 3.79 0 00-.008-5.354zM3.745 20.256l.936-3.505 2.564 2.564-3.5.94zm4.9-1.589l-3.312-3.313 9.992-9.994 3.312 3.313-9.992 9.994zM19.87 7.44l-.212.212-3.312-3.312.212-.212a2.346 2.346 0 013.312 0c.912.912.912 2.4 0 3.312z",
+            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: "M19.616 8.373l-.667.663L14.767 4.9l.683-.678c1.863-1.846 3.448-.7 4.048-.12.073.073.154.154.221.224.583.608 1.745 2.218-.103 4.048zM3.677 19.17l.967.958-1.149.21.182-1.168zm2.577-2.516L4.568 14.99l9.339-9.238 1.683 1.666-9.336 9.238zm-.16 3.208l-2.19-2.168.221-1.44 3.384 3.347-1.414.26zm2.681-.712l-1.664-1.644 9.336-9.238 1.64 1.622c.002 0-9.312 9.26-9.312 9.26zm11.82-15.658a10.46 10.46 0 00-.248-.25c-1.373-1.333-3.605-2.002-5.76.13L3.28 14.563a.526.526 0 00-.123.18.608.608 0 00-.02.067c-.008.028-.022.056-.027.084l-.942 6.1c-.03.194.037.39.18.524a.622.622 0 00.532.16l5.868-1.079c.011 0 .02.006.031.006a.594.594 0 00.305-.095c.012-.006.023-.017.037-.023.03-.02.064-.033.09-.058l.008-.012.02-.016L20.48 9.224c2.126-2.11 1.454-4.342.115-5.731z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPenRegular;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPendriveFilled = 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 IconPendriveFilled = 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.639 14.214V9.663a.58.58 0 00-.51-.566h-1.515v5.686h1.482a.56.56 0 00.543-.569zm-.557-6.35c.952 0 1.745.799 1.764 1.782v4.566c0 .988-.784 1.795-1.75 1.795h-1.51c-.188.964-1.023 1.695-2.02 1.695h-9.07c-3.448-.126-5.336-2.168-5.336-5.748 0-3.588 1.888-5.625 5.317-5.734h9.075c.983 0 1.807.709 2.011 1.65h.678v-.003h.84v-.003zM6.519 11.136c-.558 0-.92.294-.92.927 0 .305.085.53.233.684.163.165.398.246.687.246.288 0 .526-.081.686-.246.148-.154.232-.379.232-.684.003-.633-.361-.927-.918-.927z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPendriveLight = 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 IconPendriveLight = 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.294 11.33c.504 0 .829.27.829.85 0 .28-.076.484-.21.624-.146.151-.359.224-.622.224-.26 0-.476-.073-.62-.224-.134-.14-.21-.347-.21-.624 0-.58.331-.85.833-.85zm14.728 2.967v-4.72c-.009-.417-.325-.767-.717-.798h-1.762v6.32h1.717c.42 0 .762-.36.762-.802zm-3.289 1.432v-.208h-.014v-7.33c0-.622-.482-1.124-1.075-1.124H7.397c-2.927.096-4.42 1.74-4.42 4.886 0 3.143 1.49 4.792 4.434 4.902h9.247c.593 0 1.075-.505 1.075-1.126zm2.513-7.802c.863 0 1.58.734 1.597 1.642v4.728c0 .908-.712 1.65-1.583 1.65h-1.714c-.104.986-.91 1.756-1.888 1.756h-9.26c-3.385-.126-5.242-2.168-5.242-5.75 0-3.589 1.857-5.625 5.23-5.734h9.26c.961 0 1.757.745 1.88 1.711h.952l-.002-.003h.77z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPendriveRegular = 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 IconPendriveRegular = 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.519 11.139c.557 0 .918.294.918.927 0 .305-.084.53-.232.683-.163.166-.398.247-.686.247-.289 0-.527-.081-.687-.247-.148-.154-.232-.378-.232-.683 0-.633.364-.927.919-.927zm14.12 3.078V9.665a.578.578 0 00-.51-.565h-1.515v5.686h1.482a.56.56 0 00.543-.569zm-4.073 2.26c.47 0 .852-.394.852-.879V15.4h-.014V8.33c0-.484-.381-.88-.852-.88H7.496c-2.734.088-4.129 1.606-4.129 4.508s1.395 4.423 4.149 4.52h9.05zm3.516-8.61c.952 0 1.745.798 1.764 1.782v4.565c0 .99-.784 1.796-1.75 1.796h-1.51c-.188.964-1.023 1.695-2.02 1.695h-9.07c-3.448-.126-5.336-2.168-5.336-5.751 0-3.588 1.888-5.625 5.317-5.734h9.075c.983 0 1.807.709 2.011 1.65h.678v-.003h.84z",
         fill: fillColor
     })));