@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPoundryLight = 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 IconPoundryLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M21.022 17.308c-4.101.076-7.325 1.291-8.614 1.857V6.355c3.404-1.725 7.384-1.753 8.614-1.716v12.669zM2.977 4.641c1.224-.039 5.21-.008 8.613 1.717v12.81c-1.285-.566-4.512-1.779-8.613-1.857V4.64zm18.487-.795c-.215-.02-5.193-.378-9.467 1.81-4.275-2.186-9.25-1.827-9.463-1.807a.404.404 0 00-.378.403v13.46a.41.41 0 00.41.406c5.24 0 9.204 2.03 9.243 2.05.059.03.123.045.19.045.017 0 .034-.011.05-.014a.38.38 0 00.138-.034l.02-.011h.002c.241-.12 4.118-2.04 9.219-2.04.227 0 .41-.181.41-.408V4.249a.398.398 0 00-.374-.403z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPoundryRegular = 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 IconPoundryRegular = 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.431 16.812a23.065 23.065 0 00-7.96 1.687V6.519c3.067-1.505 6.593-1.614 7.96-1.589v11.882zM3.255 4.93c1.367-.017 4.885.081 7.96 1.588v11.98a23.115 23.115 0 00-7.96-1.686V4.93zm17.854-1.216c-.21-.017-5.056-.361-9.266 1.734C7.636 3.35 2.79 3.698 2.58 3.714a.62.62 0 00-.577.62v13.092c0 .342.28.622.627.622 5.06 0 8.885 1.95 8.925 1.969.092.047.19.07.29.07.026 0 .049-.017.077-.02a.596.596 0 00.249-.07c.328-.162 4.022-1.952 8.89-1.952a.623.623 0 00.628-.622V4.331a.627.627 0 00-.58-.617z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPowerFilled = 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 IconPowerFilled = 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.234 4.579c-1.672-1.611-4.106-2.429-7.238-2.429-3.132 0-5.563.818-7.233 2.429C3.03 6.254 2.15 8.749 2.15 12.004s.88 5.751 2.613 7.423c1.673 1.61 4.107 2.429 7.236 2.429 3.129 0 5.566-.818 7.238-2.429 1.737-1.672 2.616-4.17 2.616-7.423 0-3.252-.882-5.75-2.619-7.425zm-7.745.308c0-.308.252-.56.56-.56.308 0 .56.252.56.56v4.098c0 .308-.252.56-.56.56a.562.562 0 01-.56-.56V4.887zm5.042 11.706c-1.036 1-2.535 1.504-4.457 1.504-1.921 0-3.417-.507-4.453-1.507-1.076-1.037-1.622-2.577-1.622-4.572 0-1.658.378-3.005 1.126-4.008.74-.989 1.82-1.633 3.218-1.91a.559.559 0 11.219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.432 2.947 1.28 3.765.821.79 2.06 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.19.849-.818 1.28-2.087 1.28-3.765 0-2.82-1.16-4.403-3.543-4.84a.56.56 0 11.202-1.104c1.434.264 2.543.9 3.302 1.891.77 1.009 1.16 2.37 1.16 4.05.003 2-.544 3.538-1.622 4.578z",
-        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: "M9.92 3.517c.12.418-.082.924-.532 1.047-3.428 1.17-5.755 4.444-5.755 8.17 0 4.735 3.754 8.594 8.37 8.594 4.615 0 8.369-3.854 8.369-8.593 0-3.731-2.327-6.996-5.756-8.171-.407-.123-.651-.63-.531-1.047.12-.418.613-.669 1.02-.546C19.227 4.353 22 8.291 22 12.735 22 18.389 17.509 23 12.002 23 6.492 23 2 18.393 2 12.735 2 8.29 4.777 4.353 8.9 2.97c.407-.123.9.084 1.02.546zM12.001 1a.83.83 0 01.814.836V12.73c0 .462-.368.84-.814.84a.83.83 0 01-.814-.835V1.836A.83.83 0 0112.002 1z",
+            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.234 4.579c-1.672-1.611-4.106-2.429-7.238-2.429-3.132 0-5.563.818-7.233 2.429C3.03 6.254 2.15 8.749 2.15 12.004s.88 5.751 2.613 7.423c1.673 1.61 4.107 2.429 7.236 2.429 3.129 0 5.566-.818 7.238-2.429 1.737-1.672 2.616-4.17 2.616-7.423 0-3.252-.882-5.75-2.619-7.425zm-7.745.308c0-.308.252-.56.56-.56.308 0 .56.252.56.56v4.098c0 .308-.252.56-.56.56a.562.562 0 01-.56-.56V4.887zm5.042 11.706c-1.036 1-2.535 1.504-4.457 1.504-1.921 0-3.417-.507-4.453-1.507-1.076-1.037-1.622-2.577-1.622-4.572 0-1.658.378-3.005 1.126-4.008.74-.989 1.82-1.633 3.218-1.91a.559.559 0 11.219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.432 2.947 1.28 3.765.821.79 2.06 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.19.849-.818 1.28-2.087 1.28-3.765 0-2.82-1.16-4.403-3.543-4.84a.56.56 0 11.202-1.104c1.434.264 2.543.9 3.302 1.891.77 1.009 1.16 2.37 1.16 4.05.003 2-.544 3.538-1.622 4.578z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPowerFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPowerLight = 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 IconPowerLight = 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.988 2.15c3.14 0 5.574.812 7.238 2.417 1.725 1.664 2.602 4.163 2.602 7.423.003 6.435-3.4 9.838-9.84 9.838-6.435 0-9.838-3.4-9.838-9.838 0-6.437 3.4-9.84 9.838-9.84zm0 .56c-6.155 0-9.278 3.123-9.278 9.28 0 6.154 3.12 9.278 9.278 9.278 6.16 0 9.28-3.12 9.28-9.278.002-6.16-3.12-9.28-9.28-9.28zm1.574 3.374l.064.004c1.42.26 2.518.886 3.263 1.86.762.998 1.149 2.359 1.149 4.048 0 1.997-.54 3.53-1.602 4.555-.968.922-2.35 1.42-4.111 1.476l-.335.005c-1.921 0-3.417-.501-4.44-1.487-1.061-1.025-1.602-2.557-1.602-4.555 0-1.664.376-3.01 1.115-4.005.726-.972 1.793-1.605 3.18-1.88l.064-.005.062.009a.281.281 0 01-.017.548c-2.55.507-3.843 2.303-3.843 5.336 0 3.639 1.843 5.482 5.481 5.482 3.639 0 5.485-1.843 5.485-5.482 0-3.073-1.33-4.877-3.95-5.356a.28.28 0 01.037-.553zM11.99 4.579a.28.28 0 01.28.28v4.098a.281.281 0 01-.216.272l-.064.008a.28.28 0 01-.28-.28V4.859a.28.28 0 01.28-.28z",
-        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: "M9.96 3.096c.038.212-.082.459-.288.503-4.038 1.087-6.857 4.862-6.857 9.134 0 5.198 4.124 9.43 9.187 9.43 1.55 0 3.06-.379 4.368-1.132.206-.123.447-.04.571.168.12.211.039.458-.163.585A9.999 9.999 0 0112.002 23C6.492 23 2 18.393 2 12.733c0-4.65 3.06-8.756 7.428-9.932a.472.472 0 01.532.295zm8.573 15.922c.45 0 .815.375.815.837a.826.826 0 01-.815.837.826.826 0 01-.815-.837c0-.462.365-.837.815-.837zM14.53 2.801C18.936 3.981 22 8.087 22 12.738c0 1.929-.532 3.814-1.51 5.448a.488.488 0 01-.365.203c-.082 0-.163 0-.206-.084-.206-.123-.245-.379-.12-.586a9.776 9.776 0 001.39-4.986c0-4.272-2.82-8.042-6.861-9.134-.206-.04-.326-.251-.288-.503.039-.21.288-.378.49-.295zM12.002 1c.245 0 .408.167.408.418v11.315c0 .251-.163.419-.408.419-.244 0-.407-.168-.407-.419V1.418c0-.25.163-.418.407-.418z",
+            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.988 2.15c3.14 0 5.574.812 7.238 2.417 1.725 1.664 2.602 4.163 2.602 7.423.003 6.435-3.4 9.838-9.84 9.838-6.435 0-9.838-3.4-9.838-9.838 0-6.437 3.4-9.84 9.838-9.84zm0 .56c-6.155 0-9.278 3.123-9.278 9.28 0 6.154 3.12 9.278 9.278 9.278 6.16 0 9.28-3.12 9.28-9.278.002-6.16-3.12-9.28-9.28-9.28zm1.574 3.374l.064.004c1.42.26 2.518.886 3.263 1.86.762.998 1.149 2.359 1.149 4.048 0 1.997-.54 3.53-1.602 4.555-.968.922-2.35 1.42-4.111 1.476l-.335.005c-1.921 0-3.417-.501-4.44-1.487-1.061-1.025-1.602-2.557-1.602-4.555 0-1.664.376-3.01 1.115-4.005.726-.972 1.793-1.605 3.18-1.88l.064-.005.062.009a.281.281 0 01-.017.548c-2.55.507-3.843 2.303-3.843 5.336 0 3.639 1.843 5.482 5.481 5.482 3.639 0 5.485-1.843 5.485-5.482 0-3.073-1.33-4.877-3.95-5.356a.28.28 0 01.037-.553zM11.99 4.579a.28.28 0 01.28.28v4.098a.281.281 0 01-.216.272l-.064.008a.28.28 0 01-.28-.28V4.859a.28.28 0 01.28-.28z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPowerLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPowerRegular = 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 IconPowerRegular = 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.999 2.15c3.129 0 5.563.818 7.238 2.429 1.737 1.675 2.616 4.17 2.616 7.425 0 3.252-.88 5.751-2.616 7.423-1.675 1.611-4.11 2.426-7.238 2.426-3.13 0-5.563-.818-7.236-2.428-1.733-1.673-2.613-4.169-2.613-7.423 0-3.253.88-5.751 2.613-7.426C6.436 2.968 8.87 2.15 12 2.15zm0 1.09c-5.813 0-8.76 2.95-8.76 8.764 0 5.813 2.947 8.76 8.76 8.76 5.815 0 8.764-2.947 8.764-8.76C20.761 6.19 17.813 3.24 12 3.24zm1.694 2.832c1.435.263 2.544.899 3.303 1.89.77 1.009 1.16 2.37 1.16 4.05 0 1.995-.547 3.536-1.625 4.572-1.036 1.006-2.535 1.513-4.454 1.513-1.919 0-3.417-.507-4.454-1.507-1.075-1.037-1.621-2.577-1.621-4.572 0-1.658.378-3.005 1.126-4.008.736-.989 1.82-1.633 3.218-1.91a.559.559 0 11.219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.432 2.947 1.28 3.765.821.79 2.06 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.193.849-.818 1.28-2.084 1.28-3.764 0-2.821-1.16-4.404-3.543-4.84a.56.56 0 11.201-1.104zM12.05 4.326c.308 0 .56.253.56.56v4.099c0 .308-.252.56-.56.56a.562.562 0 01-.56-.56V4.887c0-.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: "M9.92 4.4c.12.4-.081.879-.53 1.001-3.43 1.116-5.76 4.239-5.76 7.8 0 4.52 3.754 8.2 8.368 8.2 4.614 0 8.367-3.68 8.367-8.2 0-3.561-2.325-6.68-5.756-7.8-.407-.118-.65-.602-.528-1.002.12-.4.613-.64 1.02-.517C19.224 5.199 22 8.962 22 13.2c-.004 5.397-4.492 9.8-10.002 9.8C6.492 23 2 18.601 2 13.2c0-4.241 2.773-8 6.898-9.317.408-.118.9.08 1.021.517zM11.997 2c.448 0 .815.362.815.8v10.4a.81.81 0 01-.815.8.812.812 0 01-.815-.8V2.8c0-.438.367-.8.815-.8z",
+            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.999 2.15c3.129 0 5.563.818 7.238 2.429 1.737 1.675 2.616 4.17 2.616 7.425 0 3.252-.88 5.751-2.616 7.423-1.675 1.611-4.11 2.426-7.238 2.426-3.13 0-5.563-.818-7.236-2.428-1.733-1.673-2.613-4.169-2.613-7.423 0-3.253.88-5.751 2.613-7.426C6.436 2.968 8.87 2.15 12 2.15zm0 1.09c-5.813 0-8.76 2.95-8.76 8.764 0 5.813 2.947 8.76 8.76 8.76 5.815 0 8.764-2.947 8.764-8.76C20.761 6.19 17.813 3.24 12 3.24zm1.694 2.832c1.435.263 2.544.899 3.303 1.89.77 1.009 1.16 2.37 1.16 4.05 0 1.995-.547 3.536-1.625 4.572-1.036 1.006-2.535 1.513-4.454 1.513-1.919 0-3.417-.507-4.454-1.507-1.075-1.037-1.621-2.577-1.621-4.572 0-1.658.378-3.005 1.126-4.008.736-.989 1.82-1.633 3.218-1.91a.559.559 0 11.219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.432 2.947 1.28 3.765.821.79 2.06 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.193.849-.818 1.28-2.084 1.28-3.764 0-2.821-1.16-4.404-3.543-4.84a.56.56 0 11.201-1.104zM12.05 4.326c.308 0 .56.253.56.56v4.099c0 .308-.252.56-.56.56a.562.562 0 01-.56-.56V4.887c0-.308.252-.56.56-.56z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPowerRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPrepaidFilled = 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 IconPrepaidFilled = 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: "M17.463 2.16c1.11 0 1.919.269 2.473.826.552.555.818 1.362.818 2.463v13.109c0 1.115-.269 1.927-.826 2.479-.552.546-1.359.812-2.465.812h-6.555c-1.106 0-1.913-.266-2.465-.812-.554-.552-.826-1.364-.826-2.48v-3.562c-1.289-.09-2.314-.493-3.05-1.202-.874-.843-1.317-2.09-1.317-3.709 0-1.619.443-2.865 1.317-3.708.736-.712 1.764-1.112 3.056-1.202.042-.947.31-1.658.817-2.17.563-.567 1.37-.844 2.468-.844zM14.19 17.289c-.697 0-1.112.417-1.112 1.115 0 .339.093.61.289.81.196.198.479.305.82.305.342 0 .625-.107.821-.306.19-.199.289-.47.294-.81 0-.697-.414-1.114-1.112-1.114zM8.18 6.278c-1.255 0-2.21.305-2.835.907-.647.622-.975 1.6-.975 2.902 0 1.303.328 2.28.975 2.902.625.602 1.58.908 2.835.908s2.21-.306 2.835-.908c.647-.622.974-1.6.974-2.902s-.327-2.28-.974-2.902c-.625-.602-1.58-.907-2.835-.907zm0 .462a.35.35 0 01.35.35v.31c.373.046.717.16.995.331.204.126.235.292.235.379a.403.403 0 01-.404.403.538.538 0 01-.235-.064 2.232 2.232 0 00-.59-.225v1.454c1.248.188 1.517.916 1.515 1.502 0 .479-.177.885-.507 1.17-.255.222-.6.365-1.009.42v.328a.35.35 0 01-.7 0v-.319a2.88 2.88 0 01-1.32-.493.426.426 0 01-.196-.364.415.415 0 01.418-.41.514.514 0 01.266.085c.274.185.555.302.832.359v-1.538c-1.146-.21-1.395-.905-1.395-1.465 0-.852.538-1.434 1.395-1.552V7.09a.35.35 0 01.35-.35zm.35 3.787v1.429c.434-.093.69-.362.69-.746 0-.277-.09-.546-.69-.683zm-.7-2.308c-.362.09-.569.336-.569.697 0 .163 0 .474.569.642z",
-        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.991 5.387H5.01C5.1 3.504 6.594 2 8.42 2h6.158c1.827-.005 3.32 1.504 3.412 3.387zM8.421 22h6.158c1.827 0 3.32-1.504 3.412-3.387H5.01C5.1 20.49 6.594 22 8.42 22zM18 6.457v11.081H5V6.458h13zm-3.762 8.933a.522.522 0 00-.513-.535H10.9c.057-.17.088-.348.088-.535v-1.61h1.541a.522.522 0 00.513-.534.522.522 0 00-.513-.535h-1.541v-1.426c0-.59.46-1.07 1.024-1.07.237 0 .46.082.644.238a.5.5 0 00.723-.078.553.553 0 00-.074-.754 2.012 2.012 0 00-1.293-.476c-1.13 0-2.054.96-2.054 2.144v1.427h-.17a.522.522 0 00-.513.535c0 .297.228.534.512.534h.171v1.61a.516.516 0 01-.512.534.522.522 0 00-.513.535c0 .297.228.535.513.535h4.28a.529.529 0 00.512-.54z",
+            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: "M17.463 2.16c1.11 0 1.919.269 2.473.826.552.555.818 1.362.818 2.463v13.109c0 1.115-.269 1.927-.826 2.479-.552.546-1.359.812-2.465.812h-6.555c-1.106 0-1.913-.266-2.465-.812-.554-.552-.826-1.364-.826-2.48v-3.562c-1.289-.09-2.314-.493-3.05-1.202-.874-.843-1.317-2.09-1.317-3.709 0-1.619.443-2.865 1.317-3.708.736-.712 1.764-1.112 3.056-1.202.042-.947.31-1.658.817-2.17.563-.567 1.37-.844 2.468-.844zM14.19 17.289c-.697 0-1.112.417-1.112 1.115 0 .339.093.61.289.81.196.198.479.305.82.305.342 0 .625-.107.821-.306.19-.199.289-.47.294-.81 0-.697-.414-1.114-1.112-1.114zM8.18 6.278c-1.255 0-2.21.305-2.835.907-.647.622-.975 1.6-.975 2.902 0 1.303.328 2.28.975 2.902.625.602 1.58.908 2.835.908s2.21-.306 2.835-.908c.647-.622.974-1.6.974-2.902s-.327-2.28-.974-2.902c-.625-.602-1.58-.907-2.835-.907zm0 .462a.35.35 0 01.35.35v.31c.373.046.717.16.995.331.204.126.235.292.235.379a.403.403 0 01-.404.403.538.538 0 01-.235-.064 2.232 2.232 0 00-.59-.225v1.454c1.248.188 1.517.916 1.515 1.502 0 .479-.177.885-.507 1.17-.255.222-.6.365-1.009.42v.328a.35.35 0 01-.7 0v-.319a2.88 2.88 0 01-1.32-.493.426.426 0 01-.196-.364.415.415 0 01.418-.41.514.514 0 01.266.085c.274.185.555.302.832.359v-1.538c-1.146-.21-1.395-.905-1.395-1.465 0-.852.538-1.434 1.395-1.552V7.09a.35.35 0 01.35-.35zm.35 3.787v1.429c.434-.093.69-.362.69-.746 0-.277-.09-.546-.69-.683zm-.7-2.308c-.362.09-.569.336-.569.697 0 .163 0 .474.569.642z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPrepaidFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPrepaidLight = 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 IconPrepaidLight = 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: "M17.732 2.156c1.03 0 1.773.244 2.272.745.498.502.739 1.241.739 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H10.63c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28l-.001-4.096-.011.001c-1.341-.048-2.39-.43-3.126-1.138-.817-.787-1.232-1.966-1.232-3.507 0-1.54.415-2.72 1.232-3.507.737-.71 1.791-1.091 3.134-1.138v-.27c0-1.009.245-1.746.743-2.25.51-.512 1.252-.762 2.272-.762h7.1zm0 .56H10.63c-.863 0-1.473.194-1.871.594-.392.395-.583 1.003-.583 1.857v.271h.014c1.34.048 2.392.43 3.126 1.138.818.788 1.233 1.967 1.233 3.507 0 1.541-.415 2.72-1.233 3.507-.737.711-1.792 1.093-3.138 1.139l.001 4.094c0 1.742.711 2.45 2.451 2.45h7.1c1.743 0 2.452-.708 2.452-2.45V5.167c0-.87-.188-1.484-.574-1.87-.387-.387-1.003-.58-1.877-.58zm-3.546 15.11c.504 0 .832.266.832.834 0 .275-.076.477-.21.614-.146.148-.362.221-.622.221s-.477-.073-.622-.221c-.135-.137-.21-.339-.21-.614 0-.568.327-.834.832-.834zM7.9 5.994c-1.33 0-2.35.33-3.031.986-.703.678-1.062 1.722-1.062 3.103 0 1.381.356 2.426 1.06 3.104.677.656 1.697.986 3.03.986 1.333 0 2.35-.33 3.028-.986.703-.678 1.059-1.723 1.059-3.104 0-1.38-.356-2.425-1.059-3.103-.675-.656-1.695-.986-3.025-.986zm0 .812a.28.28 0 01.28.28v.404c.382.038.735.15 1.017.325.12.075.187.179.187.294a.306.306 0 01-.305.305.429.429 0 01-.193-.056l-.003-.003a2.19 2.19 0 00-.703-.248l-.001 1.655.087.014c.664.11 1.401.445 1.401 1.403 0 .835-.561 1.39-1.488 1.496l.001.42a.28.28 0 01-.28.28.28.28 0 01-.28-.28v-.411a2.798 2.798 0 01-1.336-.48.33.33 0 01-.154-.286.316.316 0 01.319-.31.394.394 0 01.213.07c.318.21.638.34.957.388v-1.74l-.06-.008c-1.072-.2-1.303-.846-1.303-1.366 0-.812.526-1.365 1.363-1.461v-.405a.28.28 0 01.28-.28zm.281 3.602l-.001 1.658c.535-.081.857-.394.857-.86 0-.317-.107-.653-.856-.798zM6.883 8.913c0 .28.09.604.737.762V8.104c-.46.077-.737.374-.737.809z",
-        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: "M18 5.922v-.709C18 3.44 16.544 2 14.751 2H8.25C6.456 2 5 3.44 5 5.214v13.572C5 20.56 6.456 22 8.249 22h6.498c1.793 0 3.248-1.44 3.248-3.214V5.931c0-.004.005-.004.005-.009zM8.249 2.713h6.498c1.395 0 2.527 1.12 2.527 2.5v.353H5.721v-.352c0-1.38 1.132-2.5 2.528-2.5zm6.498 18.57H8.249c-1.396 0-2.528-1.12-2.528-2.501v-.357h7.584c.198 0 .36-.16.36-.356a.359.359 0 00-.36-.357H5.72V6.279h11.553v12.503c0 1.38-1.132 2.5-2.527 2.5zm1.446-3.214a.718.718 0 01-.72.713.718.718 0 01-.722-.713c0-.394.324-.714.721-.714.398 0 .721.32.721.714zm-2.075-2.858a.359.359 0 01-.36.357H9.242a.359.359 0 01-.36-.357c0-.196.162-.356.36-.356a.71.71 0 00.721-.713v-1.788h-.36a.359.359 0 01-.36-.356c0-.197.161-.357.36-.357h.36v-1.609c0-1.083.892-1.966 1.988-1.966.452 0 .896.156 1.247.44.157.123.18.347.056.502a.367.367 0 01-.509.055 1.247 1.247 0 00-.794-.279c-.698 0-1.262.562-1.262 1.248v1.61h1.807c.199 0 .36.16.36.356a.359.359 0 01-.36.356h-1.807v1.788c0 .26-.07.503-.194.713h3.263c.198 0 .36.16.36.356z",
+            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: "M17.732 2.156c1.03 0 1.773.244 2.272.745.498.502.739 1.241.739 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H10.63c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28l-.001-4.096-.011.001c-1.341-.048-2.39-.43-3.126-1.138-.817-.787-1.232-1.966-1.232-3.507 0-1.54.415-2.72 1.232-3.507.737-.71 1.791-1.091 3.134-1.138v-.27c0-1.009.245-1.746.743-2.25.51-.512 1.252-.762 2.272-.762h7.1zm0 .56H10.63c-.863 0-1.473.194-1.871.594-.392.395-.583 1.003-.583 1.857v.271h.014c1.34.048 2.392.43 3.126 1.138.818.788 1.233 1.967 1.233 3.507 0 1.541-.415 2.72-1.233 3.507-.737.711-1.792 1.093-3.138 1.139l.001 4.094c0 1.742.711 2.45 2.451 2.45h7.1c1.743 0 2.452-.708 2.452-2.45V5.167c0-.87-.188-1.484-.574-1.87-.387-.387-1.003-.58-1.877-.58zm-3.546 15.11c.504 0 .832.266.832.834 0 .275-.076.477-.21.614-.146.148-.362.221-.622.221s-.477-.073-.622-.221c-.135-.137-.21-.339-.21-.614 0-.568.327-.834.832-.834zM7.9 5.994c-1.33 0-2.35.33-3.031.986-.703.678-1.062 1.722-1.062 3.103 0 1.381.356 2.426 1.06 3.104.677.656 1.697.986 3.03.986 1.333 0 2.35-.33 3.028-.986.703-.678 1.059-1.723 1.059-3.104 0-1.38-.356-2.425-1.059-3.103-.675-.656-1.695-.986-3.025-.986zm0 .812a.28.28 0 01.28.28v.404c.382.038.735.15 1.017.325.12.075.187.179.187.294a.306.306 0 01-.305.305.429.429 0 01-.193-.056l-.003-.003a2.19 2.19 0 00-.703-.248l-.001 1.655.087.014c.664.11 1.401.445 1.401 1.403 0 .835-.561 1.39-1.488 1.496l.001.42a.28.28 0 01-.28.28.28.28 0 01-.28-.28v-.411a2.798 2.798 0 01-1.336-.48.33.33 0 01-.154-.286.316.316 0 01.319-.31.394.394 0 01.213.07c.318.21.638.34.957.388v-1.74l-.06-.008c-1.072-.2-1.303-.846-1.303-1.366 0-.812.526-1.365 1.363-1.461v-.405a.28.28 0 01.28-.28zm.281 3.602l-.001 1.658c.535-.081.857-.394.857-.86 0-.317-.107-.653-.856-.798zM6.883 8.913c0 .28.09.604.737.762V8.104c-.46.077-.737.374-.737.809z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPrepaidLight;