@telefonica/mistica 10.9.2 → 10.13.0

package/dist/generated/mistica-icons/icon-invoice-digital-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoiceDigitalFilled = function IconInvoiceDigitalFilled(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 IconInvoiceDigitalFilled = function IconInvoiceDigitalFilled(_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.098 17.62a.561.561 0 010 1.12H2.594a.562.562 0 01-.56-.56c0-.307.252-.56.56-.56h18.504zM18.401 4.508c1.1 0 1.94.328 2.504.972.52.6.787 1.468.787 2.583v4.941c0 1.115-.263 1.983-.787 2.583-.563.641-1.406.969-2.504.969H5.29c-1.1 0-1.94-.328-2.504-.972-.52-.6-.787-1.468-.787-2.583V8.063c0-1.115.266-1.983.787-2.583.563-.644 1.406-.972 2.504-.972zm-5.986 2.045H9.613c-.386 0-.647.258-.647.644v6.648c0 .389.26.65.647.65h4.474a.612.612 0 00.638-.64V8.87a.426.426 0 00-.123-.3l-1.89-1.894a.42.42 0 00-.297-.123zm-.376.843v.675c0 .723.387 1.171 1.006 1.171h.84v4.415H9.807v-6.26h2.232zm1.135 4.751h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28h2.647a.283.283 0 00.283-.28.28.28 0 00-.28-.28zm0-1.134h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28h2.647a.283.283 0 00.283-.28.28.28 0 00-.28-.28zm0-1.135h-2.65a.28.28 0 00-.28.28c0 .154.126.28.28.28h2.647a.28.28 0 00.28-.28.279.279 0 00-.277-.28zm-.575-2.12l.925.924h-.48c-.293 0-.445-.207-.445-.61v-.314z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-invoice-digital-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoiceDigitalLight = function IconInvoiceDigitalLight(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 IconInvoiceDigitalLight = function IconInvoiceDigitalLight(_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.554 18.268a.28.28 0 01.28.28.28.28 0 01-.28.28H2.436a.28.28 0 01-.28-.28.28.28 0 01.28-.28h19.118zM18.831 5.125c1.014 0 1.785.294 2.292.874.476.546.72 1.353.72 2.398v4.938c0 1.045-.241 1.852-.72 2.398-.507.582-1.278.877-2.292.877H5.176c-1.014 0-1.784-.295-2.291-.874-.48-.55-.72-1.356-.72-2.4v-4.94c0-1.044.24-1.85.72-2.397.507-.58 1.277-.874 2.29-.874h13.656zm0 .56H5.176c-1.672 0-2.451.863-2.451 2.715v4.938c0 1.851.779 2.714 2.45 2.714h13.656c1.673 0 2.451-.863 2.451-2.714V8.397c0-1.852-.778-2.712-2.45-2.712zm-6.26 1.496a.29.29 0 01.199.081l1.89 1.894c.057.056.084.13.082.203v4.693c0 .297-.2.499-.499.499H9.77c-.308 0-.507-.202-.507-.51V7.685c0-.305.199-.504.507-.504h2.8zm-.28.56H9.822v6.25h4.358V9.634h-.887c-.62 0-1.003-.447-1.003-1.17V7.74zm1.039 4.737a.28.28 0 01.28.28c0 .154-.129.28-.283.28H10.68a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm0-1.135a.28.28 0 01.28.28c0 .155-.129.28-.283.28H10.68a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm0-1.134a.28.28 0 01.28.28c0 .154-.129.28-.283.28H10.68a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm-.48-2.07v.325c0 .403.15.61.444.61h.49l-.933-.935z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-invoice-digital-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoiceDigitalRegular = function IconInvoiceDigitalRegular(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 IconInvoiceDigitalRegular = function IconInvoiceDigitalRegular(_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.098 17.62a.561.561 0 010 1.12H2.594a.562.562 0 01-.56-.56c0-.307.252-.56.56-.56h18.504zM18.401 4.508c1.098 0 1.94.328 2.504.972.524.6.787 1.468.787 2.583v4.938c0 1.115-.266 1.984-.787 2.583-.563.644-1.406.972-2.504.972H5.29c-1.098 0-1.94-.328-2.504-.97-.52-.601-.787-1.47-.787-2.585V8.063c0-1.115.266-1.983.787-2.583.563-.644 1.403-.972 2.504-.972H18.4zm0 1.12l-13.11.004c-.773 0-1.313.193-1.658.588-.339.386-.513 1.008-.513 1.843v4.938c0 .835.174 1.457.513 1.846.345.395.888.589 1.658.589h13.11c.77 0 1.313-.194 1.658-.589.339-.389.512-1.01.512-1.846V8.063c0-.835-.173-1.457-.512-1.846-.345-.395-.888-.588-1.658-.588zm-5.986.928a.42.42 0 01.296.123l1.891 1.894a.42.42 0 01.123.297v4.989a.612.612 0 01-.638.638H9.613c-.386 0-.647-.26-.647-.65V7.2c0-.386.26-.644.647-.644h2.802zm-.374.84H9.807v6.26h4.078V9.242l-.84.001c-.62 0-1.003-.448-1.003-1.17l-.001-.677zm1.133 4.751a.28.28 0 01.28.28c0 .154-.13.28-.283.28h-2.647a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm0-1.134a.28.28 0 01.28.28c0 .154-.13.28-.283.28h-2.647a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm0-1.138a.28.28 0 01.28.28c0 .155-.13.28-.283.28h-2.647a.28.28 0 01-.28-.28.28.28 0 01.28-.28h2.65zm-.572-2.116v.312c0 .404.149.611.443.611h.478l-.921-.923z",
         fill: fillColor
     })));

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

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-filled.d.ts

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoicePlanFileFilled = function IconInvoicePlanFileFilled(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 IconInvoicePlanFileFilled = function IconInvoicePlanFileFilled(_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.845 7.336l-5.463-5.182A.56.56 0 0013 2H5.618c-.569 0-1.107.538-1.107 1.106v17.48c0 .588.518 1.106 1.107 1.106h12.297c.588 0 1.106-.518 1.106-1.107V7.742a.56.56 0 00-.176-.406zM15.31 18.681H8.209a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h7.1a.56.56 0 010 1.12zm0-3.006H8.209a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 010 1.12zm0-3.003H8.209a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 010 1.12zm.14-4.944c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.6l4.353 4.13H15.45z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20 2v20H5V8.252h6.252V2H20zm-3.572 14.82H8.572a.552.552 0 00-.536.536c0 .284.252.536.536.536h7.856a.547.547 0 00.536-.536.552.552 0 00-.536-.536zm0-3.572H8.572a.552.552 0 00-.536.536c0 .284.252.536.536.536h7.856a.55.55 0 00.536-.536.552.552 0 00-.536-.536zm-6.248-11V7.18H5.252l4.928-4.932z",
+            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.845 7.336l-5.463-5.182A.56.56 0 0013 2H5.618c-.569 0-1.107.538-1.107 1.106v17.48c0 .588.518 1.106 1.107 1.106h12.297c.588 0 1.106-.518 1.106-1.107V7.742a.56.56 0 00-.176-.406zM15.31 18.681H8.209a.562.562 0 01-.56-.56c0-.309.252-.56.56-.56h7.1a.56.56 0 010 1.12zm0-3.006H8.209a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 010 1.12zm0-3.003H8.209a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 010 1.12zm.14-4.944c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.6l4.353 4.13H15.45z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconInvoicePlanFileFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-invoice-plan-file-filled.js.flow

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-light.d.ts

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoicePlanFileLight = function IconInvoicePlanFileLight(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 IconInvoicePlanFileLight = function IconInvoicePlanFileLight(_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: "M13.364 2.156c.024 0 .046.003.068.009l-.068-.009a.279.279 0 01.184.07.09.09 0 01.015.011L19.025 7.7a.24.24 0 01.052.072l.008.019c.006.013.01.027.014.04a.312.312 0 01.007.068v13.109c0 .44-.386.826-.826.826H5.717c-.431 0-.826-.395-.826-.826V2.983c0-.418.409-.827.826-.827h7.647zm-.28.56H5.717c-.106 0-.266.16-.266.267v18.025c0 .12.146.266.266.266H18.28c.129 0 .266-.137.266-.266V8.178h-2.45c-.88 0-1.634-.288-2.18-.831-.546-.544-.832-1.297-.832-2.18v-2.45zm3.011 15.28a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm0-3.002a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm0-3.006a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm2.056-4.37l-4.507-4.507v2.056c0 1.488.964 2.451 2.451 2.451h2.056z",
-        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: "M19.648 2v15.36c0 .212-.136.356-.347.356-.207 0-.348-.14-.348-.356V2.716h-8.371v5H5.699v13.568h13.602c.21 0 .347.144.347.36 0 .212-.136.356-.347.356H5V7.216l4.988-5.108.106-.108h9.554zm-.347 16.784c.386 0 .699.32.699.716a.708.708 0 01-.7.716.707.707 0 01-.698-.716c0-.395.313-.716.699-.716zM16.164 17c.207 0 .348.144.344.356 0 .212-.137.356-.348.356H8.488c-.207 0-.347-.14-.347-.356 0-.212.136-.356.347-.356zm0-3.572c.207 0 .348.144.344.356 0 .212-.137.356-.348.356H8.488c-.207 0-.347-.14-.347-.356 0-.212.136-.356.347-.356zM9.883 3.216L6.188 7h3.695V3.216z",
+            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: "M13.364 2.156c.024 0 .046.003.068.009l-.068-.009a.279.279 0 01.184.07.09.09 0 01.015.011L19.025 7.7a.24.24 0 01.052.072l.008.019c.006.013.01.027.014.04a.312.312 0 01.007.068v13.109c0 .44-.386.826-.826.826H5.717c-.431 0-.826-.395-.826-.826V2.983c0-.418.409-.827.826-.827h7.647zm-.28.56H5.717c-.106 0-.266.16-.266.267v18.025c0 .12.146.266.266.266H18.28c.129 0 .266-.137.266-.266V8.178h-2.45c-.88 0-1.634-.288-2.18-.831-.546-.544-.832-1.297-.832-2.18v-2.45zm3.011 15.28a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm0-3.002a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm0-3.006a.28.28 0 01.28.28.28.28 0 01-.28.28H7.902a.28.28 0 01-.28-.28.28.28 0 01.28-.28h8.193zm2.056-4.37l-4.507-4.507v2.056c0 1.488.964 2.451 2.451 2.451h2.056z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconInvoicePlanFileLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-invoice-plan-file-light.js.flow

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-regular.d.ts

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

package/dist/generated/mistica-icons/icon-invoice-plan-file-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconInvoicePlanFileRegular = function IconInvoicePlanFileRegular(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 IconInvoicePlanFileRegular = function IconInvoicePlanFileRegular(_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.999 2c.142 0 .282.056.386.154l5.462 5.182a.557.557 0 01.174.406v12.843c0 .589-.518 1.107-1.106 1.107H5.618c-.589 0-1.107-.518-1.107-1.107V3.106C4.511 2.538 5.05 2 5.618 2h7.38zm-.84 1.12H5.653a.085.085 0 00-.022.023V20.56a.033.033 0 00.014.011h12.249l.006-.005V8.848h-2.45c-.956 0-1.78-.316-2.376-.915-.596-.6-.916-1.42-.916-2.376V3.12zm3.15 14.44a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm0-3.003a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm0-3.005a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm-2.03-7.954v1.96c0 .652.204 1.198.588 1.582.384.384.933.588 1.583.588h2.181l-4.353-4.13z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M20 2v20H5V7.428L10.428 2H20zm-1.428 1.428h-7.144v5h-5v12.144h12.144V3.428zm-2.144 13.216c.392 0 .716.32.716.716a.718.718 0 01-.716.716H8.572a.718.718 0 01-.716-.716c0-.396.324-.716.716-.716zm0-3.572a.715.715 0 110 1.432H8.572a.715.715 0 110-1.432zM10 4.428L7.428 7H10V4.428z",
+            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.999 2c.142 0 .282.056.386.154l5.462 5.182a.557.557 0 01.174.406v12.843c0 .589-.518 1.107-1.106 1.107H5.618c-.589 0-1.107-.518-1.107-1.107V3.106C4.511 2.538 5.05 2 5.618 2h7.38zm-.84 1.12H5.653a.085.085 0 00-.022.023V20.56a.033.033 0 00.014.011h12.249l.006-.005V8.848h-2.45c-.956 0-1.78-.316-2.376-.915-.596-.6-.916-1.42-.916-2.376V3.12zm3.15 14.44a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm0-3.003a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm0-3.005a.561.561 0 010 1.12h-7.1a.562.562 0 01-.56-.56c0-.308.252-.56.56-.56h7.1zm-2.03-7.954v1.96c0 .652.204 1.198.588 1.582.384.384.933.588 1.583.588h2.181l-4.353-4.13z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconInvoicePlanFileRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-invoice-plan-file-regular.js.flow

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

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

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