@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowLeftFilled = 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 IconArrowLeftFilled = 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.826 2.011c.152 0 .3.028.44.084.434.177.7.602.695 1.107l.003 3.65a.21.21 0 00.039.056l6.882.02c.616-.01 1.07.145 1.384.467.314.322.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.446-.407.42-1.009.481-1.426.487h-.009l-6.711-.003a.453.453 0 00-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42L2.34 12.492c-.087-.084-.336-.33-.333-.69a.82.82 0 01.274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493z",
-        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.996 16.177H14.14v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.073-.21-1.464-.562L2 12.494l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366h-.004z",
+            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.826 2.011c.152 0 .3.028.44.084.434.177.7.602.695 1.107l.003 3.65a.21.21 0 00.039.056l6.882.02c.616-.01 1.07.145 1.384.467.314.322.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.446-.407.42-1.009.481-1.426.487h-.009l-6.711-.003a.453.453 0 00-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42L2.34 12.492c-.087-.084-.336-.33-.333-.69a.82.82 0 01.274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowLeftFilled;

package/dist-es/generated/mistica-icons/icon-arrow-line-down-left-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 IconArrowLineDownLeftLight = 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: "M7.167 16.334L7.13 6.98a.47.47 0 00-.733-.44.477.477 0 00-.201.469l.065 10.447a.128.128 0 00.012.08.38.38 0 00.053.053.463.463 0 00.253.253.38.38 0 00.053.053.263.263 0 00.087.02l10.253.017a.454.454 0 00.354-.141.46.46 0 00-.325-.792H7.83l9.908-9.907a.47.47 0 00.001-.665.472.472 0 00-.664.001l-9.908 9.907z",
+        fill: fillColor
+    })));
+};
+export default IconArrowLineDownLeftLight;

package/dist-es/generated/mistica-icons/icon-arrow-line-down-left-regular.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 IconArrowLineDownLeftRegular = 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: "M7.48 15.573l.061-8.568a.688.688 0 00-.721-.65.684.684 0 00-.65.688l-.017 10.16c.002.043.02.083.027.127.008.04.012.082.028.12a.71.71 0 00.146.218c.066.063.139.11.22.145.04.018.082.021.123.027.04.009.08.028.123.03l9.973.045a.684.684 0 00.706-.663v-.004a.687.687 0 00-.667-.705H8.449l9.22-9.22a.687.687 0 00-.97-.969l-9.22 9.22z",
+        fill: fillColor
+    })));
+};
+export default IconArrowLineDownLeftRegular;

package/dist-es/generated/mistica-icons/icon-arrow-line-up-right-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 IconArrowLineUpRightLight = 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: "M16.852 7.685l.039 9.356a.47.47 0 00.732.44.477.477 0 00.201-.47L17.76 6.566a.128.128 0 00-.013-.081.414.414 0 00-.053-.053.463.463 0 00-.253-.253.414.414 0 00-.053-.053.263.263 0 00-.087-.02L7.05 6.089a.454.454 0 00-.355.142.46.46 0 00.326.792h9.169L6.283 16.93a.47.47 0 00-.002.665.472.472 0 00.665-.002l9.907-9.907z",
+        fill: fillColor
+    })));
+};
+export default IconArrowLineUpRightLight;

package/dist-es/generated/mistica-icons/icon-arrow-line-up-right-regular.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 IconArrowLineUpRightRegular = 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: "M16.49 8.395l-.063 8.569c.021.378.342.67.722.65a.684.684 0 00.65-.689l.017-10.16c-.002-.043-.02-.083-.028-.126-.008-.04-.011-.082-.027-.121a.71.71 0 00-.147-.218.752.752 0 00-.219-.144c-.04-.018-.082-.021-.124-.028-.04-.008-.079-.027-.122-.029l-9.974-.045a.684.684 0 00-.705.663s-.002.001 0 .003a.687.687 0 00.667.705h8.383l-9.22 9.22a.687.687 0 00.97.97l9.22-9.22z",
+        fill: fillColor
+    })));
+};
+export default IconArrowLineUpRightRegular;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowRightFilled = 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 IconArrowRightFilled = 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.894 21.69c-.152 0-.3-.029-.44-.085-.434-.176-.7-.602-.695-1.106l-.003-3.65a.195.195 0 00-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468-.314-.322-.46-.776-.443-1.392v-6.04C2 8.454 2.04 7.85 2.445 7.43c.407-.42 1.009-.48 1.426-.488h.009l6.711.003a.453.453 0 00.157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.334.69a.82.82 0 01-.275.593L12.961 21.2c-.306.32-.692.49-1.067.49z",
-        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: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2v7.754z",
+            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.894 21.69c-.152 0-.3-.029-.44-.085-.434-.176-.7-.602-.695-1.106l-.003-3.65a.195.195 0 00-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468-.314-.322-.46-.776-.443-1.392v-6.04C2 8.454 2.04 7.85 2.445 7.43c.407-.42 1.009-.48 1.426-.488h.009l6.711.003a.453.453 0 00.157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.334.69a.82.82 0 01-.275.593L12.961 21.2c-.306.32-.692.49-1.067.49z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowRightFilled;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowRightLight = 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 IconArrowRightLight = 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.805 21.814a.938.938 0 01-.35-.067c-.35-.143-.555-.473-.55-.888L10.9 17.08c0-.081-.079-.145-.174-.145H3.827c-.524.008-.936-.14-1.23-.44-.305-.311-.456-.779-.44-1.353V8.923c-.01-.66.124-1.112.426-1.425.28-.289.684-.435 1.238-.443h.006l6.902.003c.095 0 .174-.065.174-.146l-.023-3.518c-.017-.524.244-.992.653-1.165.384-.166.818-.045 1.185.33l8.904 8.958c.18.174.267.345.264.518 0 .154-.07.297-.205.426l-8.974 8.93c-.261.275-.589.423-.902.423zm-7.98-5.47h6.901c.42 0 .762.33.762.736l.006 3.782v.005c-.003.168.061.289.182.336.134.054.372.031.608-.218.002-.003.002-.006.005-.006l8.975-8.935.006-.006c.005-.003.008-.008.01-.011a.49.49 0 00-.075-.087l-.003-.003-8.907-8.96c-.112-.115-.33-.292-.532-.205-.183.079-.306.333-.295.608v.008l.023 3.524a.75.75 0 01-.762.737l-6.9-.003c-.386.006-.655.093-.82.263-.185.19-.269.521-.26 1.009v6.243c-.009.286.03.678.271.925.177.18.446.269.801.263 0-.005 0-.005.003-.005z",
-        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.806 2.527L22 11.992l-9.194 9.473c-.34.35-.776.535-1.232.535a1.896 1.896 0 01-1.88-1.89v-4.425H4.68a.365.365 0 01-.355-.367c0-.201.164-.366.355-.366h5.727v5.154c0 .56.372.918.712 1.058.332.14.812.157 1.176-.218L20.988 12l-8.694-8.946c-.364-.374-.852-.358-1.176-.218-.348.148-.712.502-.712 1.058v5.154h-8.05a.367.367 0 010-.733h7.33v-4.42a1.89 1.89 0 011.16-1.742 1.733 1.733 0 011.96.374zM2.712 14.577c.393 0 .712.328.712.733a.723.723 0 01-.712.733A.723.723 0 012 15.31c0-.405.319-.733.712-.733z",
+            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.805 21.814a.938.938 0 01-.35-.067c-.35-.143-.555-.473-.55-.888L10.9 17.08c0-.081-.079-.145-.174-.145H3.827c-.524.008-.936-.14-1.23-.44-.305-.311-.456-.779-.44-1.353V8.923c-.01-.66.124-1.112.426-1.425.28-.289.684-.435 1.238-.443h.006l6.902.003c.095 0 .174-.065.174-.146l-.023-3.518c-.017-.524.244-.992.653-1.165.384-.166.818-.045 1.185.33l8.904 8.958c.18.174.267.345.264.518 0 .154-.07.297-.205.426l-8.974 8.93c-.261.275-.589.423-.902.423zm-7.98-5.47h6.901c.42 0 .762.33.762.736l.006 3.782v.005c-.003.168.061.289.182.336.134.054.372.031.608-.218.002-.003.002-.006.005-.006l8.975-8.935.006-.006c.005-.003.008-.008.01-.011a.49.49 0 00-.075-.087l-.003-.003-8.907-8.96c-.112-.115-.33-.292-.532-.205-.183.079-.306.333-.295.608v.008l.023 3.524a.75.75 0 01-.762.737l-6.9-.003c-.386.006-.655.093-.82.263-.185.19-.269.521-.26 1.009v6.243c-.009.286.03.678.271.925.177.18.446.269.801.263 0-.005 0-.005.003-.005z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowRightLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowRightRegular = 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 IconArrowRightRegular = 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.894 21.689c-.152 0-.3-.028-.44-.084-.434-.176-.7-.6-.695-1.106l-.006-3.65a.227.227 0 00-.039-.056l-6.882-.02c-.616.008-1.067-.146-1.384-.468-.316-.322-.46-.776-.442-1.392v-6.04c-.009-.42.028-1.021.434-1.444.409-.423 1.008-.482 1.426-.488h.008l6.711.003a.471.471 0 00.157-.053l-.003-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.692a.82.82 0 01-.274.594l-8.476 8.703c-.306.32-.692.49-1.067.49zm-8.062-6.006l6.958.02c.585 0 1.056.614 1.056 1.12l.006 3.678v.009c0 .053.01.078.014.084.02.014.15.017.308-.149l.005-.005 8.336-8.555-8.568-8.619-.006-.005a.866.866 0 00-.098-.09 1.193 1.193 0 00-.011.162l.006 3.712c0 .652-.81.994-1.247.994l-6.709-.003c-.336.006-.563.06-.655.154-.093.096-.137.328-.129.67v6.084c-.006.207.011.479.129.602.12.12.39.143.597.14.002-.003.005-.003.008-.003z",
-        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: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743 0 .406.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.553.553 0 01.68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183z",
+            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.894 21.689c-.152 0-.3-.028-.44-.084-.434-.176-.7-.6-.695-1.106l-.006-3.65a.227.227 0 00-.039-.056l-6.882-.02c-.616.008-1.067-.146-1.384-.468-.316-.322-.46-.776-.442-1.392v-6.04c-.009-.42.028-1.021.434-1.444.409-.423 1.008-.482 1.426-.488h.008l6.711.003a.471.471 0 00.157-.053l-.003-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.692a.82.82 0 01-.274.594l-8.476 8.703c-.306.32-.692.49-1.067.49zm-8.062-6.006l6.958.02c.585 0 1.056.614 1.056 1.12l.006 3.678v.009c0 .053.01.078.014.084.02.014.15.017.308-.149l.005-.005 8.336-8.555-8.568-8.619-.006-.005a.866.866 0 00-.098-.09 1.193 1.193 0 00-.011.162l.006 3.712c0 .652-.81.994-1.247.994l-6.709-.003c-.336.006-.563.06-.655.154-.093.096-.137.328-.129.67v6.084c-.006.207.011.479.129.602.12.12.39.143.597.14.002-.003.005-.003.008-.003z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowRightRegular;