@telefonica/mistica 10.9.2 → 10.13.0

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;

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconVideoLight = function IconVideoLight(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 IconVideoLight = function IconVideoLight(_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.748 20.159c1.107-.036 2.35-.564 2.408-2.727H18.74l.008 2.727zM2.834 17.432c0 .263.043 1.277.697 1.97.424.447 1.062.687 1.882.732l-.009-2.7h-2.57v-.002zm1.062-13.18c-.689.436-1.039 1.23-1.053 2.347H5.37l-.012-2.76c-.315.008-.924.072-1.462.413zm17.271 2.35c.006-.123.034-1.247-.674-2.004-.407-.433-1.016-.673-1.796-.737l.008 2.74h2.462zm-2.439 7.5l.006 2.497h2.43v-2.5c0 .002-2.436.002-2.436.002zm2.433-6.668h-2.456l.009 2.501h2.45l-.003-2.5zm-2.444 3.334l.008 2.5h2.44v-2.5h-2.448zM6.192 3.838l.051 16.313h11.668l-.05-16.318c-3.515 0-9.822.005-11.669.005zM2.837 16.6h2.561l-.008-2.5H2.837v2.5zm2.541-6.664l-.008-2.5H2.834v2.5h2.544zm-2.541.833v2.5H5.39l-.009-2.5H2.837zM18.298 3c3.99 0 3.697 3.691 3.697 3.691l.003 10.598c0 3.404-2.482 3.711-3.378 3.711-.2 0-.319-.017-.319-.017H5.68c-3.927 0-3.677-3.674-3.677-3.674V6.669C2.003 3.24 4.701 3 5.467 3c.128 0 .202.006.202.006S14.309 3 18.299 3zM9.505 14.937L14.593 12 9.505 9.063v5.874zm6.13-3.297a.414.414 0 010 .72l-6.338 3.66a.41.41 0 01-.415 0 .42.42 0 01-.208-.36V8.342a.42.42 0 01.208-.36.41.41 0 01.415 0l6.338 3.658z",
-        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 22C6.488 22 2 17.516 2 12S6.488 2 12 2s10 4.488 10 10a9.98 9.98 0 01-1.54 5.33.36.36 0 01-.494.109.36.36 0 01-.11-.494 9.247 9.247 0 001.431-4.95C21.282 6.881 17.119 2.718 12 2.718 6.881 2.718 2.718 6.88 2.718 12S6.88 21.282 12 21.282a9.247 9.247 0 004.95-1.43.36.36 0 01.493.11.36.36 0 01-.11.493A9.971 9.971 0 0112 22zm7.5-3.218a.714.714 0 00-1.426 0 .714.714 0 001.426 0zM8.965 17.484l8.926-5.178a.36.36 0 000-.621l-8.926-5.17a.355.355 0 00-.534.311v10.357a.36.36 0 00.178.31.357.357 0 00.178.046.426.426 0 00.178-.055zM17 12l-7.856 4.557V7.443L17 12z",
+            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.748 20.159c1.107-.036 2.35-.564 2.408-2.727H18.74l.008 2.727zM2.834 17.432c0 .263.043 1.277.697 1.97.424.447 1.062.687 1.882.732l-.009-2.7h-2.57v-.002zm1.062-13.18c-.689.436-1.039 1.23-1.053 2.347H5.37l-.012-2.76c-.315.008-.924.072-1.462.413zm17.271 2.35c.006-.123.034-1.247-.674-2.004-.407-.433-1.016-.673-1.796-.737l.008 2.74h2.462zm-2.439 7.5l.006 2.497h2.43v-2.5c0 .002-2.436.002-2.436.002zm2.433-6.668h-2.456l.009 2.501h2.45l-.003-2.5zm-2.444 3.334l.008 2.5h2.44v-2.5h-2.448zM6.192 3.838l.051 16.313h11.668l-.05-16.318c-3.515 0-9.822.005-11.669.005zM2.837 16.6h2.561l-.008-2.5H2.837v2.5zm2.541-6.664l-.008-2.5H2.834v2.5h2.544zm-2.541.833v2.5H5.39l-.009-2.5H2.837zM18.298 3c3.99 0 3.697 3.691 3.697 3.691l.003 10.598c0 3.404-2.482 3.711-3.378 3.711-.2 0-.319-.017-.319-.017H5.68c-3.927 0-3.677-3.674-3.677-3.674V6.669C2.003 3.24 4.701 3 5.467 3c.128 0 .202.006.202.006S14.309 3 18.299 3zM9.505 14.937L14.593 12 9.505 9.063v5.874zm6.13-3.297a.414.414 0 010 .72l-6.338 3.66a.41.41 0 01-.415 0 .42.42 0 01-.208-.36V8.342a.42.42 0 01.208-.36.41.41 0 01.415 0l6.338 3.658z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconVideoLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconVideoRegular = function IconVideoRegular(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 IconVideoRegular = function IconVideoRegular(_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.639 19.618c1.546-.124 1.795-1.362 1.834-2.101H18.64v2.1zm-15.37-2.084c.028.355.137 1.005.569 1.467.294.314.717.505 1.266.58v-2.047H3.269zM4.112 4.45c-.199.126-.765.512-.837 1.806h1.829V4.12c-.286.034-.659.115-.992.33zm16.367 1.792c-.017-.336-.104-1.03-.557-1.518-.295-.316-.726-.513-1.286-.59v2.108h1.843zm-1.84 10.023h1.843v-2.087h-1.843v2.087zm0-6.681h1.84v-2.09h-1.84v2.09zm0 3.339h1.84v-2.09h-1.84v2.09zM6.333 4.099v15.519H17.41V4.094c-3.39 0-9.106.005-11.076.005zM3.261 16.282h1.843v-2.087H3.26v2.087zm0-6.69h1.843v-2.08H3.26v2.08zm0 1.253v2.095h1.843v-2.095H3.26zM18.07 2.842c3.927 0 3.639 3.7 3.639 3.7l.002 10.625c0 3.411-2.442 3.722-3.324 3.722-.194 0-.314-.016-.314-.016H5.65c-3.866 0-3.62-3.687-3.62-3.687L2.029 6.522c0-3.437 2.655-3.68 3.409-3.68.126 0 .196.005.196.005s8.51-.005 12.437-.005zM9.619 14.447l4.392-2.583L9.62 9.282v5.165zm5.93-3.126a.63.63 0 01.308.543.63.63 0 01-.308.544l-6.238 3.666a.607.607 0 01-.616 0 .63.63 0 01-.308-.543V8.197a.63.63 0 01.308-.543.607.607 0 01.616 0l6.238 3.667z",
-        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 22C6.488 22 2 17.516 2 12S6.488 2 12 2s10 4.488 10 10-4.488 10-10 10zm0-18.57c-4.726 0-8.57 3.844-8.57 8.57 0 4.726 3.844 8.57 8.57 8.57 4.726 0 8.57-3.844 8.57-8.57 0-4.726-3.844-8.57-8.57-8.57zM8.965 17.714A.71.71 0 018.252 17V7c0-.256.137-.494.357-.617a.708.708 0 01.717.005l8.57 4.995a.714.714 0 010 1.234l-8.57 5a.737.737 0 01-.36.096zm.713-9.47v7.51L16.118 12l-6.44-3.757z",
+            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.639 19.618c1.546-.124 1.795-1.362 1.834-2.101H18.64v2.1zm-15.37-2.084c.028.355.137 1.005.569 1.467.294.314.717.505 1.266.58v-2.047H3.269zM4.112 4.45c-.199.126-.765.512-.837 1.806h1.829V4.12c-.286.034-.659.115-.992.33zm16.367 1.792c-.017-.336-.104-1.03-.557-1.518-.295-.316-.726-.513-1.286-.59v2.108h1.843zm-1.84 10.023h1.843v-2.087h-1.843v2.087zm0-6.681h1.84v-2.09h-1.84v2.09zm0 3.339h1.84v-2.09h-1.84v2.09zM6.333 4.099v15.519H17.41V4.094c-3.39 0-9.106.005-11.076.005zM3.261 16.282h1.843v-2.087H3.26v2.087zm0-6.69h1.843v-2.08H3.26v2.08zm0 1.253v2.095h1.843v-2.095H3.26zM18.07 2.842c3.927 0 3.639 3.7 3.639 3.7l.002 10.625c0 3.411-2.442 3.722-3.324 3.722-.194 0-.314-.016-.314-.016H5.65c-3.866 0-3.62-3.687-3.62-3.687L2.029 6.522c0-3.437 2.655-3.68 3.409-3.68.126 0 .196.005.196.005s8.51-.005 12.437-.005zM9.619 14.447l4.392-2.583L9.62 9.282v5.165zm5.93-3.126a.63.63 0 01.308.543.63.63 0 01-.308.544l-6.238 3.666a.607.607 0 01-.616 0 .63.63 0 01-.308-.543V8.197a.63.63 0 01.308-.543.607.607 0 01.616 0l6.238 3.667z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconVideoRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconVideoSurveillanceSecurityFilled = function IconVideoSurveillanceSecurityFilled(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 IconVideoSurveillanceSecurityFilled = function IconVideoSurveillanceSecurityFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M20.087 10.748a.124.124 0 01-.152.09l-.736-.188.426-1.67.736.188a.122.122 0 01.09.148l-.364 1.432zm1.409-2.157a1.344 1.344 0 00-.83-.619l-.736-.188.202-.795a1.46 1.46 0 00-.16-1.107 1.44 1.44 0 00-.894-.67L6.74 2.073a1.459 1.459 0 00-1.773 1.051v.006L3.679 8.2a1.466 1.466 0 001.056 1.779l5.935 1.51-2.112 5.985h-2.58v-2.535a1.46 1.46 0 00-1.459-1.462H3.46c-.804 0-1.459.656-1.459 1.46v5.316c0 .807.655 1.46 1.46 1.46h1.053a1.46 1.46 0 001.459-1.463V18.7h3.014c.26 0 .493-.165.58-.409l2.294-6.501 5.204 1.325a1.458 1.458 0 001.773-1.056l.056-.216.737.188a1.357 1.357 0 001.647-.98l.364-1.435a1.34 1.34 0 00-.145-1.025z",
         fill: fillColor
     })));

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

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

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

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