@telefonica/mistica 10.9.1 → 10.12.0

package/dist/generated/mistica-icons/icon-user-account-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconUserAccountRegular = function IconUserAccountRegular(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 IconUserAccountRegular = function IconUserAccountRegular(_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: "M16.438 14.505c2.496 0 4.52 2.023 4.519 4.504l.041 2.229-.007.11a.75.75 0 01-.742.647h-16a.749.749 0 01-.749-.749v-2.223a4.517 4.517 0 014.518-4.518zm0 1.498h-8.42a3.02 3.02 0 00-3.02 3.02v1.474h14.488l-.032-1.651a3.02 3.02 0 00-3.016-2.843zM12.25 2.5c3.343 0 5.25 1.839 5.25 5.25S15.592 13 12.25 13c-3.259 0-5.154-1.748-5.246-4.997L7 7.75l.004-.253C7.095 4.247 8.99 2.5 12.249 2.5zm0 1.5C9.723 4 8.5 5.18 8.5 7.75c0 2.57 1.224 3.75 3.75 3.75S16 10.32 16 7.75C16 5.18 14.775 4 12.25 4z",
-        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.82 13.547a6.296 6.296 0 002.838-5.273C18.658 4.814 15.896 2 12.5 2 9.104 2 6.342 4.813 6.342 8.274a6.296 6.296 0 002.838 5.273C5.536 14.543 3 17.15 3 20.284a.71.71 0 00.703.716.71.71 0 00.702-.716c0-3.162 3.631-5.737 8.095-5.737s8.095 2.575 8.095 5.737a.71.71 0 00.702.716.71.71 0 00.703-.716c0-3.134-2.536-5.741-6.18-6.737zM7.748 8.274c0-2.671 2.13-4.842 4.752-4.842s4.752 2.17 4.752 4.842c0 2.67-2.13 4.837-4.752 4.837s-4.752-2.17-4.752-4.837z",
+            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: "M16.438 14.505c2.496 0 4.52 2.023 4.519 4.504l.041 2.229-.007.11a.75.75 0 01-.742.647h-16a.749.749 0 01-.749-.749v-2.223a4.517 4.517 0 014.518-4.518zm0 1.498h-8.42a3.02 3.02 0 00-3.02 3.02v1.474h14.488l-.032-1.651a3.02 3.02 0 00-3.016-2.843zM12.25 2.5c3.343 0 5.25 1.839 5.25 5.25S15.592 13 12.25 13c-3.259 0-5.154-1.748-5.246-4.997L7 7.75l.004-.253C7.095 4.247 8.99 2.5 12.249 2.5zm0 1.5C9.723 4 8.5 5.18 8.5 7.75c0 2.57 1.224 3.75 3.75 3.75S16 10.32 16 7.75C16 5.18 14.775 4 12.25 4z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconUserAccountRegular;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-user-support-filled.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconUserSupportFilled = function IconUserSupportFilled(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 IconUserSupportFilled = function IconUserSupportFilled(_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: "M20.008 2h-6.582a1.664 1.664 0 00-1.67 1.658v4.037c0 .952.681 1.67 1.583 1.67h.557v1.383c0 .395-.084.773.294.835.379.061.676-.336.902-.608.227-.272.866-.922 1.463-1.61l3.453.008c.922 0 1.667-.748 1.67-1.67V3.67A1.672 1.672 0 0020.008 2zm-3.12 6.28a.526.526 0 11-.001-1.052.526.526 0 01.001 1.052zm.882-2.787c-.103.104-.383.291-.383.518v.208a.503.503 0 01-.502.512.503.503 0 01-.501-.512V6.01c0-.538.35-.851.585-1.078.093-.09.325-.238.325-.454 0-.137-.078-.434-.412-.434-.333 0-.501.269-.501.428a.5.5 0 01-1 .026v-.023c0-.837.583-1.38 1.501-1.38.86 0 1.437.716 1.437 1.386.006.568-.302.765-.549 1.011zM8.465 15.507c1.134 0 2.014-.322 2.613-.958.566-.6.855-1.445.855-2.513 0-1.067-.289-1.91-.855-2.512-.599-.636-1.479-.958-2.613-.958s-2.014.322-2.613.958c-.566.6-.855 1.445-.855 2.512 0 1.068.289 1.91.855 2.513.599.636 1.479.958 2.613.958zm2.61.986h-5.22c-1.261 0-2.23.33-2.877.986-.647.655-.978 1.625-.978 2.89v1.043c0 .154.126.28.28.28h12.37a.28.28 0 00.28-.28V20.37c0-1.266-.328-2.241-.978-2.894-.65-.652-1.616-.983-2.876-.983z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.365 2C7.025 2 2.72 6.512 2.72 12.112c0 1.515.296 2.917.888 4.197l-1.593 6.225a.38.38 0 00.076.348c.076.08.148.118.26.118h.076l5.928-1.67a9.195 9.195 0 004.003.893c5.34 0 9.643-4.512 9.643-10.111C22 6.512 17.705 2 12.365 2zm0 15.829c-.372 0-.668-.31-.668-.701 0-.39.296-.701.668-.701.373 0 .669.31.669.7-.004.391-.3.702-.669.702zm2.594-6.767l-1.077 1.13a3.5 3.5 0 00-.964 2.45c0 .311-.26.584-.557.584-.296 0-.556-.273-.556-.583 0-1.243.444-2.41 1.297-3.266l1.077-1.129c.48-.504.408-1.595 0-2.136a1.99 1.99 0 00-1.634-.857h-.184c-.668 0-1.26.349-1.593.974-.148.273-.48.39-.74.193-.26-.155-.373-.504-.184-.776.52-.932 1.52-1.558 2.557-1.558h.184c.965 0 1.89.466 2.486 1.285.705.965.817 2.716-.112 3.69z",
+            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: "M20.008 2h-6.582a1.664 1.664 0 00-1.67 1.658v4.037c0 .952.681 1.67 1.583 1.67h.557v1.383c0 .395-.084.773.294.835.379.061.676-.336.902-.608.227-.272.866-.922 1.463-1.61l3.453.008c.922 0 1.667-.748 1.67-1.67V3.67A1.672 1.672 0 0020.008 2zm-3.12 6.28a.526.526 0 11-.001-1.052.526.526 0 01.001 1.052zm.882-2.787c-.103.104-.383.291-.383.518v.208a.503.503 0 01-.502.512.503.503 0 01-.501-.512V6.01c0-.538.35-.851.585-1.078.093-.09.325-.238.325-.454 0-.137-.078-.434-.412-.434-.333 0-.501.269-.501.428a.5.5 0 01-1 .026v-.023c0-.837.583-1.38 1.501-1.38.86 0 1.437.716 1.437 1.386.006.568-.302.765-.549 1.011zM8.465 15.507c1.134 0 2.014-.322 2.613-.958.566-.6.855-1.445.855-2.513 0-1.067-.289-1.91-.855-2.512-.599-.636-1.479-.958-2.613-.958s-2.014.322-2.613.958c-.566.6-.855 1.445-.855 2.512 0 1.068.289 1.91.855 2.513.599.636 1.479.958 2.613.958zm2.61.986h-5.22c-1.261 0-2.23.33-2.877.986-.647.655-.978 1.625-.978 2.89v1.043c0 .154.126.28.28.28h12.37a.28.28 0 00.28-.28V20.37c0-1.266-.328-2.241-.978-2.894-.65-.652-1.616-.983-2.876-.983z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconUserSupportFilled;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-user-support-light.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconUserSupportLight = function IconUserSupportLight(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 IconUserSupportLight = function IconUserSupportLight(_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: "M11.232 16.635c1.26 0 2.23.33 2.877.986.647.656.977 1.625.977 2.894v1.042a.28.28 0 01-.28.277H2.436a.28.28 0 01-.28-.28v-1.042c0-1.266.328-2.24.978-2.894.65-.652 1.616-.983 2.877-.983h5.22zm0 .56H6.01c-1.107 0-1.942.275-2.482.818-.54.544-.813 1.387-.813 2.499v.762h11.81v-.762c0-1.115-.275-1.955-.812-2.499-.538-.543-1.376-.818-2.482-.818zm-2.61-8.484c1.134 0 2.013.322 2.613.958.566.6.854 1.445.854 2.512 0 1.068-.288 1.91-.854 2.513-.6.633-1.48.955-2.614.955s-2.014-.322-2.613-.958c-.569-.6-.855-1.442-.855-2.51 0-1.067.289-1.91.855-2.512.6-.636 1.479-.958 2.613-.958zm0 .56c-1.328 0-2.908.504-2.908 2.91 0 1.328.504 2.908 2.907 2.908 2.404 0 2.908-1.583 2.908-2.908 0-1.324-.504-2.91-2.908-2.91zm11.84-7.115c.36.006.708.152.963.41.258.254.406.599.41.96V7.35a1.4 1.4 0 01-1.373 1.372h-4.219l-.146.219c-.344.514-.828 1.24-.86 1.29-.078.121-.268.415-.577.415a.516.516 0 01-.092-.008c-.395-.07-.395-.434-.395-.555V8.725h-.812a1.4 1.4 0 01-1.373-1.373V3.53c0-.717.695-1.373 1.457-1.373h7.017zm0 .56h-7.017c-.454 0-.897.404-.897.813v3.823c0 .426.387.813.813.813h1.092a.28.28 0 01.28.28v1.532l.031-.045c.053-.084 1.053-1.58 1.095-1.641a.273.273 0 01.233-.124h4.37a.843.843 0 00.812-.812V3.53a.843.843 0 00-.812-.813zm-3.555 4.236c.09-.003.176.03.238.095a.322.322 0 010 .457.317.317 0 01-.238.098.319.319 0 01-.235-.096.314.314 0 01-.098-.227c0-.179.145-.327.325-.327h.008zm-.011-3.74c.694 0 1.28.58 1.28 1.264 0 .523-.297.784-.516.974l-.022.02c-.048.042-.098.081-.148.123-.082.062-.244.194-.272.255v.51a.313.313 0 01-.254.316l-.065.006a.322.322 0 01-.323-.322v-.521c0-.347.3-.583.519-.754.044-.036.09-.07.12-.098l.022-.02c.2-.176.295-.268.295-.49 0-.364-.337-.618-.636-.618-.364 0-.636.266-.636.619a.32.32 0 01-.336.308.319.319 0 01-.308-.308c0-.71.563-1.264 1.28-1.264z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.379 2C17.669 2 22 6.335 22 11.63c0 1.777-.48 3.482-1.404 4.999-.112.184-.336.224-.515.112-.184-.112-.224-.336-.112-.516a8.699 8.699 0 001.295-4.595c0-4.887-3.995-8.89-8.881-8.89-4.887 0-8.883 4-8.883 8.89 0 1.297.296 2.553.816 3.742.036.076.076.184.036.296l-1.448 5.443 5.403-1.444h.036a.65.65 0 01.26.036c1.183.516 2.443.816 3.775.816a8.69 8.69 0 004.59-1.297c.184-.112.408-.036.516.112a.395.395 0 01-.112.517c-1.48.924-3.219 1.369-4.994 1.369a9.781 9.781 0 01-3.995-.853L2.5 21.996C2.46 22 2.424 22 2.384 22a.333.333 0 01-.26-.112c-.112-.112-.148-.224-.112-.372l1.592-5.924a9.497 9.497 0 01-.848-3.962C2.757 6.335 7.088 2 12.38 2zm6.51 15.41a.74.74 0 110 1.48.74.74 0 010-1.48zm-6.882-1.338a.556.556 0 110 1.113.556.556 0 010-1.113zm.26-9.845c.923 0 1.775.444 2.331 1.148.628.853.776 2.406-.112 3.258L13.41 11.71c-.627.704-1.035 1.629-1.035 2.517.004.216-.144.369-.368.369s-.372-.149-.372-.373c0-1.076.48-2.185 1.295-3.001l1.076-1.077c.556-.556.48-1.705.036-2.293a2.21 2.21 0 00-1.775-.889h-.184c-.704 0-1.368.372-1.74 1-.112.185-.336.225-.516.149-.184-.112-.224-.337-.148-.517.48-.852 1.404-1.368 2.404-1.368h.184z",
+            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.232 16.635c1.26 0 2.23.33 2.877.986.647.656.977 1.625.977 2.894v1.042a.28.28 0 01-.28.277H2.436a.28.28 0 01-.28-.28v-1.042c0-1.266.328-2.24.978-2.894.65-.652 1.616-.983 2.877-.983h5.22zm0 .56H6.01c-1.107 0-1.942.275-2.482.818-.54.544-.813 1.387-.813 2.499v.762h11.81v-.762c0-1.115-.275-1.955-.812-2.499-.538-.543-1.376-.818-2.482-.818zm-2.61-8.484c1.134 0 2.013.322 2.613.958.566.6.854 1.445.854 2.512 0 1.068-.288 1.91-.854 2.513-.6.633-1.48.955-2.614.955s-2.014-.322-2.613-.958c-.569-.6-.855-1.442-.855-2.51 0-1.067.289-1.91.855-2.512.6-.636 1.479-.958 2.613-.958zm0 .56c-1.328 0-2.908.504-2.908 2.91 0 1.328.504 2.908 2.907 2.908 2.404 0 2.908-1.583 2.908-2.908 0-1.324-.504-2.91-2.908-2.91zm11.84-7.115c.36.006.708.152.963.41.258.254.406.599.41.96V7.35a1.4 1.4 0 01-1.373 1.372h-4.219l-.146.219c-.344.514-.828 1.24-.86 1.29-.078.121-.268.415-.577.415a.516.516 0 01-.092-.008c-.395-.07-.395-.434-.395-.555V8.725h-.812a1.4 1.4 0 01-1.373-1.373V3.53c0-.717.695-1.373 1.457-1.373h7.017zm0 .56h-7.017c-.454 0-.897.404-.897.813v3.823c0 .426.387.813.813.813h1.092a.28.28 0 01.28.28v1.532l.031-.045c.053-.084 1.053-1.58 1.095-1.641a.273.273 0 01.233-.124h4.37a.843.843 0 00.812-.812V3.53a.843.843 0 00-.812-.813zm-3.555 4.236c.09-.003.176.03.238.095a.322.322 0 010 .457.317.317 0 01-.238.098.319.319 0 01-.235-.096.314.314 0 01-.098-.227c0-.179.145-.327.325-.327h.008zm-.011-3.74c.694 0 1.28.58 1.28 1.264 0 .523-.297.784-.516.974l-.022.02c-.048.042-.098.081-.148.123-.082.062-.244.194-.272.255v.51a.313.313 0 01-.254.316l-.065.006a.322.322 0 01-.323-.322v-.521c0-.347.3-.583.519-.754.044-.036.09-.07.12-.098l.022-.02c.2-.176.295-.268.295-.49 0-.364-.337-.618-.636-.618-.364 0-.636.266-.636.619a.32.32 0 01-.336.308.319.319 0 01-.308-.308c0-.71.563-1.264 1.28-1.264z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconUserSupportLight;
 exports.default = _default;

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

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

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

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

package/dist/generated/mistica-icons/icon-user-support-regular.js

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconUserSupportRegular = function IconUserSupportRegular(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 IconUserSupportRegular = function IconUserSupportRegular(_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: "M11.006 15.927c1.339 0 2.372.359 3.075 1.067.703.71 1.06 1.745 1.06 3.09v1.04c0 .31-.25.56-.561.56H2.56a.562.562 0 01-.56-.56v-1.04c0-1.345.356-2.384 1.059-3.09.703-.705 1.74-1.067 3.075-1.067h4.872zm.002 1.12H6.134c-1.028 0-1.795.247-2.28.737-.484.49-.734 1.264-.734 2.3v.479h10.9v-.479c0-1.036-.247-1.812-.731-2.3-.485-.487-1.253-.736-2.28-.736zM8.571 7.63c1.216 0 2.163.353 2.818 1.045.617.653.93 1.563.93 2.703s-.313 2.05-.93 2.703c-.655.698-1.605 1.048-2.818 1.048-1.215 0-2.162-.35-2.817-1.045-.62-.653-.93-1.563-.93-2.703s.313-2.05.93-2.703C6.409 7.983 7.356 7.63 8.57 7.63zm0 1.12c-1.745 0-2.627.886-2.627 2.628s.885 2.628 2.627 2.628c1.743 0 2.628-.886 2.628-2.628s-.885-2.627-2.628-2.627zM20.078 2c.891 0 1.614.723 1.614 1.613v3.902c0 .891-.723 1.614-1.614 1.614H16.79c-.314.496-.978 1.54-1.11 1.74-.29.445-.705.714-1.08.714a.754.754 0 01-.113-.009c-.414-.061-.75-.462-.75-.888v-1.56h-.11c-.87 0-1.529-.695-1.529-1.613v-3.9c0-.89.723-1.613 1.613-1.613h6.367zm0 1.12h-6.367a.494.494 0 00-.493.493v3.902c0 .247.127.493.41.493h.669c.308 0 .56.253.56.56v1.51c.328-.51 1.143-1.795 1.151-1.81a.56.56 0 01.474-.26h3.596a.494.494 0 00.493-.493V3.613a.494.494 0 00-.493-.493zm-3.05 3.648a.44.44 0 110 .88.44.44 0 010-.88zm.003-3.295c.72 0 1.201.6 1.201 1.157 0 .476-.257.639-.462.846-.087.087-.322.244-.322.434v.171a.417.417 0 01-.409.429c-.005.003-.008.003-.011.003a.418.418 0 01-.417-.423v-.177c0-.45.294-.711.49-.902.078-.075.272-.199.272-.378 0-.115-.068-.364-.345-.364-.277 0-.417.224-.417.358a.418.418 0 01-.835 0c0-.7.487-1.154 1.255-1.154z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12.36 2C17.672 2 22 6.543 22 12.118s-4.328 10.118-9.64 10.118c-1.348 0-2.656-.307-3.892-.84L2.9 22.962C2.864 23 2.792 23 2.72 23a.697.697 0 01-.508-.227.754.754 0 01-.184-.726l1.528-5.844a10.445 10.445 0 01-.836-4.085C2.72 6.543 7.048 2 12.36 2zm-.004 1.528c-4.512 0-8.184 3.858-8.184 8.59 0 1.297.256 2.519.8 3.665.072.151.072.344.036.533L3.736 21.17l4.58-1.302c.184-.038.364-.038.508.038 1.092.533 2.292.84 3.492.84 4.548-.038 8.22-3.892 8.22-8.628 0-4.736-3.672-8.59-8.18-8.59zm-.508 12.486c.402 0 .728.342.728.764s-.326.764-.728.764c-.402 0-.728-.342-.728-.764s.326-.764.728-.764zm.288-9.467a3.01 3.01 0 012.436 1.26c.692.952.8 2.67-.108 3.627l-.98 1.028c-.508.533-.8 1.26-.8 2.062-.072.457-.4.801-.8.801s-.728-.344-.728-.764c0-1.184.436-2.292 1.236-3.132l.98-1.028c.364-.382.292-1.222 0-1.642-.292-.42-.8-.688-1.272-.688h-.184c-.508 0-.98.306-1.236.764-.216.382-.656.495-.98.269a.745.745 0 01-.256-1.029 2.868 2.868 0 012.508-1.528h.184z",
+            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.006 15.927c1.339 0 2.372.359 3.075 1.067.703.71 1.06 1.745 1.06 3.09v1.04c0 .31-.25.56-.561.56H2.56a.562.562 0 01-.56-.56v-1.04c0-1.345.356-2.384 1.059-3.09.703-.705 1.74-1.067 3.075-1.067h4.872zm.002 1.12H6.134c-1.028 0-1.795.247-2.28.737-.484.49-.734 1.264-.734 2.3v.479h10.9v-.479c0-1.036-.247-1.812-.731-2.3-.485-.487-1.253-.736-2.28-.736zM8.571 7.63c1.216 0 2.163.353 2.818 1.045.617.653.93 1.563.93 2.703s-.313 2.05-.93 2.703c-.655.698-1.605 1.048-2.818 1.048-1.215 0-2.162-.35-2.817-1.045-.62-.653-.93-1.563-.93-2.703s.313-2.05.93-2.703C6.409 7.983 7.356 7.63 8.57 7.63zm0 1.12c-1.745 0-2.627.886-2.627 2.628s.885 2.628 2.627 2.628c1.743 0 2.628-.886 2.628-2.628s-.885-2.627-2.628-2.627zM20.078 2c.891 0 1.614.723 1.614 1.613v3.902c0 .891-.723 1.614-1.614 1.614H16.79c-.314.496-.978 1.54-1.11 1.74-.29.445-.705.714-1.08.714a.754.754 0 01-.113-.009c-.414-.061-.75-.462-.75-.888v-1.56h-.11c-.87 0-1.529-.695-1.529-1.613v-3.9c0-.89.723-1.613 1.613-1.613h6.367zm0 1.12h-6.367a.494.494 0 00-.493.493v3.902c0 .247.127.493.41.493h.669c.308 0 .56.253.56.56v1.51c.328-.51 1.143-1.795 1.151-1.81a.56.56 0 01.474-.26h3.596a.494.494 0 00.493-.493V3.613a.494.494 0 00-.493-.493zm-3.05 3.648a.44.44 0 110 .88.44.44 0 010-.88zm.003-3.295c.72 0 1.201.6 1.201 1.157 0 .476-.257.639-.462.846-.087.087-.322.244-.322.434v.171a.417.417 0 01-.409.429c-.005.003-.008.003-.011.003a.418.418 0 01-.417-.423v-.177c0-.45.294-.711.49-.902.078-.075.272-.199.272-.378 0-.115-.068-.364-.345-.364-.277 0-.417.224-.417.358a.418.418 0 01-.835 0c0-.7.487-1.154 1.255-1.154z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconUserSupportRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconVideoFilled = function IconVideoFilled(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 IconVideoFilled = function IconVideoFilled(_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.608 19.615c1.546-.123 1.795-1.362 1.832-2.101h-1.832v2.1zM3.244 17.53c.028.356.137 1.005.568 1.468.294.31.717.504 1.266.58V17.53H3.244zm.843-13.079c-.199.126-.765.513-.838 1.807h1.83V4.122c-.286.033-.659.115-.992.33zm16.361 1.793c-.017-.336-.103-1.03-.554-1.518-.292-.317-.723-.513-1.283-.591v2.11h1.837zm-1.84 10.02h1.84v-2.087h-1.84v2.087zm0-6.681h1.84V7.497h-1.84v2.087zm0 3.339h1.84v-2.087h-1.84v2.087zM3.235 16.279h1.84v-2.087h-1.84v2.087zm0-6.687h1.843v-2.08H3.235v2.08zm0 1.253v2.092h1.84v-2.092h-1.84zm14.804-8c3.925 0 3.639 3.697 3.639 3.697s.003 6.457.003 10.619c0 3.412-2.443 3.72-3.325 3.72-.194 0-.314-.017-.314-.017H5.625c-3.863 0-3.617-3.683-3.617-3.683L2.006 6.52c0-3.435 2.655-3.678 3.409-3.678.123 0 .196.005.196.005l12.428-.002zM9.591 14.444V9.281l4.39 2.583-4.39 2.58zm5.93-3.123L9.283 7.657a.607.607 0 00-.616 0 .63.63 0 00-.308.543v7.33a.622.622 0 00.616.625.607.607 0 00.308-.084l6.235-3.663a.63.63 0 00.308-.544.628.628 0 00-.305-.543z",
-        fill: fillColor
-    })));
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12 2c5.512 0 10 4.488 10 10s-4.488 10-10 10S2 17.512 2 12 6.488 2 12 2zM9.057 6.356a.533.533 0 00-.535 0 .534.534 0 00-.27.466v10.352a.543.543 0 00.535.539.51.51 0 00.27-.073l8.926-5.178a.537.537 0 000-.928zm.265 1.398L16.644 12l-7.322 4.246V7.754z",
+            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.608 19.615c1.546-.123 1.795-1.362 1.832-2.101h-1.832v2.1zM3.244 17.53c.028.356.137 1.005.568 1.468.294.31.717.504 1.266.58V17.53H3.244zm.843-13.079c-.199.126-.765.513-.838 1.807h1.83V4.122c-.286.033-.659.115-.992.33zm16.361 1.793c-.017-.336-.103-1.03-.554-1.518-.292-.317-.723-.513-1.283-.591v2.11h1.837zm-1.84 10.02h1.84v-2.087h-1.84v2.087zm0-6.681h1.84V7.497h-1.84v2.087zm0 3.339h1.84v-2.087h-1.84v2.087zM3.235 16.279h1.84v-2.087h-1.84v2.087zm0-6.687h1.843v-2.08H3.235v2.08zm0 1.253v2.092h1.84v-2.092h-1.84zm14.804-8c3.925 0 3.639 3.697 3.639 3.697s.003 6.457.003 10.619c0 3.412-2.443 3.72-3.325 3.72-.194 0-.314-.017-.314-.017H5.625c-3.863 0-3.617-3.683-3.617-3.683L2.006 6.52c0-3.435 2.655-3.678 3.409-3.678.123 0 .196.005.196.005l12.428-.002zM9.591 14.444V9.281l4.39 2.583-4.39 2.58zm5.93-3.123L9.283 7.657a.607.607 0 00-.616 0 .63.63 0 00-.308.543v7.33a.622.622 0 00.616.625.607.607 0 00.308-.084l6.235-3.663a.63.63 0 00.308-.544.628.628 0 00-.305-.543z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconVideoFilled;
 exports.default = _default;

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

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

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

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