@telefonica/mistica 10.10.0 → 10.14.0

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPresentationLight = function IconPresentationLight(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 IconPresentationLight = function IconPresentationLight(_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: "M20.26 7.316s.07-.011.07-.286c0-.26-.092-.333-.092-.333-.042-.034-.138-.056-.451-.056H4.22c-.3 0-.364-.017-.48.092-.002 0-.066.07-.064.328.003.24.115.308.115.308.062.045.093.076.406.076H19.77c.291-.003.468-.093.49-.13zm-.776 9.588V8.436a.232.232 0 00-.07-.176c-.053-.05-.151-.065-.269-.081H4.82c-.176.03-.322.131-.322.257v8.48a.2.2 0 00.079.167c.07.065.193.087.353.087l14.16.009c.204 0 .394-.126.394-.275zm-7.045 3.773c0-.117 0-.42-.423-.426h-.07c-.409 0-.409.309-.409.426 0 .11 0 .426.415.426.487-.006.487-.308.487-.426zm-1.005-16.31L8.546 5.903h6.736l-2.697-1.552a1.373 1.373 0 01-.546.132h-.084a1.398 1.398 0 01-.521-.118zm.515-1.48c-.409 0-.409.308-.409.429 0 .12 0 .426.423.434.476-.006.476-.314.476-.426 0-.117 0-.425-.423-.434.003-.003-.067-.003-.067-.003zm8.843 3.32a.686.686 0 01.222.484v.692c0 .367-.331.647-.821.75a.95.95 0 01.061.295v8.479c0 .557-.52 1.006-1.168 1.006h-6.705v1.663c.462.126.829.485.829 1.104 0 .787-.591 1.154-1.166 1.163h-.1c-.577-.009-1.169-.367-1.169-1.163 0-.639.384-1 .838-1.118v-1.647l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 01-.316-.706V8.434a.9.9 0 01.061-.295c-.246-.05-.454-.131-.59-.263a.69.69 0 01-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.26 1.26 0 01-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3zm-5.294 8.787c.207 0 .384.168.384.367a.375.375 0 01-.384.367H7.431a.377.377 0 01-.384-.367v-4.905c0-.199.177-.367.384-.367a.377.377 0 01.384.367v3.955l1.297-1.935a.38.38 0 01.462-.149l2.636.978 1.767-2.132h-.53a.372.372 0 01-.383-.358v-.009a.37.37 0 01.384-.367h1.367c.185 0 .347.132.378.308l.185 1.185c.039.196-.107.381-.322.418h-.054c-.185 0-.353-.132-.378-.309l-.059-.38-1.927 2.316a.393.393 0 01-.437.118l-2.605-.97-1.258 1.869h7.16z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPresentationRegular = function IconPresentationRegular(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 IconPresentationRegular = function IconPresentationRegular(_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.883 7.268l.009-.364c-.104-.023-.21-.029-.317-.023L4.382 6.873a.794.794 0 00-.28.045v.364c.061.014.165.028.308.022h.518c.045 0 .084-.008.12-.008l13.85.008c.052-.008.097.006.142.006h.563a.791.791 0 00.28-.042zm-.745 9.582l.008-8.383c-.022-.042-.075-.056-.15-.065L5.003 8.394c-.09.014-.16.056-.16.078v8.375c.022.06.09.082.218.082l13.872.008c.128 0 .196-.067.204-.087zm-7.176 4.04c.353-.009.353-.188.353-.311 0-.118 0-.314-.3-.32h-.059c-.263 0-.286.152-.286.311-.003.126-.003.314.292.32zm-.423-16.283L9.343 5.783l5.19.008-2.045-1.201a1.31 1.31 0 01-.45.081h-.085c-.134 0-.277-.022-.414-.064zm.414-1.513c-.263.008-.286.151-.286.314 0 .16.023.319.295.319.353-.008.353-.188.353-.31 0-.119 0-.315-.3-.32l-.062-.003zm8.779 3.048c.18.16.277.378.286.602l-.009.689c0 .395-.294.714-.759.865.009.05.023.11.023.166l-.009 8.383c0 .645-.594 1.177-1.33 1.177l-6.379-.008v1.403c.415.168.737.546.737 1.157 0 .849-.63 1.243-1.255 1.257h-.098c-.616-.008-1.25-.4-1.25-1.266 0-.619.323-.988.74-1.156v-1.395H5.093c-.52.02-.834-.177-1.017-.342a1.09 1.09 0 01-.36-.82V8.466c0-.05.008-.101.013-.152a1.272 1.272 0 01-.482-.263.833.833 0 01-.277-.61v-.69c0-.56.594-.966 1.406-.966h2.639l3.723-1.992a1.496 1.496 0 01-.054-.386c0-.857.63-1.25 1.255-1.258v.008h.098c.616.006 1.25.407 1.25 1.258 0 .132-.014.247-.045.35l3.482 2.025h2.834c.504-.02.919.11 1.174.35zm-5.311 8.781c.227 0 .415.174.415.4a.41.41 0 01-.415.401h-7.89a.407.407 0 01-.415-.398v-4.854c0-.227.179-.398.414-.398.227 0 .415.174.415.398v3.787l1.196-1.818a.412.412 0 01.496-.154l2.557.953 1.664-2.028h-.445a.407.407 0 01-.415-.398v-.003c0-.218.188-.395.415-.395h1.339c.204 0 .375.14.414.336l.18 1.163a.413.413 0 01-.348.46c-.022 0-.045.007-.067.007a.412.412 0 01-.406-.341l-.045-.289-1.827 2.224a.448.448 0 01-.473.126l-2.527-.946-1.168 1.767h6.936z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-price-drop-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPriceDropFilled = function IconPriceDropFilled(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 IconPriceDropFilled = function IconPriceDropFilled(_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: "M15.423 2c.854 0 1.387.532 1.387 1.387v10.638h2.717a.559.559 0 01.378.972l-7.098 6.56a.557.557 0 01-.76 0L4.948 15a.56.56 0 01.378-.975h2.717v-.543c-1.291-.09-2.317-.496-3.056-1.207-.877-.846-1.32-2.093-1.32-3.712 0-1.619.443-2.868 1.32-3.711.74-.715 1.765-1.118 3.056-1.208v-.257C8.042 2.532 8.569 2 9.415 2zm-6.82 2.745c-2.57 0-3.816 1.25-3.816 3.818 0 2.569 1.25 3.815 3.815 3.815 2.566 0 3.815-1.246 3.815-3.815s-1.246-3.818-3.815-3.818zm0 .47a.35.35 0 01.35.35v.289c.356.048.685.16.955.325.204.126.235.292.235.378 0 .222-.18.404-.404.404a.54.54 0 01-.238-.065l-.005-.002c-.184-.1-.363-.17-.544-.213v1.451l.06.01c1.161.213 1.414.916 1.414 1.485 0 .48-.177.883-.507 1.171-.248.213-.577.353-.966.413v.299a.35.35 0 01-.7-.003l-.001-.276a2.89 2.89 0 01-1.364-.497.423.423 0 01-.196-.364.411.411 0 01.417-.41.511.511 0 01.266.085c.292.194.586.316.877.366v-1.54l-.048-.006c-1.141-.21-1.389-.906-1.389-1.464 0-.863.555-1.452 1.437-1.558v-.277a.35.35 0 01.35-.35zm.35 3.767v1.41c.406-.101.646-.365.646-.737 0-.27-.085-.533-.646-.673zM7.641 7.364c0 .166 0 .488.61.653V6.66c-.386.079-.61.33-.61.704z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-price-drop-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPriceDropLight = function IconPriceDropLight(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 IconPriceDropLight = function IconPriceDropLight(_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: "M15.601 2.156c.706 0 1.11.404 1.11 1.107V14.18h2.717c.274 0 .37.163.4.233.03.07.076.252-.118.445L13 21.562a.562.562 0 01-.793 0L5.5 14.86c-.193-.193-.148-.375-.117-.445.03-.07.126-.233.4-.233H8.5v-1.075h-.011c-1.342-.048-2.394-.432-3.129-1.14-.82-.79-1.235-1.972-1.235-3.513 0-1.54.415-2.72 1.232-3.51.74-.713 1.797-1.095 3.143-1.14v-.54c0-.703.398-1.107 1.093-1.107H15.6zm0 .563H9.593c-.387 0-.532.149-.532.546l-.001.537c1.349.049 2.403.433 3.138 1.141.818.79 1.235 1.972 1.235 3.51 0 1.538-.414 2.723-1.235 3.51-.734.713-1.79 1.097-3.137 1.144v1.074c0 .309-.253.56-.56.56H6.18l6.423 6.424 6.423-6.423h-2.32a.562.562 0 01-.56-.56V3.261c0-.386-.156-.543-.546-.543zM8.708 4.357l.072-.002c-1.33 0-2.352.333-3.033.989-.706.68-1.062 1.725-1.062 3.106 0 1.381.359 2.429 1.062 3.107.676.651 1.688.985 3.01.989l.023-.003.024.002.257-.004c1.197-.045 2.121-.376 2.753-.984.706-.68 1.062-1.726 1.062-3.107 0-1.38-.359-2.428-1.062-3.106-.671-.644-1.666-.974-2.962-.988a.278.278 0 01-.144.001zm.072.819a.28.28 0 01.28.28l.001.355c.368.042.71.153.983.323.129.081.201.193.201.32a.332.332 0 01-.333.333.433.433 0 01-.204-.06l-.003-.002a2.183 2.183 0 00-.644-.237L9.06 8.084l.046.008c.676.11 1.425.452 1.425 1.428 0 .844-.553 1.404-1.47 1.523v.357a.28.28 0 01-.28.28.28.28 0 01-.28-.28l-.001-.343h-.03a2.802 2.802 0 01-1.362-.486.358.358 0 01-.168-.308.342.342 0 01.347-.34c.082.004.16.029.227.074.328.218.659.35.986.391v-1.68l-.114-.018c-1.09-.204-1.325-.863-1.325-1.394 0-.844.558-1.413 1.439-1.494v-.346a.28.28 0 01.28-.28zm.283 3.615l-.002 1.583c.491-.09.784-.39.784-.823 0-.296-.1-.613-.782-.76zM7.747 7.257c0 .477.349.66.753.746V6.47c-.474.063-.753.348-.753.788z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-price-drop-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconPriceDropRegular = function IconPriceDropRegular(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 IconPriceDropRegular = function IconPriceDropRegular(_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: "M15.429 2c.854 0 1.386.532 1.386 1.387v10.638h2.717a.558.558 0 01.381.972l-7.103 6.558a.559.559 0 01-.76 0l-7.1-6.558a.562.562 0 01.38-.972h2.718v-.545c-1.292-.089-2.317-.493-3.056-1.205-.877-.846-1.32-2.093-1.32-3.712 0-1.619.443-2.868 1.32-3.714.739-.712 1.764-1.117 3.056-1.206v-.256C8.048 2.532 8.574 2 9.42 2h6.009zm0 1.12H9.42c-.14 0-.199.028-.21.04-.011.01-.042.075-.042.227v.256c1.291.09 2.317.494 3.056 1.206.877.843 1.32 2.092 1.32 3.711 0 1.62-.446 2.869-1.32 3.712-.739.714-1.766 1.119-3.056 1.208v1.103c0 .308-.252.56-.56.56H6.762l5.67 5.235 5.669-5.235h-1.846a.562.562 0 01-.56-.56V3.387c0-.14-.028-.205-.045-.222-.017-.017-.081-.045-.221-.045zM8.608 4.745c-2.566 0-3.815 1.25-3.815 3.818 0 2.569 1.249 3.818 3.815 3.818s3.815-1.25 3.815-3.818c0-2.569-1.25-3.818-3.815-3.818zm0 .47a.35.35 0 01.35.35v.289c.356.048.686.16.955.325.205.126.235.292.235.378a.403.403 0 01-.403.404.54.54 0 01-.238-.065l-.006-.002c-.184-.1-.363-.17-.543-.213v1.451l.06.01c1.16.213 1.413.916 1.413 1.485 0 .48-.176.883-.507 1.171-.248.213-.576.353-.965.413l-.001.299a.35.35 0 01-.7-.003v-.276a2.89 2.89 0 01-1.364-.497.423.423 0 01-.197-.364.411.411 0 01.418-.41.511.511 0 01.266.085c.292.194.585.316.877.366v-1.54l-.048-.006c-1.142-.21-1.39-.906-1.39-1.464 0-.863.556-1.452 1.437-1.558v-.277a.35.35 0 01.35-.35zm.351 3.767v1.41c.406-.101.646-.365.646-.737 0-.27-.086-.533-.646-.673zM7.647 7.364c0 .166 0 .488.61.653V6.66c-.387.079-.61.33-.61.704z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-process-loading-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconProcessLoadingFilled = function IconProcessLoadingFilled(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 IconProcessLoadingFilled = function IconProcessLoadingFilled(_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: "M19.2 12.65h-3.023a.604.604 0 110-1.21h3.022a.604.604 0 110 1.21zm-1.712 4.9a.602.602 0 01-.852.002l-.003-.003-2.137-2.14a.605.605 0 01.854-.854l2.138 2.137a.604.604 0 010 .857zM12.65 7.831a.604.604 0 11-1.21 0V4.807a.604.604 0 111.21 0v3.025zM12.566 19.2a.604.604 0 11-1.21 0v-3.025a.604.604 0 111.21 0V19.2zM9.45 15.35l-2.14 2.14a.605.605 0 01-.854-.854L8.594 14.5a.605.605 0 01.855.022.6.6 0 010 .83zm-5.247-3.389c0-.333.272-.605.605-.605h3.025a.604.604 0 110 1.21H4.807a.606.606 0 01-.605-.605zm10.356-3.305l2.137-2.137a.605.605 0 01.854.854L15.41 9.51a.605.605 0 01-.854 0 .608.608 0 01.003-.854zM12 2.16c-6.437 0-9.84 3.403-9.84 9.846 0 6.437 3.403 9.84 9.84 9.84 6.44 0 9.846-3.403 9.846-9.84 0-6.443-3.403-9.846-9.846-9.846z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12 22a.74.74 0 01-.74-.74v-2.964a.74.74 0 011.48 0v2.964A.74.74 0 0112 22zm0-15.556a.74.74 0 01-.74-.74V2.74a.74.74 0 011.48 0v2.964a.74.74 0 01-.74.74zm3.556 14.852a.733.733 0 01-.668-.444l-1.148-2.74a.751.751 0 01.408-.964.751.751 0 01.964.408l1.148 2.74a.751.751 0 01-.408.964c-.112 0-.224.036-.296.036zm3-2a.739.739 0 01-.52-.224l-2.112-2.112a.715.715 0 010-1.036.715.715 0 011.036 0l2.112 2.112a.715.715 0 010 1.036.714.714 0 01-.516.224zm2-3c-.112 0-.184 0-.296-.076l-2.74-1.144a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.714.714 0 01-.668.48zM6.184 10.332c-.112 0-.184 0-.296-.076l-2.74-1.148a.751.751 0 01-.408-.964.751.751 0 01.964-.408l2.74 1.148a.751.751 0 01.408.964.712.712 0 01-.668.484zM21.26 12.74h-2.964a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm-15.556 0H2.74a.74.74 0 010-1.48h2.964a.74.74 0 010 1.48zm12.112-2.408a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964l-2.74 1.148c-.112 0-.188.036-.296.036zM3.444 16.296a.733.733 0 01-.668-.444.751.751 0 01.408-.964l2.74-1.148a.751.751 0 01.964.408.751.751 0 01-.408.964L3.74 16.26c-.112 0-.184.036-.296.036zm13-8a.739.739 0 01-.52-.224.715.715 0 010-1.036l2.112-2.112a.715.715 0 011.036 0 .715.715 0 010 1.036L16.96 8.072a.707.707 0 01-.516.224zm-11 11a.739.739 0 01-.52-.224.715.715 0 010-1.036L7 15.96a.715.715 0 011.036 0 .715.715 0 010 1.036L5.96 19.072a.707.707 0 01-.516.224zm8.964-12.372c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74a.712.712 0 01-.668.484zM8.444 21.296c-.112 0-.184 0-.296-.076a.751.751 0 01-.408-.964l1.148-2.74a.751.751 0 01.964-.408.751.751 0 01.408.964l-1.148 2.74c-.076.3-.372.484-.668.484z",
+            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: "M19.2 12.65h-3.023a.604.604 0 110-1.21h3.022a.604.604 0 110 1.21zm-1.712 4.9a.602.602 0 01-.852.002l-.003-.003-2.137-2.14a.605.605 0 01.854-.854l2.138 2.137a.604.604 0 010 .857zM12.65 7.831a.604.604 0 11-1.21 0V4.807a.604.604 0 111.21 0v3.025zM12.566 19.2a.604.604 0 11-1.21 0v-3.025a.604.604 0 111.21 0V19.2zM9.45 15.35l-2.14 2.14a.605.605 0 01-.854-.854L8.594 14.5a.605.605 0 01.855.022.6.6 0 010 .83zm-5.247-3.389c0-.333.272-.605.605-.605h3.025a.604.604 0 110 1.21H4.807a.606.606 0 01-.605-.605zm10.356-3.305l2.137-2.137a.605.605 0 01.854.854L15.41 9.51a.605.605 0 01-.854 0 .608.608 0 01.003-.854zM12 2.16c-6.437 0-9.84 3.403-9.84 9.846 0 6.437 3.403 9.84 9.84 9.84 6.44 0 9.846-3.403 9.846-9.84 0-6.443-3.403-9.846-9.846-9.846z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconProcessLoadingFilled;
 exports.default = _default;

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

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

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

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