@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTruckRegular = function IconTruckRegular(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 IconTruckRegular = function IconTruckRegular(_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: "M20.482 16.31a.897.897 0 01-.258.595c-.168.176-.386.274-.571.274h-.885c-.258-1.445-1.295-2.308-2.838-2.308-.154 0-.297.009-.443.025v-6.86l.827-.008c.313 0 .678.193.854.443.395.56 2.583 3.58 2.863 3.958.168.226.45.61.45.921v2.96zm-4.555 3.34c-1.126 0-1.697-.594-1.697-1.756 0-1.174.571-1.768 1.697-1.768 1.118 0 1.69.594 1.69 1.765 0 1.165-.572 1.759-1.69 1.759zm-2.846-2.468H9.118c-.258-1.445-1.294-2.308-2.838-2.308-1.552 0-2.588.863-2.846 2.308a.237.237 0 01-.227-.232V5.168a.23.23 0 01.224-.235l10.622.008a.23.23 0 01.227.227v10.129c-.636.395-1.045 1.04-1.199 1.885zM6.277 19.65c-1.126 0-1.697-.594-1.697-1.756 0-1.171.571-1.765 1.697-1.765 1.118 0 1.69.594 1.69 1.765 0 1.162-.572 1.756-1.69 1.756zm14.7-7.98a447.317 447.317 0 01-2.829-3.925c-.409-.585-1.126-.97-1.834-.97h-.009l-.82.01V5.167c0-.82-.645-1.482-1.432-1.482L3.431 3.678c-.79 0-1.431.67-1.431 1.49v11.779c0 .812.627 1.473 1.409 1.487.199 1.54 1.263 2.468 2.871 2.468 1.6 0 2.661-.927 2.854-2.468h3.93c.194 1.54 1.255 2.468 2.863 2.468 1.6 0 2.661-.927 2.855-2.468h.868c.507 0 1.03-.232 1.423-.644a2.19 2.19 0 00.61-1.482v-2.97c.003-.725-.456-1.344-.705-1.669z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M9.14 2c1.776 0 3.216 1.47 3.216 3.274v.362h2.796L22 12.606v7.212h-2.328C19.232 21.088 18.04 22 16.644 22c-1.396 0-2.584-.912-3.028-2.182h-10.9a.722.722 0 01-.716-.73c0-.402.32-.728.716-.728h8.212V5.274c0-1.002-.8-1.816-1.784-1.816H2.716A.724.724 0 012 2.728c0-.398.32-.724.716-.728zm7.504 14.91c-.984 0-1.784.815-1.784 1.816 0 1.002.8 1.816 1.784 1.816s1.784-.814 1.784-1.816c0-1.001-.8-1.816-1.784-1.816zM14.56 7.094h-2.2V18.36h1.092c.176-1.633 1.544-2.907 3.192-2.907 1.648 0 3.012 1.274 3.192 2.907h.736v-5.147l-6.012-6.12zm-6.128 5.81c.396 0 .716.326.716.729 0 .403-.32.729-.716.729H2.716a.722.722 0 01-.716-.73c0-.402.32-.728.716-.728zM5.216 9.268c.396 0 .716.326.716.729 0 .403-.32.729-.716.729h-2.5A.718.718 0 012 10c0-.403.32-.729.716-.733z",
+            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: "M20.482 16.31a.897.897 0 01-.258.595c-.168.176-.386.274-.571.274h-.885c-.258-1.445-1.295-2.308-2.838-2.308-.154 0-.297.009-.443.025v-6.86l.827-.008c.313 0 .678.193.854.443.395.56 2.583 3.58 2.863 3.958.168.226.45.61.45.921v2.96zm-4.555 3.34c-1.126 0-1.697-.594-1.697-1.756 0-1.174.571-1.768 1.697-1.768 1.118 0 1.69.594 1.69 1.765 0 1.165-.572 1.759-1.69 1.759zm-2.846-2.468H9.118c-.258-1.445-1.294-2.308-2.838-2.308-1.552 0-2.588.863-2.846 2.308a.237.237 0 01-.227-.232V5.168a.23.23 0 01.224-.235l10.622.008a.23.23 0 01.227.227v10.129c-.636.395-1.045 1.04-1.199 1.885zM6.277 19.65c-1.126 0-1.697-.594-1.697-1.756 0-1.171.571-1.765 1.697-1.765 1.118 0 1.69.594 1.69 1.765 0 1.162-.572 1.756-1.69 1.756zm14.7-7.98a447.317 447.317 0 01-2.829-3.925c-.409-.585-1.126-.97-1.834-.97h-.009l-.82.01V5.167c0-.82-.645-1.482-1.432-1.482L3.431 3.678c-.79 0-1.431.67-1.431 1.49v11.779c0 .812.627 1.473 1.409 1.487.199 1.54 1.263 2.468 2.871 2.468 1.6 0 2.661-.927 2.854-2.468h3.93c.194 1.54 1.255 2.468 2.863 2.468 1.6 0 2.661-.927 2.855-2.468h.868c.507 0 1.03-.232 1.423-.644a2.19 2.19 0 00.61-1.482v-2.97c.003-.725-.456-1.344-.705-1.669z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTruckRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTshirtFilled = function IconTshirtFilled(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 IconTshirtFilled = function IconTshirtFilled(_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: "M21.487 5.756L15.384 2.06c-.003-.003-.009-.003-.011-.003a.373.373 0 00-.098-.036c-.023-.006-.045-.014-.07-.014-.009 0-.017-.006-.023-.006-.014 0-.028.006-.04.008a.38.38 0 00-.1.023c-.014.005-.022.011-.036.017a.344.344 0 00-.101.07l-.017.016c-.02.023-.045.04-.059.068-.008.016-.008.033-.017.047 0 .003 0 .006-.002.006a.36.36 0 00-.031.16c0 1.907-.919 2.837-2.801 2.837-1.886 0-2.801-.927-2.801-2.84a.414.414 0 00-.202-.356.412.412 0 00-.406-.003L2.205 5.751a.413.413 0 00-.168.526l1.974 4.398a.404.404 0 00.54.202l1.614-.773-.033 11.168c0 .109.042.215.117.294a.41.41 0 00.289.12h10.868a.403.403 0 00.286-.12.42.42 0 00.118-.294l-.034-11.163 1.583.768c.1.047.218.053.322.014a.42.42 0 00.23-.23l1.744-4.4a.407.407 0 00-.168-.505",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTshirtLight = function IconTshirtLight(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 IconTshirtLight = function IconTshirtLight(_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: "M19.476 10.104L17.7 9.242a.415.415 0 00-.392.022.414.414 0 00-.188.35l.034 11.406H7.1l.034-11.406a.407.407 0 00-.58-.373l-1.82.875L3.08 6.435l5.476-3.182c.232 1.927 1.479 2.977 3.571 2.977 2.087 0 3.328-1.05 3.563-2.963l5.238 3.17-1.453 3.667zm2.168-4.193L15.54 2.214c-.003-.003-.008-.003-.011-.003a.368.368 0 00-.098-.034l-.07-.014c-.009 0-.014-.005-.023-.005-.014 0-.025.005-.039.008a.428.428 0 00-.1.02.456.456 0 00-.138.086c-.006.003-.011.012-.017.017-.02.023-.045.04-.059.068-.008.016-.01.03-.016.047 0 .003-.003.006-.003.006a.386.386 0 00-.03.16c0 1.91-.917 2.837-2.805 2.837-1.885 0-2.801-.93-2.801-2.84a.405.405 0 00-.608-.356L2.361 5.908a.413.413 0 00-.168.527l1.975 4.4a.404.404 0 00.543.202l1.613-.773-.033 11.168c0 .11.042.216.117.291.076.079.18.12.286.12h10.869c.106 0 .21-.041.285-.12a.418.418 0 00.118-.29l-.034-11.163 1.583.767a.403.403 0 00.552-.218l1.745-4.398a.412.412 0 00-.168-.51z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTshirtRegular = function IconTshirtRegular(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 IconTshirtRegular = function IconTshirtRegular(_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: "M19.064 9.742l-1.549-.753a.596.596 0 00-.854.546l.034 10.97H7.244l.033-10.97A.61.61 0 007 9.022a.584.584 0 00-.574-.036l-1.605.768L3.36 6.5l4.956-2.876C8.64 5.437 9.91 6.42 11.972 6.42c2.02 0 3.297-1.005 3.639-2.784l4.736 2.874-1.283 3.232zm2.334-4.005l-5.983-3.625c-.009-.003-.014-.003-.023-.008a.728.728 0 00-.24-.07c-.012-.003-.023-.009-.037-.009-.023 0-.04.011-.062.011a.652.652 0 00-.143.031c-.022.009-.042.02-.064.031a.606.606 0 00-.135.092.3.3 0 00-.039.045c-.025.028-.056.05-.075.084-.012.02-.014.042-.02.06-.008.016-.011.03-.017.044a.66.66 0 00-.039.19c0 .006-.003.009-.003.014 0 1.762-.81 2.583-2.546 2.583-1.737 0-2.546-.82-2.546-2.583a.606.606 0 00-.297-.523.592.592 0 00-.594-.003L2.303 5.725a.61.61 0 00-.247.774l1.936 4.31a.594.594 0 00.339.317.582.582 0 00.459-.022l1.297-.62-.031 10.62c0 .16.062.313.174.428a.586.586 0 00.423.177h10.641a.598.598 0 00.597-.605l-.034-10.614 1.266.614a.593.593 0 00.81-.317l1.711-4.31a.606.606 0 00-.246-.74z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-tv-content-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTvContentFilled = function IconTvContentFilled(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 IconTvContentFilled = function IconTvContentFilled(_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.396 17.374H5.59c-1.12 0-1.989-.314-2.583-.93-.568-.594-.857-1.44-.857-2.515V7.93c0-2.201 1.221-3.411 3.44-3.411l12.806.008c2.219 0 3.44 1.213 3.44 3.412v5.997c0 1.076-.288 1.922-.86 2.51-.594.616-1.462.927-2.58.927zm-3.95 2.199H9.532a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h4.916a.561.561 0 010 1.12z",
-        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: "M22 16.596V4H2v12.596h7.966v1.294H7.557a.553.553 0 00-.555.555c0 .308.247.555.555.555h8.891a.553.553 0 00.554-.555.553.553 0 00-.554-.555h-2.41v-1.294H22zm-9.075 1.294H11.07v-1.294h1.854v1.294z",
+            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.396 17.374H5.59c-1.12 0-1.989-.314-2.583-.93-.568-.594-.857-1.44-.857-2.515V7.93c0-2.201 1.221-3.411 3.44-3.411l12.806.008c2.219 0 3.44 1.213 3.44 3.412v5.997c0 1.076-.288 1.922-.86 2.51-.594.616-1.462.927-2.58.927zm-3.95 2.199H9.532a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h4.916a.561.561 0 010 1.12z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTvContentFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-tv-content-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTvContentLight = function IconTvContentLight(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 IconTvContentLight = function IconTvContentLight(_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: "M5.315 17.297c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.146c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.01c1.043 0 1.844.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814l-13.36.009zM18.68 5.643l-13.366.008c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.137c-.003-1.679-.852-2.494-2.604-2.494zm-3.953 13.24H9.26a.277.277 0 01-.28-.272c0-.149.126-.271.28-.271h5.47c.153 0 .28.122.28.271 0 .15-.127.272-.28.272z",
-        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: "M22 14.126a.739.739 0 01-.726.75.739.739 0 01-.726-.75.74.74 0 01.726-.749c.4 0 .726.337.726.75zm-.368 2.252a.37.37 0 01-.363.375h-7.633v1.498h2.546c.2 0 .363.168.363.374a.37.37 0 01-.363.375H7.455a.37.37 0 01-.363-.375.37.37 0 01.363-.374h2.546v-1.498H2V4h19.637v7.88a.37.37 0 01-.363.374.37.37 0 01-.363-.375V4.75H2.726v11.255H21.27c.2 0 .363.163.363.374zm-8.727.375h-2.183v1.498h2.183v-1.498z",
+            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: "M5.315 17.297c-1.043 0-1.842-.275-2.383-.815-.518-.522-.782-1.28-.782-2.25V8.146c0-.97.264-1.722.782-2.236.536-.532 1.337-.8 2.38-.8l13.366-.01c1.043 0 1.844.269 2.38.801.518.516.782 1.269.782 2.236v6.087c0 .97-.264 1.728-.782 2.25-.538.54-1.34.814-2.383.814l-13.36.009zM18.68 5.643l-13.366.008c-1.752 0-2.604.815-2.604 2.494v6.088c0 .825.21 1.453.625 1.871.429.432 1.093.65 1.979.65l13.366-.009c.883 0 1.55-.217 1.979-.649.415-.416.625-1.046.625-1.872V8.137c-.003-1.679-.852-2.494-2.604-2.494zm-3.953 13.24H9.26a.277.277 0 01-.28-.272c0-.149.126-.271.28-.271h5.47c.153 0 .28.122.28.271 0 .15-.127.272-.28.272z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTvContentLight;
 exports.default = _default;

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

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

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

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