@telefonica/mistica 10.9.2 → 10.13.0

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

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

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

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

package/dist/generated/mistica-icons/icon-smiley-happy-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmileyHappyRegular = function IconSmileyHappyRegular(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 IconSmileyHappyRegular = function IconSmileyHappyRegular(_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: "M17 13.613a.614.614 0 01.913.824c-.092.1-2.269 2.473-6.003 2.515-.014 0-.067.003-.154.003-.736 0-3.893-.143-5.983-2.482a.613.613 0 11.916-.818c1.952 2.183 5.157 2.07 5.188 2.07 3.196-.039 5.103-2.092 5.123-2.112zm-5.16 6.844c5.796 0 8.617-2.818 8.617-8.611 0-5.796-2.818-8.614-8.617-8.614-5.792 0-8.61 2.818-8.61 8.614 0 5.793 2.818 8.61 8.61 8.61zM11.84 2c6.219 0 9.846 3.14 9.846 9.846 0 6.706-3.627 9.84-9.846 9.84-6.218 0-9.84-3.134-9.84-9.84C2 5.14 5.622 2 11.84 2zm-2.983 8.392c-.356 0-.653-.112-.86-.322-.204-.207-.305-.493-.305-.846 0-.723.448-1.17 1.165-1.17.72 0 1.165.447 1.165 1.17 0 .356-.103.639-.305.846-.207.207-.504.322-.86.322zm5.972 0c-.356 0-.653-.112-.86-.322-.204-.207-.308-.493-.308-.846 0-.723.448-1.17 1.165-1.17.72 0 1.166.447 1.166 1.17 0 .353-.104.639-.306.846-.204.207-.501.322-.857.322z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-smiley-sad-filled.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmileySadFilled = function IconSmileySadFilled(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 IconSmileySadFilled = function IconSmileySadFilled(_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: "M11.84 2c6.219 0 9.846 3.14 9.846 9.846 0 6.706-3.627 9.84-9.846 9.84-6.218 0-9.84-3.134-9.84-9.84C2 5.14 5.622 2 11.84 2zm.09 11.415c-.154-.006-3.824-.135-6.157 2.478a.613.613 0 00.05.869.613.613 0 00.869-.05c1.941-2.171 5.157-2.065 5.207-2.07 3.177.033 5.084 2.089 5.104 2.109a.61.61 0 00.456.201.612.612 0 00.457-1.025c-.093-.1-2.272-2.473-5.986-2.512zm-3.073-3.023c.356 0 .653-.112.86-.322.202-.207.305-.493.305-.846 0-.723-.448-1.17-1.165-1.17-.72 0-1.165.447-1.165 1.17 0 .353.103.639.305.846.207.21.504.322.86.322zm5.972 0c.356 0 .653-.112.86-.322.204-.207.308-.493.308-.846 0-.723-.448-1.17-1.165-1.17-.72 0-1.165.447-1.165 1.17 0 .353.103.639.305.846.202.21.499.322.857.322z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-smiley-sad-light.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmileySadLight = function IconSmileySadLight(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 IconSmileySadLight = function IconSmileySadLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M12.078 13.772c3.633.04 5.75 2.35 5.84 2.449a.411.411 0 01-.61.549c-.02-.02-1.98-2.14-5.253-2.177-.044.003-3.353-.109-5.36 2.137a.411.411 0 01-.614-.546c2.271-2.54 5.848-2.409 5.997-2.412zm-.081 7.25c5.988 0 9.025-3.034 9.025-9.02 0-5.989-3.037-9.025-9.025-9.025-5.986 0-9.02 3.036-9.02 9.025 0 5.986 3.034 9.02 9.02 9.02zm0-18.866c6.218 0 9.846 3.14 9.846 9.846 0 6.706-3.628 9.84-9.846 9.84-6.219 0-9.84-3.134-9.84-9.84 0-6.706 3.621-9.846 9.84-9.846zm-2.984 8.289c-.327 0-.599-.101-.787-.292-.185-.187-.277-.448-.277-.775 0-.67.398-1.068 1.064-1.068.667 0 1.065.4 1.065 1.068 0 .327-.093.588-.277.775-.188.19-.46.292-.788.292zm5.972 0c-.327 0-.6-.101-.787-.292-.185-.187-.277-.448-.277-.775 0-.67.398-1.068 1.064-1.068.667 0 1.065.4 1.065 1.068 0 .327-.093.588-.278.775-.187.19-.459.292-.787.292z",
         fill: fillColor
     })));

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

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

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

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

package/dist/generated/mistica-icons/icon-smiley-sad-regular.js

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmileySadRegular = function IconSmileySadRegular(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 IconSmileySadRegular = function IconSmileySadRegular(_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: "M11.93 13.415c3.714.039 5.894 2.414 5.986 2.515a.615.615 0 01-.913.824c-.02-.02-1.927-2.076-5.104-2.11-.05.006-3.266-.1-5.207 2.07a.616.616 0 01-.919-.818c2.333-2.616 6.003-2.487 6.157-2.481zm-.09 7.042c5.796 0 8.617-2.818 8.617-8.611 0-5.796-2.818-8.616-8.617-8.616-5.792 0-8.61 2.818-8.61 8.616 0 5.793 2.818 8.61 8.61 8.61zM11.84 2c6.219 0 9.846 3.14 9.846 9.846 0 6.706-3.627 9.84-9.846 9.84-6.218 0-9.84-3.134-9.84-9.84C2 5.14 5.622 2 11.84 2zm-2.983 8.392c-.356 0-.653-.112-.86-.322-.204-.207-.305-.493-.305-.846 0-.723.448-1.17 1.165-1.17.72 0 1.165.447 1.165 1.17 0 .353-.103.639-.305.846-.207.21-.504.322-.86.322zm5.972 0c-.356 0-.653-.112-.86-.322-.204-.21-.305-.496-.305-.846 0-.723.448-1.17 1.165-1.17.72 0 1.165.447 1.165 1.17 0 .353-.103.639-.308.846-.204.21-.501.322-.857.322z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmsFilled = function IconSmsFilled(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 IconSmsFilled = function IconSmsFilled(_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.565 2.97c1.804 0 3.271 1.415 3.271 3.154v8.765c0 1.74-1.467 3.154-3.271 3.154H8.95l-1.888 2.333c-.22.286-.63.639-1.29.639-.852 0-1.57-.68-1.57-1.485v-1.686a3.113 3.113 0 01-2.053-2.955V6.124c0-1.74 1.468-3.154 3.275-3.154h13.14zM6.85 9.945c-.697-.27-.983-.423-.983-.863 0-.188 0-.577.905-.577.364 0 .65.064.882.132a.403.403 0 00.502-.28l.053-.205a.385.385 0 00-.277-.465c-1.06-.3-2.04-.224-2.589.247-.33.28-.504.689-.504 1.179 0 1.14.922 1.496 1.591 1.756.723.28 1.017.44 1.017.919 0 .3-.118.442-.221.507-.11.073-.34.16-.804.16a3.67 3.67 0 01-1.081-.166.399.399 0 00-.32.034.39.39 0 00-.193.246l-.053.21a.384.384 0 00.246.454c.3.11.85.222 1.407.222 1.305 0 2.056-.611 2.056-1.675 0-1.205-.944-1.57-1.634-1.835zm7.334-2.342h-.21a.406.406 0 00-.356.207l-1.63 2.986L10.4 7.81a.4.4 0 00-.356-.21h-.227c-.221 0-.4.174-.4.39v4.972c0 .212.179.389.4.389h.213c.221 0 .4-.174.4-.39v-2.943l1.076 2.025a.4.4 0 00.356.21h.227a.406.406 0 00.355-.207l1.13-2.068v2.984c0 .215.178.389.4.389h.21c.221 0 .4-.174.4-.39V7.993a.395.395 0 00-.4-.389zm3.403 2.342c-.697-.27-.98-.423-.98-.863 0-.188 0-.577.905-.577.364 0 .65.064.882.132a.41.41 0 00.314-.037.391.391 0 00.187-.243l.054-.205a.385.385 0 00-.278-.465c-1.059-.3-2.039-.224-2.588.247-.33.28-.504.689-.504 1.179 0 1.14.921 1.496 1.59 1.756.723.28 1.018.44 1.018.919 0 .3-.118.442-.224.507-.11.073-.34.16-.804.16-.362 0-.726-.056-1.082-.166a.399.399 0 00-.319.034.39.39 0 00-.193.246l-.053.21a.384.384 0 00.246.454c.3.11.849.222 1.406.222 1.306 0 2.056-.611 2.056-1.675 0-1.205-.944-1.57-1.633-1.835z",
-        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: "M18.072 4H5.928C3.76 4 2 5.826 2 8.064v5.915c0 2.115 1.573 3.86 3.571 4.045v2.607c0 .151.087.284.22.34a.351.351 0 00.389-.08l2.752-2.848h9.14c2.168 0 3.928-1.826 3.928-4.064V8.064C22.005 5.826 20.24 4 18.072 4zM7.52 13.425c-.338 0-.631-.057-.905-.18a.562.562 0 01-.284-.728.53.53 0 01.704-.294c.137.062.293.09.485.09.48 0 .48-.293.48-.388 0-.137-.032-.236-.64-.516-.302-.137-1.102-.501-1.102-1.419 0-.81.645-1.377 1.573-1.377.11 0 .398.01.7.095a.56.56 0 01.374.681.536.536 0 01-.658.388 1.746 1.746 0 00-.416-.057c-.05 0-.499.01-.499.265 0 .076 0 .194.462.402.508.232 1.276.582 1.276 1.529 0 .894-.636 1.509-1.55 1.509zm6.804-.554a.542.542 0 01-.535.554.542.542 0 01-.535-.554v-1.348l-.773 1.594a.532.532 0 01-.48.308.532.532 0 01-.48-.308l-.773-1.594v1.348a.542.542 0 01-.535.554.542.542 0 01-.535-.554V9.176c0-.255.17-.482.412-.54a.535.535 0 01.603.294L12 11.637l1.308-2.707a.532.532 0 01.603-.293.553.553 0 01.412.54v3.694zm1.856.554c-.338 0-.63-.057-.905-.18a.562.562 0 01-.284-.728.53.53 0 01.705-.294c.137.062.292.09.484.09.48 0 .48-.293.48-.388 0-.137-.032-.236-.64-.516-.302-.137-1.102-.501-1.102-1.419 0-.81.645-1.377 1.573-1.377.11 0 .398.01.7.095a.56.56 0 01.375.681.536.536 0 01-.659.388 1.746 1.746 0 00-.416-.057c-.05 0-.498.01-.498.265 0 .076 0 .194.462.402.507.232 1.275.582 1.275 1.529.005.894-.635 1.509-1.55 1.509z",
+            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.565 2.97c1.804 0 3.271 1.415 3.271 3.154v8.765c0 1.74-1.467 3.154-3.271 3.154H8.95l-1.888 2.333c-.22.286-.63.639-1.29.639-.852 0-1.57-.68-1.57-1.485v-1.686a3.113 3.113 0 01-2.053-2.955V6.124c0-1.74 1.468-3.154 3.275-3.154h13.14zM6.85 9.945c-.697-.27-.983-.423-.983-.863 0-.188 0-.577.905-.577.364 0 .65.064.882.132a.403.403 0 00.502-.28l.053-.205a.385.385 0 00-.277-.465c-1.06-.3-2.04-.224-2.589.247-.33.28-.504.689-.504 1.179 0 1.14.922 1.496 1.591 1.756.723.28 1.017.44 1.017.919 0 .3-.118.442-.221.507-.11.073-.34.16-.804.16a3.67 3.67 0 01-1.081-.166.399.399 0 00-.32.034.39.39 0 00-.193.246l-.053.21a.384.384 0 00.246.454c.3.11.85.222 1.407.222 1.305 0 2.056-.611 2.056-1.675 0-1.205-.944-1.57-1.634-1.835zm7.334-2.342h-.21a.406.406 0 00-.356.207l-1.63 2.986L10.4 7.81a.4.4 0 00-.356-.21h-.227c-.221 0-.4.174-.4.39v4.972c0 .212.179.389.4.389h.213c.221 0 .4-.174.4-.39v-2.943l1.076 2.025a.4.4 0 00.356.21h.227a.406.406 0 00.355-.207l1.13-2.068v2.984c0 .215.178.389.4.389h.21c.221 0 .4-.174.4-.39V7.993a.395.395 0 00-.4-.389zm3.403 2.342c-.697-.27-.98-.423-.98-.863 0-.188 0-.577.905-.577.364 0 .65.064.882.132a.41.41 0 00.314-.037.391.391 0 00.187-.243l.054-.205a.385.385 0 00-.278-.465c-1.059-.3-2.039-.224-2.588.247-.33.28-.504.689-.504 1.179 0 1.14.921 1.496 1.59 1.756.723.28 1.018.44 1.018.919 0 .3-.118.442-.224.507-.11.073-.34.16-.804.16-.362 0-.726-.056-1.082-.166a.399.399 0 00-.319.034.39.39 0 00-.193.246l-.053.21a.384.384 0 00.246.454c.3.11.849.222 1.406.222 1.306 0 2.056-.611 2.056-1.675 0-1.205-.944-1.57-1.633-1.835z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSmsFilled;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSmsLight = function IconSmsLight(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 IconSmsLight = function IconSmsLight(_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: "M21.02 14.955v-8.96c0-1.23-1.04-2.232-2.318-2.232H5.288c-1.278 0-2.32 1-2.32 2.233v8.96c0 1.078.729 1.98 1.77 2.185a.403.403 0 01.329.39v2.168c0 .271.28.526.574.526.098 0 .3 0 .504-.263l2.118-2.622a.412.412 0 01.322-.152h10.112c1.283-.002 2.322-1.003 2.322-2.233zM18.701 2.97c1.729 0 3.138 1.356 3.138 3.026v8.96c0 1.67-1.41 3.025-3.138 3.025H8.79L6.8 20.444a1.403 1.403 0 01-1.156.577c-.757 0-1.396-.605-1.396-1.32v-1.863a2.994 2.994 0 01-2.098-2.883v-8.96c0-1.669 1.41-3.025 3.138-3.025h13.414zM6.896 10.148c.714.277 1.605.619 1.605 1.779 0 1.025-.728 1.614-1.994 1.614a4.466 4.466 0 01-1.398-.219.294.294 0 01-.188-.347l.053-.216a.294.294 0 01.149-.188.31.31 0 01.243-.025c.76.233 1.664.221 2.012-.008.104-.065.272-.23.272-.6 0-.577-.398-.76-1.104-1.03-.695-.27-1.558-.606-1.558-1.702 0-.47.165-.862.48-1.131.531-.457 1.5-.527 2.546-.233a.296.296 0 01.213.359l-.053.207a.301.301 0 01-.146.185.32.32 0 01-.238.028 3.366 3.366 0 00-.93-.137c-1.029 0-1.029.484-1.029.689 0 .535.387.711 1.065.975zm7.335-2.387a.303.303 0 01.308.297v5.08a.301.301 0 01-.308.296h-.216a.303.303 0 01-.308-.297V9.691l-1.345 2.468a.314.314 0 01-.272.16h-.23a.312.312 0 01-.274-.162l-1.292-2.435v3.418a.301.301 0 01-.308.297H9.77a.303.303 0 01-.308-.297V8.06c0-.165.138-.296.308-.296h.233a.31.31 0 01.275.162l1.709 3.222 1.756-3.227a.316.316 0 01.275-.16h.213zm3.247 2.387c.714.277 1.605.619 1.605 1.779 0 1.025-.728 1.614-1.995 1.614a4.466 4.466 0 01-1.398-.219.294.294 0 01-.187-.347l.053-.216a.294.294 0 01.148-.188.31.31 0 01.244-.025c.76.233 1.664.221 2.012-.008.103-.065.271-.23.271-.6 0-.577-.397-.76-1.103-1.03-.695-.27-1.56-.606-1.56-1.702 0-.47.164-.862.481-1.131.532-.457 1.502-.527 2.547-.233a.298.298 0 01.213.359l-.054.207a.301.301 0 01-.145.185.321.321 0 01-.238.028 3.362 3.362 0 00-.928-.137c-1.028 0-1.028.484-1.028.689-.006.535.381.711 1.062.975z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M22 8.073v6.65c0 1.519-.992 2.843-2.41 3.221a.356.356 0 01-.433-.265.368.368 0 01.256-.449c1.101-.293 1.874-1.324 1.874-2.507v-6.65c0-1.897-1.38-3.326-3.214-3.326H5.927c-1.833 0-3.214 1.429-3.214 3.326v5.912c0 1.897 1.38 3.326 3.214 3.326.196 0 .356.165.356.368v2.063l2.25-2.327a.39.39 0 01.114-.08.356.356 0 01.137-.03h6.427c.197 0 .357.166.357.37 0 .203-.16.369-.357.369h-6.28L6.177 20.89a.351.351 0 01-.388.08.372.372 0 01-.22-.34v-2.606C3.513 17.85 2 16.17 2 13.975V8.064C2 5.745 3.687 4 5.927 4h12.142C20.309 4.005 22 5.755 22 8.073zm-4.645 8.869a.727.727 0 00-.713.737c0 .407.32.738.713.738a.727.727 0 00.714-.738.727.727 0 00-.714-.737zm-3.57-3.7a.363.363 0 00.357-.368V9.179a.367.367 0 00-.275-.359.358.358 0 00-.402.194l-1.467 3.037-1.468-3.037a.356.356 0 00-.402-.194.367.367 0 00-.274.36v3.694c0 .203.16.369.356.369a.363.363 0 00.357-.37v-2.128l1.11 2.294c.12.25.517.25.64 0l1.112-2.294v2.129a.358.358 0 00.356.369zm-5.91-.737a1.32 1.32 0 01-.554-.104.35.35 0 00-.466.194.371.371 0 00.187.482c.252.109.521.16.837.16.804 0 1.362-.548 1.362-1.333 0-.728-.576-1.022-.996-1.24l-.055-.028c-.416-.217-.677-.392-.677-.615 0-.33.338-.482.677-.482.06 0 .26.005.461.061a.358.358 0 00.44-.255.368.368 0 00-.248-.454 2.513 2.513 0 00-.653-.09c-.805 0-1.39.51-1.39 1.22 0 .724.672 1.07 1.07 1.278l.055.028c.425.218.598.331.598.577 0 .544-.457.6-.649.6zm7.93 0c-.214 0-.397-.033-.552-.104a.35.35 0 00-.467.194.372.372 0 00.188.482c.251.109.52.16.836.16.805 0 1.363-.548 1.363-1.333 0-.728-.576-1.022-.997-1.24l-.055-.028c-.416-.217-.676-.392-.676-.615 0-.33.338-.482.676-.482.06 0 .26.005.462.061a.358.358 0 00.439-.255.368.368 0 00-.247-.454 2.513 2.513 0 00-.654-.09c-.804 0-1.39.51-1.39 1.22 0 .724.672 1.07 1.07 1.278l.055.028c.425.218.599.331.599.577 0 .544-.453.6-.65.6z",
+            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: "M21.02 14.955v-8.96c0-1.23-1.04-2.232-2.318-2.232H5.288c-1.278 0-2.32 1-2.32 2.233v8.96c0 1.078.729 1.98 1.77 2.185a.403.403 0 01.329.39v2.168c0 .271.28.526.574.526.098 0 .3 0 .504-.263l2.118-2.622a.412.412 0 01.322-.152h10.112c1.283-.002 2.322-1.003 2.322-2.233zM18.701 2.97c1.729 0 3.138 1.356 3.138 3.026v8.96c0 1.67-1.41 3.025-3.138 3.025H8.79L6.8 20.444a1.403 1.403 0 01-1.156.577c-.757 0-1.396-.605-1.396-1.32v-1.863a2.994 2.994 0 01-2.098-2.883v-8.96c0-1.669 1.41-3.025 3.138-3.025h13.414zM6.896 10.148c.714.277 1.605.619 1.605 1.779 0 1.025-.728 1.614-1.994 1.614a4.466 4.466 0 01-1.398-.219.294.294 0 01-.188-.347l.053-.216a.294.294 0 01.149-.188.31.31 0 01.243-.025c.76.233 1.664.221 2.012-.008.104-.065.272-.23.272-.6 0-.577-.398-.76-1.104-1.03-.695-.27-1.558-.606-1.558-1.702 0-.47.165-.862.48-1.131.531-.457 1.5-.527 2.546-.233a.296.296 0 01.213.359l-.053.207a.301.301 0 01-.146.185.32.32 0 01-.238.028 3.366 3.366 0 00-.93-.137c-1.029 0-1.029.484-1.029.689 0 .535.387.711 1.065.975zm7.335-2.387a.303.303 0 01.308.297v5.08a.301.301 0 01-.308.296h-.216a.303.303 0 01-.308-.297V9.691l-1.345 2.468a.314.314 0 01-.272.16h-.23a.312.312 0 01-.274-.162l-1.292-2.435v3.418a.301.301 0 01-.308.297H9.77a.303.303 0 01-.308-.297V8.06c0-.165.138-.296.308-.296h.233a.31.31 0 01.275.162l1.709 3.222 1.756-3.227a.316.316 0 01.275-.16h.213zm3.247 2.387c.714.277 1.605.619 1.605 1.779 0 1.025-.728 1.614-1.995 1.614a4.466 4.466 0 01-1.398-.219.294.294 0 01-.187-.347l.053-.216a.294.294 0 01.148-.188.31.31 0 01.244-.025c.76.233 1.664.221 2.012-.008.103-.065.271-.23.271-.6 0-.577-.397-.76-1.103-1.03-.695-.27-1.56-.606-1.56-1.702 0-.47.164-.862.481-1.131.532-.457 1.502-.527 2.547-.233a.298.298 0 01.213.359l-.054.207a.301.301 0 01-.145.185.321.321 0 01-.238.028 3.362 3.362 0 00-.928-.137c-1.028 0-1.028.484-1.028.689-.006.535.381.711 1.062.975z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSmsLight;
 exports.default = _default;

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

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