@telefonica/mistica 10.10.0 → 10.11.0

package/dist/generated/mistica-icons/icon-call-details-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallDetailsFilled = function IconCallDetailsFilled(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 IconCallDetailsFilled = function IconCallDetailsFilled(_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.618 7.336l-5.463-5.182A.56.56 0 0015.772 2H8.39c-.569 0-1.107.538-1.107 1.106v1.507c-.417-.26-.846-.395-1.277-.403-.711-.014-1.423.317-2.115.978-.244.232-.473.551-.549.655l-.008.011-.017.023c-.636.921-.625 2.336.03 3.983.676 1.695 1.99 3.543 3.796 5.35l.006.006.053.056.006.005c.044.045.092.09.137.135a.568.568 0 00-.062.252v4.921c0 .589.519 1.107 1.107 1.107h12.297c.588 0 1.106-.518 1.106-1.107V7.742a.56.56 0 00-.176-.406zm-1.213.392h-2.182c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.6l4.353 4.13zM4.39 9.448c-.504-1.26-.56-2.325-.154-2.924l.016-.025c.202-.28.337-.429.415-.502.93-.888 1.67-.89 2.55-.008.173.17.324.361.45.568l.008.017c.267.426.513 1.101-.417 2.028a2.729 2.729 0 01-.333.292l-.065.058c-.19.208-.389.577-.24 1.154.078.311.249.656.523 1.054.392.574.978 1.238 1.897 2.157l.064.064c.919.919 1.583 1.501 2.157 1.896.398.275.742.446 1.053.524.577.146.947-.05 1.154-.24a.422.422 0 00.059-.065c.09-.118.188-.23.294-.334.927-.927 1.602-.683 2.028-.417l.017.008c.207.127.4.278.569.451.882.883.88 1.62-.009 2.55-.073.075-.218.21-.501.414l-.025.017c-.603.406-1.667.35-2.928-.154-1.96-.782-3.784-2.359-4.969-3.544l-.028-.028-.011-.01-.03-.029c-1.186-1.188-2.763-3.01-3.544-4.972z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-call-details-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallDetailsLight = function IconCallDetailsLight(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 IconCallDetailsLight = function IconCallDetailsLight(_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.067 2.156a.26.26 0 01.068.009l-.068-.009a.279.279 0 01.183.07.09.09 0 01.016.011L20.728 7.7l.014.017.013.016-.027-.033a.24.24 0 01.052.072l.006.015c.007.015.012.03.015.045l.005.024a.27.27 0 01.003.043v13.109c0 .44-.386.826-.826.826H7.42c-.432 0-.827-.395-.827-.826v-5.462c0-.045.011-.088.03-.125-.062-.06-.124-.121-.186-.184l-.003-.002-.062-.06-.003-.002c-1.778-1.781-3.07-3.6-3.73-5.258-.623-1.557-.642-2.876-.062-3.72a.05.05 0 01.01-.014l.012-.016c.073-.101.291-.404.515-.617 1.179-1.126 2.348-1.199 3.48-.223V2.983c0-.418.408-.827.826-.827h7.647zm-.28.56H7.42c-.107 0-.266.16-.266.267v2.73a.274.274 0 01-.04.143c.112.136.214.281.306.435.442.711.706 1.82-.538 3.064-.12.123-.25.235-.387.342-.196.246.146.823.367 1.148.47.687 1.252 1.49 1.799 2.037l.064.064c.546.546 1.35 1.328 2.036 1.796.325.224.902.563 1.149.367.106-.138.218-.266.342-.387 1.243-1.244 2.35-.98 3.064-.538.272.163.518.356.74.583 1.207 1.207 1.21 2.462.002 3.723-.213.224-.518.442-.616.515l-.017.011-.014.011c-.406.28-.927.423-1.53.423-.643 0-1.386-.16-2.19-.481-1.435-.573-2.99-1.618-4.537-3.042v5.08c0 .121.145.267.266.267h12.563c.129 0 .266-.137.266-.266V8.178h-2.451c-.88 0-1.633-.288-2.18-.831-.546-.544-.831-1.297-.831-2.18v-2.45zM3.503 5.952a4.03 4.03 0 00-.448.54l-.02.026c-.913 1.336.073 4.599 3.728 8.257l.037.037.03.028c3.659 3.658 6.92 4.644 8.258 3.73l.025-.019c.241-.173.42-.322.541-.448.994-1.042.997-1.95.006-2.941a3.156 3.156 0 00-.628-.496l-.008-.006c-.796-.495-1.572-.347-2.376.457-.112.112-.218.23-.313.359l-.031.033c-.602.555-1.55-.092-1.857-.305-.726-.496-1.555-1.303-2.118-1.863l-.064-.064c-.563-.563-1.367-1.392-1.863-2.118-.213-.31-.863-1.255-.305-1.857a.366.366 0 01.033-.03 3.58 3.58 0 00.359-.315c.8-.8.952-1.58.456-2.375l-.005-.008a3.058 3.058 0 00-.496-.628c-.992-.991-1.9-.989-2.941.006zm16.35 1.666l-4.508-4.504v2.053c0 1.488.962 2.451 2.452 2.451h2.055z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-call-details-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallDetailsRegular = function IconCallDetailsRegular(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 IconCallDetailsRegular = function IconCallDetailsRegular(_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.772 2c.143 0 .283.056.386.154l5.462 5.182a.557.557 0 01.174.406v12.843c0 .589-.518 1.107-1.106 1.107H8.39c-.589 0-1.107-.518-1.107-1.107v-4.918c0-.092.023-.179.062-.255a6.683 6.683 0 01-.14-.138l-.067-.067c-1.807-1.806-3.118-3.655-3.793-5.35-.656-1.647-.667-3.062-.028-3.983l.017-.022.008-.012c.076-.106.305-.423.55-.655.694-.664 1.405-.992 2.114-.978.433.01.86.144 1.277.403V3.106C7.284 2.538 7.822 2 8.391 2h7.38zm-.841 1.12H8.427a.085.085 0 00-.022.023l.001 2.507c.081.109.156.22.226.336.697 1.126.49 2.333-.58 3.406a4.4 4.4 0 01-.362.325c-.002.064.028.342.505.986.465.63 1.157 1.342 1.638 1.82l.065.065c.479.48 1.19 1.174 1.82 1.639.645.476.922.507.986.504a4.4 4.4 0 01.325-.361c1.07-1.073 2.278-1.278 3.404-.583.291.174.557.384.792.625.642.641.975 1.313.986 2 .014.708-.316 1.423-.977 2.115-.233.243-.552.473-.656.549l-.01.008-.023.017c-.457.313-1.031.47-1.692.47-.684 0-1.46-.168-2.297-.501-1.321-.526-2.736-1.44-4.151-2.674v4.164c.003.006.008.009.01.011h12.253l.006-.005V8.848h-2.451c-.956 0-1.78-.316-2.376-.915-.596-.6-.916-1.42-.916-2.376V3.12zM4.665 5.994a3.82 3.82 0 00-.414.502l-.017.025c-.403.597-.347 1.661.154 2.924.781 1.961 2.358 3.785 3.543 4.972l.031.028.042.042c1.185 1.185 3.009 2.762 4.97 3.544 1.26.504 2.324.56 2.924.154l.025-.017c.28-.202.428-.336.501-.415.888-.93.891-1.669.009-2.549a2.94 2.94 0 00-.569-.45l-.017-.009c-.425-.266-1.1-.513-2.028.417a3.016 3.016 0 00-.294.334c-.02.022-.04.045-.059.064-.207.19-.577.39-1.154.241-.31-.078-.655-.25-1.053-.524-.574-.392-1.238-.977-2.157-1.896l-.064-.065c-.919-.918-1.502-1.582-1.897-2.156-.274-.398-.445-.743-.523-1.054-.146-.577.05-.946.24-1.154a.422.422 0 01.065-.058c.118-.09.23-.188.333-.295.927-.927.684-1.602.418-2.028l-.009-.016a2.858 2.858 0 00-.45-.569c-.883-.882-1.62-.88-2.55.008zm15.74 1.734l-4.353-4.13v1.96c0 .652.204 1.198.588 1.582.384.384.933.588 1.583.588h2.182z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-call-landline-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallLandlineFilled = function IconCallLandlineFilled(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 IconCallLandlineFilled = function IconCallLandlineFilled(_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: "M6.094 2.15c.846.017 1.683.432 2.487 1.236.303.297.569.633.785 1 .431.694.588 1.412.465 2.131-.124.72-.524 1.423-1.196 2.096a5.707 5.707 0 01-.496.442c-.065.118-.025.488.496 1.25.602.88 1.61 1.918 2.316 2.624l.084.084c.706.706 1.745 1.712 2.625 2.317.759.52 1.131.56 1.25.496a5.28 5.28 0 01.442-.496c.672-.673 1.375-1.073 2.095-1.196.72-.124 1.437.033 2.132.465.366.218.7.481 1 .787.803.804 1.218 1.641 1.235 2.487.017.877-.395 1.765-1.227 2.633-.291.306-.698.597-.832.695l-.017.011a.154.154 0 00-.025.02c-.563.38-1.277.574-2.104.574-.865 0-1.857-.213-2.924-.639-2.182-.87-4.571-2.566-6.908-4.902l-.005-.005-.076-.073-.005-.006C5.354 13.845 3.66 11.46 2.789 9.274c-.832-2.09-.852-3.874-.056-5.028l.016-.025.012-.017c.103-.132.395-.538.7-.83.868-.829 1.753-1.24 2.633-1.224z",
-        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.553 4.063l-1.382-1.375c-.898-.882-2.305-.922-3.134-.084l-2.08 2.088c-.381.39-.593.91-.593 1.472 0 .61.26 1.219.713 1.664l1.455 1.43c.236.237.356.562.364.96.008 1.021-.745 2.405-2.007 3.671-1.267 1.26-2.641 2.01-3.663 2.01h-.008c-.405 0-.722-.121-.958-.366l-1.431-1.455a2.345 2.345 0 00-1.663-.714h-.008c-.561 0-1.074.213-1.455.594l-2.1 2.084c-.838.83-.797 2.233.088 3.136l1.375 1.39c.918.927 2.176 1.424 3.63 1.432h.033c2.793 0 6.188-1.78 9.326-4.9l.048-.047c3.126-3.151 4.905-6.567 4.897-9.362-.016-1.447-.513-2.71-1.447-3.628z",
+            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: "M6.094 2.15c.846.017 1.683.432 2.487 1.236.303.297.569.633.785 1 .431.694.588 1.412.465 2.131-.124.72-.524 1.423-1.196 2.096a5.707 5.707 0 01-.496.442c-.065.118-.025.488.496 1.25.602.88 1.61 1.918 2.316 2.624l.084.084c.706.706 1.745 1.712 2.625 2.317.759.52 1.131.56 1.25.496a5.28 5.28 0 01.442-.496c.672-.673 1.375-1.073 2.095-1.196.72-.124 1.437.033 2.132.465.366.218.7.481 1 .787.803.804 1.218 1.641 1.235 2.487.017.877-.395 1.765-1.227 2.633-.291.306-.698.597-.832.695l-.017.011a.154.154 0 00-.025.02c-.563.38-1.277.574-2.104.574-.865 0-1.857-.213-2.924-.639-2.182-.87-4.571-2.566-6.908-4.902l-.005-.005-.076-.073-.005-.006C5.354 13.845 3.66 11.46 2.789 9.274c-.832-2.09-.852-3.874-.056-5.028l.016-.025.012-.017c.103-.132.395-.538.7-.83.868-.829 1.753-1.24 2.633-1.224z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallLandlineFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-call-landline-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallLandlineLight = function IconCallLandlineLight(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 IconCallLandlineLight = function IconCallLandlineLight(_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: "M17.807 21.84c-.855 0-1.838-.213-2.91-.64-2.216-.885-4.646-2.611-7.029-4.991l-.003-.003-.08-.081v-.003c-2.383-2.383-4.11-4.813-4.993-7.03-.824-2.06-.855-3.803-.092-4.908.002-.005.008-.011.01-.014l.018-.022c.255-.356.485-.63.678-.816 1.65-1.578 3.288-1.575 4.869.003a4.8 4.8 0 01.768.975c1.042 1.677.19 3.1-.71 3.997a5.378 5.378 0 01-.518.46c-.3.356.095 1.102.482 1.665.636.928 1.69 2.015 2.425 2.75l.086.087c.738.737 1.822 1.788 2.75 2.424.566.387 1.309.782 1.665.482.14-.182.294-.356.46-.518.9-.897 2.32-1.75 3.997-.71.356.214.684.471.975.769 1.578 1.58 1.58 3.217.003 4.868a6.339 6.339 0 01-.816.681l-.022.017-.014.011c-.53.365-1.208.547-1.999.547zm-9.54-6.026c2.328 2.326 4.691 4.01 6.838 4.866.959.384 1.836.583 2.607.6.723.013 1.317-.135 1.769-.446l.036-.025c.328-.236.575-.443.737-.612.704-.737 1.04-1.426 1.029-2.107-.011-.653-.348-1.3-1.023-1.976a4.32 4.32 0 00-.863-.682l-.009-.005c-.535-.334-1.079-.457-1.612-.367-.563.095-1.132.429-1.698.995a5.036 5.036 0 00-.429.487c-.008.012-.02.023-.03.034-1.052.967-3.123-.827-5.209-2.912l-.086-.087C8.238 11.492 6.444 9.42 7.41 8.369c.011-.011.02-.022.034-.03.174-.133.336-.275.488-.43.563-.563.9-1.135.995-1.698.09-.533-.034-1.074-.368-1.612l-.005-.008a4.222 4.222 0 00-.681-.864c-.676-.675-1.323-1.012-1.976-1.023-.676-.01-1.365.328-2.102 1.032a5.562 5.562 0 00-.637.773c-.308.452-.46 1.046-.445 1.769.014.77.215 1.648.6 2.607.857 2.147 2.539 4.513 4.868 6.839l.042.042.006.006.036.042z",
-        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: "M7.098 21.504c.4 0 .724.335.724.748a.737.737 0 01-.724.748.737.737 0 01-.725-.748c0-.413.324-.748.725-.748zM19.19 2.625l1.442 1.47c.883.912 1.36 2.151 1.368 3.597.016 2.89-1.796 6.448-4.972 9.746-2.406 2.508-5.06 4.167-7.666 4.797a.37.37 0 01-.09.017.37.37 0 01-.354-.29.37.37 0 01.273-.45c2.471-.604 5.004-2.184 7.32-4.59 3.042-3.164 4.772-6.525 4.764-9.218-.008-1.26-.395-2.298-1.16-3.08l-1.442-1.47c-.492-.5-1.246-.554-1.673-.109L14.842 5.29c-.191.197-.29.458-.29.756 0 .349.147.697.412.962l1.507 1.537c.46.467.708 1.105.708 1.845.008 1.42-.875 3.155-2.414 4.764-2.39 2.49-5.029 3.247-6.413 1.835l-1.507-1.537c-.492-.5-1.246-.555-1.673-.11l-2.15 2.252a1.06 1.06 0 00-.29.757c0 .348.147.705.412.97l1.441 1.462c.2.197.412.374.652.53.175.108.224.34.114.516a.35.35 0 01-.5.118c-.29-.181-.546-.4-.783-.63l-1.441-1.47A2.153 2.153 0 012 18.35c0-.492.175-.954.5-1.286l2.159-2.243c.708-.74 1.922-.69 2.703.1L8.87 16.46c1.079 1.097 3.29.349 5.383-1.827 1.4-1.462 2.21-3.004 2.202-4.227 0-.546-.163-.987-.492-1.319L14.455 7.55a2.153 2.153 0 01-.627-1.496c0-.491.175-.953.5-1.285l2.159-2.244c.708-.739 1.922-.689 2.703.101z",
+            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: "M17.807 21.84c-.855 0-1.838-.213-2.91-.64-2.216-.885-4.646-2.611-7.029-4.991l-.003-.003-.08-.081v-.003c-2.383-2.383-4.11-4.813-4.993-7.03-.824-2.06-.855-3.803-.092-4.908.002-.005.008-.011.01-.014l.018-.022c.255-.356.485-.63.678-.816 1.65-1.578 3.288-1.575 4.869.003a4.8 4.8 0 01.768.975c1.042 1.677.19 3.1-.71 3.997a5.378 5.378 0 01-.518.46c-.3.356.095 1.102.482 1.665.636.928 1.69 2.015 2.425 2.75l.086.087c.738.737 1.822 1.788 2.75 2.424.566.387 1.309.782 1.665.482.14-.182.294-.356.46-.518.9-.897 2.32-1.75 3.997-.71.356.214.684.471.975.769 1.578 1.58 1.58 3.217.003 4.868a6.339 6.339 0 01-.816.681l-.022.017-.014.011c-.53.365-1.208.547-1.999.547zm-9.54-6.026c2.328 2.326 4.691 4.01 6.838 4.866.959.384 1.836.583 2.607.6.723.013 1.317-.135 1.769-.446l.036-.025c.328-.236.575-.443.737-.612.704-.737 1.04-1.426 1.029-2.107-.011-.653-.348-1.3-1.023-1.976a4.32 4.32 0 00-.863-.682l-.009-.005c-.535-.334-1.079-.457-1.612-.367-.563.095-1.132.429-1.698.995a5.036 5.036 0 00-.429.487c-.008.012-.02.023-.03.034-1.052.967-3.123-.827-5.209-2.912l-.086-.087C8.238 11.492 6.444 9.42 7.41 8.369c.011-.011.02-.022.034-.03.174-.133.336-.275.488-.43.563-.563.9-1.135.995-1.698.09-.533-.034-1.074-.368-1.612l-.005-.008a4.222 4.222 0 00-.681-.864c-.676-.675-1.323-1.012-1.976-1.023-.676-.01-1.365.328-2.102 1.032a5.562 5.562 0 00-.637.773c-.308.452-.46 1.046-.445 1.769.014.77.215 1.648.6 2.607.857 2.147 2.539 4.513 4.868 6.839l.042.042.006.006.036.042z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallLandlineLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-call-landline-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconCallLandlineRegular = function IconCallLandlineRegular(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 IconCallLandlineRegular = function IconCallLandlineRegular(_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: "M17.607 21.809c-.866 0-1.857-.213-2.924-.639-2.183-.871-4.572-2.566-6.908-4.902l-.006-.006-.075-.072-.006-.006c-2.336-2.336-4.03-4.726-4.902-6.908-.829-2.09-.849-3.874-.053-5.025l.017-.025.011-.017c.098-.134.39-.54.695-.832.868-.829 1.756-1.24 2.633-1.227.846.017 1.683.432 2.487 1.236.303.297.569.633.787 1 .432.694.588 1.411.465 2.131-.123.72-.524 1.423-1.196 2.096a5.707 5.707 0 01-.496.442c-.064.118-.025.488.496 1.25.602.879 1.61 1.918 2.317 2.624l.084.084c.706.706 1.745 1.712 2.624 2.317.76.52 1.132.56 1.25.495a5.28 5.28 0 01.442-.495c.672-.673 1.376-1.073 2.095-1.196.72-.124 1.437.033 2.132.465.364.218.7.481 1 .787.804.804 1.219 1.638 1.235 2.487.017.877-.395 1.765-1.227 2.633-.29.305-.697.597-.831.695l-.017.011c-.009.006-.017.011-.025.02-.566.383-1.28.577-2.104.577zm-9.04-6.328c2.228 2.227 4.485 3.835 6.527 4.65 1.698.675 3.143.74 3.967.179l.033-.022c.303-.219.53-.407.675-.558 1.222-1.277 1.224-2.342.009-3.554a3.898 3.898 0 00-.776-.614l-.017-.008c-.465-.289-.91-.392-1.359-.317-.484.081-.985.378-1.49.883a4 4 0 00-.395.448c-.02.022-.039.045-.058.064-.239.221-.667.448-1.345.275-.384-.098-.815-.311-1.317-.656-.955-.655-2.044-1.711-2.781-2.448l-.084-.084c-.737-.737-1.793-1.826-2.448-2.784-.345-.502-.56-.933-.656-1.317-.17-.678.056-1.106.275-1.344a.422.422 0 01.064-.06 4 4 0 00.448-.394c.505-.504.802-1.006.883-1.49.075-.451-.028-.894-.317-1.359l-.008-.017a3.82 3.82 0 00-.614-.776C6.57 2.965 5.506 2.968 4.23 4.19a5.223 5.223 0 00-.558.675l-.025.033c-.56.824-.493 2.27.182 3.967.815 2.042 2.423 4.3 4.65 6.526l.04.04.01.01.04.04z",
-        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: "M7.72 22h-.03c-1.459-.008-2.713-.501-3.635-1.443l-1.359-1.382c-.89-.898-.93-2.309-.096-3.134l2.096-2.072a2.04 2.04 0 011.459-.59h.008c.605 0 1.214.27 1.659.714l1.435 1.45c.236.237.557.357.962.365h.008c1.03 0 2.396-.753 3.666-2.007 1.263-1.27 2.008-2.645 2.008-3.675 0-.405-.12-.73-.364-.962l-1.451-1.435a2.358 2.358 0 01-.714-1.66c0-.556.213-1.085.59-1.474L16.033 2.6c.833-.833 2.24-.793 3.141.096l1.383 1.367c.93.922 1.435 2.176 1.443 3.635.016 2.801-1.772 6.208-4.897 9.366l-.049.048C13.913 20.22 10.514 22 7.721 22zm-1.57-7.166a.601.601 0 00-.429.169l-2.096 2.072c-.268.268-.22.745.104 1.078l1.367 1.382c.657.666 1.53.994 2.597 1.002 2.428.008 5.446-1.619 8.327-4.476l.04-.04c2.858-2.882 4.485-5.916 4.477-8.328-.008-1.078-.34-1.952-1.002-2.597l-1.382-1.367c-.325-.324-.81-.372-1.079-.104l-2.08 2.096a.619.619 0 00-.168.437c0 .228.104.453.285.633l1.45 1.435c.517.509.794 1.198.794 1.992.008 1.422-.882 3.142-2.437 4.713-1.57 1.555-3.294 2.436-4.712 2.436-.794-.008-1.483-.276-1.992-.793l-1.435-1.451a.85.85 0 00-.63-.289z",
+            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: "M17.607 21.809c-.866 0-1.857-.213-2.924-.639-2.183-.871-4.572-2.566-6.908-4.902l-.006-.006-.075-.072-.006-.006c-2.336-2.336-4.03-4.726-4.902-6.908-.829-2.09-.849-3.874-.053-5.025l.017-.025.011-.017c.098-.134.39-.54.695-.832.868-.829 1.756-1.24 2.633-1.227.846.017 1.683.432 2.487 1.236.303.297.569.633.787 1 .432.694.588 1.411.465 2.131-.123.72-.524 1.423-1.196 2.096a5.707 5.707 0 01-.496.442c-.064.118-.025.488.496 1.25.602.879 1.61 1.918 2.317 2.624l.084.084c.706.706 1.745 1.712 2.624 2.317.76.52 1.132.56 1.25.495a5.28 5.28 0 01.442-.495c.672-.673 1.376-1.073 2.095-1.196.72-.124 1.437.033 2.132.465.364.218.7.481 1 .787.804.804 1.219 1.638 1.235 2.487.017.877-.395 1.765-1.227 2.633-.29.305-.697.597-.831.695l-.017.011c-.009.006-.017.011-.025.02-.566.383-1.28.577-2.104.577zm-9.04-6.328c2.228 2.227 4.485 3.835 6.527 4.65 1.698.675 3.143.74 3.967.179l.033-.022c.303-.219.53-.407.675-.558 1.222-1.277 1.224-2.342.009-3.554a3.898 3.898 0 00-.776-.614l-.017-.008c-.465-.289-.91-.392-1.359-.317-.484.081-.985.378-1.49.883a4 4 0 00-.395.448c-.02.022-.039.045-.058.064-.239.221-.667.448-1.345.275-.384-.098-.815-.311-1.317-.656-.955-.655-2.044-1.711-2.781-2.448l-.084-.084c-.737-.737-1.793-1.826-2.448-2.784-.345-.502-.56-.933-.656-1.317-.17-.678.056-1.106.275-1.344a.422.422 0 01.064-.06 4 4 0 00.448-.394c.505-.504.802-1.006.883-1.49.075-.451-.028-.894-.317-1.359l-.008-.017a3.82 3.82 0 00-.614-.776C6.57 2.965 5.506 2.968 4.23 4.19a5.223 5.223 0 00-.558.675l-.025.033c-.56.824-.493 2.27.182 3.967.815 2.042 2.423 4.3 4.65 6.526l.04.04.01.01.04.04z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconCallLandlineRegular;
 exports.default = _default;

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

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