@telefonica/mistica 10.10.0 → 10.14.0

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBeachUmbrellaFilled = 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 IconBeachUmbrellaFilled = 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: "M7.324 14.163c-1.837-4.53-.356-7.893.583-9.378l4 6.672-4.583 2.706zM5.828 5.752c-.851 2.075-1.386 5.246.27 9.134l-2.11 1.246c-.09.054-.14.101-.356.043a.4.4 0 01-.252-.216c-.82-1.941-1.033-3.784-.636-5.476.401-1.743 1.443-3.325 3.084-4.731zm12.463 1.932l-5.168 3.054-4.06-6.768c1.648-.221 5.463-.18 9.228 3.714zm3.022-2.302a.378.378 0 01.1.291.391.391 0 01-.195.283L19.52 6.959c-2.86-3.05-5.776-4.093-7.994-4.356 1.731-.515 3.386-.594 4.941-.221 1.762.423 3.392 1.431 4.846 3zm-13.515-.74l-.373-.622a.668.668 0 01.266-.93.735.735 0 01.975.255l.35.586-1.218.711zm5.33 6.12l6.025 10.054a.665.665 0 01-.266.93.76.76 0 01-.353.09.718.718 0 01-.619-.342L11.91 11.477l1.218-.714z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBeachUmbrellaLight = 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 IconBeachUmbrellaLight = 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.072 7.009l-1.728 1.04c-3.116-3.467-6.314-4.224-8.413-4.256 1.996-.798 3.9-.991 5.677-.558 1.678.412 3.224 1.388 4.601 2.905.112.12.164.29.147.45a.584.584 0 01-.284.419zM9.343 4.784c1.374-.251 5.368-.5 9.241 3.727l-5.21 3.137-4.03-6.864zM7.975 14.902c-2.029-4.83-.216-8.335.655-9.604l3.996 6.8-4.65 2.804zm-2.874 1.733a.602.602 0 01-.514.059.593.593 0 01-.368-.327c-.778-1.877-.98-3.66-.6-5.306.442-1.956 1.69-3.702 3.695-5.207-.95 1.883-1.929 5.262-.099 9.507l-2.114 1.274zM21.867 5.567c-1.494-1.645-3.192-2.71-5.046-3.166-2.493-.605-5.189-.117-8.024 1.456l-.442-.754a.445.445 0 00-.602-.158.42.42 0 00-.17.57l.01.015.452.775C5.113 6.11 3.335 8.32 2.757 10.873c-.418 1.816-.202 3.775.643 5.812.158.38.482.678.918.825.17.05.316.073.459.073.269 0 .547-.073.786-.217l7.505-4.522 5.657 9.632a.441.441 0 00.602.158.42.42 0 00.17-.57c-.004-.006-.007-.008-.01-.014l-5.674-9.656 7.724-4.654c.377-.228.625-.603.693-1.038a1.425 1.425 0 00-.363-1.135z",
         fill: fillColor
     })));

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBeachUmbrellaRegular = 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 IconBeachUmbrellaRegular = 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.003 6.743l-1.473.89c-2.485-2.71-5.017-3.635-6.947-3.868 1.504-.456 2.94-.526 4.294-.196 1.53.376 2.944 1.272 4.21 2.664a.35.35 0 01.087.258.352.352 0 01-.171.252zM9.446 4.978c1.43-.196 4.745-.16 8.014 3.3l-4.49 2.709c.002 0-3.524-6.009-3.524-6.009zm-1.51 9.048c-1.597-4.023-.311-7.006.507-8.328l3.473 5.924c.003 0-3.98 2.404-3.98 2.404zm-2.897 1.75c-.078.048-.123.09-.31.037a.34.34 0 01-.219-.193c-.712-1.723-.9-3.356-.552-4.86.347-1.546 1.252-2.953 2.678-4.2-.74 1.847-1.204 4.66.232 8.11L5.04 15.777zm15.972-10.35c-1.428-1.574-3.056-2.596-4.834-3.033-2.337-.572-4.85-.132-7.488 1.291l-.314-.538a.627.627 0 00-.845-.224.598.598 0 00-.239.81l.009.014.33.563c-2.694 1.706-4.34 3.787-4.88 6.185-.403 1.742-.198 3.619.611 5.574.169.412.522.734.99.893.173.05.335.076.49.076.288 0 .588-.081.845-.232l6.85-4.135 5.195 8.86a.626.626 0 00.846.224.596.596 0 00.241-.81l-.008-.016-5.222-8.89 7.07-4.267c.404-.247.675-.647.745-1.123.05-.446-.09-.891-.392-1.222z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-bell-add-more-filled.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellAddMoreFilled = 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 IconBellAddMoreFilled = 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: "M3.218 11.134c0 3.636 2.519 4.216 4.02 4.23h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23H7.19c-1.487.009-3.972.572-3.972 4.2zm18.25 6.58c.196.16.269.434.187.678a.606.606 0 01-.577.395h-5.24c-.04.546-.197 1.359-.762 1.995-.544.602-1.325.907-2.306.907-.991 0-1.77-.305-2.313-.907-.569-.636-.723-1.449-.754-1.995H4.465a.602.602 0 01-.392-1.07c.462-.37.846-.885 1.145-1.496C3.706 15.678 2 14.367 2 11.134c0-4.198 2.843-5.148 4.42-5.347 1.532-3.885 5.927-3.807 6.35-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.804c0 .061-.188 3.498 1.835 5.131zM8.076 13.846a.607.607 0 01-.611.602.608.608 0 01-.608-.602v-2.107H4.742a.604.604 0 110-1.207H6.86V8.457a.606.606 0 01.608-.603c.336 0 .61.27.61.603v2.075h2.12c.337 0 .609.272.609.605a.61.61 0 01-.608.605h-2.12v2.104h-.003z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-bell-add-more-light.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellAddMoreLight = 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 IconBellAddMoreLight = 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: "M5.627 18.057h14.829c-1.69-2.092-1.518-5.185-1.51-5.333V8.87c0-1.947-.549-3.44-1.624-4.44-1.72-1.602-4.23-1.446-4.255-1.446h-.026c-.008 0-.016.009-.033 0-.157-.008-3.748-.204-5.233 2.782h.14c1.084.025 5.3.45 5.3 5.54 0 5.104-4.216 5.5-5.274 5.513-.098.009-.213.009-.337.009h-.17a7.814 7.814 0 01-1.017-.107 6.05 6.05 0 01-.79 1.336zm8.972 2.381c.434-.493.515-1.174.515-1.557h-4.157c0 .378.073 1.067.516 1.557.344.387.868.583 1.557.583.7 0 1.227-.196 1.569-.583zM2.977 11.273c0 4.21 3.126 4.711 4.47 4.737h.157c.115 0 .222 0 .32-.009 1.344-.025 4.47-.524 4.47-4.694 0-4.163-3.143-4.687-4.495-4.72-.124-.009-.264-.009-.401-.009H7.4c-1.33.017-4.423.493-4.423 4.695zm18.717 6.877a.42.42 0 01.123.459.404.404 0 01-.383.272h-5.496c0 .51-.107 1.412-.723 2.103-.51.566-1.238.86-2.182.86-.936 0-1.672-.294-2.182-.86-.608-.689-.714-1.6-.714-2.1H4.64a.41.41 0 01-.255-.729c.493-.409.902-.96 1.213-1.624-1.563-.499-3.443-1.813-3.443-5.258 0-4.499 3.182-5.342 4.709-5.482 1.549-3.75 5.815-3.636 6.168-3.627.255-.017 2.922-.132 4.849 1.664 1.246 1.165 1.888 2.857 1.888 5.039v3.88c-.012.06-.2 3.663 1.924 5.403zm-10.843-6.877c0 .23-.18.409-.409.409H8.095v2.356a.41.41 0 01-.818 0v-2.356H4.929a.41.41 0 01-.409-.41c0-.223.188-.408.41-.408h2.347V8.539a.41.41 0 01.409-.409c.221 0 .409.188.409.409v2.322h2.347a.41.41 0 01.409.412z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-bell-add-more-regular.js

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellAddMoreRegular = 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 IconBellAddMoreRegular = 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: "M5.832 17.577h13.871c-1.454-2.092-1.3-4.9-1.291-5.036V8.779c0-1.843-.518-3.258-1.535-4.2-1.633-1.512-4.045-1.366-4.07-1.366-.017 0-.023-.009-.042-.009-.014 0-.031.009-.04.009-.154-.009-3.515-.193-4.952 2.524 1.177.042 5.165.549 5.165 5.431 0 4.994-4.176 5.39-5.22 5.403h-.505a5.67 5.67 0 01-.787-.064 6.11 6.11 0 01-.594 1.07zm8.333 2.395c.317-.353.423-.838.448-1.19h-3.697c.034.352.132.845.457 1.198.3.34.753.499 1.397.499.633 0 1.087-.16 1.395-.507zM3.218 11.134c0 3.636 2.519 4.216 4.02 4.23h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23H7.19c-1.487.009-3.972.572-3.972 4.2zm18.25 6.58c.196.16.269.434.187.678a.606.606 0 01-.577.395h-5.24c-.04.546-.194 1.359-.762 1.995-.544.602-1.325.907-2.306.907-.991 0-1.77-.305-2.313-.907-.569-.636-.723-1.449-.757-1.995H4.462a.602.602 0 01-.392-1.07c.462-.37.846-.885 1.146-1.496C3.706 15.678 2 14.367 2 11.134c0-4.198 2.843-5.148 4.417-5.347 1.535-3.885 5.93-3.807 6.353-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.804c0 .061-.188 3.495 1.835 5.131zM8.076 13.846a.607.607 0 01-.611.602.608.608 0 01-.608-.602v-2.107H4.742a.604.604 0 110-1.207H6.86V8.457a.606.606 0 01.608-.603c.336 0 .61.27.61.603v2.075h2.12c.337 0 .609.272.609.605a.61.61 0 01-.608.605h-2.12v2.104h-.003z",
         fill: fillColor
     })));

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellFilled = 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 IconBellFilled = 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: "M7.065 3.665c1.938-1.76 4.627-1.678 4.96-1.658.334-.02 3.023-.104 4.956 1.655 1.283 1.166 1.935 2.86 1.935 5.037v3.874c-.003.061-.199 3.658 1.975 5.392a.407.407 0 01.129.456.42.42 0 01-.395.272h-1.726l-1.126-.003h-2.776c-.005.51-.114 1.415-.745 2.101-.52.569-1.271.857-2.232.857-.964 0-1.714-.288-2.235-.86-.63-.689-.734-1.596-.737-2.098H3.42a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.762-1.406 1.966-4.036 1.98-5v-.17a4.177 4.177 0 00-.006-.197v-3.9c0-1.223.216-2.29.625-3.2l.417-.774a5.46 5.46 0 01.894-1.056zm6.827 15.123h-3.739c.028.35.129.837.454 1.19.31.34.773.502 1.414.502.639 0 1.101-.165 1.412-.502.325-.353.429-.837.46-1.19z",
-        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.338 19.856C9.648 21.072 10.722 22 12.004 22c1.283 0 2.353-.928 2.667-2.144H9.338zm11.522-2.212a10.321 10.321 0 01-1.938-6v-2.5C18.922 5.216 15.806 2 12.001 2 8.195 2 5.079 5.216 5.079 9.144v2.5c0 2.144-.694 4.284-1.938 6-.174.216-.174.5-.07.752.105.252.345.392.624.392h16.61a.66.66 0 00.625-.392c.104-.248.1-.54-.07-.752z",
+            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: "M7.065 3.665c1.938-1.76 4.627-1.678 4.96-1.658.334-.02 3.023-.104 4.956 1.655 1.283 1.166 1.935 2.86 1.935 5.037v3.874c-.003.061-.199 3.658 1.975 5.392a.407.407 0 01.129.456.42.42 0 01-.395.272h-1.726l-1.126-.003h-2.776c-.005.51-.114 1.415-.745 2.101-.52.569-1.271.857-2.232.857-.964 0-1.714-.288-2.235-.86-.63-.689-.734-1.596-.737-2.098H3.42a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.762-1.406 1.966-4.036 1.98-5v-.17a4.177 4.177 0 00-.006-.197v-3.9c0-1.223.216-2.29.625-3.2l.417-.774a5.46 5.46 0 01.894-1.056zm6.827 15.123h-3.739c.028.35.129.837.454 1.19.31.34.773.502 1.414.502.639 0 1.101-.165 1.412-.502.325-.353.429-.837.46-1.19z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconBellFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellLight = 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 IconBellLight = 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.022 21.496c-1.558 0-2.764-.918-2.875-2.66l.001-.146H3.42a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.37-1.093 1.798-2.928 1.927-4.143l.03-.329.016-.288.006-.24-.002-.29-.003-.077v-3.9c0-1.1.175-2.075.508-2.923l.117-.278.417-.773a5.46 5.46 0 01.894-1.056c1.15-1.044 2.566-1.44 3.596-1.585l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.002.228.008.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.002.204.006.31.013.255.023.29.016.155.042.331c.176 1.198.646 2.782 1.88 3.766a.407.407 0 01-.192.722l-.074.006h-1.726l-1.126-.003h-2.856l-.004.079c-.145 1.746-1.346 2.727-2.891 2.727zm0-.8c1.147 0 1.967-.617 2.082-1.897l.009-.109H9.954l.003.052c.086 1.281.905 1.954 2.065 1.954zm-.044-17.89a6.771 6.771 0 00-1.67.146c-.932.193-1.78.553-2.478 1.112l-.228.193-.166.16a4.746 4.746 0 00-.44.512l-.12.172-.393.721c-.325.723-.51 1.562-.547 2.512l-.007.362-.002 3.838.006.18.001.258c-.024 1.807-.441 3.564-1.519 4.865l-.046.053h13.406l1.908.003-.086-.103a6.045 6.045 0 01-.862-1.512l-.107-.284a9.145 9.145 0 01-.463-2.12 9.97 9.97 0 01-.055-1.04l.006-.261V8.699c0-1.963-.568-3.44-1.674-4.445-.736-.67-1.665-1.09-2.7-1.303a7.142 7.142 0 00-1.764-.146z",
-        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: "M12.001 2c3.782 0 6.842 3.148 6.838 7.036v2.592c0 .74.074 1.516.252 2.332.035.184-.108.408-.287.444a.376.376 0 01-.432-.296c-.144-.852-.252-1.664-.252-2.48V9.036c0-3.48-2.737-6.296-6.119-6.296-3.382 0-6.119 2.816-6.119 6.296v2.592c0 2.224-.645 4.448-1.834 6.296h16.594c.214 0 .358.148.358.372s-.144.372-.362.372h-6.227c.074.26.109.48.109.74 0 1.444-1.116 2.592-2.519 2.592s-2.519-1.148-2.519-2.592c0-.26.035-.48.109-.74H3.364c-.144 0-.25-.112-.323-.224-.074-.112-.039-.26.035-.372a11.147 11.147 0 002.087-6.444V9.036C5.163 5.148 8.22 2 12.001 2zm1.621 16.668h-3.277c-.07.22-.144.48-.144.74 0 1.036.793 1.852 1.8 1.852 1.007 0 1.8-.816 1.8-1.852 0-.26-.07-.52-.179-.74zm5.94-3.332a.73.73 0 01.719.74.73.73 0 01-.72.74.73.73 0 01-.718-.74.73.73 0 01.719-.74z",
+            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.022 21.496c-1.558 0-2.764-.918-2.875-2.66l.001-.146H3.42a.421.421 0 01-.395-.271.4.4 0 01.13-.457c1.37-1.093 1.798-2.928 1.927-4.143l.03-.329.016-.288.006-.24-.002-.29-.003-.077v-3.9c0-1.1.175-2.075.508-2.923l.117-.278.417-.773a5.46 5.46 0 01.894-1.056c1.15-1.044 2.566-1.44 3.596-1.585l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.002.228.008.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.002.204.006.31.013.255.023.29.016.155.042.331c.176 1.198.646 2.782 1.88 3.766a.407.407 0 01-.192.722l-.074.006h-1.726l-1.126-.003h-2.856l-.004.079c-.145 1.746-1.346 2.727-2.891 2.727zm0-.8c1.147 0 1.967-.617 2.082-1.897l.009-.109H9.954l.003.052c.086 1.281.905 1.954 2.065 1.954zm-.044-17.89a6.771 6.771 0 00-1.67.146c-.932.193-1.78.553-2.478 1.112l-.228.193-.166.16a4.746 4.746 0 00-.44.512l-.12.172-.393.721c-.325.723-.51 1.562-.547 2.512l-.007.362-.002 3.838.006.18.001.258c-.024 1.807-.441 3.564-1.519 4.865l-.046.053h13.406l1.908.003-.086-.103a6.045 6.045 0 01-.862-1.512l-.107-.284a9.145 9.145 0 01-.463-2.12 9.97 9.97 0 01-.055-1.04l.006-.261V8.699c0-1.963-.568-3.44-1.674-4.445-.736-.67-1.665-1.09-2.7-1.303a7.142 7.142 0 00-1.764-.146z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconBellLight;

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

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconBellOffFilled = 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 IconBellOffFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M12.019 20.482c.638 0 1.1-.165 1.411-.501.325-.353.43-.838.46-1.19h-3.74c.028.35.13.837.454 1.19.311.339.773.501 1.415.501zM4.122 2.202L20.89 20.653a.593.593 0 01-.037.838l-.014.014a.623.623 0 01-.868-.05l-2.42-2.662h-2.423c-.036.544-.193 1.356-.77 1.99-.55.601-1.336.907-2.336.907-1.003 0-1.79-.306-2.34-.908-.576-.633-.73-1.445-.764-1.989H3.615a.615.615 0 01-.58-.4.59.59 0 01.191-.667c2.05-1.641 1.857-5.056 1.854-5.092l-.002-3.835c0-.356.022-.695.058-1.023l.034-.263c.011-.084.017-.17.03-.255l.015.017c.084-.54.23-1.07.434-1.577L3.204 3.001a.593.593 0 01.036-.838l.014-.014a.629.629 0 01.868.053zM20.817 17.72c.202.16.277.429.19.67a.604.604 0 01-.126.196L7.223 3.558c1.913-1.591 4.423-1.538 4.799-1.518.386-.02 3.053-.081 4.986 1.678 1.296 1.179 1.955 2.888 1.955 5.078v3.796c-.003.072-.188 3.498 1.854 5.128z",
         fill: fillColor
     })));