@telefonica/mistica 10.9.0 → 10.11.0

package/dist-es/generated/mistica-icons/icon-arrow-up-right-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 IconArrowUpRightLight = function IconArrowUpRightLight(_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: "M9.934 20.486c-.34 0-.681-.168-1.017-.501l-5.053-5.048-.009-.008c-.683-.745-.115-1.32.157-1.594l.003-.003 5.238-5.168c.07-.07.081-.182.017-.244L6.497 5.147l-.006-.005c-.252-.264-.325-.731-.17-1.09.142-.33.442-.518.825-.518h12.606a.669.669 0 01.537.182.672.672 0 01.182.538l-.005 12.666a.766.766 0 01-.474.737c-.372.165-.87.09-1.16-.176l-.008-.009-2.563-2.563a.155.155 0 00-.109-.042.195.195 0 00-.134.062l-5.096 5.075c-.319.323-.652.482-.988.482zm-5.67-5.94l5.05 5.044c.443.442.782.448 1.213.017l5.093-5.07a.756.756 0 01.512-.224.711.711 0 01.524.204l2.56 2.56a.57.57 0 00.55.073c.126-.056.142-.148.142-.221v-.003l.006-12.68c0-.009 0-.02.003-.029.005-.047-.003-.084-.02-.1-.017-.017-.056-.026-.1-.02-.01 0-.02.003-.029.003H7.152c-.162 0-.26.056-.314.179-.072.168-.025.387.062.479l2.77 2.77c.138.138.21.325.205.524a.744.744 0 01-.224.513l-5.238 5.168c-.407.406-.398.54-.149.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 IconArrowUpRightLight = 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: "M8.18 21.272a.73.73 0 01-.727.728.73.73 0 01-.728-.728.728.728 0 011.456 0m.728-1.092a.354.354 0 01-.256-.108.37.37 0 010-.516l7.167-7.168 3.592 3.592c.38.38.864.372 1.188.236.324-.136.676-.472.676-1.008V2.728H8.785c-.536 0-.872.348-1.008.676-.136.324-.144.808.236 1.188l3.592 3.592-8.984 8.984a.362.362 0 01-.516 0 .37.37 0 010-.516l8.472-8.472L7.5 5.104a1.788 1.788 0 01-.392-1.98A1.795 1.795 0 018.789 2H22v13.216c0 .748-.432 1.392-1.124 1.68a1.788 1.788 0 01-1.98-.392l-3.076-3.076-6.651 6.648a.36.36 0 01-.26.104z",
+            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: "M9.934 20.486c-.34 0-.681-.168-1.017-.501l-5.053-5.048-.009-.008c-.683-.745-.115-1.32.157-1.594l.003-.003 5.238-5.168c.07-.07.081-.182.017-.244L6.497 5.147l-.006-.005c-.252-.264-.325-.731-.17-1.09.142-.33.442-.518.825-.518h12.606a.669.669 0 01.537.182.672.672 0 01.182.538l-.005 12.666a.766.766 0 01-.474.737c-.372.165-.87.09-1.16-.176l-.008-.009-2.563-2.563a.155.155 0 00-.109-.042.195.195 0 00-.134.062l-5.096 5.075c-.319.323-.652.482-.988.482zm-5.67-5.94l5.05 5.044c.443.442.782.448 1.213.017l5.093-5.07a.756.756 0 01.512-.224.711.711 0 01.524.204l2.56 2.56a.57.57 0 00.55.073c.126-.056.142-.148.142-.221v-.003l.006-12.68c0-.009 0-.02.003-.029.005-.047-.003-.084-.02-.1-.017-.017-.056-.026-.1-.02-.01 0-.02.003-.029.003H7.152c-.162 0-.26.056-.314.179-.072.168-.025.387.062.479l2.77 2.77c.138.138.21.325.205.524a.744.744 0 01-.224.513l-5.238 5.168c-.407.406-.398.54-.149.812z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconArrowUpRightLight;
+export default IconArrowUpRightLight;

package/dist-es/generated/mistica-icons/icon-arrow-up-right-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 IconArrowUpRightRegular = function IconArrowUpRightRegular(_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: "M10.284 20.582c-.395 0-.793-.184-1.166-.557L4.068 15l-.017-.017c-.32-.347-.44-.709-.361-1.078.073-.337.302-.605.52-.824l.015-.014L9.34 8.255l-2.58-2.58-.009-.008c-.316-.331-.408-.894-.218-1.34.18-.414.569-.66 1.045-.658h12.087a.9.9 0 01.717.255.89.89 0 01.252.717l-.006 12.146c.003.426-.224.781-.613.955-.457.205-1.048.112-1.406-.216l-.017-.014-2.376-2.38-4.79 4.904-.005.006c-.359.361-.748.54-1.137.54zm-5.446-6.336l5.04 5.017c.156.157.3.244.4.247h.003c.126 0 .274-.124.378-.227l4.854-4.972.006-.006a.973.973 0 011.375-.017l2.448 2.449c.043.03.149.044.213.03l.006-12.022H7.572a.175.175 0 00-.05.006.241.241 0 00.008.176l2.653 2.653a.95.95 0 01.274.7.995.995 0 01-.294.675l-.011.011-5.185 4.88c-.168.17-.21.246-.221.274a.55.55 0 00.092.126z",
-    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 IconArrowUpRightRegular = 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: "M7.266 22a.7.7 0 01-.496-1.196l8.915-8.916 3.711 3.712a.69.69 0 00.764.152.693.693 0 00.436-.648v-11.7H8.902a.682.682 0 00-.648.436.683.683 0 00.152.764l3.711 3.712L3.2 17.232a.701.701 0 11-.992-.992l7.923-7.924-2.72-2.72a2.072 2.072 0 01-.456-2.292A2.076 2.076 0 018.902 2H22v13.1c0 .868-.5 1.612-1.3 1.944-.8.332-1.68.156-2.295-.456l-2.72-2.72-7.923 7.928a.7.7 0 01-.496.204z",
+            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: "M10.284 20.582c-.395 0-.793-.184-1.166-.557L4.068 15l-.017-.017c-.32-.347-.44-.709-.361-1.078.073-.337.302-.605.52-.824l.015-.014L9.34 8.255l-2.58-2.58-.009-.008c-.316-.331-.408-.894-.218-1.34.18-.414.569-.66 1.045-.658h12.087a.9.9 0 01.717.255.89.89 0 01.252.717l-.006 12.146c.003.426-.224.781-.613.955-.457.205-1.048.112-1.406-.216l-.017-.014-2.376-2.38-4.79 4.904-.005.006c-.359.361-.748.54-1.137.54zm-5.446-6.336l5.04 5.017c.156.157.3.244.4.247h.003c.126 0 .274-.124.378-.227l4.854-4.972.006-.006a.973.973 0 011.375-.017l2.448 2.449c.043.03.149.044.213.03l.006-12.022H7.572a.175.175 0 00-.05.006.241.241 0 00.008.176l2.653 2.653a.95.95 0 01.274.7.995.995 0 01-.294.675l-.011.011-5.185 4.88c-.168.17-.21.246-.221.274a.55.55 0 00.092.126z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconArrowUpRightRegular;
+export default IconArrowUpRightRegular;

package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-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 IconArrowsLeftAndRightFilled = function IconArrowsLeftAndRightFilled(_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.737 8.633a.75.75 0 01-.255.563l-4.21 4.16c-.014.01-.026.025-.04.036a.782.782 0 01-.831.098.753.753 0 01-.437-.683l-.014-1.824-2.902.006a1.206 1.206 0 01-1.205-1.202v-2.32a1.2 1.2 0 011.202-1.2l2.905-.004.014-1.823c0-.294.17-.56.437-.684a.788.788 0 01.87.138l4.214 4.179c.162.14.252.344.252.56zm-9.832 5.375v2.32c0 .664-.538 1.201-1.202 1.201l-2.902.003-.014 1.824c0 .294-.17.557-.437.68a.788.788 0 01-.871-.137l-4.21-4.174a.756.756 0 010-1.126l4.21-4.154c.014-.01.025-.025.04-.036a.782.782 0 01.831-.098c.266.123.437.39.437.683l.014 1.821 2.9-.005a1.2 1.2 0 011.204 1.198z",
-    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 IconArrowsLeftAndRightFilled = 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: "M6.747 9.883c.324-.3.752-.411 1.18-.224.396.182.68.593.68 1.037l.004 1.891h5.715v4.451H8.61v1.85c0 .444-.252.85-.68 1.037-.144.038-.284.075-.428.075a1.01 1.01 0 01-.752-.336L2 14.774zM16.073 4.1c.428-.187.856-.112 1.18.224L22 9.214l-4.747 4.879a.89.89 0 01-.716.336c-.144 0-.284 0-.428-.075a1.16 1.16 0 01-.716-1.074v-1.85H9.678V6.987h5.715v-1.85c0-.444.252-.85.68-1.037z",
+            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.737 8.633a.75.75 0 01-.255.563l-4.21 4.16c-.014.01-.026.025-.04.036a.782.782 0 01-.831.098.753.753 0 01-.437-.683l-.014-1.824-2.902.006a1.206 1.206 0 01-1.205-1.202v-2.32a1.2 1.2 0 011.202-1.2l2.905-.004.014-1.823c0-.294.17-.56.437-.684a.788.788 0 01.87.138l4.214 4.179c.162.14.252.344.252.56zm-9.832 5.375v2.32c0 .664-.538 1.201-1.202 1.201l-2.902.003-.014 1.824c0 .294-.17.557-.437.68a.788.788 0 01-.871-.137l-4.21-4.174a.756.756 0 010-1.126l4.21-4.154c.014-.01.025-.025.04-.036a.782.782 0 01.831-.098c.266.123.437.39.437.683l.014 1.821 2.9-.005a1.2 1.2 0 011.204 1.198z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconArrowsLeftAndRightFilled;
+export default IconArrowsLeftAndRightFilled;

package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-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 IconArrowsLeftAndRightLight = function IconArrowsLeftAndRightLight(_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.865 13.634a.533.533 0 01-.224-.05.485.485 0 01-.283-.443l-.02-2.244-3.389.005a.962.962 0 01-.96-.96v-2.46c0-.53.43-.96.96-.96l3.392-.003.02-2.247a.49.49 0 01.283-.44.515.515 0 01.569.084l4.47 4.429c.093.078.151.19.168.31a.488.488 0 01-.168.43l-4.473 4.414-.02.017a.526.526 0 01-.325.118zm-.468-3.303c.27 0 .493.216.502.485v.005l.017 2.177 4.341-4.286-4.341-4.308-.017 2.176v.006a.503.503 0 01-.502.484h-.008l-3.44.003a.4.4 0 00-.4.4v2.46a.4.4 0 00.4.4l3.44-.005a.01.01 0 00.008.003zm-9.254 9.852a.51.51 0 01-.342-.135l-4.474-4.437a.498.498 0 01-.168-.31.488.488 0 01.168-.43l4.474-4.414c.005-.006.014-.011.02-.017a.515.515 0 01.548-.064.485.485 0 01.283.442l.02 2.244 3.39-.006c.529 0 .96.432.96.961v2.46a.96.96 0 01-.96.96l-3.393.003-.02 2.25a.491.491 0 01-.282.44.488.488 0 01-.224.053zM2.75 15.24l4.342 4.308.017-2.176v-.006a.501.501 0 01.51-.484l3.44-.003a.4.4 0 00.4-.4v-2.46a.4.4 0 00-.4-.4l-3.44.005a.501.501 0 01-.51-.484v-.006l-.017-2.177L2.75 15.24z",
-    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 IconArrowsLeftAndRightLight = 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: "M17.451 5.319L22 10.193l-4.54 4.813c-.325.332-.841.414-1.321.217-.452-.192-.728-.581-.728-1.02v-1.806H7.885V9.804c0-.156-.144-.283-.284-.34-.168-.074-.404-.082-.536.05l-4.053 4.35 4.065 4.309c.128.13.364.114.536.04.136-.057.284-.184.284-.34V15.33h4.121c.196 0 .356.164.356.364 0 .201-.16.365-.356.365H8.593v1.806c0 .439-.284.828-.728 1.02a1.26 1.26 0 01-.532.115c-.3 0-.584-.107-.784-.315L2 13.863l4.54-4.866c.325-.332.841-.414 1.321-.217.452.192.728.582.728 1.02v1.864h7.526v2.535c0 .156.144.283.292.34.16.066.404.082.536-.049L21 10.189l-4.065-4.358c-.12-.123-.364-.115-.524-.041-.136.057-.292.184-.292.34v2.593H9.485a.361.361 0 01-.356-.365c0-.2.16-.365.356-.365h5.918V6.13c0-.439.284-.828.728-1.02.476-.201.996-.123 1.32.209zm-3.3 9.638c.397 0 .72.33.72.737a.729.729 0 01-.72.738.729.729 0 01-.72-.738c0-.407.322-.737.72-.737z",
+            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.865 13.634a.533.533 0 01-.224-.05.485.485 0 01-.283-.443l-.02-2.244-3.389.005a.962.962 0 01-.96-.96v-2.46c0-.53.43-.96.96-.96l3.392-.003.02-2.247a.49.49 0 01.283-.44.515.515 0 01.569.084l4.47 4.429c.093.078.151.19.168.31a.488.488 0 01-.168.43l-4.473 4.414-.02.017a.526.526 0 01-.325.118zm-.468-3.303c.27 0 .493.216.502.485v.005l.017 2.177 4.341-4.286-4.341-4.308-.017 2.176v.006a.503.503 0 01-.502.484h-.008l-3.44.003a.4.4 0 00-.4.4v2.46a.4.4 0 00.4.4l3.44-.005a.01.01 0 00.008.003zm-9.254 9.852a.51.51 0 01-.342-.135l-4.474-4.437a.498.498 0 01-.168-.31.488.488 0 01.168-.43l4.474-4.414c.005-.006.014-.011.02-.017a.515.515 0 01.548-.064.485.485 0 01.283.442l.02 2.244 3.39-.006c.529 0 .96.432.96.961v2.46a.96.96 0 01-.96.96l-3.393.003-.02 2.25a.491.491 0 01-.282.44.488.488 0 01-.224.053zM2.75 15.24l4.342 4.308.017-2.176v-.006a.501.501 0 01.51-.484l3.44-.003a.4.4 0 00.4-.4v-2.46a.4.4 0 00-.4-.4l-3.44.005a.501.501 0 01-.51-.484v-.006l-.017-2.177L2.75 15.24z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconArrowsLeftAndRightLight;
+export default IconArrowsLeftAndRightLight;

package/dist-es/generated/mistica-icons/icon-arrows-left-and-right-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 IconArrowsLeftAndRightRegular = function IconArrowsLeftAndRightRegular(_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.72 13.548a.806.806 0 01-.34-.075.758.758 0 01-.437-.68l-.014-1.824-2.902.005a1.201 1.201 0 01-1.201-1.201v-2.32a1.2 1.2 0 011.201-1.201l2.905-.003.014-1.824c0-.294.168-.554.437-.683a.788.788 0 01.871.137l4.21 4.18a.757.757 0 010 1.13l-4.21 4.15-.042.036a.779.779 0 01-.493.173zm-.438-3.703c.412 0 .754.33.768.745v.012l.011 1.353 3.384-3.34-3.384-3.358-.011 1.35v.011a.772.772 0 01-.768.746h-.01l-3.242.002a.081.081 0 00-.081.082v2.319a.08.08 0 00.081.081l3.241-.005c.003.002.006.002.011.002zm-9.285 10.25a.773.773 0 01-.496-.177.271.271 0 01-.04-.036l-4.207-4.174a.754.754 0 010-1.129l4.21-4.154c.014-.014.028-.025.042-.036a.793.793 0 01.832-.098c.27.129.434.39.437.68l.014 1.821 2.902-.005c.664 0 1.202.537 1.202 1.201v2.32c0 .663-.538 1.201-1.202 1.201l-2.907.006-.014 1.823a.754.754 0 01-.437.684.825.825 0 01-.336.073zm-3.72-4.95l3.378 3.353.011-1.347v-.012a.77.77 0 01.779-.745l3.238-.002a.081.081 0 00.081-.082v-2.319a.081.081 0 00-.081-.081l-3.238.005a.768.768 0 01-.779-.745v-.01l-.011-1.351-3.378 3.336z",
-    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 IconArrowsLeftAndRightRegular = 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: "M7.893 19c-.396 0-.752-.15-1.036-.448L2 13.398l4.857-5.23c.428-.448 1.108-.56 1.712-.297.572.264.965.787.965 1.386v1.532h6.429v2.914c.036.038.18.076.216.076l3.893-4.112-3.93-4.183a.723.723 0 00-.215.076v2.99H10.93c-.396 0-.712-.34-.712-.746 0-.41.324-.745.712-.745h3.568V5.526c0-.599.357-1.122.965-1.386.608-.263 1.284-.15 1.712.298L22 9.663l-4.857 5.154c-.428.448-1.108.561-1.712.297-.572-.263-.928-.787-.928-1.385V12.27H8.069V9.282a.496.496 0 00-.216-.075L3.96 13.389l3.893 4.112a.723.723 0 00.216-.075v-2.914h4.997c.396 0 .712.339.712.745 0 .406-.324.745-.712.745H9.497v1.457c0 .599-.356 1.122-.964 1.386a1.246 1.246 0 01-.64.155z",
+            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.72 13.548a.806.806 0 01-.34-.075.758.758 0 01-.437-.68l-.014-1.824-2.902.005a1.201 1.201 0 01-1.201-1.201v-2.32a1.2 1.2 0 011.201-1.201l2.905-.003.014-1.824c0-.294.168-.554.437-.683a.788.788 0 01.871.137l4.21 4.18a.757.757 0 010 1.13l-4.21 4.15-.042.036a.779.779 0 01-.493.173zm-.438-3.703c.412 0 .754.33.768.745v.012l.011 1.353 3.384-3.34-3.384-3.358-.011 1.35v.011a.772.772 0 01-.768.746h-.01l-3.242.002a.081.081 0 00-.081.082v2.319a.08.08 0 00.081.081l3.241-.005c.003.002.006.002.011.002zm-9.285 10.25a.773.773 0 01-.496-.177.271.271 0 01-.04-.036l-4.207-4.174a.754.754 0 010-1.129l4.21-4.154c.014-.014.028-.025.042-.036a.793.793 0 01.832-.098c.27.129.434.39.437.68l.014 1.821 2.902-.005c.664 0 1.202.537 1.202 1.201v2.32c0 .663-.538 1.201-1.202 1.201l-2.907.006-.014 1.823a.754.754 0 01-.437.684.825.825 0 01-.336.073zm-3.72-4.95l3.378 3.353.011-1.347v-.012a.77.77 0 01.779-.745l3.238-.002a.081.081 0 00.081-.082v-2.319a.081.081 0 00-.081-.081l-3.238.005a.768.768 0 01-.779-.745v-.01l-.011-1.351-3.378 3.336z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconArrowsLeftAndRightRegular;
+export default IconArrowsLeftAndRightRegular;

package/dist-es/generated/mistica-icons/icon-audio-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 IconAudioFilled = function IconAudioFilled(_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: "M18.938 5.441a1.042 1.042 0 00-1.481.079 1.087 1.087 0 00.067 1.512c.084.079 2.017 1.922 2.053 5.112.003.031.11 3.21-2.008 5.138a1.088 1.088 0 00-.084 1.515 1.042 1.042 0 001.49.084c2.854-2.597 2.717-6.658 2.708-6.796-.044-4.126-2.635-6.543-2.745-6.644zm-.829 6.678c-.028-2.781-1.79-4.423-1.865-4.49a1.041 1.041 0 00-1.488.081 1.085 1.085 0 00.079 1.515c.014.012 1.148 1.099 1.168 2.953.003.017.045 1.86-1.14 2.938a1.088 1.088 0 00-.084 1.516 1.038 1.038 0 001.49.084c1.938-1.765 1.843-4.516 1.84-4.597zm-6.045-7.605c-3.117 0-4.862 1.314-5.826 2.591l-3.182.003c-.28 0-.549.115-.745.316a1.075 1.075 0 00-.308.757l.008 7.54c0 .591.474 1.07 1.053 1.07l3.16-.002c.958 1.277 2.714 2.582 5.922 2.582.921 0 1.67-.762 1.67-1.7V6.223c0-.941-.754-1.709-1.752-1.709z",
-    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 IconAudioFilled = 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: "M20.108 16.86a.726.726 0 01-.524.232.717.717 0 01-.501-.204.753.753 0 01-.028-1.048 5.548 5.548 0 00-.093-7.659.753.753 0 010-1.048.715.715 0 011.026 0 7.036 7.036 0 01.12 9.727zm-1.82-7.986a.715.715 0 00-1.025 0 .753.753 0 000 1.048 3.074 3.074 0 01.088 4.187.753.753 0 00.047 1.048.713.713 0 001.026-.047 4.58 4.58 0 00-.135-6.236zM15.235 2.05a.354.354 0 00-.362 0L4.985 7.925H2.362c-.2 0-.362.166-.362.37v7.407c0 .204.162.37.362.37h2.623l9.887 5.876a.357.357 0 00.362.005.376.376 0 00.181-.323V2.372a.376.376 0 00-.18-.322z",
+            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: "M18.938 5.441a1.042 1.042 0 00-1.481.079 1.087 1.087 0 00.067 1.512c.084.079 2.017 1.922 2.053 5.112.003.031.11 3.21-2.008 5.138a1.088 1.088 0 00-.084 1.515 1.042 1.042 0 001.49.084c2.854-2.597 2.717-6.658 2.708-6.796-.044-4.126-2.635-6.543-2.745-6.644zm-.829 6.678c-.028-2.781-1.79-4.423-1.865-4.49a1.041 1.041 0 00-1.488.081 1.085 1.085 0 00.079 1.515c.014.012 1.148 1.099 1.168 2.953.003.017.045 1.86-1.14 2.938a1.088 1.088 0 00-.084 1.516 1.038 1.038 0 001.49.084c1.938-1.765 1.843-4.516 1.84-4.597zm-6.045-7.605c-3.117 0-4.862 1.314-5.826 2.591l-3.182.003c-.28 0-.549.115-.745.316a1.075 1.075 0 00-.308.757l.008 7.54c0 .591.474 1.07 1.053 1.07l3.16-.002c.958 1.277 2.714 2.582 5.922 2.582.921 0 1.67-.762 1.67-1.7V6.223c0-.941-.754-1.709-1.752-1.709z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconAudioFilled;
+export default IconAudioFilled;