@telefonica/mistica 10.9.1 → 10.12.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFamilyFilled = function IconFamilyFilled(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 IconFamilyFilled = function IconFamilyFilled(_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.21 5.395c.289.454.521.748.919 1.16.04.039.17.176.286.257a.787.787 0 00.319.146c.03.008.064.014.098.017h.081a.378.378 0 00.098-.017.822.822 0 00.32-.146c.114-.084.249-.218.285-.257.003-.003.006-.009.011-.012.39-.406.62-.7.908-1.148.364-.571.613-1.134.742-1.68.14-.595.026-1.088-.325-1.39a1.296 1.296 0 00-.776-.297 1.756 1.756 0 00-.94.235c-.104.06-.21.118-.326.188a.091.091 0 01-.036.011.064.064 0 01-.04-.011 5.919 5.919 0 00-.324-.188 1.756 1.756 0 00-.941-.235c-.297.017-.575.12-.78.297-.346.3-.464.793-.324 1.39.132.546.38 1.109.745 1.68M6.947 12.21c-.874 0-1.558-.232-2.031-.689-.49-.473-.737-1.18-.737-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.034.692.49.48.743 1.185.743 2.098 0 .914-.252 1.62-.743 2.096-.476.45-1.16.683-2.033.683zm9.843 0c-.874 0-1.558-.232-2.03-.689-.491-.473-.738-1.18-.738-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.035.692.49.48.742 1.185.742 2.098 0 .914-.252 1.62-.742 2.096-.477.45-1.16.683-2.034.683zM11.888 10c.571 0 1.02.151 1.328.454.322.314.487.773.487 1.372 0 .597-.162 1.06-.487 1.37-.308.297-.76.448-1.328.448-.571 0-1.02-.151-1.328-.45-.322-.309-.482-.771-.482-1.37 0-.6.16-1.06.482-1.37.311-.303.757-.454 1.328-.454zm-3.252 4.395c.535 0 1.02.09 1.445.258-.59.115-1.098.375-1.482.778-.49.51-.747 1.205-.747 2v4.283H2.104a.08.08 0 01-.079-.078V17.49c0-.885.275-1.641.793-2.185.569-.594 1.409-.907 2.437-.907h3.38v-.003zm4.356 1.011c.672 0 1.224.205 1.593.594.342.356.524.852.524 1.431v4.283H8.672v-4.283c0-.58.18-1.075.518-1.428.37-.39.922-.594 1.594-.594h2.208v-.003zm7.924-.103c.521.546.798 1.3.798 2.187v4.146a.076.076 0 01-.078.075H15.93v-4.28c0-.798-.26-1.49-.75-2.002-.393-.407-.908-.67-1.508-.782.42-.162.9-.25 1.426-.25h3.378c1.028-.002 1.871.312 2.44.906z",
-        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: "M18.608 12.185c1.28 0 2.322 1.081 2.322 2.409a2.45 2.45 0 01-.868 1.873c1.202.374 1.943 1.242 1.938 2.385V22h-6.07v-1.48a3.01 3.01 0 00-.691-1.943c.11-1 .818-1.76 1.92-2.106a2.439 2.439 0 01-.873-1.877c0-1.328 1.042-2.41 2.322-2.41zm-6.784 1.669c1.28 0 2.322 1.081 2.322 2.409a2.45 2.45 0 01-.868 1.873c1.197.374 1.938 1.242 1.938 2.385V22H8.432v-1.48c0-1.137.74-2 1.943-2.38a2.439 2.439 0 01-.873-1.877c0-1.328 1.042-2.409 2.322-2.409zm-4.288-9.26c1.87 0 3.392 1.579 3.392 3.518 0 1.256-.64 2.361-1.6 2.982 1.44.342 2.57 1.09 3.195 2.106a2.831 2.831 0 00-.699-.09c-1.673 0-3.035 1.413-3.035 3.148 0 .593.155 1.138.43 1.612-.942.588-1.505 1.522-1.505 2.65v1.461H2v-6.852c0-1.967 1.5-3.504 3.744-4.035a3.544 3.544 0 01-1.6-2.982c0-1.94 1.522-3.518 3.392-3.518zM15.399 2c1.87 0 3.392 1.579 3.392 3.518a3.548 3.548 0 01-1.628 2.997c2.259.526 3.767 2.063 3.772 4.03v.015a2.983 2.983 0 00-2.322-1.124c-1.674 0-3.036 1.413-3.036 3.148 0 .593.156 1.138.43 1.612-.69.432-1.175 1.053-1.385 1.797-.06-.042-.12-.09-.188-.132.27-.47.43-1.015.43-1.603a3.178 3.178 0 00-1.317-2.594c-.438-1.261-1.44-2.27-2.816-2.883a4.25 4.25 0 00.677-1.251c.603-.465 1.358-.816 2.222-1.015a3.536 3.536 0 01-1.628-2.997C12.002 3.578 13.53 2 15.4 2z",
+            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.21 5.395c.289.454.521.748.919 1.16.04.039.17.176.286.257a.787.787 0 00.319.146c.03.008.064.014.098.017h.081a.378.378 0 00.098-.017.822.822 0 00.32-.146c.114-.084.249-.218.285-.257.003-.003.006-.009.011-.012.39-.406.62-.7.908-1.148.364-.571.613-1.134.742-1.68.14-.595.026-1.088-.325-1.39a1.296 1.296 0 00-.776-.297 1.756 1.756 0 00-.94.235c-.104.06-.21.118-.326.188a.091.091 0 01-.036.011.064.064 0 01-.04-.011 5.919 5.919 0 00-.324-.188 1.756 1.756 0 00-.941-.235c-.297.017-.575.12-.78.297-.346.3-.464.793-.324 1.39.132.546.38 1.109.745 1.68M6.947 12.21c-.874 0-1.558-.232-2.031-.689-.49-.473-.737-1.18-.737-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.034.692.49.48.743 1.185.743 2.098 0 .914-.252 1.62-.743 2.096-.476.45-1.16.683-2.033.683zm9.843 0c-.874 0-1.558-.232-2.03-.689-.491-.473-.738-1.18-.738-2.092 0-.914.25-1.62.737-2.096.473-.462 1.157-.692 2.03-.692.875 0 1.558.233 2.035.692.49.48.742 1.185.742 2.098 0 .914-.252 1.62-.742 2.096-.477.45-1.16.683-2.034.683zM11.888 10c.571 0 1.02.151 1.328.454.322.314.487.773.487 1.372 0 .597-.162 1.06-.487 1.37-.308.297-.76.448-1.328.448-.571 0-1.02-.151-1.328-.45-.322-.309-.482-.771-.482-1.37 0-.6.16-1.06.482-1.37.311-.303.757-.454 1.328-.454zm-3.252 4.395c.535 0 1.02.09 1.445.258-.59.115-1.098.375-1.482.778-.49.51-.747 1.205-.747 2v4.283H2.104a.08.08 0 01-.079-.078V17.49c0-.885.275-1.641.793-2.185.569-.594 1.409-.907 2.437-.907h3.38v-.003zm4.356 1.011c.672 0 1.224.205 1.593.594.342.356.524.852.524 1.431v4.283H8.672v-4.283c0-.58.18-1.075.518-1.428.37-.39.922-.594 1.594-.594h2.208v-.003zm7.924-.103c.521.546.798 1.3.798 2.187v4.146a.076.076 0 01-.078.075H15.93v-4.28c0-.798-.26-1.49-.75-2.002-.393-.407-.908-.67-1.508-.782.42-.162.9-.25 1.426-.25h3.378c1.028-.002 1.871.312 2.44.906z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFamilyFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-family-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFamilyLight = function IconFamilyLight(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 IconFamilyLight = function IconFamilyLight(_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.358 3.089c-.146.126-.09.443-.059.574.107.457.32.944.63 1.44.26.415.46.667.818 1.045.06.061.115.115.154.146.042-.031.087-.076.138-.124l.002-.003.028-.028a5.81 5.81 0 00.807-1.036 4.84 4.84 0 00.636-1.44c.03-.131.084-.448-.059-.574a.484.484 0 00-.286-.098h-.036a.93.93 0 00-.465.134c-.098.054-.196.112-.305.177l-.194.118-.26.008a.901.901 0 01-.443-.118c-.123-.073-.22-.134-.316-.187a.963.963 0 00-.465-.132c-.157.006-.263.045-.325.098zm-.118 2.468c-.361-.574-.613-1.146-.74-1.698-.14-.6-.024-1.098.326-1.403.201-.177.479-.283.776-.297.025-.003.05-.003.078-.003.289 0 .583.081.86.238.104.056.207.12.325.19.011.004.022.01.036.01a.086.086 0 00.037-.01c.112-.07.218-.13.322-.19a1.751 1.751 0 01.941-.235c.3.014.574.12.776.297.347.305.462.804.322 1.403-.129.55-.378 1.124-.742 1.698a6.551 6.551 0 01-.908 1.162c-.003.003-.005.009-.011.011-.04.04-.174.18-.288.261a.86.86 0 01-.317.148.547.547 0 01-.1.014h-.08a.624.624 0 01-.1-.014.851.851 0 01-.32-.148c-.111-.084-.246-.221-.285-.26a7.28 7.28 0 01-.908-1.174zM5.616 7.929c-.325.322-.49.835-.49 1.53 0 .692.165 1.207.487 1.524.314.308.804.462 1.46.462.655 0 1.15-.154 1.464-.465.328-.32.49-.832.49-1.524 0-.695-.165-1.207-.49-1.53-.314-.31-.807-.467-1.465-.467-.652.003-1.143.16-1.456.47zm1.456 4.356c-.874 0-1.557-.232-2.028-.697-.49-.482-.74-1.196-.74-2.126 0-.93.25-1.647.74-2.132.474-.465 1.154-.703 2.028-.703.877 0 1.56.238 2.034.703.49.485.742 1.202.742 2.132 0 .93-.25 1.644-.742 2.126-.474.462-1.157.697-2.034.697zM15.46 7.93c-.325.322-.49.835-.49 1.53 0 .692.165 1.207.487 1.524.314.308.804.462 1.46.462.655 0 1.15-.154 1.464-.465.328-.32.49-.832.49-1.524 0-.695-.165-1.207-.49-1.53-.313-.31-.806-.467-1.465-.467-.652.003-1.143.16-1.456.47zm-.572 3.656c-.49-.482-.74-1.196-.74-2.126 0-.93.25-1.647.74-2.132.474-.465 1.154-.703 2.028-.703.877 0 1.56.238 2.034.703.49.485.742 1.202.742 2.132 0 .93-.249 1.644-.742 2.126-.473.465-1.157.697-2.034.697-.874.003-1.557-.232-2.028-.697zm-2.109 1.095c.154-.151.233-.417.233-.787 0-.373-.079-.639-.233-.793-.151-.148-.409-.224-.762-.224-.35 0-.605.076-.756.224-.154.154-.233.42-.233.793 0 .37.079.636.233.787.151.149.406.224.759.224.35 0 .605-.075.76-.224zm-.762-2.641c.574 0 1.02.154 1.33.459.326.317.488.787.488 1.395s-.162 1.076-.487 1.392c-.311.303-.757.457-1.33.457-.572 0-1.018-.154-1.329-.457-.319-.316-.481-.784-.481-1.392 0-.608.162-1.078.481-1.395.309-.305.757-.46 1.328-.46zm9.006 10.902v-4.048c0-.726-.196-1.336-.569-1.76-.409-.464-1.05-.713-1.846-.713H15.23c-.53 0-.978.12-1.344.327.327.107.616.275.834.524.342.387.521.927.521 1.558v4.112h5.782zm-6.605 0v-4.11c0-.274-.05-.66-.292-.935-.268-.306-.691-.37-1.002-.37H10.91c-.011 0-.025.003-.04.003-.305.005-.705.073-.963.367-.24.274-.291.66-.291.935v4.132h4.795v-.022h.006zM8.8 16.83c0-.63.179-1.17.518-1.557.213-.241.487-.412.806-.518-.37-.213-.826-.334-1.36-.334h-3.38c-.797 0-1.433.247-1.842.712-.37.423-.563 1.033-.563 1.762v4.047h5.823V16.83H8.8zm12.24-2.319c.524.594.802 1.417.802 2.38v4.6c0 .19-.143.345-.317.345H2.47c-.174 0-.314-.154-.314-.345v-4.6c0-.963.275-1.789.793-2.38.566-.647 1.409-.992 2.434-.992h3.378c1.028 0 1.871.342 2.437.99.031.036.053.078.081.114h1.432c.028-.036.05-.078.078-.112.566-.647 1.41-.992 2.434-.992h3.379c1.03.003 1.874.345 2.44.992z",
-        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.287 20.52c.394 0 .713.332.713.74 0 .409-.32.74-.713.74a.727.727 0 01-.713-.74c0-.408.319-.74.713-.74zm-9.463-6.666c1.28 0 2.322 1.081 2.322 2.409a2.45 2.45 0 01-.868 1.873c1.197.374 1.938 1.242 1.938 2.385v1.11c0 .203-.16.369-.357.369a.364.364 0 01-.356-.37v-1.11c0-1.128-1.042-1.853-2.66-1.853-1.642 0-2.698.73-2.698 1.854v1.11c0 .203-.16.369-.356.369a.364.364 0 01-.357-.37v-1.11c0-1.137.74-2 1.943-2.38a2.439 2.439 0 01-.873-1.877c0-1.328 1.042-2.409 2.322-2.409zM7.536 4.598c1.87 0 3.392 1.58 3.392 3.519 0 1.256-.64 2.361-1.6 2.982.814.19 1.536.512 2.121.953a.38.38 0 01.078.517.353.353 0 01-.503.076c-.864-.66-2.103-1.02-3.488-1.02-2.793 0-4.823 1.475-4.823 3.5v6.49c0 .205-.16.37-.356.37a.364.364 0 01-.357-.37v-6.48c0-1.969 1.5-3.505 3.744-4.036a3.544 3.544 0 01-1.6-2.982c0-1.94 1.522-3.519 3.392-3.519zm10.537 7.587c1.28 0 2.322 1.081 2.322 2.409a2.44 2.44 0 01-.891 1.892c1.27.417 2.14 1.389 2.14 2.55 0 .204-.16.37-.357.37a.359.359 0 01-.357-.36c0-1.143-1.257-2.039-2.857-2.039a3.22 3.22 0 00-1.787.517l-.256.185a.355.355 0 01-.499-.095.386.386 0 01.092-.517l.274-.194c.256-.166.512-.294.773-.394a2.434 2.434 0 01-.92-1.915c0-1.328 1.043-2.41 2.323-2.41zm-6.249 2.409c-.887 0-1.61.744-1.61 1.664 0 .92.723 1.669 1.61 1.669.887 0 1.61-.744 1.61-1.664 0-.92-.723-1.67-1.61-1.67zm6.254-1.67c-.887 0-1.61.75-1.61 1.67 0 .92.723 1.669 1.61 1.669.887 0 1.609-.75 1.609-1.67 0-.92-.722-1.668-1.61-1.668zM15.394 2c1.87 0 3.392 1.579 3.392 3.518 0 1.257-.64 2.362-1.6 2.983 1.774.422 3.095 1.484 3.548 2.94a.368.368 0 01-.339.483c-.15 0-.288-.1-.338-.256-.498-1.598-2.322-2.631-4.644-2.631-1.422 0-2.716.36-3.557.995a.345.345 0 01-.498-.08.375.375 0 01.077-.517c.581-.441 1.317-.754 2.154-.944a3.544 3.544 0 01-1.587-2.973c0-1.94 1.523-3.518 3.392-3.518zM7.541 5.333c-1.477 0-2.68 1.247-2.68 2.779 0 1.531 1.198 2.778 2.68 2.778 1.476 0 2.678-1.247 2.678-2.778 0-1.532-1.202-2.779-2.678-2.779zm7.853-2.593c-1.476 0-2.679 1.247-2.679 2.778 0 1.532 1.203 2.779 2.68 2.779 1.476 0 2.678-1.247 2.678-2.779 0-1.531-1.202-2.778-2.679-2.778z",
+            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.358 3.089c-.146.126-.09.443-.059.574.107.457.32.944.63 1.44.26.415.46.667.818 1.045.06.061.115.115.154.146.042-.031.087-.076.138-.124l.002-.003.028-.028a5.81 5.81 0 00.807-1.036 4.84 4.84 0 00.636-1.44c.03-.131.084-.448-.059-.574a.484.484 0 00-.286-.098h-.036a.93.93 0 00-.465.134c-.098.054-.196.112-.305.177l-.194.118-.26.008a.901.901 0 01-.443-.118c-.123-.073-.22-.134-.316-.187a.963.963 0 00-.465-.132c-.157.006-.263.045-.325.098zm-.118 2.468c-.361-.574-.613-1.146-.74-1.698-.14-.6-.024-1.098.326-1.403.201-.177.479-.283.776-.297.025-.003.05-.003.078-.003.289 0 .583.081.86.238.104.056.207.12.325.19.011.004.022.01.036.01a.086.086 0 00.037-.01c.112-.07.218-.13.322-.19a1.751 1.751 0 01.941-.235c.3.014.574.12.776.297.347.305.462.804.322 1.403-.129.55-.378 1.124-.742 1.698a6.551 6.551 0 01-.908 1.162c-.003.003-.005.009-.011.011-.04.04-.174.18-.288.261a.86.86 0 01-.317.148.547.547 0 01-.1.014h-.08a.624.624 0 01-.1-.014.851.851 0 01-.32-.148c-.111-.084-.246-.221-.285-.26a7.28 7.28 0 01-.908-1.174zM5.616 7.929c-.325.322-.49.835-.49 1.53 0 .692.165 1.207.487 1.524.314.308.804.462 1.46.462.655 0 1.15-.154 1.464-.465.328-.32.49-.832.49-1.524 0-.695-.165-1.207-.49-1.53-.314-.31-.807-.467-1.465-.467-.652.003-1.143.16-1.456.47zm1.456 4.356c-.874 0-1.557-.232-2.028-.697-.49-.482-.74-1.196-.74-2.126 0-.93.25-1.647.74-2.132.474-.465 1.154-.703 2.028-.703.877 0 1.56.238 2.034.703.49.485.742 1.202.742 2.132 0 .93-.25 1.644-.742 2.126-.474.462-1.157.697-2.034.697zM15.46 7.93c-.325.322-.49.835-.49 1.53 0 .692.165 1.207.487 1.524.314.308.804.462 1.46.462.655 0 1.15-.154 1.464-.465.328-.32.49-.832.49-1.524 0-.695-.165-1.207-.49-1.53-.313-.31-.806-.467-1.465-.467-.652.003-1.143.16-1.456.47zm-.572 3.656c-.49-.482-.74-1.196-.74-2.126 0-.93.25-1.647.74-2.132.474-.465 1.154-.703 2.028-.703.877 0 1.56.238 2.034.703.49.485.742 1.202.742 2.132 0 .93-.249 1.644-.742 2.126-.473.465-1.157.697-2.034.697-.874.003-1.557-.232-2.028-.697zm-2.109 1.095c.154-.151.233-.417.233-.787 0-.373-.079-.639-.233-.793-.151-.148-.409-.224-.762-.224-.35 0-.605.076-.756.224-.154.154-.233.42-.233.793 0 .37.079.636.233.787.151.149.406.224.759.224.35 0 .605-.075.76-.224zm-.762-2.641c.574 0 1.02.154 1.33.459.326.317.488.787.488 1.395s-.162 1.076-.487 1.392c-.311.303-.757.457-1.33.457-.572 0-1.018-.154-1.329-.457-.319-.316-.481-.784-.481-1.392 0-.608.162-1.078.481-1.395.309-.305.757-.46 1.328-.46zm9.006 10.902v-4.048c0-.726-.196-1.336-.569-1.76-.409-.464-1.05-.713-1.846-.713H15.23c-.53 0-.978.12-1.344.327.327.107.616.275.834.524.342.387.521.927.521 1.558v4.112h5.782zm-6.605 0v-4.11c0-.274-.05-.66-.292-.935-.268-.306-.691-.37-1.002-.37H10.91c-.011 0-.025.003-.04.003-.305.005-.705.073-.963.367-.24.274-.291.66-.291.935v4.132h4.795v-.022h.006zM8.8 16.83c0-.63.179-1.17.518-1.557.213-.241.487-.412.806-.518-.37-.213-.826-.334-1.36-.334h-3.38c-.797 0-1.433.247-1.842.712-.37.423-.563 1.033-.563 1.762v4.047h5.823V16.83H8.8zm12.24-2.319c.524.594.802 1.417.802 2.38v4.6c0 .19-.143.345-.317.345H2.47c-.174 0-.314-.154-.314-.345v-4.6c0-.963.275-1.789.793-2.38.566-.647 1.409-.992 2.434-.992h3.378c1.028 0 1.871.342 2.437.99.031.036.053.078.081.114h1.432c.028-.036.05-.078.078-.112.566-.647 1.41-.992 2.434-.992h3.379c1.03.003 1.874.345 2.44.992z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFamilyLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-family-light.js.flow

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

package/dist/generated/mistica-icons/icon-family-regular.d.ts

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

package/dist/generated/mistica-icons/icon-family-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFamilyRegular = function IconFamilyRegular(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 IconFamilyRegular = function IconFamilyRegular(_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.793 3.398c-.12.098-.073.347-.05.45.086.362.26.74.512 1.135.213.325.375.524.667.82.016.02.072.08.126.121.053-.044.106-.1.126-.12.294-.3.453-.499.66-.818.256-.395.426-.773.516-1.134.023-.104.07-.353-.05-.451a.394.394 0 00-.23-.079.736.736 0 00-.409.104l-.246.14-.157.092-.381.009-.18-.09a7.277 7.277 0 00-.266-.151.82.82 0 00-.378-.104h-.03a.381.381 0 00-.23.076zm-.656 2.3a5.054 5.054 0 01-.692-1.544c-.17-.711.003-1.356.477-1.759a1.75 1.75 0 011.033-.392c.359-.02.745.067 1.09.252a2.105 2.105 0 011.095-.252c.387.02.754.16 1.03.392.477.403.648 1.048.477 1.76a5.111 5.111 0 01-.689 1.542c-.258.395-.47.662-.82 1.02-.054.053-.202.202-.331.291-.154.11-.33.185-.51.224l-.247.028-.269-.03a1.361 1.361 0 01-.493-.222 3.065 3.065 0 01-.322-.283 6.064 6.064 0 01-.829-1.028zm-4.395 3.03c-.24.233-.361.633-.361 1.194 0 .557.12.96.361 1.19.233.221.63.336 1.177.336.546 0 .944-.115 1.179-.339.24-.23.364-.63.364-1.187 0-.56-.123-.961-.367-1.194-.238-.227-.633-.341-1.179-.341-.54 0-.938.114-1.174.341zm1.177 3.944c-.877 0-1.56-.227-2.028-.68-.49-.471-.74-1.168-.74-2.07 0-.905.247-1.603.737-2.073.47-.454 1.154-.684 2.03-.684.875 0 1.558.23 2.032.684.493.47.742 1.168.742 2.073 0 .902-.25 1.599-.742 2.07-.474.45-1.157.68-2.031.68zm8.666-3.944c-.24.233-.36.633-.36 1.194 0 .557.12.96.36 1.19.233.221.63.336 1.177.336.546 0 .944-.115 1.18-.339.24-.23.363-.63.363-1.187 0-.56-.123-.961-.367-1.194-.238-.227-.633-.341-1.179-.341-.54 0-.938.114-1.174.341zm-.854 3.264c-.49-.471-.74-1.168-.74-2.07 0-.905.247-1.603.737-2.073.47-.454 1.154-.684 2.031-.684.874 0 1.557.23 2.03.684.494.47.743 1.168.743 2.073 0 .902-.25 1.599-.742 2.07-.474.45-1.157.68-2.03.68-.875 0-1.558-.23-2.029-.68zm-2.392.77c.05-.05.106-.199.106-.47 0-.275-.056-.426-.109-.477-.053-.053-.207-.106-.476-.106s-.42.053-.47.103c-.054.05-.11.202-.11.476 0 .275.053.423.107.474.05.05.204.104.473.104.272 0 .426-.054.479-.104zm-.48-2.275c.572 0 1.02.152 1.331.449.323.308.488.764.488 1.355s-.165 1.045-.488 1.353c-.31.294-.759.446-1.33.446-.572 0-1.017-.152-1.328-.446-.322-.308-.482-.762-.482-1.353 0-.594.163-1.047.482-1.355.311-.297.756-.449 1.328-.449zm8.598 9.978v-3.266c0-.387-.082-.927-.457-1.314-.415-.431-1.073-.524-1.55-.524h-3.377c-.247 0-.54.028-.824.112.112.073.219.157.314.255.342.353.521.84.521 1.415v3.322h5.373zm-6.605 0V17.14c0-.174-.031-.415-.18-.566-.092-.098-.26-.148-.454-.18-.084-.013-.16-.033-.254-.033h-2.21c-.11 0-.197.02-.289.037-.18.033-.33.081-.417.173-.146.152-.177.393-.177.569v3.339h3.978v-.014h.003zm-4.69-4.737c.09-.092.19-.17.3-.243a2.902 2.902 0 00-.854-.124H5.23c-.477 0-1.132.093-1.547.521-.372.387-.45.93-.45 1.317v3.266h5.414V17.14c-.003-.571.174-1.062.515-1.412zm5.762 5.958H2.317a.313.313 0 01-.314-.313v-4.174c0-.877.274-1.622.793-2.16.565-.588 1.408-.899 2.434-.899h3.378c1.028 0 1.871.311 2.437.9.03.03.053.07.081.103h1.431c.028-.034.05-.073.079-.104.566-.588 1.409-.899 2.434-.899h3.378c1.028 0 1.871.311 2.437.9.524.54.801 1.285.801 2.162v4.173a.316.316 0 01-.316.314h-6.446v-.003z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.824 13.278c1.477 0 2.68 1.224 2.68 2.727 0 .638-.22 1.229-.585 1.694 1.033.489 1.655 1.369 1.655 2.486v1.089c0 .4-.32.726-.713.726a.72.72 0 01-.714-.726v-1.09c0-1.07-1.24-1.451-2.305-1.451-1.08 0-2.341.377-2.341 1.452v1.089c0 .4-.32.726-.714.726a.72.72 0 01-.713-.726v-1.09c0-1.112.622-1.991 1.66-2.48a2.718 2.718 0 01-.59-1.699c0-1.503 1.203-2.727 2.68-2.727zM7.712 4.55c1.971 0 3.572 1.629 3.572 3.635a3.664 3.664 0 01-1.07 2.592 5.36 5.36 0 011.445.754c.32.238.389.69.156 1.015a.703.703 0 01-.997.158c-.769-.568-1.88-.884-3.133-.884-2.465 0-4.258 1.229-4.258 2.918v6.107c0 .4-.32.726-.714.726A.72.72 0 012 20.846v-6.107c0-1.834 1.258-3.3 3.201-3.97a3.661 3.661 0 01-1.06-2.583c0-2.006 1.6-3.635 3.571-3.635zm10.364 7.088c1.477 0 2.68 1.224 2.68 2.728 0 .651-.224 1.247-.6 1.717 1.126.53 1.853 1.494 1.844 2.644 0 .4-.32.726-.714.726a.72.72 0 01-.713-.726c0-.922-1.098-1.638-2.502-1.638-.585 0-1.088.14-1.582.442l-.256.181a.705.705 0 01-.993-.181.734.734 0 01.179-1.01l.274-.191c.014-.01.023-.014.037-.023.1-.066.2-.121.306-.177a2.736 2.736 0 01-.64-1.764c0-1.504 1.203-2.728 2.68-2.728zm-6.252 3.09c-.69 0-1.249.573-1.249 1.271 0 .699.558 1.271 1.249 1.271.686 0 1.248-.572 1.248-1.27 0-.699-.558-1.271-1.248-1.271zm6.252-1.633c-.686 0-1.249.568-1.249 1.27 0 .704.558 1.271 1.249 1.271a1.26 1.26 0 001.248-1.27c0-.698-.562-1.27-1.248-1.27zM15.94 2c1.971 0 3.572 1.629 3.572 3.635 0 1.024-.42 1.946-1.089 2.607 1.45.52 2.525 1.508 2.932 2.797a.734.734 0 01-.681.954.716.716 0 01-.682-.503c-.425-1.345-2.04-2.215-4.107-2.215-1.29 0-2.451.316-3.197.866a.69.69 0 01-.992-.168.732.732 0 01.155-1.015 5.52 5.52 0 011.55-.768 3.666 3.666 0 01-1.033-2.555C12.368 3.63 13.968 2 15.94 2zM7.712 6.003c-1.18 0-2.145.977-2.145 2.183 0 1.205.965 2.183 2.145 2.183 1.185 0 2.145-.978 2.145-2.183 0-1.206-.965-2.183-2.145-2.183zm8.219-2.546c-1.18 0-2.145.977-2.145 2.183 0 1.205.96 2.183 2.145 2.183 1.184 0 2.145-.978 2.145-2.183 0-1.206-.965-2.183-2.145-2.183z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M10.793 3.398c-.12.098-.073.347-.05.45.086.362.26.74.512 1.135.213.325.375.524.667.82.016.02.072.08.126.121.053-.044.106-.1.126-.12.294-.3.453-.499.66-.818.256-.395.426-.773.516-1.134.023-.104.07-.353-.05-.451a.394.394 0 00-.23-.079.736.736 0 00-.409.104l-.246.14-.157.092-.381.009-.18-.09a7.277 7.277 0 00-.266-.151.82.82 0 00-.378-.104h-.03a.381.381 0 00-.23.076zm-.656 2.3a5.054 5.054 0 01-.692-1.544c-.17-.711.003-1.356.477-1.759a1.75 1.75 0 011.033-.392c.359-.02.745.067 1.09.252a2.105 2.105 0 011.095-.252c.387.02.754.16 1.03.392.477.403.648 1.048.477 1.76a5.111 5.111 0 01-.689 1.542c-.258.395-.47.662-.82 1.02-.054.053-.202.202-.331.291-.154.11-.33.185-.51.224l-.247.028-.269-.03a1.361 1.361 0 01-.493-.222 3.065 3.065 0 01-.322-.283 6.064 6.064 0 01-.829-1.028zm-4.395 3.03c-.24.233-.361.633-.361 1.194 0 .557.12.96.361 1.19.233.221.63.336 1.177.336.546 0 .944-.115 1.179-.339.24-.23.364-.63.364-1.187 0-.56-.123-.961-.367-1.194-.238-.227-.633-.341-1.179-.341-.54 0-.938.114-1.174.341zm1.177 3.944c-.877 0-1.56-.227-2.028-.68-.49-.471-.74-1.168-.74-2.07 0-.905.247-1.603.737-2.073.47-.454 1.154-.684 2.03-.684.875 0 1.558.23 2.032.684.493.47.742 1.168.742 2.073 0 .902-.25 1.599-.742 2.07-.474.45-1.157.68-2.031.68zm8.666-3.944c-.24.233-.36.633-.36 1.194 0 .557.12.96.36 1.19.233.221.63.336 1.177.336.546 0 .944-.115 1.18-.339.24-.23.363-.63.363-1.187 0-.56-.123-.961-.367-1.194-.238-.227-.633-.341-1.179-.341-.54 0-.938.114-1.174.341zm-.854 3.264c-.49-.471-.74-1.168-.74-2.07 0-.905.247-1.603.737-2.073.47-.454 1.154-.684 2.031-.684.874 0 1.557.23 2.03.684.494.47.743 1.168.743 2.073 0 .902-.25 1.599-.742 2.07-.474.45-1.157.68-2.03.68-.875 0-1.558-.23-2.029-.68zm-2.392.77c.05-.05.106-.199.106-.47 0-.275-.056-.426-.109-.477-.053-.053-.207-.106-.476-.106s-.42.053-.47.103c-.054.05-.11.202-.11.476 0 .275.053.423.107.474.05.05.204.104.473.104.272 0 .426-.054.479-.104zm-.48-2.275c.572 0 1.02.152 1.331.449.323.308.488.764.488 1.355s-.165 1.045-.488 1.353c-.31.294-.759.446-1.33.446-.572 0-1.017-.152-1.328-.446-.322-.308-.482-.762-.482-1.353 0-.594.163-1.047.482-1.355.311-.297.756-.449 1.328-.449zm8.598 9.978v-3.266c0-.387-.082-.927-.457-1.314-.415-.431-1.073-.524-1.55-.524h-3.377c-.247 0-.54.028-.824.112.112.073.219.157.314.255.342.353.521.84.521 1.415v3.322h5.373zm-6.605 0V17.14c0-.174-.031-.415-.18-.566-.092-.098-.26-.148-.454-.18-.084-.013-.16-.033-.254-.033h-2.21c-.11 0-.197.02-.289.037-.18.033-.33.081-.417.173-.146.152-.177.393-.177.569v3.339h3.978v-.014h.003zm-4.69-4.737c.09-.092.19-.17.3-.243a2.902 2.902 0 00-.854-.124H5.23c-.477 0-1.132.093-1.547.521-.372.387-.45.93-.45 1.317v3.266h5.414V17.14c-.003-.571.174-1.062.515-1.412zm5.762 5.958H2.317a.313.313 0 01-.314-.313v-4.174c0-.877.274-1.622.793-2.16.565-.588 1.408-.899 2.434-.899h3.378c1.028 0 1.871.311 2.437.9.03.03.053.07.081.103h1.431c.028-.034.05-.073.079-.104.566-.588 1.409-.899 2.434-.899h3.378c1.028 0 1.871.311 2.437.9.524.54.801 1.285.801 2.162v4.173a.316.316 0 01-.316.314h-6.446v-.003z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFamilyRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-family-regular.js.flow

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

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

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

package/dist/generated/mistica-icons/icon-fast-forward-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFastForwardFilled = function IconFastForwardFilled(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 IconFastForwardFilled = function IconFastForwardFilled(_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: "M11.846 2C5.403 2 2 5.403 2 11.846c0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846zM7.504 13.44l3.168-1.885L7.504 9.65v3.79zm9.093-1.891l-3.168-1.905v3.79l3.168-1.885zM6.599 8.053a.603.603 0 01.611.009l4.952 2.974c.026.014.034.04.056.056V8.574a.603.603 0 01.916-.518l4.953 2.978a.604.604 0 010 1.036l-4.953 2.947a.61.61 0 01-.61.005.604.604 0 01-.306-.526v-2.482c-.022.017-.033.045-.058.059l-4.953 2.952a.61.61 0 01-.61.006.61.61 0 01-.306-.527V8.58a.618.618 0 01.308-.527z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12 2C6.488 2 2 6.488 2 12s4.488 10 10 10 10-4.488 10-10S17.512 2 12 2zm.38 10.38l-4.644 4.638a.532.532 0 01-.38.156.535.535 0 01-.38-.914l4.265-4.265-4.264-4.264a.535.535 0 010-.758c.21-.21.549-.21.759 0l4.643 4.643a.54.54 0 010 .763zm6.069 0l-4.644 4.638a.532.532 0 01-.379.156.535.535 0 01-.38-.914l4.265-4.265-4.26-4.26a.535.535 0 010-.758c.21-.21.549-.21.759 0l4.643 4.644a.54.54 0 01-.004.758z",
+            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.846 2C5.403 2 2 5.403 2 11.846c0 6.437 3.403 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.443-3.403-9.846-9.84-9.846zM7.504 13.44l3.168-1.885L7.504 9.65v3.79zm9.093-1.891l-3.168-1.905v3.79l3.168-1.885zM6.599 8.053a.603.603 0 01.611.009l4.952 2.974c.026.014.034.04.056.056V8.574a.603.603 0 01.916-.518l4.953 2.978a.604.604 0 010 1.036l-4.953 2.947a.61.61 0 01-.61.005.604.604 0 01-.306-.526v-2.482c-.022.017-.033.045-.058.059l-4.953 2.952a.61.61 0 01-.61.006.61.61 0 01-.306-.527V8.58a.618.618 0 01.308-.527z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFastForwardFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-fast-forward-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconFastForwardLight = function IconFastForwardLight(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 IconFastForwardLight = function IconFastForwardLight(_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: "M12.002 21.019c-5.986 0-9.022-3.034-9.022-9.017 0-5.989 3.033-9.022 9.022-9.022 5.983 0 9.017 3.033 9.017 9.022 0 5.983-3.034 9.017-9.017 9.017zm0-18.863c-6.44 0-9.846 3.404-9.846 9.846 0 6.437 3.404 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.442-3.403-9.846-9.84-9.846zm1.41 11.83V9.391l3.84 2.308-3.84 2.285zm-.617-5.681a.405.405 0 00-.207.358v6.048a.41.41 0 00.409.412h.002c.073 0 .146-.02.21-.056l5.056-3.012a.41.41 0 000-.705l-5.053-3.04a.419.419 0 00-.417-.005zM7.364 13.99V9.397l3.84 2.308-3.84 2.286zM6.75 8.31a.413.413 0 00-.21.358v6.047a.41.41 0 00.409.412h.003c.073 0 .145-.02.21-.056l5.056-3.011a.41.41 0 000-.706l-5.053-3.04a.407.407 0 00-.415-.005z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12 22C6.488 22 2 17.516 2 12S6.488 2 12 2s10 4.488 10 10a9.98 9.98 0 01-1.54 5.33.36.36 0 01-.494.109.36.36 0 01-.11-.494 9.247 9.247 0 001.431-4.95C21.282 6.881 17.119 2.718 12 2.718 6.881 2.718 2.718 6.88 2.718 12S6.88 21.282 12 21.282a9.247 9.247 0 004.95-1.43.36.36 0 01.493.11.36.36 0 01-.11.493A9.971 9.971 0 0112 22zm7.5-3.218a.714.714 0 00-1.426 0 .714.714 0 001.426 0zM7.612 16.895l4.644-4.644a.35.35 0 000-.502L7.612 7.105a.35.35 0 00-.502 0 .354.354 0 000 .503l4.387 4.387-4.387 4.388a.35.35 0 000 .503c.068.068.16.105.251.105a.355.355 0 00.251-.096zm6.07 0l4.643-4.644a.35.35 0 000-.502l-4.643-4.644a.35.35 0 00-.503 0 .354.354 0 000 .503l4.388 4.387-4.388 4.388a.35.35 0 000 .503.36.36 0 00.252.105.355.355 0 00.25-.096z",
+            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: "M12.002 21.019c-5.986 0-9.022-3.034-9.022-9.017 0-5.989 3.033-9.022 9.022-9.022 5.983 0 9.017 3.033 9.017 9.022 0 5.983-3.034 9.017-9.017 9.017zm0-18.863c-6.44 0-9.846 3.404-9.846 9.846 0 6.437 3.404 9.84 9.846 9.84 6.437 0 9.84-3.403 9.84-9.84 0-6.442-3.403-9.846-9.84-9.846zm1.41 11.83V9.391l3.84 2.308-3.84 2.285zm-.617-5.681a.405.405 0 00-.207.358v6.048a.41.41 0 00.409.412h.002c.073 0 .146-.02.21-.056l5.056-3.012a.41.41 0 000-.705l-5.053-3.04a.419.419 0 00-.417-.005zM7.364 13.99V9.397l3.84 2.308-3.84 2.286zM6.75 8.31a.413.413 0 00-.21.358v6.047a.41.41 0 00.409.412h.003c.073 0 .145-.02.21-.056l5.056-3.011a.41.41 0 000-.706l-5.053-3.04a.407.407 0 00-.415-.005z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconFastForwardLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-fast-forward-light.js.flow

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

package/dist/generated/mistica-icons/icon-fast-forward-regular.d.ts

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