@telefonica/mistica 10.10.0 → 10.14.0

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLikeLight = function IconLikeLight(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 IconLikeLight = function IconLikeLight(_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: "M4.729 12.98c.45 0 .767.314.767.768s-.314.768-.767.768c-.451 0-.768-.317-.768-.768 0-.45.314-.767.768-.767zm15.862-.218a.411.411 0 01-.022-.58l.022-.022c.286-.26.437-.69.437-1.238 0-1.193-1.09-1.345-1.425-1.364H16.12l-2.74-.081a.407.407 0 01-.395-.41s.009-2.453.009-4.316v-.022L13 4.605c0-1.134-.481-1.63-1.518-1.63-.54 0-.96.143-1.213.415-.238.255-.341.627-.305 1.112l.017.204c.01.087.017.168.022.27.003.016.003.033.006.05.025 1.173.042 2.68-.073 3.91-.18 1.86-1.927 2.88-2.6 3.207v.123c0 .017.006.031.006.048v7.81c0 .016-.003.03-.006.047v.076l2.754.036c.302 0 .622.09 1.02.205l.224.064c.762.224 1.624.476 3.787.476 3.767 0 3.919-.406 4.218-1.218.067-.446.037-.804-.117-1.09a.41.41 0 01.168-.554l.033-.017c.488-.205 1.068-.591 1.068-1.292 0-.456-.107-.826-.314-1.064a.405.405 0 01.042-.574c.011-.011.025-.02.036-.028.353-.241.773-.667.773-1.314.003-.47-.143-.846-.437-1.115zM6.098 20.555c.227 0 .415-.18.426-.409v-7.854a.427.427 0 00-.426-.407H3.404a.43.43 0 00-.429.432v7.81c0 .237.193.43.429.43l2.694-.002zm15.314-8.095c.233.316.434.778.434 1.42 0 .658-.285 1.266-.812 1.737.151.288.274.691.274 1.24 0 .782-.425 1.435-1.204 1.866.104.364.11.779.022 1.291-.523 1.432-1.238 1.827-5.002 1.827-2.283 0-3.244-.283-4.017-.51l-.21-.062c-.359-.1-.614-.173-.81-.173l-2.865-.037a.685.685 0 01-.25-.053 1.234 1.234 0 01-.874.361H3.404c-.687 0-1.244-.56-1.244-1.246v-7.807c0-.686.557-1.246 1.244-1.246h2.694c.337 0 .639.134.863.35.521-.252 2.025-1.101 2.165-2.56.112-1.169.098-2.614.073-3.757a2.907 2.907 0 00-.025-.31l-.02-.233c-.05-.706.132-1.303.524-1.723.412-.443 1.037-.675 1.81-.675 1.482 0 2.333.866 2.333 2.37l-.003.095-.005.134c0 1.407-.006 3.143-.006 3.914l2.33.07h3.494c1.036.056 2.218.66 2.218 2.179-.003.72-.204 1.213-.437 1.538z",
-        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: "M3.453 19.18a.73.73 0 01-.727.73.729.729 0 010-1.46c.4 0 .727.328.727.73zm17.602-7.177c.559-.314.945-.903.945-1.59 0-1.007-.815-1.83-1.82-1.83h-5.796l1.056-3.364a.446.446 0 00.019-.112V4.012c0-1.109-.861-2.012-1.918-2.012-.913 0-1.671.547-1.89 1.376l-.522 2.096L7.261 9.36a1.09 1.09 0 01-.773.322H2.726a.365.365 0 000 .73h3.762c.484 0 .94-.192 1.285-.533L11.71 5.92a.411.411 0 00.098-.169l.545-2.185c.13-.496.61-.823 1.187-.823.656 0 1.192.575 1.192 1.277v1.04l-1.076 3.42a.464.464 0 00-.014.112h-.73a.365.365 0 000 .73h7.271a1.094 1.094 0 010 2.19h-1.82a.365.365 0 000 .73h1.453c.6 0 1.089.49 1.089 1.094 0 .604-.489 1.095-1.09 1.095H18a.365.365 0 000 .73h.363a1.094 1.094 0 010 2.19h-1.452a.365.365 0 000 .73c.6 0 1.089.49 1.089 1.094 0 .604-.489 1.095-1.09 1.095h-6.18c-.582 0-1.178-.238-1.56-.622-.521-.524-1.298-.838-2.076-.838H4.91a.365.365 0 000 .73h2.183c.582 0 1.178.239 1.56.623.521.524 1.299.837 2.076.837h6.183c1 0 1.82-.819 1.82-1.83 0-.411-.144-.79-.373-1.094h.01c1 0 1.82-.819 1.82-1.83 0-.411-.144-.79-.372-1.094h.009c1 0 1.82-.82 1.82-1.83a1.845 1.845 0 00-.591-1.319z",
+            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: "M4.729 12.98c.45 0 .767.314.767.768s-.314.768-.767.768c-.451 0-.768-.317-.768-.768 0-.45.314-.767.768-.767zm15.862-.218a.411.411 0 01-.022-.58l.022-.022c.286-.26.437-.69.437-1.238 0-1.193-1.09-1.345-1.425-1.364H16.12l-2.74-.081a.407.407 0 01-.395-.41s.009-2.453.009-4.316v-.022L13 4.605c0-1.134-.481-1.63-1.518-1.63-.54 0-.96.143-1.213.415-.238.255-.341.627-.305 1.112l.017.204c.01.087.017.168.022.27.003.016.003.033.006.05.025 1.173.042 2.68-.073 3.91-.18 1.86-1.927 2.88-2.6 3.207v.123c0 .017.006.031.006.048v7.81c0 .016-.003.03-.006.047v.076l2.754.036c.302 0 .622.09 1.02.205l.224.064c.762.224 1.624.476 3.787.476 3.767 0 3.919-.406 4.218-1.218.067-.446.037-.804-.117-1.09a.41.41 0 01.168-.554l.033-.017c.488-.205 1.068-.591 1.068-1.292 0-.456-.107-.826-.314-1.064a.405.405 0 01.042-.574c.011-.011.025-.02.036-.028.353-.241.773-.667.773-1.314.003-.47-.143-.846-.437-1.115zM6.098 20.555c.227 0 .415-.18.426-.409v-7.854a.427.427 0 00-.426-.407H3.404a.43.43 0 00-.429.432v7.81c0 .237.193.43.429.43l2.694-.002zm15.314-8.095c.233.316.434.778.434 1.42 0 .658-.285 1.266-.812 1.737.151.288.274.691.274 1.24 0 .782-.425 1.435-1.204 1.866.104.364.11.779.022 1.291-.523 1.432-1.238 1.827-5.002 1.827-2.283 0-3.244-.283-4.017-.51l-.21-.062c-.359-.1-.614-.173-.81-.173l-2.865-.037a.685.685 0 01-.25-.053 1.234 1.234 0 01-.874.361H3.404c-.687 0-1.244-.56-1.244-1.246v-7.807c0-.686.557-1.246 1.244-1.246h2.694c.337 0 .639.134.863.35.521-.252 2.025-1.101 2.165-2.56.112-1.169.098-2.614.073-3.757a2.907 2.907 0 00-.025-.31l-.02-.233c-.05-.706.132-1.303.524-1.723.412-.443 1.037-.675 1.81-.675 1.482 0 2.333.866 2.333 2.37l-.003.095-.005.134c0 1.407-.006 3.143-.006 3.914l2.33.07h3.494c1.036.056 2.218.66 2.218 2.179-.003.72-.204 1.213-.437 1.538z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLikeLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLikeRegular = function IconLikeRegular(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 IconLikeRegular = function IconLikeRegular(_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: "M4.888 12.95c.448 0 .762.314.762.762s-.314.762-.762.762-.762-.314-.762-.762c0-.451.311-.762.762-.762zm15.367-.048a.62.62 0 01-.03-.874l.033-.033c.233-.213.359-.577.359-1.05 0-.95-.832-1.099-1.19-1.118h-3.393l-2.684-.079a.613.613 0 01-.596-.619s.008-2.398.008-4.221v-.034l.006-.12c.003-.975-.378-1.364-1.27-1.364-.327 0-.77.056-1.027.336-.19.204-.272.515-.244.927l.017.19c.008.085.017.166.022.264a.505.505 0 01.006.067c.025 1.157.042 2.641-.073 3.852-.173 1.82-1.781 2.86-2.54 3.249v.008c0 .017.005.031.005.048v7.52l2.476.034c.328 0 .653.093 1.062.21l.216.062c.73.213 1.557.457 3.638.457 3.44 0 3.656-.334 3.902-.997.084-.547.003-.79-.08-.942a.617.617 0 01.302-.862c.414-.171.91-.499.91-1.062 0-.395-.09-.706-.255-.902a.62.62 0 01-.143-.479.628.628 0 01.26-.428c.443-.297.667-.67.667-1.101 0-.4-.123-.715-.364-.939zm-14.05 7.25c.12 0 .218-.096.224-.216v-7.62a.225.225 0 00-.224-.215H3.614a.228.228 0 00-.227.23v7.594c0 .126.104.227.227.227h2.59zm15.26-7.703c.213.333.381.787.381 1.392 0 .655-.263 1.263-.748 1.748.126.294.222.677.222 1.168 0 .787-.412 1.467-1.149 1.93.07.347.065.74-.011 1.196a.487.487 0 01-.03.109c-.564 1.527-1.463 1.857-5.076 1.857-2.258 0-3.216-.28-3.986-.507l-.208-.059c-.316-.092-.571-.165-.73-.165l-2.805-.036c-.067 0-.129-.026-.193-.04-.26.219-.588.34-.927.342H3.614a1.455 1.455 0 01-1.454-1.456V12.33c0-.804.653-1.457 1.454-1.457h2.59c.334 0 .64.118.886.308.549-.28 1.767-1.042 1.885-2.274.11-1.123.095-2.527.07-3.639l-.003-.042a2.339 2.339 0 00-.02-.26l-.019-.23c-.067-.95.275-1.53.569-1.849.442-.476 1.109-.728 1.927-.728 1.563 0 2.499.947 2.499 2.535l-.003.098-.006.132c0 1.257-.003 2.787-.005 3.613l2.07.062h3.411c1.205.064 2.384.818 2.384 2.347-.003.67-.174 1.154-.384 1.502z",
-        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.241 12.571c.247.36.393.801.393 1.28 0 1.024-.671 1.887-1.581 2.143.096.256.155.53.155.82 0 1.024-.671 1.887-1.58 2.143.095.256.154.53.154.82C18.782 21 17.822 22 16.64 22h-6.07a3.24 3.24 0 01-2.29-.958c-.31-.322-.8-.521-1.279-.521H2.713a.728.728 0 01-.713-.74c0-.407.32-.739.713-.739H7c.855 0 1.714.36 2.29.958.31.322.8.521 1.28.521h6.069a.728.728 0 00.713-.74.728.728 0 00-.713-.739.728.728 0 01-.713-.74c0-.407.32-.74.713-.74h1.426a.728.728 0 00.713-.739c0-.407-.32-.74-.713-.74h-.357a.728.728 0 01-.713-.739c0-.407.32-.74.713-.74h1.787a.728.728 0 00.713-.739c0-.407-.32-.74-.713-.74H18.07a.728.728 0 01-.713-.739c0-.407.32-.74.713-.74h1.787a.728.728 0 00.713-.739c0-.407-.32-.74-.713-.74h-7.148a.728.728 0 01-.713-.739c0-.407.32-.74.713-.74h.435l.991-3.26V4.402c0-.512-.365-.924-.813-.924-.334 0-.718.175-.818.564l-.53 2.21a.747.747 0 01-.188.345l-3.866 4.01a2.08 2.08 0 01-1.513.65H2.713a.728.728 0 01-.713-.74c0-.407.32-.739.713-.739h3.693c.192 0 .37-.076.507-.218l3.725-3.863.49-2.025C11.387 2.668 12.27 2 13.33 2c1.234 0 2.24 1.08 2.24 2.408v1.11a.73.73 0 01-.033.222l-.89 2.925h5.21c1.179 0 2.143.996 2.143 2.223a2.258 2.258 0 01-.759 1.683z",
+            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: "M4.888 12.95c.448 0 .762.314.762.762s-.314.762-.762.762-.762-.314-.762-.762c0-.451.311-.762.762-.762zm15.367-.048a.62.62 0 01-.03-.874l.033-.033c.233-.213.359-.577.359-1.05 0-.95-.832-1.099-1.19-1.118h-3.393l-2.684-.079a.613.613 0 01-.596-.619s.008-2.398.008-4.221v-.034l.006-.12c.003-.975-.378-1.364-1.27-1.364-.327 0-.77.056-1.027.336-.19.204-.272.515-.244.927l.017.19c.008.085.017.166.022.264a.505.505 0 01.006.067c.025 1.157.042 2.641-.073 3.852-.173 1.82-1.781 2.86-2.54 3.249v.008c0 .017.005.031.005.048v7.52l2.476.034c.328 0 .653.093 1.062.21l.216.062c.73.213 1.557.457 3.638.457 3.44 0 3.656-.334 3.902-.997.084-.547.003-.79-.08-.942a.617.617 0 01.302-.862c.414-.171.91-.499.91-1.062 0-.395-.09-.706-.255-.902a.62.62 0 01-.143-.479.628.628 0 01.26-.428c.443-.297.667-.67.667-1.101 0-.4-.123-.715-.364-.939zm-14.05 7.25c.12 0 .218-.096.224-.216v-7.62a.225.225 0 00-.224-.215H3.614a.228.228 0 00-.227.23v7.594c0 .126.104.227.227.227h2.59zm15.26-7.703c.213.333.381.787.381 1.392 0 .655-.263 1.263-.748 1.748.126.294.222.677.222 1.168 0 .787-.412 1.467-1.149 1.93.07.347.065.74-.011 1.196a.487.487 0 01-.03.109c-.564 1.527-1.463 1.857-5.076 1.857-2.258 0-3.216-.28-3.986-.507l-.208-.059c-.316-.092-.571-.165-.73-.165l-2.805-.036c-.067 0-.129-.026-.193-.04-.26.219-.588.34-.927.342H3.614a1.455 1.455 0 01-1.454-1.456V12.33c0-.804.653-1.457 1.454-1.457h2.59c.334 0 .64.118.886.308.549-.28 1.767-1.042 1.885-2.274.11-1.123.095-2.527.07-3.639l-.003-.042a2.339 2.339 0 00-.02-.26l-.019-.23c-.067-.95.275-1.53.569-1.849.442-.476 1.109-.728 1.927-.728 1.563 0 2.499.947 2.499 2.535l-.003.098-.006.132c0 1.257-.003 2.787-.005 3.613l2.07.062h3.411c1.205.064 2.384.818 2.384 2.347-.003.67-.174 1.154-.384 1.502z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconLikeRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLinkFilled = function IconLinkFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconLinkFilled = function IconLinkFilled(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M12.178 16.598a.806.806 0 011.14-.04.813.813 0 01.04 1.146 26.58 26.58 0 01-.804.84c-1.967 1.976-3.757 3.303-5.544 3.303-1.08 0-2.156-.484-3.271-1.602-1.367-1.372-1.838-2.784-1.446-4.314.336-1.3 1.303-2.703 3.138-4.546 3.154-3.168 5.857-4.672 8.812-1.7.737.74 1.202 1.473 1.426 2.238a.81.81 0 01-1.552.457c-.146-.5-.48-1.006-1.02-1.55-1.602-1.613-3.053-1.792-6.53 1.7-3.475 3.494-3.296 4.953-1.691 6.567 1.605 1.613 3.056 1.792 6.532-1.7.235-.228.51-.516.77-.799zm8.096-12.852c1.364 1.373 1.837 2.785 1.445 4.314-.336 1.3-1.302 2.703-3.137 4.546-1.832 1.844-3.23 2.816-4.521 3.152-.345.09-.684.134-1.017.134-1.14 0-2.219-.524-3.275-1.585-.669-.673-1.112-1.336-1.358-2.028a.808.808 0 111.521-.543c.162.459.482.924.978 1.425 1.218 1.224 2.106 1.193 2.745 1.028.986-.255 2.187-1.123 3.784-2.728 1.597-1.605 2.46-2.815 2.714-3.807.165-.641.2-1.532-1.022-2.76-1.219-1.226-2.107-1.195-2.745-1.027-.986.258-2.188 1.123-3.787 2.728-.303.306-.583.6-.844.885a.801.801 0 01-1.14.054.813.813 0 01-.053-1.146c.275-.303.574-.616.897-.941 1.834-1.843 3.23-2.815 4.523-3.151 1.521-.398 2.925.078 4.292 1.45z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconLinkRegular = function IconLinkRegular(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconLinkRegular = function IconLinkRegular(_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(), 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", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M12.986 16.118a.612.612 0 01.871-.064.626.626 0 01.065.877 35.259 35.259 0 01-1.502 1.619c-1.846 1.854-3.24 2.832-4.523 3.165a3.866 3.866 0 01-.98.129c-1.113 0-2.166-.516-3.205-1.56-2.897-2.914-1.404-5.608 1.728-8.76 3.132-3.148 5.812-4.65 8.706-1.736.944.952 1.448 1.899 1.535 2.899a.622.622 0 01-.56.675.63.63 0 01-.67-.566c-.061-.697-.445-1.395-1.176-2.129-1.028-1.036-1.953-1.375-3-1.106-1.045.272-2.303 1.174-3.961 2.843-1.658 1.67-2.555 2.933-2.824 3.983-.271 1.053.068 1.983 1.098 3.02 1.031 1.036 1.956 1.375 3 1.103 1.045-.271 2.303-1.173 3.961-2.843a35.454 35.454 0 001.437-1.549zm7.311-12.397c1.34 1.347 1.804 2.722 1.42 4.21-.333 1.291-1.302 2.694-3.148 4.551-1.96 1.972-3.745 3.3-5.516 3.3-1.056 0-2.109-.473-3.193-1.563-.907-.91-1.403-1.818-1.524-2.776a.617.617 0 01.538-.692.626.626 0 01.69.541c.08.67.464 1.342 1.167 2.05 1.984 1.992 3.673 1.57 6.961-1.736 3.289-3.308 3.709-5.009 1.728-7.003-1.977-1.992-3.672-1.571-6.958 1.737a22.303 22.303 0 00-1.431 1.568.618.618 0 01-.871.084.622.622 0 01-.084-.874 23.23 23.23 0 011.512-1.655c3.132-3.154 5.813-4.656 8.71-1.742z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-list-document-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconListDocumentFilled = function IconListDocumentFilled(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 IconListDocumentFilled = function IconListDocumentFilled(_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.575 12.632h-5.566a.606.606 0 01-.605-.602c0-.331.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.602-.605.602m0 4.011h-5.566a.606.606 0 01-.605-.602c0-.334.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.6-.605.602M10.93 7.399h5.563a.604.604 0 110 1.204H10.93a.606.606 0 01-.606-.601c0-.334.272-.603.606-.603m-2.726 5.434a.803.803 0 11-.001-1.603.803.803 0 01.001 1.603m0 4.009a.803.803 0 01-.804-.801.803.803 0 011.608 0 .802.802 0 01-.804.8m-.008-9.7c.442 0 .804.36.806.802a.802.802 0 01-.806.8.803.803 0 01-.804-.8c0-.443.361-.801.804-.801m9.778-4.992H5.992c-.728 0-1.392.756-1.392 1.588v16.507c0 .86.639 1.591 1.392 1.591l11.98.003c.754 0 1.393-.728 1.393-1.591V3.741c.002-.832-.661-1.591-1.39-1.591",
-        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.161 2H6.844C5.83 2 5 2.83 5 3.854V22h14V3.849C19 2.829 18.175 2 17.161 2zm-4.032 13.354l-3.89 3.91-2.046-2.061a.557.557 0 010-.787.55.55 0 01.782 0l1.269 1.275 3.107-3.124a.55.55 0 01.783 0 .557.557 0 01-.005.787zm0-5.257l-3.89 3.91-2.046-2.062a.557.557 0 010-.786.55.55 0 01.782 0l1.269 1.275L12.35 9.31a.55.55 0 01.783 0 .557.557 0 01-.005.787zm0-5.115l-3.89 3.91-2.046-2.057a.557.557 0 010-.787.55.55 0 01.782 0l1.269 1.276L12.35 4.2a.55.55 0 01.783 0 .556.556 0 01-.005.782z",
+            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.575 12.632h-5.566a.606.606 0 01-.605-.602c0-.331.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.602-.605.602m0 4.011h-5.566a.606.606 0 01-.605-.602c0-.334.272-.603.605-.603h5.566c.333 0 .605.27.605.603 0 .33-.272.6-.605.602M10.93 7.399h5.563a.604.604 0 110 1.204H10.93a.606.606 0 01-.606-.601c0-.334.272-.603.606-.603m-2.726 5.434a.803.803 0 11-.001-1.603.803.803 0 01.001 1.603m0 4.009a.803.803 0 01-.804-.801.803.803 0 011.608 0 .802.802 0 01-.804.8m-.008-9.7c.442 0 .804.36.806.802a.802.802 0 01-.806.8.803.803 0 01-.804-.8c0-.443.361-.801.804-.801m9.778-4.992H5.992c-.728 0-1.392.756-1.392 1.588v16.507c0 .86.639 1.591 1.392 1.591l11.98.003c.754 0 1.393-.728 1.393-1.591V3.741c.002-.832-.661-1.591-1.39-1.591",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconListDocumentFilled;
 exports.default = _default;

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

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

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

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