@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlarmLightCrossLight = 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 IconAlarmLightCrossLight = 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: "M18.943 21.31c.2 0 .373-.128.396-.184L19.336 19a.57.57 0 00-.39-.162H5.442c-.21 0-.367.12-.39.17v2.14c.014.037.174.163.39.163h13.501zM6.646 11.849v6.124h11.097v-6.124c0-3.7-1.87-5.574-5.549-5.574-3.685 0-5.548 1.872-5.548 5.574zm12.3 6.15c.655 0 1.226.467 1.226 1.002v2.148c0 .532-.574 1.002-1.226 1.002H5.442c-.666 0-1.226-.458-1.226-1.002V19c0-.544.563-1.002 1.226-1.002h.367v-6.152c0-4.198 2.208-6.415 6.382-6.415 4.177 0 6.388 2.217 6.388 6.415v6.15h.367v.002zM12.194 4.515a.42.42 0 01-.418-.421V2.568a.419.419 0 01.836 0v1.528a.419.419 0 01-.418.419c0 .003 0 .003 0 0zM4.51 9.629c0 .23-.188.418-.418.42H2.568a.419.419 0 01-.418-.417v-.003a.42.42 0 01.418-.422h1.52a.42.42 0 01.42.422zm17.223-.393a.419.419 0 010 .837H20.21a.419.419 0 01-.418-.419v-.003c0-.23.188-.42.418-.42l1.523.005zM5.735 5.739L4.66 4.657a.424.424 0 010-.595.417.417 0 01.589-.002l.002.002 1.076 1.082a.425.425 0 01-.006.597.42.42 0 01-.586-.003zm11.803-.003a.42.42 0 01-.296-.717l1.075-1.082a.417.417 0 01.59-.003l.002.003a.424.424 0 010 .595l-1.075 1.081a.415.415 0 01-.296.123zm-2.814 7.051v-.97h-1.656a.419.419 0 01-.419-.418V9.734h-.97v1.665a.42.42 0 01-.415.42H9.608v.974h1.656a.42.42 0 01.418.418v1.665h.97v-1.665a.42.42 0 01.418-.42l1.654-.004zm.102-1.81c.393 0 .734.314.734.672v1.31c0 .358-.344.67-.734.67h-1.34v1.35c0 .4-.307.737-.669.737h-1.303c-.361 0-.669-.339-.669-.737v-1.346h-1.34c-.398 0-.734-.308-.734-.672v-1.309c0-.364.336-.672.734-.672h1.34V9.632c0-.393.313-.738.67-.738h1.302c.356 0 .669.345.669.738v1.346h1.34z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-alarm-light-cross-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlarmLightCrossRegular = 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 IconAlarmLightCrossRegular = 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: "M18.719 20.567v-1.874a.324.324 0 00-.174-.053H5.525a.344.344 0 00-.173.048v1.888c.053.03.112.045.173.045h13.02c.062 0 .123-.02.174-.054zM6.887 11.702v5.703h10.297v-5.703c0-3.48-1.684-5.171-5.152-5.171-3.462 0-5.145 1.692-5.145 5.17zm11.658 5.725c.74 0 1.384.547 1.384 1.168v2.07c0 .625-.647 1.171-1.384 1.171H5.525c-.75 0-1.383-.535-1.383-1.17v-2.07c0-.634.633-1.169 1.383-1.169h.152v-5.725c0-4.118 2.257-6.387 6.355-6.387 4.101 0 6.359 2.27 6.359 6.387v5.725h.154zM12.035 4.84a.607.607 0 01-.605-.608V2.758c0-.336.272-.608.605-.608.333 0 .605.272.605.608V4.23a.608.608 0 01-.605.608zm-7.21 4.723a.609.609 0 01-.605.608H2.755a.608.608 0 010-1.216h1.468c.333 0 .605.272.602.608zm16.406-.58c.334 0 .605.272.605.608a.607.607 0 01-.605.608h-1.468a.607.607 0 01-.605-.608c0-.336.272-.608.605-.608h1.468zM5.665 5.957L4.63 4.915a.607.607 0 01.852-.863l.002.003L6.52 5.097a.61.61 0 01-.429 1.039.62.62 0 01-.426-.18zm11.524.056a.607.607 0 01-.426-1.037L17.8 3.934a.602.602 0 01.851-.002l.003.002a.609.609 0 010 .857l-1.036 1.042a.607.607 0 01-.429.18zm-2.835 6.476v-.695h-1.479a.527.527 0 01-.523-.526V9.786h-.692v1.482a.525.525 0 01-.524.526H9.66v.695h1.476c.289 0 .524.235.524.527v1.481h.692v-1.481c0-.292.235-.527.523-.527h1.48zm.222-1.748c.448 0 .829.353.829.768v1.263c0 .414-.381.767-.83.767h-1.17v1.18c0 .45-.35.832-.768.832h-1.255c-.414 0-.767-.381-.767-.832v-1.177H9.441c-.448 0-.829-.353-.829-.77v-1.263c0-.418.381-.768.83-.768h1.17v-1.18c0-.45.353-.834.768-.834h1.255c.414 0 .767.381.767.832v1.176c-.003.006 1.174.006 1.174.006z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlarmLightFilled = 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 IconAlarmLightFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M19.516 21.579v-2.094a.362.362 0 00-.194-.06H4.772a.385.385 0 00-.194.054v2.11c.06.034.125.05.194.05h14.55a.354.354 0 00.194-.06zm-.194-3.509c.826 0 1.546.61 1.546 1.309v2.313c0 .698-.723 1.308-1.546 1.308H4.772c-.839 0-1.546-.598-1.546-1.308v-2.313c0-.708.707-1.305 1.546-1.305h.17v-6.401c0-4.601 2.522-7.136 7.102-7.136 4.583 0 7.106 2.535 7.106 7.136v6.397h.172zM12.047 4.005a.678.678 0 01-.676-.68V1.68c0-.375.303-.679.676-.679.372 0 .676.304.676.68v1.646a.68.68 0 01-.676.679zM3.989 9.282a.68.68 0 01-.676.679H1.676a.68.68 0 010-1.358h1.64c.373 0 .677.303.673.679zm18.335-.648a.679.679 0 010 1.359h-1.64a.678.678 0 01-.677-.68c0-.376.304-.68.677-.68h1.64zM4.929 5.254L3.77 4.089a.678.678 0 01.952-.964l.003.003 1.158 1.165a.682.682 0 01-.479 1.16.692.692 0 01-.475-.2zm12.878.062a.679.679 0 01-.476-1.158l1.158-1.164a.673.673 0 01.952-.003l.003.003a.68.68 0 010 .957l-1.158 1.165a.68.68 0 01-.48.2z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlarmLightLight = 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 IconAlarmLightLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M19.472 22.076c.22 0 .41-.14.432-.203l-.003-2.34c-.022-.037-.21-.178-.429-.178H4.622c-.232 0-.404.132-.43.188v2.355c.017.04.192.178.43.178h14.85zM5.942 11.668v6.738h12.206v-6.738c0-4.07-2.054-6.134-6.104-6.134-4.048 0-6.101 2.063-6.101 6.134zm13.53 6.764c.72 0 1.35.513 1.35 1.102v2.364c0 .585-.633 1.102-1.35 1.102H4.622c-.733 0-1.35-.504-1.35-1.102v-2.364c0-.598.62-1.102 1.35-1.102h.404v-6.767c0-4.615 2.429-7.058 7.021-7.058 4.595 0 7.024 2.44 7.024 7.058v6.763h.401v.004zm-7.425-14.83a.462.462 0 01-.46-.463V1.46a.461.461 0 01.92 0v1.682a.46.46 0 01-.46.46zM3.595 9.226c0 .253-.207.46-.46.463H1.46A.464.464 0 011 9.226v-.003c0-.257.207-.464.46-.464h1.672c.253.003.46.21.463.467zm18.945-.432a.461.461 0 010 .92h-1.675a.461.461 0 01-.46-.46V9.25c0-.254.207-.464.46-.464l1.675.007zM4.94 4.945L3.758 3.76a.467.467 0 010-.655.459.459 0 01.648-.003l.003.003 1.183 1.187a.468.468 0 01-.006.657.459.459 0 01-.645-.003zm12.982-.003a.464.464 0 01-.464-.46c0-.122.05-.241.138-.329l1.183-1.19a.459.459 0 01.648-.003l.003.003a.467.467 0 010 .655l-1.183 1.19a.44.44 0 01-.325.134z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlarmLightRegular = 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 IconAlarmLightRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M19.516 21.582v-2.094a.362.362 0 00-.194-.06H4.772a.385.385 0 00-.194.054v2.11c.06.034.125.05.194.05h14.55a.354.354 0 00.194-.06zM6.293 11.674v6.374h11.508v-6.374c0-3.887-1.882-5.778-5.757-5.778-3.87 0-5.75 1.89-5.75 5.778zm13.029 6.399c.826 0 1.546.61 1.546 1.305v2.314c0 .698-.723 1.308-1.546 1.308H4.772c-.839 0-1.546-.598-1.546-1.308v-2.314c0-.707.707-1.305 1.546-1.305h.17v-6.399c0-4.601 2.522-7.137 7.102-7.137 4.583 0 7.106 2.536 7.106 7.137v6.399h.172zM12.047 4.005a.678.678 0 01-.676-.68V1.68c0-.375.303-.679.676-.679.372 0 .676.304.676.68v1.646a.68.68 0 01-.676.68zM3.989 9.283a.68.68 0 01-.676.68H1.676a.68.68 0 010-1.36h1.64c.373 0 .677.304.673.68zm18.335-.648a.679.679 0 010 1.358h-1.64a.678.678 0 01-.677-.679.68.68 0 01.677-.68h1.64zM4.929 5.255L3.77 4.09a.678.678 0 01.952-.965l.003.004 1.158 1.164a.682.682 0 01-.479 1.161.692.692 0 01-.475-.2zm12.878.062a.679.679 0 01-.476-1.158l1.158-1.165a.673.673 0 01.952-.003l.003.003a.68.68 0 010 .958l-1.158 1.164c-.129.129-.3.2-.48.2z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlertFilled = 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 IconAlertFilled = 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: "M22.905 21.837L12.582 1.453C12.438 1.17 12.178 1 11.887 1c-.292 0-.552.172-.693.456L1.091 21.837a.8.8 0 00.025.788c.145.231.41.375.709.375h20.353a.82.82 0 00.708-.372.799.799 0 00.019-.79zM12 19.93c-.392 0-.62-.225-.62-.619 0-.393.225-.618.62-.618.394 0 .62.225.62.618 0 .394-.229.62-.62.62zm.63-2.982a.616.616 0 01-.618.616.616.616 0 01-.617-.616V8.34a.616.616 0 111.234 0v8.608z",
-        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: "M21.892 19.877L12.656 3.374A.804.804 0 0012 3c-.256 0-.545.149-.656.374L2.108 19.877a.702.702 0 000 .749c.145.225.363.374.62.374h18.545a.702.702 0 00.619-.374c.144-.221.144-.485 0-.75zM11.455 9.227c0-.297.256-.561.545-.561.289 0 .545.264.545.561v5.776c0 .298-.256.562-.545.562-.289 0-.545-.264-.545-.562V9.227zM12 18.604c-.507 0-.908-.413-.908-.936 0-.523.4-.936.908-.936.507 0 .908.413.908.936 0 .523-.4.936-.908.936z",
+            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: "M22.905 21.837L12.582 1.453C12.438 1.17 12.178 1 11.887 1c-.292 0-.552.172-.693.456L1.091 21.837a.8.8 0 00.025.788c.145.231.41.375.709.375h20.353a.82.82 0 00.708-.372.799.799 0 00.019-.79zM12 19.93c-.392 0-.62-.225-.62-.619 0-.393.225-.618.62-.618.394 0 .62.225.62.618 0 .394-.229.62-.62.62zm.63-2.982a.616.616 0 01-.618.616.616.616 0 01-.617-.616V8.34a.616.616 0 111.234 0v8.608z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconAlertFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlertLight = 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 IconAlertLight = 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: "M12 1c.17 0 .32.103.41.282l10.528 21a.499.499 0 01-.006.492c-.085.145-.245.226-.436.226H1.507a.499.499 0 01-.44-.226.499.499 0 01-.005-.491l10.53-21.001C11.68 1.103 11.831 1 12 1zm.003.805L1.676 22.398h20.648L12.004 1.805zm0 17.504c.213 0 .339.126.339.339 0 .213-.122.338-.339.338-.216 0-.339-.125-.339-.338 0-.213.126-.339.34-.339zm.022-11.592c.173 0 .314.141.314.313v9.174a.314.314 0 01-.627 0V8.03c0-.172.14-.313.313-.313z",
-        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: "M21.644 20.266H3.018l8.993-16.165 6.815 12.238c.105.183.32.221.498.146.178-.108.214-.33.141-.513L12.331 3.183a.378.378 0 00-.32-.183.372.372 0 00-.32.183L2.056 20.45a.334.334 0 000 .367.432.432 0 00.32.183h19.269c.214 0 .356-.146.356-.367 0-.22-.142-.367-.356-.367zm-9.276-3.857V8.508c0-.221-.142-.367-.357-.367-.214 0-.356.146-.356.367v7.901c0 .222.142.367.356.367.215 0 .357-.145.357-.367zm7.92 2.61a.723.723 0 00.712-.733.724.724 0 00-.713-.734.724.724 0 00-.712.734c0 .405.324.734.712.734zm-8.811-.587c0 .292.251.55.534.55a.558.558 0 00.535-.55.558.558 0 00-.535-.55.531.531 0 00-.534.55z",
+            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: "M12 1c.17 0 .32.103.41.282l10.528 21a.499.499 0 01-.006.492c-.085.145-.245.226-.436.226H1.507a.499.499 0 01-.44-.226.499.499 0 01-.005-.491l10.53-21.001C11.68 1.103 11.831 1 12 1zm.003.805L1.676 22.398h20.648L12.004 1.805zm0 17.504c.213 0 .339.126.339.339 0 .213-.122.338-.339.338-.216 0-.339-.125-.339-.338 0-.213.126-.339.34-.339zm.022-11.592c.173 0 .314.141.314.313v9.174a.314.314 0 01-.627 0V8.03c0-.172.14-.313.313-.313z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconAlertLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconAlertRegular = 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 IconAlertRegular = 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.888 1c.289 0 .546.169.69.453l10.325 20.378s0 .003.003.003a.804.804 0 01-.022.794.817.817 0 01-.702.372H1.817a.81.81 0 01-.702-.372.82.82 0 01-.025-.794L11.2 1.456c.144-.287.401-.456.69-.456zm.007 1.816L2.49 21.775h19.008l-9.604-18.96zm.119 15.874c.395 0 .62.225.62.619s-.229.619-.62.619c-.392 0-.62-.225-.62-.62 0-.393.225-.618.62-.618zm0-10.964c.338 0 .614.275.614.613v8.607a.614.614 0 01-1.228 0V8.339c0-.338.275-.613.614-.613z",
-        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: "M21.894 19.9L12.608 3.366C12.466 3.146 12.251 3 12 3a.69.69 0 00-.608.367L2.106 19.899a.686.686 0 000 .734c.142.221.357.367.608.367h18.572a.69.69 0 00.608-.367.686.686 0 000-.734zm-17.931-.367L12 5.2l6.25 11.133 1.787 3.199H3.963zM12 8.69a.725.725 0 00-.713.734v5.696c0 .404.32.733.713.733a.724.724 0 00.713-.733V9.43c0-.405-.32-.739-.713-.739zm0 8.269a.725.725 0 00-.713.733c0 .405.32.734.713.734a.724.724 0 00.713-.734.725.725 0 00-.713-.732z",
+            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.888 1c.289 0 .546.169.69.453l10.325 20.378s0 .003.003.003a.804.804 0 01-.022.794.817.817 0 01-.702.372H1.817a.81.81 0 01-.702-.372.82.82 0 01-.025-.794L11.2 1.456c.144-.287.401-.456.69-.456zm.007 1.816L2.49 21.775h19.008l-9.604-18.96zm.119 15.874c.395 0 .62.225.62.619s-.229.619-.62.619c-.392 0-.62-.225-.62-.62 0-.393.225-.618.62-.618zm0-10.964c.338 0 .614.275.614.613v8.607a.614.614 0 01-1.228 0V8.339c0-.338.275-.613.614-.613z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconAlertRegular;