@telefonica/mistica 10.9.2 → 10.13.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowUpRightRegular = function IconArrowUpRightRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconArrowUpRightRegular = function IconArrowUpRightRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
-    })));
+    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
+        })));
+    }
 };
 var _default = IconArrowUpRightRegular;
 exports.default = _default;

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

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconArrowUpRightRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconArrowUpRightRegular: React.ComponentType<IconProps>;
 declare export default typeof IconArrowUpRightRegular;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconArrowsLeftAndRightFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconArrowsLeftAndRightFilled: React.FC<IconProps>;
 export default IconArrowsLeftAndRightFilled;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowsLeftAndRightFilled = function IconArrowsLeftAndRightFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconArrowsLeftAndRightFilled = function IconArrowsLeftAndRightFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
-    })));
+    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
+        })));
+    }
 };
 var _default = IconArrowsLeftAndRightFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconArrowsLeftAndRightFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconArrowsLeftAndRightFilled: React.ComponentType<IconProps>;
 declare export default typeof IconArrowsLeftAndRightFilled;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconArrowsLeftAndRightLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconArrowsLeftAndRightLight: React.FC<IconProps>;
 export default IconArrowsLeftAndRightLight;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowsLeftAndRightLight = function IconArrowsLeftAndRightLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconArrowsLeftAndRightLight = function IconArrowsLeftAndRightLight(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
-    })));
+    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
+        })));
+    }
 };
 var _default = IconArrowsLeftAndRightLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-light.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconArrowsLeftAndRightLight: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconArrowsLeftAndRightLight: React.ComponentType<IconProps>;
 declare export default typeof IconArrowsLeftAndRightLight;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconArrowsLeftAndRightRegular: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconArrowsLeftAndRightRegular: React.FC<IconProps>;
 export default IconArrowsLeftAndRightRegular;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconArrowsLeftAndRightRegular = function IconArrowsLeftAndRightRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconArrowsLeftAndRightRegular = function IconArrowsLeftAndRightRegular(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
-    })));
+    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
+        })));
+    }
 };
 var _default = IconArrowsLeftAndRightRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-arrows-left-and-right-regular.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconArrowsLeftAndRightRegular: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconArrowsLeftAndRightRegular: React.ComponentType<IconProps>;
 declare export default typeof IconArrowsLeftAndRightRegular;

package/dist/generated/mistica-icons/icon-audio-filled.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconAudioFilled: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconAudioFilled: React.FC<IconProps>;
 export default IconAudioFilled;

package/dist/generated/mistica-icons/icon-audio-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconAudioFilled = function IconAudioFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).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 IconAudioFilled = function IconAudioFilled(_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 = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).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
-    })));
+    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
+        })));
+    }
 };
 var _default = IconAudioFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-audio-filled.js.flow

@@ -1,9 +1,6 @@
 // @flow
 
 import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconAudioFilled: React.ComponentType<Props>;
+import type { IconProps } from "../../utils/types";
+declare var IconAudioFilled: React.ComponentType<IconProps>;
 declare export default typeof IconAudioFilled;

package/dist/generated/mistica-icons/icon-audio-light.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconAudioLight: React.FC<Props>;
+import type { IconProps } from '../../utils/types';
+declare const IconAudioLight: React.FC<IconProps>;
 export default IconAudioLight;