@telefonica/mistica 10.10.0 → 10.14.0

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

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

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

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

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlayFilled = 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 IconPlayFilled = 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.208 4.583c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.551.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409 0 3.246.877 5.736 2.608 7.406 1.667 1.608 4.095 2.423 7.218 2.423 3.124 0 5.552-.815 7.222-2.423 1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.876-5.743-2.61-7.412zm-3.126 7.807l-6.653 3.84a.486.486 0 01-.728-.42V8.126a.485.485 0 01.728-.42l6.653 3.84c.232.135.31.432.176.664a.471.471 0 01-.176.18z",
-        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: "M6.023 22c-.37 0-.743-.108-1.08-.32-.607-.356-.943-1-.943-1.716v-15.9c0-.716.37-1.392 1.012-1.752.671-.392 1.449-.428 2.09-.032l12.909 7.928c.54.32.91.892.978 1.572.068.644-.17 1.32-.642 1.752-.034.036-.068.072-.102.072L7.069 21.716A2.13 2.13 0 016.023 22z",
+            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.208 4.583c-1.67-1.608-4.098-2.423-7.222-2.423-3.123 0-5.551.815-7.218 2.426-1.731 1.67-2.608 4.162-2.608 7.409 0 3.246.877 5.736 2.608 7.406 1.667 1.608 4.095 2.423 7.218 2.423 3.124 0 5.552-.815 7.222-2.423 1.73-1.67 2.61-4.16 2.61-7.406 0-3.247-.876-5.743-2.61-7.412zm-3.126 7.807l-6.653 3.84a.486.486 0 01-.728-.42V8.126a.485.485 0 01.728-.42l6.653 3.84c.232.135.31.432.176.664a.471.471 0 01-.176.18z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlayFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlayLight = 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 IconPlayLight = 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.998 2.16c3.14 0 5.574.812 7.238 2.417C20.96 6.241 21.838 8.74 21.838 12c.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 .56C5.843 2.72 2.72 5.843 2.72 12c0 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.28zm-2.91 4.891l7.128 4.115a.26.26 0 010 .448l-7.132 4.118a.26.26 0 01-.257 0 .257.257 0 01-.13-.224V7.835a.26.26 0 01.39-.224zm.128.675v7.33l6.347-3.663-6.347-3.667z",
-        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: "M6.655 2.239l13.514 8.227c.477.288.784.792.818 1.331a1.77 1.77 0 01-.545 1.508c-.137.144-.341.108-.478-.036-.136-.144-.102-.36.035-.504.238-.216.34-.54.306-.9a1.074 1.074 0 00-.477-.791L6.352 2.85c-.34-.216-.75-.18-1.125.036-.34.216-.545.54-.545.9v16.527c0 .324.17.648.477.827.375.216.818.216 1.193.036l10.28-6.256c.17-.108.374-.036.477.144a.375.375 0 01-.137.503l-10.28 6.217a2.042 2.042 0 01-.92.216c-.34 0-.647-.072-.954-.252-.511-.324-.818-.863-.818-1.435V3.782c0-.612.34-1.188.852-1.507.58-.36 1.261-.36 1.803-.036zM18.64 13.305c.376 0 .682.322.682.72 0 .397-.306.719-.682.719-.377 0-.682-.322-.682-.72 0-.397.305-.72.682-.72z",
+            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.998 2.16c3.14 0 5.574.812 7.238 2.417C20.96 6.241 21.838 8.74 21.838 12c.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 .56C5.843 2.72 2.72 5.843 2.72 12c0 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.28zm-2.91 4.891l7.128 4.115a.26.26 0 010 .448l-7.132 4.118a.26.26 0 01-.257 0 .257.257 0 01-.13-.224V7.835a.26.26 0 01.39-.224zm.128.675v7.33l6.347-3.663-6.347-3.667z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlayLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlayRegular = 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 IconPlayRegular = 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.986 2.16c3.124 0 5.552.815 7.222 2.423 1.734 1.67 2.61 4.162 2.61 7.409 0 3.246-.88 5.737-2.61 7.406-1.67 1.608-4.098 2.423-7.222 2.423-3.123 0-5.551-.815-7.218-2.423-1.731-1.667-2.608-4.157-2.608-7.403 0-3.247.877-5.74 2.608-7.41C6.435 2.979 8.866 2.16 11.986 2.16zm0 1.09c-5.798 0-8.74 2.94-8.74 8.745 0 5.798 2.942 8.74 8.74 8.74 5.801 0 8.745-2.942 8.745-8.74 0-5.801-2.944-8.745-8.745-8.745zM9.43 7.712l6.653 3.84a.484.484 0 010 .84L9.43 16.236a.5.5 0 01-.241.064.484.484 0 01-.487-.485V8.132a.484.484 0 01.728-.42zm.244 1.26v6l5.196-3-5.196-3z",
-        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: "M6.023 22c-.37 0-.743-.108-1.08-.32-.607-.356-.943-1-.943-1.716v-15.9c0-.716.37-1.392 1.012-1.752.671-.392 1.449-.428 2.09-.032l12.909 7.928c.54.32.91.892.978 1.572.068.644-.17 1.32-.642 1.752-.034.036-.068.072-.102.072L7.069 21.716A2.13 2.13 0 016.023 22zm.068-18.58a.85.85 0 00-.404.108c-.102.072-.336.252-.336.536v15.9c0 .252.17.392.268.464.204.108.506.18.774.036l13.112-8.04a.88.88 0 00.17-.5.639.639 0 00-.302-.5L6.393 3.492a.946.946 0 00-.302-.072z",
+            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.986 2.16c3.124 0 5.552.815 7.222 2.423 1.734 1.67 2.61 4.162 2.61 7.409 0 3.246-.88 5.737-2.61 7.406-1.67 1.608-4.098 2.423-7.222 2.423-3.123 0-5.551-.815-7.218-2.423-1.731-1.667-2.608-4.157-2.608-7.403 0-3.247.877-5.74 2.608-7.41C6.435 2.979 8.866 2.16 11.986 2.16zm0 1.09c-5.798 0-8.74 2.94-8.74 8.745 0 5.798 2.942 8.74 8.74 8.74 5.801 0 8.745-2.942 8.745-8.74 0-5.801-2.944-8.745-8.745-8.745zM9.43 7.712l6.653 3.84a.484.484 0 010 .84L9.43 16.236a.5.5 0 01-.241.064.484.484 0 01-.487-.485V8.132a.484.484 0 01.728-.42zm.244 1.26v6l5.196-3-5.196-3z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlayRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlugFilled = 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 IconPlugFilled = 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.718 20.493h1.219v-3.661h-1.219v3.661zM8.906 3.63a.39.39 0 01.392-.378c.216 0 .392.171.392.378v3.866h-.784V3.63zm5.902 0a.39.39 0 01.392-.378c.216 0 .392.171.392.378V7.5h-.784V3.63zm2.68 3.869h-.63V3.627c0-.882-.742-1.602-1.658-1.602-.913 0-1.658.717-1.658 1.602v3.869l-2.588-.003V3.627c0-.882-.745-1.602-1.658-1.602-.914 0-1.659.717-1.659 1.602v3.866h-.476a.985.985 0 00-.992 1c0 2.762 1.227 4.199 2.337 4.936v1.246c0 .625.21 1.132.599 1.462.328.294.784.448 1.345.48v4.15c0 .524.44.947.98.947h1.787c.54 0 .98-.423.98-.947v-4.15c.566-.029 1.026-.183 1.359-.48.39-.339.585-.832.585-1.465V13.42c1.11-.737 2.337-2.17 2.337-4.896v-.07c0-.527-.443-.955-.99-.955z",
-        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 9.695c0-2.54-1.997-4.615-4.443-4.615-2.445 0-4.442 2.075-4.442 4.615v7.695c0 1.654-1.481 3.076-3.146 3.076-1.63 0-2.962-1.384-2.962-3.076v-1.925c2.03-.387 3.51-2.232 3.51-4.423V5.845H8.852V2.77c0-.424-.332-.769-.74-.769-.409 0-.74.345-.74.77v3.075H5.145V2.77c0-.424-.332-.769-.74-.769-.409 0-.741.345-.741.77v3.075H2v5.193c0 2.19 1.48 4.04 3.518 4.423v1.925c0 2.54 1.997 4.614 4.443 4.614 2.517 0 4.63-2.116 4.63-4.614V9.695c0-1.692 1.333-3.076 2.962-3.076 1.63 0 2.962 1.384 2.962 3.076v7.308c0 .424.332.77.74.77.409 0 .741-.346.741-.77V9.695H22z",
+            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.718 20.493h1.219v-3.661h-1.219v3.661zM8.906 3.63a.39.39 0 01.392-.378c.216 0 .392.171.392.378v3.866h-.784V3.63zm5.902 0a.39.39 0 01.392-.378c.216 0 .392.171.392.378V7.5h-.784V3.63zm2.68 3.869h-.63V3.627c0-.882-.742-1.602-1.658-1.602-.913 0-1.658.717-1.658 1.602v3.869l-2.588-.003V3.627c0-.882-.745-1.602-1.658-1.602-.914 0-1.659.717-1.659 1.602v3.866h-.476a.985.985 0 00-.992 1c0 2.762 1.227 4.199 2.337 4.936v1.246c0 .625.21 1.132.599 1.462.328.294.784.448 1.345.48v4.15c0 .524.44.947.98.947h1.787c.54 0 .98-.423.98-.947v-4.15c.566-.029 1.026-.183 1.359-.48.39-.339.585-.832.585-1.465V13.42c1.11-.737 2.337-2.17 2.337-4.896v-.07c0-.527-.443-.955-.99-.955z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlugFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconPlugLight = 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 IconPlugLight = 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: "M15.192 2c.801 0 1.448.641 1.448 1.429v3.95h.84c.547 0 .99.439.995.974v.07c0 2.787-1.227 4.246-2.336 5v1.28c0 .636-.202 1.154-.586 1.496-.364.333-.877.501-1.524.501h-.044v4.227a.764.764 0 01-.77.76h-1.788a.766.766 0 01-.77-.76V16.7h-.02c-.652 0-1.168-.168-1.535-.501-.39-.336-.6-.854-.6-1.493v-1.272c-1.108-.75-2.335-2.218-2.335-5.039 0-.583.445-1.02.991-1.02h.687V3.43c0-.791.647-1.43 1.445-1.43.801 0 1.448.641 1.448 1.429v3.946l3.008.003v-3.95c0-.79.65-1.428 1.446-1.428zm-2.053 14.7h-1.642v4.154h1.642V16.7zM7.16 8.207a.147.147 0 00-.148.146c0 2.137.72 3.639 2.134 4.504a.409.409 0 01.199.353v1.499c0 .395.106.689.32.874.215.193.537.288.968.288h3.39c.428 0 .75-.095.955-.283.207-.187.31-.482.31-.882v-1.504c0-.146.077-.278.2-.353 1.417-.871 2.137-2.362 2.137-4.423 0 0 0-.07.006-.067a.147.147 0 00-.149-.146zm8.03-5.375a.602.602 0 00-.601.597l.002 3.95h1.205v-3.95a.603.603 0 00-.605-.597zm-5.901 0a.602.602 0 00-.602.597v3.946h1.207V3.43a.603.603 0 00-.605-.597z",
-        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: "M8.295 2c.224 0 .372.152.372.382v3.04h2.223v4.94c0 2.354-1.815 4.332-4.075 4.52v1.937c0 1.9 1.484 3.422 3.335 3.422 1.852 0 3.336-1.522 3.336-3.422V9.221c0-2.318 1.815-4.18 4.075-4.18 2.26 0 4.075 1.862 4.075 4.18v4.94c0 .23-.148.381-.372.381s-.372-.152-.372-.381l.004-4.94c0-1.9-1.483-3.422-3.335-3.422-1.852 0-3.335 1.522-3.335 3.422v7.598c0 2.318-1.816 4.181-4.076 4.181s-4.075-1.863-4.075-4.18v-1.937C3.815 14.694 2 12.758 2 10.36V5.42h2.22V2.38c0-.23.148-.381.371-.381.224 0 .372.152.372.382v3.04h2.96v-3.04c0-.23.148-.382.372-.382zM21.26 15.679c.409 0 .74.34.74.759a.75.75 0 01-.74.759.75.75 0 01-.74-.76.75.75 0 01.74-.758zM10.146 6.18H2.74v4.18c0 2.089 1.664 3.8 3.703 3.8 2.04 0 3.703-1.711 3.703-3.8V6.18z",
+            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: "M15.192 2c.801 0 1.448.641 1.448 1.429v3.95h.84c.547 0 .99.439.995.974v.07c0 2.787-1.227 4.246-2.336 5v1.28c0 .636-.202 1.154-.586 1.496-.364.333-.877.501-1.524.501h-.044v4.227a.764.764 0 01-.77.76h-1.788a.766.766 0 01-.77-.76V16.7h-.02c-.652 0-1.168-.168-1.535-.501-.39-.336-.6-.854-.6-1.493v-1.272c-1.108-.75-2.335-2.218-2.335-5.039 0-.583.445-1.02.991-1.02h.687V3.43c0-.791.647-1.43 1.445-1.43.801 0 1.448.641 1.448 1.429v3.946l3.008.003v-3.95c0-.79.65-1.428 1.446-1.428zm-2.053 14.7h-1.642v4.154h1.642V16.7zM7.16 8.207a.147.147 0 00-.148.146c0 2.137.72 3.639 2.134 4.504a.409.409 0 01.199.353v1.499c0 .395.106.689.32.874.215.193.537.288.968.288h3.39c.428 0 .75-.095.955-.283.207-.187.31-.482.31-.882v-1.504c0-.146.077-.278.2-.353 1.417-.871 2.137-2.362 2.137-4.423 0 0 0-.07.006-.067a.147.147 0 00-.149-.146zm8.03-5.375a.602.602 0 00-.601.597l.002 3.95h1.205v-3.95a.603.603 0 00-.605-.597zm-5.901 0a.602.602 0 00-.602.597v3.946h1.207V3.43a.603.603 0 00-.605-.597z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconPlugLight;