@telefonica/mistica 10.9.0 → 10.11.0

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconAcademicLight = function IconAcademicLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M21.018 18.531h-1.062c0-.411.327-1.072.49-1.072.164 0 .572.577.572 1.072zm-3.345-2.885c0 .33-.244.577-.49.577-1.387.247-3.345.824-4.895 2.062a.975.975 0 01-1.142 0c-1.47-1.235-3.508-1.812-4.895-2.062-.327-.08-.49-.33-.49-.577v-3.543l5.304 2.474a1.2 1.2 0 001.062 0l5.463-2.558.083 3.627zM3.068 9.63c0-.246.08-.412.327-.496l8.078-3.708c.164-.081.244-.081.408 0l8.077 3.708c.097.05.08.082.08.082h-8.485c-.244 0-.407.165-.407.411 0 .247.163.412.407.412h8.322l-8.078 3.711c-.163.081-.244.081-.407 0l-8.078-3.708a.45.45 0 01-.244-.412zm17.87 7.09v-6.678c.013-.518.05-1.373-.652-1.647l-8.08-3.708c-.409-.166-.736-.166-1.143-.082l-8.078 3.79c-.491.165-.735.658-.735 1.235 0 .577.327.989.735 1.235l1.96.908v3.873c0 .743.491 1.32 1.143 1.485 1.306.246 3.183.742 4.487 1.896.327.247.651.412 1.062.412.407 0 .734-.165 1.062-.412 1.386-1.073 3.183-1.647 4.486-1.896a1.51 1.51 0 001.143-1.485v-3.954l1.714-.743v5.77c-.652.247-.98 1.235-.98 1.812 0 .247.081.496.245.659.244.246.571.246.898.246h.491c.244 0 .48-.059.735-.246.186-.138.255-.236.286-.659.036-.607-.208-1.4-.78-1.812z",
-    fill: fillColor
-  }));
+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 IconAcademicLight = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M21.018 18.531h-1.062c0-.411.327-1.072.49-1.072.164 0 .572.577.572 1.072zm-3.345-2.885c0 .33-.244.577-.49.577-1.387.247-3.345.824-4.895 2.062a.975.975 0 01-1.142 0c-1.47-1.235-3.508-1.812-4.895-2.062-.327-.08-.49-.33-.49-.577v-3.543l5.304 2.474a1.2 1.2 0 001.062 0l5.463-2.558.083 3.627zM3.068 9.63c0-.246.08-.412.327-.496l8.078-3.708c.164-.081.244-.081.408 0l8.077 3.708c.097.05.08.082.08.082h-8.485c-.244 0-.407.165-.407.411 0 .247.163.412.407.412h8.322l-8.078 3.711c-.163.081-.244.081-.407 0l-8.078-3.708a.45.45 0 01-.244-.412zm17.87 7.09v-6.678c.013-.518.05-1.373-.652-1.647l-8.08-3.708c-.409-.166-.736-.166-1.143-.082l-8.078 3.79c-.491.165-.735.658-.735 1.235 0 .577.327.989.735 1.235l1.96.908v3.873c0 .743.491 1.32 1.143 1.485 1.306.246 3.183.742 4.487 1.896.327.247.651.412 1.062.412.407 0 .734-.165 1.062-.412 1.386-1.073 3.183-1.647 4.486-1.896a1.51 1.51 0 001.143-1.485v-3.954l1.714-.743v5.77c-.652.247-.98 1.235-.98 1.812 0 .247.081.496.245.659.244.246.571.246.898.246h.491c.244 0 .48-.059.735-.246.186-.138.255-.236.286-.659.036-.607-.208-1.4-.78-1.812z",
+        fill: fillColor
+    })));
 };
-
-export default IconAcademicLight;
+export default IconAcademicLight;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconAcademicRegular = function IconAcademicRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M20.58 18.01h-.49c.082-.246.163-.49.247-.57.162.08.244.324.244.57.08 0 .08 0 0 0zm-3.19-2.537c0 .162-.162.328-.328.409-1.392.246-3.355.818-4.91 1.964a.747.747 0 01-.818 0c-1.473-1.227-3.437-1.72-4.91-1.964-.163 0-.328-.163-.328-.409v-3.11l4.91 2.21c.163.082.41.163.575.163.246 0 .408-.081.574-.162l5.19-2.356.045 3.255zM3.477 9.663c0-.08.056-.184.162-.246l7.939-3.6h.162l7.283 3.275h-7.448a.56.56 0 00-.574.571.56.56 0 00.574.572h7.283l-7.04 3.19h-.246l-7.938-3.6c-.095-.052-.157-.08-.157-.162zm17.594 6.712v-6.303c-.011-.535-.025-1.462-.818-1.8l-7.939-3.6a1.605 1.605 0 00-1.226 0l-7.939 3.6c-.574.246-.899.736-.899 1.391 0 .572.328 1.146.9 1.393l1.8.818v3.599c0 .818.575 1.473 1.308 1.636 1.227.246 3.028.737 4.337 1.8.327.247.736.41 1.145.41.41 0 .818-.163 1.146-.41 1.308-1.063 3.11-1.554 4.336-1.8a1.67 1.67 0 001.308-1.636v-3.684l1.227-.57v5.156c-.655.328-.983 1.308-.983 1.882 0 .328.081.572.246.737.328.328.737.328 1.065.328h.487c.328 0 .574 0 .818-.247.532-.448.412-2.3-.32-2.7z",
-    fill: fillColor
-  }));
+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 IconAcademicRegular = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M20.58 18.01h-.49c.082-.246.163-.49.247-.57.162.08.244.324.244.57.08 0 .08 0 0 0zm-3.19-2.537c0 .162-.162.328-.328.409-1.392.246-3.355.818-4.91 1.964a.747.747 0 01-.818 0c-1.473-1.227-3.437-1.72-4.91-1.964-.163 0-.328-.163-.328-.409v-3.11l4.91 2.21c.163.082.41.163.575.163.246 0 .408-.081.574-.162l5.19-2.356.045 3.255zM3.477 9.663c0-.08.056-.184.162-.246l7.939-3.6h.162l7.283 3.275h-7.448a.56.56 0 00-.574.571.56.56 0 00.574.572h7.283l-7.04 3.19h-.246l-7.938-3.6c-.095-.052-.157-.08-.157-.162zm17.594 6.712v-6.303c-.011-.535-.025-1.462-.818-1.8l-7.939-3.6a1.605 1.605 0 00-1.226 0l-7.939 3.6c-.574.246-.899.736-.899 1.391 0 .572.328 1.146.9 1.393l1.8.818v3.599c0 .818.575 1.473 1.308 1.636 1.227.246 3.028.737 4.337 1.8.327.247.736.41 1.145.41.41 0 .818-.163 1.146-.41 1.308-1.063 3.11-1.554 4.336-1.8a1.67 1.67 0 001.308-1.636v-3.684l1.227-.57v5.156c-.655.328-.983 1.308-.983 1.882 0 .328.081.572.246.737.328.328.737.328 1.065.328h.487c.328 0 .574 0 .818-.247.532-.448.412-2.3-.32-2.7z",
+        fill: fillColor
+    })));
 };
-
-export default IconAcademicRegular;
+export default IconAcademicRegular;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconAccesibilityFilled = function IconAccesibilityFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M16.619 15.83c1.65-.796 3.286-2 4.894-3.609a.562.562 0 000-.792C18.38 8.29 15.137 6.703 11.87 6.703c-1.235 0-2.468.227-3.695.68l-5.2-5.197a.558.558 0 00-.79 0 .561.561 0 000 .793L7.067 7.86c-1.652.795-3.288 2-4.896 3.608a.574.574 0 00-.165.398.55.55 0 00.165.395c3.134 3.134 6.378 4.722 9.644 4.722 1.235 0 2.468-.227 3.695-.68l5.199 5.198a.558.558 0 00.79 0 .561.561 0 000-.792l-4.88-4.88zm-3.468-3.469l-1.837-1.837c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.395 0 .17-.006.341-.059.51zm1.7 1.7l-.621-.621c.19-.41.285-.908.285-1.496 0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.571-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675-.003.838-.174 1.546-.507 2.118z",
-    fill: fillColor
-  }));
+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 IconAccesibilityFilled = 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;
+    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: "M2.213 1.224a.67.67 0 011 0l4.14 4.309a10.333 10.333 0 014.645-1.088c4.285 0 8.145 2.663 9.893 6.749a.862.862 0 010 .6c-.892 2.025-2.248 3.713-3.964 4.876l3.856 4.05a.755.755 0 01.004 1.053.686.686 0 01-.5.227.686.686 0 01-.5-.227L2.213 2.273a.753.753 0 010-1.05zm2.964 5.77l1 1.088c-1.072.903-2 2.066-2.644 3.414 1.572 3.373 4.857 5.548 8.465 5.548.82 0 1.608-.109 2.393-.336l1.18 1.201a10.585 10.585 0 01-3.573.639c-4.248 0-8.145-2.663-9.893-6.753a.862.862 0 010-.601c.68-1.688 1.752-3.074 3.072-4.2zM7.962 9.96l5.5 5.77c-.464.152-.928.265-1.464.265-2.356 0-4.284-2.024-4.288-4.498 0-.562.108-1.05.252-1.537zm4.072-4.015a8.867 8.867 0 00-3.572.752l1.072 1.126a4.01 4.01 0 012.464-.824c2.357 0 4.285 2.025 4.285 4.498 0 .937-.284 1.836-.784 2.587l1.464 1.496a9.612 9.612 0 003.536-4.087c-1.572-3.372-4.856-5.548-8.465-5.548z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.619 15.83c1.65-.796 3.286-2 4.894-3.609a.562.562 0 000-.792C18.38 8.29 15.137 6.703 11.87 6.703c-1.235 0-2.468.227-3.695.68l-5.2-5.197a.558.558 0 00-.79 0 .561.561 0 000 .793L7.067 7.86c-1.652.795-3.288 2-4.896 3.608a.574.574 0 00-.165.398.55.55 0 00.165.395c3.134 3.134 6.378 4.722 9.644 4.722 1.235 0 2.468-.227 3.695-.68l5.199 5.198a.558.558 0 00.79 0 .561.561 0 000-.792l-4.88-4.88zm-3.468-3.469l-1.837-1.837c.16-.062.322-.067.504-.067.846 0 1.392.546 1.392 1.395 0 .17-.006.341-.059.51zm1.7 1.7l-.621-.621c.19-.41.285-.908.285-1.496 0-.955-.252-1.68-.75-2.154-.474-.451-1.168-.678-2.065-.678-.588 0-1.092.098-1.501.294l-.622-.622c.571-.341 1.283-.515 2.123-.515 2.325 0 3.659 1.339 3.659 3.675-.003.838-.174 1.546-.507 2.118z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconAccesibilityFilled;
+export default IconAccesibilityFilled;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconAccesibilityLight = function IconAccesibilityLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.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: "M21.68 21.286l-5.321-5.322c1.792-.796 3.571-2.073 5.322-3.824a.282.282 0 000-.398c-3.16-3.16-6.423-4.762-9.692-4.762-1.291 0-2.583.25-3.868.748l-5.488-5.49a.279.279 0 10-.395.395L7.56 7.955c-1.792.796-3.571 2.073-5.322 3.824a.282.282 0 000 .398c3.16 3.16 6.423 4.761 9.692 4.761 1.291 0 2.583-.249 3.868-.747l5.488 5.487a.275.275 0 00.199.081.287.287 0 00.199-.081.273.273 0 00-.003-.392zm-9.69-13.75c3.05 0 6.11 1.48 9.098 4.4-1.703 1.664-3.426 2.865-5.154 3.596l-1.098-1.095c.496-.619.748-1.454.748-2.487 0-1.205-.34-2.138-1.009-2.773-.633-.603-1.526-.908-2.652-.908-1.034 0-1.869.255-2.49.762l-.874-.874a10.078 10.078 0 013.43-.622zm-.053 3.596c-.132 0-.25.017-.356.056l-1.75-1.75c.515-.399 1.215-.6 2.089-.6 1.414 0 3.1.54 3.1 3.117 0 .874-.195 1.574-.588 2.087l-1.72-1.72c.034-.1.054-.218.054-.353.003-.574-.325-.837-.83-.837zm-.006 5.249c-3.05 0-6.11-1.482-9.098-4.4 1.703-1.664 3.426-2.866 5.154-3.597l7.375 7.375a10.011 10.011 0 01-3.43.622z",
-    fill: fillColor
-  }));
+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 IconAccesibilityLight = 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;
+    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.284 20.568a.716.716 0 110 1.432.716.716 0 010-1.432zM2.108 2.108a.343.343 0 01.5 0l4.5 4.536A10.704 10.704 0 0112 5.464c4.252 0 8.108 2.5 9.82 6.396.036.068.036.176 0 .284A10.804 10.804 0 0117.5 17l2.612 2.608a.343.343 0 010 .5.389.389 0 01-.252.108.389.389 0 01-.252-.108l-2.752-2.752A10.681 10.681 0 0112 18.536c-4.248 0-8.144-2.5-9.856-6.396-.036-.068-.036-.176 0-.284A10.679 10.679 0 015.36 7.748a.382.382 0 01.5.072.382.382 0 01-.072.5 10.626 10.626 0 00-2.928 3.716 10.093 10.093 0 009.144 5.82c1.536 0 3-.356 4.32-1l-1.572-1.572c-.752.608-1.716 1-2.752 1A4.297 4.297 0 017.716 12c0-1.032.392-2 1.036-2.748L2.108 2.608a.343.343 0 010-.5zm9.928 4.036c-1.5 0-3 .356-4.356 1l1.568 1.572c.752-.608 1.716-1 2.752-1A4.297 4.297 0 0116.284 12a4.193 4.193 0 01-1 2.752L17 16.5a10.72 10.72 0 004.18-4.536c-1.68-3.536-5.252-5.82-9.144-5.82zM9.248 9.748c-.536.608-.82 1.396-.82 2.252A3.583 3.583 0 0012 15.572c.856 0 1.644-.288 2.284-.788zM12 8.432c-.856 0-1.64.32-2.248.82l5 5.004c.536-.608.82-1.396.82-2.252A3.583 3.583 0 0012 8.432z",
+            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: "M21.68 21.286l-5.321-5.322c1.792-.796 3.571-2.073 5.322-3.824a.282.282 0 000-.398c-3.16-3.16-6.423-4.762-9.692-4.762-1.291 0-2.583.25-3.868.748l-5.488-5.49a.279.279 0 10-.395.395L7.56 7.955c-1.792.796-3.571 2.073-5.322 3.824a.282.282 0 000 .398c3.16 3.16 6.423 4.761 9.692 4.761 1.291 0 2.583-.249 3.868-.747l5.488 5.487a.275.275 0 00.199.081.287.287 0 00.199-.081.273.273 0 00-.003-.392zm-9.69-13.75c3.05 0 6.11 1.48 9.098 4.4-1.703 1.664-3.426 2.865-5.154 3.596l-1.098-1.095c.496-.619.748-1.454.748-2.487 0-1.205-.34-2.138-1.009-2.773-.633-.603-1.526-.908-2.652-.908-1.034 0-1.869.255-2.49.762l-.874-.874a10.078 10.078 0 013.43-.622zm-.053 3.596c-.132 0-.25.017-.356.056l-1.75-1.75c.515-.399 1.215-.6 2.089-.6 1.414 0 3.1.54 3.1 3.117 0 .874-.195 1.574-.588 2.087l-1.72-1.72c.034-.1.054-.218.054-.353.003-.574-.325-.837-.83-.837zm-.006 5.249c-3.05 0-6.11-1.482-9.098-4.4 1.703-1.664 3.426-2.866 5.154-3.597l7.375 7.375a10.011 10.011 0 01-3.43.622z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconAccesibilityLight;
+export default IconAccesibilityLight;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconAccesibilityRegular = function IconAccesibilityRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M16.619 15.83c1.65-.796 3.286-2 4.894-3.609a.562.562 0 000-.792C18.38 8.29 15.137 6.703 11.87 6.703c-1.235 0-2.468.227-3.695.68l-5.2-5.197a.558.558 0 00-.79 0 .561.561 0 000 .793L7.067 7.86c-1.652.795-3.288 2-4.896 3.608a.562.562 0 000 .793c3.134 3.134 6.378 4.722 9.644 4.722 1.235 0 2.468-.227 3.695-.68l5.199 5.198a.558.558 0 00.79 0 .561.561 0 000-.792l-4.88-4.88zm-4.748-8.006c2.82 0 5.658 1.344 8.446 4-1.505 1.434-3.023 2.49-4.541 3.162l-.924-.924c.333-.569.504-1.278.504-2.118 0-2.336-1.334-3.675-3.659-3.675-.84 0-1.551.174-2.123.513l-.515-.513a9.282 9.282 0 012.812-.445zm-.053 2.63c-.18 0-.347.025-.499.073l-1.123-1.124c.409-.196.91-.294 1.501-.294.897 0 1.592.227 2.065.678.499.474.75 1.199.75 2.154 0 .586-.095 1.087-.285 1.496l-1.09-1.09a1.62 1.62 0 00.073-.498c0-.846-.546-1.395-1.392-1.395zm-.003 5.409c-2.82 0-5.658-1.345-8.445-4 1.504-1.432 3.02-2.488 4.54-3.16l2.505 2.504-.003.003.409.406c.154.154.423.429.683.695.213.218.418.426.54.549l.401.4.012-.01 2.17 2.17a9.393 9.393 0 01-2.812.443z",
-    fill: fillColor
-  }));
+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 IconAccesibilityRegular = 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;
+    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.783 20.72l-3.856-4.05c1.716-1.163 3.072-2.851 3.964-4.875a.862.862 0 000-.601c-1.748-4.086-5.608-6.75-9.893-6.75a10.44 10.44 0 00-4.644 1.089l-4.14-4.31a.67.67 0 00-1.001 0 .753.753 0 000 1.05L8.25 8.612a4.995 4.995 0 00-.892 2.89c0 2.7 2.072 4.875 4.644 4.875a4.466 4.466 0 002.753-.936l.82.86a8.867 8.867 0 01-3.573.753c-3.608 0-6.893-2.176-8.465-5.548a8.842 8.842 0 012.108-2.923.753.753 0 00.036-1.05.671.671 0 00-1-.038C3.573 8.506 2.717 9.783 2.11 11.207a.862.862 0 000 .6c1.744 4.078 5.64 6.74 9.89 6.74 1.643 0 3.216-.373 4.644-1.087l4.144 4.351c.144.113.32.189.5.189s.356-.076.5-.227a.755.755 0 00-.004-1.054zm-9.785-5.847c-1.784 0-3.216-1.5-3.216-3.377 0-.676.18-1.276.5-1.801l4.428 4.649a2.972 2.972 0 01-1.712.529zm2.717-1.575l-4.433-4.653a3.022 3.022 0 011.716-.525c1.784 0 3.217 1.499 3.217 3.376 0 .676-.18 1.277-.5 1.802zm1.036 1.088a4.995 4.995 0 00.892-2.89c0-2.7-2.072-4.876-4.645-4.876a4.466 4.466 0 00-2.752.937l-.82-.861c1.144-.487 2.32-.752 3.572-.752 3.609 0 6.893 2.176 8.465 5.548a9.612 9.612 0 01-3.536 4.087l-1.176-1.193z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.619 15.83c1.65-.796 3.286-2 4.894-3.609a.562.562 0 000-.792C18.38 8.29 15.137 6.703 11.87 6.703c-1.235 0-2.468.227-3.695.68l-5.2-5.197a.558.558 0 00-.79 0 .561.561 0 000 .793L7.067 7.86c-1.652.795-3.288 2-4.896 3.608a.562.562 0 000 .793c3.134 3.134 6.378 4.722 9.644 4.722 1.235 0 2.468-.227 3.695-.68l5.199 5.198a.558.558 0 00.79 0 .561.561 0 000-.792l-4.88-4.88zm-4.748-8.006c2.82 0 5.658 1.344 8.446 4-1.505 1.434-3.023 2.49-4.541 3.162l-.924-.924c.333-.569.504-1.278.504-2.118 0-2.336-1.334-3.675-3.659-3.675-.84 0-1.551.174-2.123.513l-.515-.513a9.282 9.282 0 012.812-.445zm-.053 2.63c-.18 0-.347.025-.499.073l-1.123-1.124c.409-.196.91-.294 1.501-.294.897 0 1.592.227 2.065.678.499.474.75 1.199.75 2.154 0 .586-.095 1.087-.285 1.496l-1.09-1.09a1.62 1.62 0 00.073-.498c0-.846-.546-1.395-1.392-1.395zm-.003 5.409c-2.82 0-5.658-1.345-8.445-4 1.504-1.432 3.02-2.488 4.54-3.16l2.505 2.504-.003.003.409.406c.154.154.423.429.683.695.213.218.418.426.54.549l.401.4.012-.01 2.17 2.17a9.393 9.393 0 01-2.812.443z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconAccesibilityRegular;
+export default IconAccesibilityRegular;

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

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconAddBoltonFilled = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M17 3H7l-5 9 5 9h10l5-9-5-9zm-1.47 9.734h-2.825v2.938c0 .405-.316.734-.705.734-.389 0-.705-.33-.705-.734v-2.938H8.469c-.389 0-.705-.33-.705-.734 0-.404.316-.734.705-.734h2.826V8.328c0-.405.316-.734.705-.734.389 0 .705.33.705.734v2.938h2.826c.389 0 .705.33.705.734a.718.718 0 01-.705.734z",
+        fill: fillColor
+    })));
+};
+export default IconAddBoltonFilled;

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

@@ -0,0 +1,67 @@
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from 'react';
+import { useTheme } from '../../hooks';
+import { useIsInverseVariant } from '../../theme-variant-context';
+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 IconAddBoltonLight = 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", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M18.39 19.016a.723.723 0 01-.708.735.724.724 0 01-.71-.735c0-.406.319-.736.71-.736.39 0 .709.33.709.736zM17 3H7l-5 9.021L7 21h9.79a.362.362 0 00.355-.368.362.362 0 00-.354-.367H7.409L2.82 12.02l4.59-8.286h9.177l4.591 8.286-2.559 4.605c-.1.174-.04.4.132.504a.347.347 0 00.486-.136L22 12.02 17 3zm-5 13.438a.362.362 0 00.355-.368v-3.314h3.195a.362.362 0 00.355-.367.362.362 0 00-.355-.368h-3.195V8.708A.362.362 0 0012 8.34a.362.362 0 00-.355.368v3.313H8.45a.362.362 0 00-.355.368c0 .203.16.367.355.367h3.195v3.314c0 .203.16.368.355.368z",
+        fill: fillColor
+    })));
+};
+export default IconAddBoltonLight;