@telefonica/mistica 10.9.1 → 10.12.0

package/dist-es/generated/mistica-icons/icon-microphone-regular.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMicrophoneRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMicrophoneRegular = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M15.3 13.412v-6.72c0-2.227-1.08-3.31-3.307-3.31s-3.308 1.08-3.308 3.31v6.72c0 2.227 1.08 3.311 3.308 3.311 2.227 0 3.308-1.084 3.308-3.31zM11.994 2.16c2.921 0 4.53 1.61 4.53 4.532v6.72c0 2.922-1.609 4.532-4.53 4.532-2.922 0-4.53-1.61-4.53-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532zm.022 17.773a.957.957 0 010 1.913.956.956 0 010-1.913zm3.328-.955a.956.956 0 11-.003 1.913.956.956 0 01.003-1.913zm2.672-2.28a.956.956 0 010 1.91.956.956 0 010-1.91zm.955-3.255a.814.814 0 110 1.63.814.814 0 110-1.63zM8.643 18.978a.956.956 0 11-.003 1.913.956.956 0 01.003-1.913zm-2.673-2.28a.956.956 0 010 1.91.956.956 0 010-1.91zm-.14-2.437a.814.814 0 11-1.63 0 .814.814 0 111.63 0z",
-        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: "M17.277 21.26c0 .408-.33.74-.733.74H8.47a.737.737 0 01-.733-.74c0-.407.33-.74.733-.74h3.302v-.796C9.085 19.359 7 17.036 7 14.224c0-.408.329-.74.733-.74.404 0 .732.332.732.74 0 2.247 1.813 4.073 4.035 4.073 2.222 0 4.035-1.83 4.035-4.073 0-.408.328-.74.732-.74.404 0 .733.332.733.74 0 2.812-2.08 5.135-4.772 5.5v.797h3.302a.74.74 0 01.747.74zM9.02 14.04V5.52C9.02 3.545 10.55 2 12.505 2c1.954 0 3.485 1.546 3.485 3.518v8.52c0 1.973-1.531 3.52-3.485 3.52S9.02 16.01 9.02 14.037zm1.465 0c0 1.162.869 2.039 2.02 2.039 1.15 0 2.02-.877 2.02-2.04v-8.52c0-1.161-.87-2.039-2.02-2.039-1.151 0-2.02.878-2.02 2.04v8.52z",
+            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: "M15.3 13.412v-6.72c0-2.227-1.08-3.31-3.307-3.31s-3.308 1.08-3.308 3.31v6.72c0 2.227 1.08 3.311 3.308 3.311 2.227 0 3.308-1.084 3.308-3.31zM11.994 2.16c2.921 0 4.53 1.61 4.53 4.532v6.72c0 2.922-1.609 4.532-4.53 4.532-2.922 0-4.53-1.61-4.53-4.532v-6.72c0-2.921 1.608-4.532 4.53-4.532zm.022 17.773a.957.957 0 010 1.913.956.956 0 010-1.913zm3.328-.955a.956.956 0 11-.003 1.913.956.956 0 01.003-1.913zm2.672-2.28a.956.956 0 010 1.91.956.956 0 010-1.91zm.955-3.255a.814.814 0 110 1.63.814.814 0 110-1.63zM8.643 18.978a.956.956 0 11-.003 1.913.956.956 0 01.003-1.913zm-2.673-2.28a.956.956 0 010 1.91.956.956 0 010-1.91zm-.14-2.437a.814.814 0 11-1.63 0 .814.814 0 111.63 0z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMicrophoneRegular;

package/dist-es/generated/mistica-icons/icon-millenials-filled.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMillenialsFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMillenialsFilled = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M11.97 10.747c.896 0 1.597.233 2.084.692.504.474.762 1.18.762 2.09 0 .913-.255 1.616-.762 2.09-.485.453-1.185.686-2.084.686-.896 0-1.597-.233-2.081-.686-.502-.474-.76-1.177-.76-2.09 0-.91.256-1.616.76-2.09.484-.46 1.182-.692 2.081-.692zm1.731 6.776c1.053 0 1.919.311 2.502.905.532.543.817 1.297.817 2.182v.924a.32.32 0 01-.322.317H7.253a.32.32 0 01-.322-.317v-.924c0-.882.28-1.639.815-2.182.58-.594 1.442-.905 2.499-.905H13.7zm5.079-12.6a.636.636 0 01-.054.911.669.669 0 01-.93-.053c-2.277-2.49-5.806-2.333-5.843-2.328-3.787.042-5.784 2.152-5.804 2.171a.673.673 0 01-.932.045.633.633 0 01-.045-.91c.098-.104 2.411-2.55 6.736-2.594.135-.006 4.16-.208 6.872 2.759zM11.914 5c.112-.01 3.32-.114 5.367 2.124a.63.63 0 01-.053.907.667.667 0 01-.93-.047c-1.622-1.773-4.322-1.698-4.35-1.695C9.264 6.319 7.659 8 7.645 8.02a.677.677 0 01-.933.045.639.639 0 01-.05-.91c.084-.09 1.991-2.118 5.252-2.155zm3.543 5.227a.673.673 0 01-.932-.053c-.944-1.033-2.533-.991-2.558-.991-1.59.016-2.515.974-2.554 1.016a.668.668 0 01-.488.208.664.664 0 01-.442-.166.635.635 0 01-.045-.907c.053-.059 1.328-1.418 3.496-1.44.07 0 2.207-.076 3.577 1.423a.636.636 0 01-.054.91z",
-        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: "M11.637 6.72c.195.466.311.977.311 1.513 0 1.38-.726 2.579-1.804 3.225 2.335.552 3.896 2.18 3.896 4.264V22H2.619v-6.278c0-2.085 1.56-3.712 3.896-4.268a3.66 3.66 0 01-.46-.334c.085-.523.36-1.14.48-1.367.627-1.211 1.673-2.06 3.082-2.509zm8.255-1.35c.008.12.016.243.016.362 0 1.38-.726 2.579-1.804 3.226C20.439 9.51 22 11.137 22 13.22v6.637h-6.918v-4.136c0-1.99-1.126-3.7-2.982-4.676a4.75 4.75 0 00.686-1.42 6.284 6.284 0 011.697-.668 3.722 3.722 0 01-1.469-1.669zM5.046 2.66c1.118 0 2.032.926 2.056 2.071.383-.14.794-.23 1.225-.23 1.082 0 2.048.49 2.707 1.272l-1.705.441C7.645 6.75 6.36 7.8 5.613 9.246c-.032.066-.216.429-.38.898a3.932 3.932 0 01-.439-1.166 2.01 2.01 0 01-.654.116 1.72 1.72 0 01-.491-.07c-.787-.235-1.142-.948-1.174-1.03L2 6.968h.99V4.781c0-1.17.922-2.122 2.056-2.122zM16.29 2c.986 0 1.88.412 2.535 1.071l2.304-.634a.692.692 0 01.846.506.725.725 0 01-.483.874h-.004l-.04.012-1.808.503-6.926 1.932a3.365 3.365 0 01-.04-.532C12.675 3.677 14.299 2 16.29 2z",
+            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: "M11.97 10.747c.896 0 1.597.233 2.084.692.504.474.762 1.18.762 2.09 0 .913-.255 1.616-.762 2.09-.485.453-1.185.686-2.084.686-.896 0-1.597-.233-2.081-.686-.502-.474-.76-1.177-.76-2.09 0-.91.256-1.616.76-2.09.484-.46 1.182-.692 2.081-.692zm1.731 6.776c1.053 0 1.919.311 2.502.905.532.543.817 1.297.817 2.182v.924a.32.32 0 01-.322.317H7.253a.32.32 0 01-.322-.317v-.924c0-.882.28-1.639.815-2.182.58-.594 1.442-.905 2.499-.905H13.7zm5.079-12.6a.636.636 0 01-.054.911.669.669 0 01-.93-.053c-2.277-2.49-5.806-2.333-5.843-2.328-3.787.042-5.784 2.152-5.804 2.171a.673.673 0 01-.932.045.633.633 0 01-.045-.91c.098-.104 2.411-2.55 6.736-2.594.135-.006 4.16-.208 6.872 2.759zM11.914 5c.112-.01 3.32-.114 5.367 2.124a.63.63 0 01-.053.907.667.667 0 01-.93-.047c-1.622-1.773-4.322-1.698-4.35-1.695C9.264 6.319 7.659 8 7.645 8.02a.677.677 0 01-.933.045.639.639 0 01-.05-.91c.084-.09 1.991-2.118 5.252-2.155zm3.543 5.227a.673.673 0 01-.932-.053c-.944-1.033-2.533-.991-2.558-.991-1.59.016-2.515.974-2.554 1.016a.668.668 0 01-.488.208.664.664 0 01-.442-.166.635.635 0 01-.045-.907c.053-.059 1.328-1.418 3.496-1.44.07 0 2.207-.076 3.577 1.423a.636.636 0 01-.054.91z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMillenialsFilled;

package/dist-es/generated/mistica-icons/icon-millenials-light.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMillenialsLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMillenialsLight = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M13.491 14.914c.336-.308.507-.809.507-1.484 0-.678-.174-1.177-.51-1.49-.325-.303-.837-.454-1.52-.454-.684 0-1.191.151-1.519.454-.336.31-.504.812-.504 1.49 0 .678.168 1.176.504 1.484.325.3.835.452 1.518.452.687.002 1.2-.152 1.524-.452zm-1.524-4.296c.928 0 1.653.232 2.152.697.523.482.787 1.193.787 2.115 0 .921-.266 1.633-.79 2.112-.499.46-1.224.695-2.151.695-.925 0-1.65-.236-2.149-.695-.518-.479-.781-1.188-.781-2.112 0-.924.263-1.636.781-2.115.504-.465 1.227-.697 2.151-.697zm4.308 10.353v-.384c0-.664-.204-1.219-.59-1.605-.426-.423-1.093-.647-1.928-.647H10.18c-.832 0-1.496.224-1.921.647-.384.383-.586.938-.586 1.605v.384h8.602zm-2.518-3.505c1.087 0 1.978.317 2.58.916.555.55.846 1.311.846 2.205v.935c0 .177-.148.32-.333.32H7.096a.326.326 0 01-.333-.32v-.935c0-.897.291-1.659.837-2.205.6-.6 1.493-.916 2.577-.916h3.58zM18.83 4.872a.42.42 0 01-.036.614.477.477 0 01-.641-.034c-2.43-2.6-6.177-2.423-6.214-2.423-3.977.045-6.129 2.247-6.15 2.27a.468.468 0 01-.64.03.42.42 0 01-.03-.613c.095-.101 2.42-2.505 6.79-2.552.15-.014 4.196-.21 6.921 2.708zm-6.916.149c.129-.008 3.33-.11 5.37 2.076a.42.42 0 01-.037.613.468.468 0 01-.638-.034c-1.748-1.874-4.642-1.792-4.67-1.787-2.87.031-4.582 1.801-4.602 1.818a.471.471 0 01-.641.031.422.422 0 01-.034-.613c.081-.082 1.983-2.068 5.252-2.104zm3.504 4.905a.465.465 0 01-.638-.037c-1.054-1.126-2.804-1.073-2.821-1.073-1.762.017-2.784 1.084-2.793 1.096a.447.447 0 01-.339.143.467.467 0 01-.302-.11.42.42 0 01-.034-.613c.053-.056 1.305-1.361 3.443-1.384.075.003 2.179-.076 3.524 1.364a.423.423 0 01-.04.614z",
-        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: "M4.516 2.635c.952 0 1.728.78 1.728 1.738v.04a3.447 3.447 0 011.412-.301c1.932 0 3.5 1.58 3.5 3.519 0 1.275-.68 2.397-1.692 3.012 2.272.523 3.788 2.031 3.78 3.962v6.045a.35.35 0 01-.348.35.35.35 0 01-.348-.35v-6.045c0-2.003-2.06-3.455-4.9-3.455-1.408 0-2.676.362-3.572 1.014-.864.631-1.324 1.476-1.324 2.441v5.868a.35.35 0 01-.348.35.35.35 0 01-.348-.35v-5.868c0-1.935 1.516-3.443 3.792-3.962A3.532 3.532 0 014.2 8.182a1.746 1.746 0 01-.604.116c-.14 0-.28-.02-.412-.06-.664-.201-.952-.832-.964-.86L2 6.882h.54c.1 0 .176-.02.208-.057a.235.235 0 00.036-.148l-.004-.029.004-.016v-2.26c0-.957.78-1.738 1.732-1.738zM21.3 17.131c.387 0 .7.315.7.704a.702.702 0 01-.7.704.702.702 0 01-.7-.704c0-.39.313-.704.7-.704zM16.052 2a3.48 3.48 0 012.716 1.307l2.44-.655c.188-.049.38.06.428.249a.35.35 0 01-.248.43l-2.22.6a3.526 3.526 0 01-1.312 4.605c2.276.523 3.792 2.039 3.792 3.986v3.205a.35.35 0 01-.348.35.35.35 0 01-.348-.35v-3.21c0-2.014-2.06-3.478-4.9-3.478-1.4 0-2.668.362-3.564 1.013a.35.35 0 01-.488-.08.354.354 0 01.08-.491c.6-.438 1.344-.76 2.168-.95a3.521 3.521 0 01-1.696-3.012c0-1.942 1.572-3.519 3.5-3.519zm-5.904 4.36l-1.052.261C7.02 7.27 6.084 8.592 5.66 9.606a2.788 2.788 0 001.992.844 2.81 2.81 0 002.8-2.815c0-.459-.108-.893-.304-1.275zM7.656 4.82a2.816 2.816 0 00-2.472 4.138c.548-1.086 1.62-2.36 3.712-3.012l.02-.004.808-.202a2.775 2.775 0 00-2.068-.92zm10.82-.7l-5.224 1.403a2.81 2.81 0 002.8 2.816 2.81 2.81 0 002.424-4.22zm-13.96-.78a1.03 1.03 0 00-1.028 1.033v2.248c.008.1.012.415-.208.668a.859.859 0 01-.152.133.76.76 0 00.264.144c.22.065.48.017.772-.14a3.521 3.521 0 011.38-2.595v-.458a1.03 1.03 0 00-1.028-1.034zm11.536-.632a2.808 2.808 0 00-2.696 2.06l4.656-1.256a2.807 2.807 0 00-1.96-.804z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M13.491 14.914c.336-.308.507-.809.507-1.484 0-.678-.174-1.177-.51-1.49-.325-.303-.837-.454-1.52-.454-.684 0-1.191.151-1.519.454-.336.31-.504.812-.504 1.49 0 .678.168 1.176.504 1.484.325.3.835.452 1.518.452.687.002 1.2-.152 1.524-.452zm-1.524-4.296c.928 0 1.653.232 2.152.697.523.482.787 1.193.787 2.115 0 .921-.266 1.633-.79 2.112-.499.46-1.224.695-2.151.695-.925 0-1.65-.236-2.149-.695-.518-.479-.781-1.188-.781-2.112 0-.924.263-1.636.781-2.115.504-.465 1.227-.697 2.151-.697zm4.308 10.353v-.384c0-.664-.204-1.219-.59-1.605-.426-.423-1.093-.647-1.928-.647H10.18c-.832 0-1.496.224-1.921.647-.384.383-.586.938-.586 1.605v.384h8.602zm-2.518-3.505c1.087 0 1.978.317 2.58.916.555.55.846 1.311.846 2.205v.935c0 .177-.148.32-.333.32H7.096a.326.326 0 01-.333-.32v-.935c0-.897.291-1.659.837-2.205.6-.6 1.493-.916 2.577-.916h3.58zM18.83 4.872a.42.42 0 01-.036.614.477.477 0 01-.641-.034c-2.43-2.6-6.177-2.423-6.214-2.423-3.977.045-6.129 2.247-6.15 2.27a.468.468 0 01-.64.03.42.42 0 01-.03-.613c.095-.101 2.42-2.505 6.79-2.552.15-.014 4.196-.21 6.921 2.708zm-6.916.149c.129-.008 3.33-.11 5.37 2.076a.42.42 0 01-.037.613.468.468 0 01-.638-.034c-1.748-1.874-4.642-1.792-4.67-1.787-2.87.031-4.582 1.801-4.602 1.818a.471.471 0 01-.641.031.422.422 0 01-.034-.613c.081-.082 1.983-2.068 5.252-2.104zm3.504 4.905a.465.465 0 01-.638-.037c-1.054-1.126-2.804-1.073-2.821-1.073-1.762.017-2.784 1.084-2.793 1.096a.447.447 0 01-.339.143.467.467 0 01-.302-.11.42.42 0 01-.034-.613c.053-.056 1.305-1.361 3.443-1.384.075.003 2.179-.076 3.524 1.364a.423.423 0 01-.04.614z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMillenialsLight;

package/dist-es/generated/mistica-icons/icon-millenials-regular.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMillenialsRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMillenialsRegular = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M13.14 14.686c.236-.221.357-.61.357-1.16 0-.546-.118-.938-.359-1.162-.232-.222-.625-.33-1.168-.33-.543 0-.936.108-1.165.327-.238.224-.356.616-.356 1.165 0 .55.12.939.356 1.163.285.269.79.325 1.165.325s.882-.056 1.17-.328zm-1.17-3.938c.896 0 1.597.232 2.084.689.504.473.762 1.179.762 2.09 0 .912-.258 1.615-.762 2.089-.485.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688zm-3.723 9.809h7.454c-.006-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.24c-.476 0-1.135.087-1.544.507-.355.361-.442.866-.448 1.241zm5.454-3.036c1.053 0 1.919.31 2.502.904.535.544.817 1.297.817 2.182v.925a.319.319 0 01-.322.314H7.253a.317.317 0 01-.322-.314v-.925c0-.885.28-1.641.815-2.182.58-.593 1.442-.904 2.496-.904h3.46zm5.076-12.603a.64.64 0 01-.053.914.669.669 0 01-.93-.054c-2.275-2.49-5.804-2.333-5.84-2.325-3.788.042-5.788 2.152-5.805 2.171a.676.676 0 01-.932.045.633.633 0 01-.045-.91c.095-.104 2.411-2.547 6.74-2.594.13-.006 4.156-.21 6.865 2.753zm-6.863.079c.118-.006 3.32-.115 5.367 2.123a.636.636 0 01-.053.91.67.67 0 01-.933-.05c-1.62-1.776-4.32-1.695-4.347-1.695-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 01-.933.045.633.633 0 01-.047-.908c.08-.087 1.988-2.12 5.249-2.154zm3.546 5.224a.67.67 0 01-.933-.05c-.94-1.029-2.54-.992-2.56-.992-1.59.02-2.512.977-2.552 1.017a.679.679 0 01-.93.042.635.635 0 01-.044-.908c.053-.059 1.327-1.417 3.493-1.44.067.003 2.207-.078 3.577 1.42a.636.636 0 01-.05.91z",
-        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.704 8.531A3.876 3.876 0 0019.816 5.8c0-.376-.052-.745-.152-1.088l1.824-.51a.729.729 0 00.488-.887c-.1-.385-.48-.615-.848-.51l-2.132.598C18.328 2.548 17.316 2 16.18 2c-2.004 0-3.632 1.703-3.632 3.8 0 1.1.448 2.091 1.168 2.786a4.992 4.992 0 00-.372.15.738.738 0 00-.364.95.682.682 0 00.908.38c.684-.304 1.516-.468 2.4-.468 2.508 0 4.324 1.297 4.324 3.084v6.059c0 .401.308.723.692.723.384 0 .692-.322.692-.723v-6.059c.004-1.929-1.292-3.469-3.292-4.15zM18.432 5.8c0 1.297-1.008 2.352-2.248 2.352-1.076 0-1.976-.795-2.196-1.85l4.34-1.217c.068.226.104.464.104.715zm-2.248-2.351c.46 0 .888.146 1.244.393l-3.256.912c.368-.774 1.132-1.305 2.012-1.305zm-5.348 7.648a3.877 3.877 0 001.144-2.765c0-2.097-1.628-3.8-3.632-3.8-.436 0-.856.08-1.244.23-.028-1.158-.94-2.092-2.056-2.092-1.132 0-2.056.967-2.056 2.151v2.218H2l.476 1.037c.036.084.388.808 1.18 1.046.136.042.3.071.492.071.188 0 .404-.029.644-.108a3.838 3.838 0 001.064 2.008c-1.96.695-3.228 2.222-3.228 4.13v6c0 .401.308.724.692.724.384 0 .692-.323.692-.724v-6.004c0-1.063.612-1.754 1.12-2.143.788-.606 1.928-.941 3.2-.941 2.508 0 4.324 1.297 4.324 3.084v6.058c0 .402.308.724.692.724.384 0 .692-.322.692-.724v-6.058c0-1.9-1.256-3.423-3.204-4.122zm-.468-3.795c.148.314.228.661.228 1.034 0 1.297-1.008 2.351-2.248 2.351a2.204 2.204 0 01-1.656-.761c.6-1.172 1.604-1.996 2.98-2.444l.696-.18zM9.152 6.134C7.688 6.636 6.728 7.456 6.1 8.255c.036-1.263 1.032-2.28 2.248-2.28.284.004.556.058.804.159zm-4.868 1.59c.1-.251.1-.49.096-.611V4.816c0-.39.3-.703.672-.703.372 0 .672.314.672.703v.653c0 .07.012.142.028.209a3.849 3.849 0 00-.94 1.79.958.958 0 00-.112.06c-.12.079-.268.162-.416.196z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M13.14 14.686c.236-.221.357-.61.357-1.16 0-.546-.118-.938-.359-1.162-.232-.222-.625-.33-1.168-.33-.543 0-.936.108-1.165.327-.238.224-.356.616-.356 1.165 0 .55.12.939.356 1.163.285.269.79.325 1.165.325s.882-.056 1.17-.328zm-1.17-3.938c.896 0 1.597.232 2.084.689.504.473.762 1.179.762 2.09 0 .912-.258 1.615-.762 2.089-.485.454-1.185.686-2.081.686-.9 0-1.597-.232-2.081-.686-.505-.474-.76-1.177-.76-2.09 0-.91.255-1.616.76-2.09.481-.459 1.179-.688 2.078-.688zm-3.723 9.809h7.454c-.006-.375-.092-.877-.448-1.238-.415-.423-1.073-.51-1.552-.51H10.24c-.476 0-1.135.087-1.544.507-.355.361-.442.866-.448 1.241zm5.454-3.036c1.053 0 1.919.31 2.502.904.535.544.817 1.297.817 2.182v.925a.319.319 0 01-.322.314H7.253a.317.317 0 01-.322-.314v-.925c0-.885.28-1.641.815-2.182.58-.593 1.442-.904 2.496-.904h3.46zm5.076-12.603a.64.64 0 01-.053.914.669.669 0 01-.93-.054c-2.275-2.49-5.804-2.333-5.84-2.325-3.788.042-5.788 2.152-5.805 2.171a.676.676 0 01-.932.045.633.633 0 01-.045-.91c.095-.104 2.411-2.547 6.74-2.594.13-.006 4.156-.21 6.865 2.753zm-6.863.079c.118-.006 3.32-.115 5.367 2.123a.636.636 0 01-.053.91.67.67 0 01-.933-.05c-1.62-1.776-4.32-1.695-4.347-1.695-2.684.028-4.289 1.712-4.303 1.729a.673.673 0 01-.933.045.633.633 0 01-.047-.908c.08-.087 1.988-2.12 5.249-2.154zm3.546 5.224a.67.67 0 01-.933-.05c-.94-1.029-2.54-.992-2.56-.992-1.59.02-2.512.977-2.552 1.017a.679.679 0 01-.93.042.635.635 0 01-.044-.908c.053-.059 1.327-1.417 3.493-1.44.067.003 2.207-.078 3.577 1.42a.636.636 0 01-.05.91z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMillenialsRegular;

package/dist-es/generated/mistica-icons/icon-mobile-device-filled.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMobileDeviceFilled = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMobileDeviceFilled = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
-        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.989 5.388C18.897 3.504 17.402 2 15.579 2H9.418C7.594 2 6.1 3.504 6.008 5.388h12.98zM6 6.46h13v11.08H6V6.46zm.008 12.152C6.096 20.496 7.59 22 9.418 22h6.157c1.827 0 3.322-1.504 3.41-3.388H6.008z",
+            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.695 2.832C17.15 2.272 16.35 2 15.24 2H8.602c-2.157 0-3.25 1.106-3.25 3.291v13.104c0 2.216 1.063 3.291 3.25 3.291h6.639c2.188 0 3.25-1.075 3.25-3.291V5.291c0-1.106-.261-1.91-.796-2.46zm-4.947 16.221c-.196.2-.48.306-.82.306-.343 0-.628-.107-.822-.306-.193-.199-.288-.47-.288-.81 0-.697.414-1.114 1.112-1.114.697 0 1.11.417 1.11 1.115-.004.339-.102.61-.292.81z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMobileDeviceFilled;

package/dist-es/generated/mistica-icons/icon-mobile-device-light.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMobileDeviceLight = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMobileDeviceLight = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
-        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: "M15.746 2c1.795 0 3.25 1.444 3.25 3.215v.66c.004.016.004.032.004.048s0 .032-.004.048v12.814c0 1.775-1.46 3.215-3.25 3.215H9.25C7.455 22 6 20.556 6 18.785V5.215C6 3.44 7.46 2 9.25 2zm2.526 4.283H6.724v11.43h7.579c.198 0 .36.16.36.356a.359.359 0 01-.36.356h-7.58v.356c0 1.38 1.132 2.5 2.527 2.5h6.5c1.39 0 2.526-1.12 2.522-2.496V6.283zm-1.802 11.07c.4 0 .723.32.723.716a.72.72 0 01-.723.716.72.72 0 01-.724-.716.72.72 0 01.724-.716zm-.724-14.637H9.25c-1.39 0-2.526 1.12-2.526 2.5v.351h11.548v-.352c0-1.38-1.131-2.5-2.526-2.5z",
+            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: "M15.55 2.156c1.03 0 1.773.244 2.271.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1zm0 .56H8.449c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.574-1.87-.386-.387-1-.58-1.873-.58zm-3.544 15.11c.504 0 .83.266.83.834 0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614 0-.568.328-.834.832-.834z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMobileDeviceLight;

package/dist-es/generated/mistica-icons/icon-mobile-device-regular.js

@@ -5,19 +5,75 @@
  */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-var IconMobileDeviceRegular = function(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = 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 IconMobileDeviceRegular = function(_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 = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = 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: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
-        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: "M15.216 2H8.784a3.578 3.578 0 00-3.572 3.572v12.856A3.578 3.578 0 008.784 22h6.428a3.578 3.578 0 003.572-3.572V5.572c0-1.968-1.6-3.572-3.568-3.572zM6.644 17.356V6.644H17.36V17.36H6.644v-.004zm2.14-13.928h6.428c1.06 0 1.94.772 2.112 1.784H6.672a2.149 2.149 0 012.112-1.784zm6.432 17.144H8.784c-1.06 0-1.94-.772-2.112-1.784h10.652a2.141 2.141 0 01-2.108 1.784z",
+            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: "M15.238 2c2.182 0 3.47 1.243 3.47 3.472v13.376c0 2.23-1.288 3.473-3.47 3.473H8.47c-2.181 0-3.47-1.244-3.47-3.473V5.472C5 3.242 6.289 2 8.47 2zm0 1.5H8.47c-1.365 0-1.97.584-1.97 1.972v13.376c0 1.389.606 1.973 1.97 1.973h6.768c1.365 0 1.97-.584 1.97-1.973V5.472c0-1.388-.604-1.972-1.97-1.972zm-3.384 12.66c.61 0 1.007.317 1.007 1 0 .328-.092.572-.254.735-.177.18-.436.265-.753.265s-.576-.085-.753-.265c-.162-.163-.254-.407-.254-.735 0-.683.397-1 1.007-1z",
+            fill: fillColor
+        })));
+    }
 };
 export default IconMobileDeviceRegular;