npm - @telefonica/mistica - Versions diffs - 10.10.0 → 10.14.0 - Mend

@telefonica/mistica 10.10.0 → 10.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4955) hide show

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowDownRightLight = 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 IconArrowDownRightLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.831 20.474c-.022 0-.045 0-.07-.003l-12.667-.005h-.01a.772.772 0 01-.73-.474c-.164-.372-.089-.87.177-1.16l.009-.008 2.563-2.563a.155.155 0 00.042-.109.195.195 0 00-.062-.134l-5.067-5.096c-.325-.325-.487-.663-.485-1.005.006-.34.168-.667.502-.997L9.08 3.864l.009-.009c.745-.683 1.32-.115 1.594.157l.002.003 5.168 5.238a.191.191 0 00.135.059.143.143 0 00.11-.042l2.772-2.773.006-.006c.263-.252.731-.325 1.09-.17.33.142.52.445.518.828v12.6a.669.669 0 01-.182.538.638.638 0 01-.471.187zm-12.737-.566l12.681.006c.008 0 .02 0 .028.003.048.005.084-.003.1-.02.018-.017.026-.056.02-.1l-.002-.029V7.152c0-.162-.056-.26-.18-.314-.168-.072-.386-.025-.479.06l-2.77 2.77a.707.707 0 01-.524.204.744.744 0 01-.512-.224L10.288 4.41c-.407-.404-.541-.395-.816-.146l-5.044 5.05c-.222.222-.334.426-.337.611-.002.188.101.384.32.602l5.073 5.093a.76.76 0 01.224.512.711.711 0 01-.205.524l-2.56 2.56c-.112.127-.148.381-.073.55.056.126.146.142.222.142h.002z",
-        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.17 3.921l6.646 6.651 3.078-3.08a1.854 1.854 0 012.016-.411c.67.283 1.09.903 1.09 1.638V22H8.782c-.726 0-1.345-.42-1.628-1.106a1.885 1.885 0 01.403-2.066l3.014-3.015-8.463-8.468a.362.362 0 010-.516.361.361 0 01.515 0l7.361 7.366c1.533 1.534 1.533 1.534 1.441 1.757l-.024.064L8.08 19.34a1.18 1.18 0 00-.252 1.274c.168.411.523.655.958.655h12.475V8.719a1.03 1.03 0 00-.634-.967 1.114 1.114 0 00-1.226.252l-2.814 2.832c-.695.695-.695.695-.918.595l-.064-.024-6.95-6.97a.362.362 0 010-.516.361.361 0 01.515 0zM7.453 2a.727.727 0 110 1.454.727.727 0 010-1.454z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.831 20.474c-.022 0-.045 0-.07-.003l-12.667-.005h-.01a.772.772 0 01-.73-.474c-.164-.372-.089-.87.177-1.16l.009-.008 2.563-2.563a.155.155 0 00.042-.109.195.195 0 00-.062-.134l-5.067-5.096c-.325-.325-.487-.663-.485-1.005.006-.34.168-.667.502-.997L9.08 3.864l.009-.009c.745-.683 1.32-.115 1.594.157l.002.003 5.168 5.238a.191.191 0 00.135.059.143.143 0 00.11-.042l2.772-2.773.006-.006c.263-.252.731-.325 1.09-.17.33.142.52.445.518.828v12.6a.669.669 0 01-.182.538.638.638 0 01-.471.187zm-12.737-.566l12.681.006c.008 0 .02 0 .028.003.048.005.084-.003.1-.02.018-.017.026-.056.02-.1l-.002-.029V7.152c0-.162-.056-.26-.18-.314-.168-.072-.386-.025-.479.06l-2.77 2.77a.707.707 0 01-.524.204.744.744 0 01-.512-.224L10.288 4.41c-.407-.404-.541-.395-.816-.146l-5.044 5.05c-.222.222-.334.426-.337.611-.002.188.101.384.32.602l5.073 5.093a.76.76 0 01.224.512.711.711 0 01-.205.524l-2.56 2.56c-.112.127-.148.381-.073.55.056.126.146.142.222.142h.002z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowDownRightLight;

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

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowDownRightRegular = 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 IconArrowDownRightRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.695 20.647c-.026 0-.05 0-.079-.003L7.471 20.64h-.012c-.42 0-.77-.23-.944-.614-.204-.456-.112-1.047.216-1.406.006-.006.011-.011.014-.017l2.378-2.378-4.902-4.79-.005-.005c-.729-.729-.72-1.57.016-2.306l5.026-5.047.016-.017c.348-.32.71-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.894-.409 1.339-.218.414.179.66.568.658 1.044v12.087a.9.9 0 01-.255.717.879.879 0 01-.638.258zM7.49 19.563l12.023.006V7.585a.175.175 0 00-.006-.05.241.241 0 00-.177.008l-2.65 2.65a.97.97 0 01-1.375-.02l-.01-.01-4.88-5.185c-.171-.168-.247-.21-.275-.222a.604.604 0 00-.129.093L4.994 9.885c-.156.157-.243.3-.246.4-.003.127.12.278.227.382l4.972 4.857.005.005c.384.384.393 1 .017 1.376l-2.448 2.448c-.03.04-.045.148-.03.21z",
-        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: "M20.715 5.902c-.808-.35-1.741-.152-2.373.5l-2.77 2.907-7.71-8.092a.698.698 0 00-1.012 0 .785.785 0 000 1.063l8.318 8.73.128.059c.436.197.568.059 1.288-.698l2.762-2.898a.697.697 0 01.809-.177.67.67 0 01.404.647v12.561H8.663c-.396 0-.56-.306-.608-.44-.096-.249-.104-.622.16-.9l3.314-3.478.056-.135c.144-.374.168-.45-.664-1.344l-.777-.82-6.924-7.3a.698.698 0 00-1.013 0 .785.785 0 000 1.062l7.71 8.092-2.715 2.848c-.632.664-.816 1.668-.476 2.541.332.84 1.069 1.37 1.93 1.37H22V7.93c0-.907-.492-1.688-1.285-2.028z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M19.695 20.647c-.026 0-.05 0-.079-.003L7.471 20.64h-.012c-.42 0-.77-.23-.944-.614-.204-.456-.112-1.047.216-1.406.006-.006.011-.011.014-.017l2.378-2.378-4.902-4.79-.005-.005c-.729-.729-.72-1.57.016-2.306l5.026-5.047.016-.017c.348-.32.71-.44 1.079-.362.336.073.605.303.823.521l.014.014 4.813 5.115 2.58-2.58.008-.008c.33-.316.894-.409 1.339-.218.414.179.66.568.658 1.044v12.087a.9.9 0 01-.255.717.879.879 0 01-.638.258zM7.49 19.563l12.023.006V7.585a.175.175 0 00-.006-.05.241.241 0 00-.177.008l-2.65 2.65a.97.97 0 01-1.375-.02l-.01-.01-4.88-5.185c-.171-.168-.247-.21-.275-.222a.604.604 0 00-.129.093L4.994 9.885c-.156.157-.243.3-.246.4-.003.127.12.278.227.382l4.972 4.857.005.005c.384.384.393 1 .017 1.376l-2.448 2.448c-.03.04-.045.148-.03.21z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconArrowDownRightRegular;

package/dist-es/generated/mistica-icons/icon-arrow-drop-down-filled.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowDropDownFilled = 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 IconArrowDropDownFilled = 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.753 7.863a1.304 1.304 0 00-1.182-.711L3.447 7c-.523-.01-1 .27-1.196.698a1.03 1.03 0 00.275 1.24l8.56 7.575a1.407 1.407 0 001.815 0l8.56-7.423c.356-.3.474-.798.292-1.227z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-arrow-drop-up-filled.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowDropUpFilled = 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 IconArrowDropUpFilled = 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.481 14.91L12.91 7.336a1.41 1.41 0 00-1.818 0L2.523 14.76a1.044 1.044 0 00-.28 1.23c.196.423.655.703 1.174.708l17.137.152c.52 0 .986-.275 1.185-.7a1.041 1.041 0 00-.275-1.239h.017z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-arrow-forward-light.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowForwardLight = 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 IconArrowForwardLight = 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: "M4.471 12.38h14.011l-6.448 6.783a.47.47 0 00.208.829.477.477 0 00.473-.19l7.201-7.573a.128.128 0 00.048-.066.414.414 0 000-.075.463.463 0 000-.357.414.414 0 000-.075.263.263 0 00-.048-.075l-7.069-7.43a.454.454 0 00-.35-.15.46.46 0 00-.33.79l6.315 6.65H4.472a.47.47 0 00-.472.47c0 .257.212.469.471.469 0-.003 0-.003 0 0z",
         fill: fillColor
     })));

package/dist-es/generated/mistica-icons/icon-arrow-forward-regular.js CHANGED Viewed

@@ -5,17 +5,61 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconArrowForwardRegular = 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 IconArrowForwardRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
     var ref = useTheme(), colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M19.949 12.195a.676.676 0 000-.517c-.016-.041-.046-.07-.066-.105-.023-.036-.04-.075-.071-.11L12.95 4.216a.686.686 0 10-.999.943l5.767 6.09H4.662a.688.688 0 000 1.375h13.057l-5.893 6.22a.688.688 0 00.025.97.69.69 0 00.972-.026l6.989-7.38c.032-.033.045-.074.07-.11.021-.034.05-.064.067-.102",
         fill: fillColor
     })));

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

@@ -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 ADDED Viewed

@@ -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;