@telefonica/mistica 10.10.0 → 10.11.0

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupportAgentLight = function IconSupportAgentLight(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 IconSupportAgentLight = function IconSupportAgentLight(_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: "M15.264 14.716c1.748 0 3.18.527 4.137 1.521.88.914 1.342 2.185 1.342 3.678v1.639a.28.28 0 01-.28.28H3.53a.28.28 0 01-.28-.28v-1.639c0-1.493.465-2.764 1.342-3.678.958-.994 2.386-1.52 4.137-1.52h6.535zm0 .563H8.729c-1.616 0-2.871.454-3.734 1.348-.776.807-1.185 1.944-1.185 3.288v1.359h16.373v-1.359c0-1.344-.41-2.481-1.185-3.288-.863-.894-2.118-1.348-3.734-1.348zM11.97 2.156c1.919 0 3.406.499 4.423 1.48 1.056 1.016 1.59 2.543 1.59 4.537v.006l-.008.546c0 .498-.142.893-.42 1.168-.277.274-.66.409-1.145.409l-.366.001a3.472 3.472 0 01-.797 1.195c-.745.717-1.832 1.081-3.232 1.081-1.398 0-2.488-.364-3.233-1.084-.773-.745-1.165-1.863-1.165-3.316 0-1.454.392-2.572 1.165-3.317.748-.717 1.835-1.081 3.233-1.081 1.397 0 2.487.364 3.232 1.084.773.748 1.165 1.863 1.165 3.316a6.2 6.2 0 01-.182 1.56h.18c.33 0 .582-.083.75-.249.168-.165.255-.428.255-.773v-.005l.009-.547c0-3.616-1.835-5.45-5.454-5.45-3.247 0-5.062 1.484-5.398 4.408a.28.28 0 01-.554-.064c.184-1.63.806-2.88 1.845-3.706 1-.795 2.381-1.199 4.107-1.199zm2.818 8.147a.524.524 0 01-.123.203c-.115.115-.283.171-.49.171-.208 0-.376-.056-.49-.17-.107-.107-.166-.267-.166-.48 0-.445.26-.652.658-.652.3 0 .52.117.609.365l.863.003a5.47 5.47 0 00.203-1.562c0-1.296-.336-2.277-.994-2.913-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.661.636-.995 1.617-.995 2.913 0 1.297.336 2.278.995 2.914.638.616 1.593.927 2.843.927 1.249 0 2.204-.311 2.843-.927a2.82 2.82 0 00.573-.793z",
-        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.282 20.568a.717.717 0 110 1.432.717.717 0 01-.719-.716c0-.395.322-.716.719-.716zM11.762 2l.31.004a6.681 6.681 0 014.668 2.144 6.985 6.985 0 011.895 4.795v.916c0 .983-.803 1.783-1.79 1.783h-1.349a4.66 4.66 0 01-1.57 1.288c2.826.608 4.717 2.447 4.717 4.81v1.405a.357.357 0 01-.715 0h-.02v-1.412c0-2.5-2.565-4.311-6.097-4.311-1.75 0-3.323.448-4.435 1.256-1.072.78-1.662 1.863-1.662 3.055v3.903a.357.357 0 01-.714 0v-3.903c0-1.424.694-2.716 1.955-3.631.758-.552 1.702-.948 2.757-1.176a4.643 4.643 0 01-2.56-4.143c0-2.56 2.09-4.643 4.66-4.643 2.568 0 4.66 2.083 4.66 4.643a4.59 4.59 0 01-.526 2.143h.887c.594 0 1.075-.48 1.075-1.071v-.916c0-3.316-2.633-6.107-5.868-6.223a6.05 6.05 0 00-4.451 1.7 6.019 6.019 0 00-1.863 4.37.357.357 0 01-.714 0c0-1.855.743-3.59 2.083-4.882a6.784 6.784 0 014.977-1.9zm.065 2.864c-2.171 0-3.941 1.76-3.941 3.927 0 2.163 1.77 3.927 3.937 3.927a3.935 3.935 0 002.702-1.072h-2.702a.357.357 0 01-.357-.356c0-.196.16-.356.357-.356h3.304a3.885 3.885 0 00.642-2.143 3.939 3.939 0 00-3.942-3.927z",
+            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.264 14.716c1.748 0 3.18.527 4.137 1.521.88.914 1.342 2.185 1.342 3.678v1.639a.28.28 0 01-.28.28H3.53a.28.28 0 01-.28-.28v-1.639c0-1.493.465-2.764 1.342-3.678.958-.994 2.386-1.52 4.137-1.52h6.535zm0 .563H8.729c-1.616 0-2.871.454-3.734 1.348-.776.807-1.185 1.944-1.185 3.288v1.359h16.373v-1.359c0-1.344-.41-2.481-1.185-3.288-.863-.894-2.118-1.348-3.734-1.348zM11.97 2.156c1.919 0 3.406.499 4.423 1.48 1.056 1.016 1.59 2.543 1.59 4.537v.006l-.008.546c0 .498-.142.893-.42 1.168-.277.274-.66.409-1.145.409l-.366.001a3.472 3.472 0 01-.797 1.195c-.745.717-1.832 1.081-3.232 1.081-1.398 0-2.488-.364-3.233-1.084-.773-.745-1.165-1.863-1.165-3.316 0-1.454.392-2.572 1.165-3.317.748-.717 1.835-1.081 3.233-1.081 1.397 0 2.487.364 3.232 1.084.773.748 1.165 1.863 1.165 3.316a6.2 6.2 0 01-.182 1.56h.18c.33 0 .582-.083.75-.249.168-.165.255-.428.255-.773v-.005l.009-.547c0-3.616-1.835-5.45-5.454-5.45-3.247 0-5.062 1.484-5.398 4.408a.28.28 0 01-.554-.064c.184-1.63.806-2.88 1.845-3.706 1-.795 2.381-1.199 4.107-1.199zm2.818 8.147a.524.524 0 01-.123.203c-.115.115-.283.171-.49.171-.208 0-.376-.056-.49-.17-.107-.107-.166-.267-.166-.48 0-.445.26-.652.658-.652.3 0 .52.117.609.365l.863.003a5.47 5.47 0 00.203-1.562c0-1.296-.336-2.277-.994-2.913-.636-.616-1.594-.927-2.843-.927-1.25 0-2.205.311-2.843.927-.661.636-.995 1.617-.995 2.913 0 1.297.336 2.278.995 2.914.638.616 1.593.927 2.843.927 1.249 0 2.204-.311 2.843-.927a2.82 2.82 0 00.573-.793z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSupportAgentLight;
 exports.default = _default;

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSupportAgentRegular = function IconSupportAgentRegular(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 IconSupportAgentRegular = function IconSupportAgentRegular(_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: "M15.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zm0 1.12H8.595c-1.538 0-2.725.426-3.532 1.263-.725.751-1.11 1.821-1.11 3.093v1.078h15.813v-1.078c0-1.272-.384-2.342-1.106-3.093-.807-.837-1.995-1.263-3.533-1.263zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.675 2.667 1.675 4.74v.008l-.008.544c0 .568-.176 1.039-.504 1.364-.328.325-.779.493-1.34.493h-.414c-.622 1.487-1.997 2.283-4.022 2.283-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.565-4.401 4.4-4.401 2.835 0 4.4 1.563 4.4 4.4 0 .353-.024.685-.071.998h.108c.255 0 .44-.057.552-.169.143-.14.17-.389.17-.571v-.008l.009-.544c0-1.756-.448-3.078-1.33-3.93-.858-.826-2.149-1.244-3.84-1.244-1.53 0-2.738.342-3.584 1.017-.86.684-1.375 1.743-1.535 3.146a.563.563 0 01-.621.493.563.563 0 01-.493-.622c.196-1.709.851-3.017 1.95-3.894C8.631 2.423 10.073 2 11.863 2zm1.826 8.83c-.162.164-.409.254-.694.254-.286 0-.527-.087-.69-.255-.162-.168-.246-.392-.246-.678 0-.574.359-.933.939-.933.352 0 .623.133.78.366l1.28.002c.059-.302.088-.634.088-.995 0-1.126-.28-1.966-.838-2.501-.535-.521-1.355-.782-2.442-.782-1.084 0-1.905.263-2.443.782-.554.535-.837 1.375-.837 2.501s.28 1.966.837 2.501c.538.519 1.359.782 2.443.782s1.905-.263 2.442-.782a2.26 2.26 0 00.32-.386h-.84a.79.79 0 01-.099.123z",
-        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.831 12.16h1.065c1.156 0 2.1-.912 2.1-2.036V9.93c0-1.782-.69-3.48-1.943-4.783a6.954 6.954 0 00-4.798-2.143c-1.92-.064-3.737.608-5.112 1.9-1.38 1.292-2.14 3.024-2.14 4.882 0 .376.314.68.702.68a.69.69 0 00.701-.68c0-1.486.607-2.872 1.708-3.906a5.657 5.657 0 014.094-1.52c2.973.103 5.39 2.603 5.39 5.57v.194c0 .372-.314.68-.702.68h-.474c.079-.327.122-.669.122-1.018 0-2.432-2.04-4.411-4.548-4.411-2.507 0-4.548 1.98-4.548 4.41 0 1.391.67 2.637 1.712 3.447a7.249 7.249 0 00-2.111.995C5.729 15.165 5 16.487 5 17.95v3.37c0 .376.313.68.701.68a.69.69 0 00.701-.68v-3.37c0-1.033.51-1.945 1.477-2.629 1.026-.726 2.488-1.128 4.121-1.128 3.243 0 5.598 1.58 5.598 3.753v3.37c0 .376.313.68.7.68a.69.69 0 00.702-.68v-3.37c0-2.21-1.641-3.97-4.16-4.718.384-.3.72-.661.991-1.068zm-6.98-2.374C8.85 8.103 10.26 6.73 12 6.73s3.15 1.368 3.15 3.055c0 .357-.063.699-.18 1.018H12.7a.69.69 0 00-.701.68c0 .376.313.68.701.68h1.277a3.18 3.18 0 01-1.974.68c-1.74-.008-3.153-1.375-3.153-3.058z",
+            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.127 14.02c1.827 0 3.328.554 4.34 1.605.93.966 1.42 2.305 1.42 3.87v1.64c0 .31-.25.56-.56.56H3.393a.562.562 0 01-.56-.56v-1.64c0-1.565.49-2.904 1.42-3.87 1.01-1.05 2.512-1.605 4.338-1.605h6.535zm0 1.12H8.595c-1.538 0-2.725.426-3.532 1.263-.725.751-1.11 1.821-1.11 3.093v1.078h15.813v-1.078c0-1.272-.384-2.342-1.106-3.093-.807-.837-1.995-1.263-3.533-1.263zM11.864 2c1.992 0 3.546.524 4.616 1.557 1.112 1.073 1.675 2.667 1.675 4.74v.008l-.008.544c0 .568-.176 1.039-.504 1.364-.328.325-.779.493-1.34.493h-.414c-.622 1.487-1.997 2.283-4.022 2.283-2.838 0-4.4-1.563-4.4-4.4 0-2.838 1.565-4.401 4.4-4.401 2.835 0 4.4 1.563 4.4 4.4 0 .353-.024.685-.071.998h.108c.255 0 .44-.057.552-.169.143-.14.17-.389.17-.571v-.008l.009-.544c0-1.756-.448-3.078-1.33-3.93-.858-.826-2.149-1.244-3.84-1.244-1.53 0-2.738.342-3.584 1.017-.86.684-1.375 1.743-1.535 3.146a.563.563 0 01-.621.493.563.563 0 01-.493-.622c.196-1.709.851-3.017 1.95-3.894C8.631 2.423 10.073 2 11.863 2zm1.826 8.83c-.162.164-.409.254-.694.254-.286 0-.527-.087-.69-.255-.162-.168-.246-.392-.246-.678 0-.574.359-.933.939-.933.352 0 .623.133.78.366l1.28.002c.059-.302.088-.634.088-.995 0-1.126-.28-1.966-.838-2.501-.535-.521-1.355-.782-2.442-.782-1.084 0-1.905.263-2.443.782-.554.535-.837 1.375-.837 2.501s.28 1.966.837 2.501c.538.519 1.359.782 2.443.782s1.905-.263 2.442-.782a2.26 2.26 0 00.32-.386h-.84a.79.79 0 01-.099.123z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconSupportAgentRegular;
 exports.default = _default;

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSyringeFilled = function IconSyringeFilled(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 IconSyringeFilled = function IconSyringeFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M17.658 7.25l-1.173-1.183 2.224-2.24 1.173 1.181-2.224 2.241zM15.19 8.481a.51.51 0 01-.378.157.566.566 0 01-.378-.149l-1.706-1.703.754-.759 1.706 1.695a.536.536 0 01.002.759zm-1.1 2.983a.576.576 0 01-.379.157.549.549 0 01-.378-.157L10.71 8.821l.753-.76 2.625 2.645a.544.544 0 01.003.759zm-2.863 1.165a.518.518 0 01-.378.165.576.576 0 01-.378-.156l-1.782-1.785.756-.759 1.782 1.776a.538.538 0 010 .76zm-1.118 2.406a.521.521 0 01-.375.157.537.537 0 01-.378-.157l-2.412-2.423.753-.761 2.412 2.43a.52.52 0 010 .754zm-2.313 1.48l-.625.627-.566-.572.625-.635c.008-.009.008-.017.016-.026l.575.586c-.009.011-.017.011-.025.02zm13.711-11.63l-2.658-2.679a.622.622 0 00-.877 0 .622.622 0 00-.106.712l-2.247 2.274-1.1-1.106a.6.6 0 00-.872 0 .627.627 0 000 .877l.157.156-.608.611v.008l-6.54 6.58-1.051 1.068a.617.617 0 00-.18.437c0 .165.065.322.18.436l.779.785c-.009.008-.017.008-.025.017l-1.06 1.075a.612.612 0 000 .877l.247.25-3.361 3.391a.612.612 0 000 .877.58.58 0 00.434.182.607.607 0 00.434-.182l3.364-3.398.32.323a.611.611 0 00.868 0l1.059-1.068c.008-.008.008-.016.017-.025l.927.933c.123.115.28.182.434.182a.61.61 0 00.434-.182l8.205-8.266.179.182c.123.115.28.182.434.182a.641.641 0 00.434-.182.627.627 0 000-.877L18.524 8.12l2.246-2.266a.59.59 0 00.289.082.61.61 0 00.442-.183.612.612 0 00.006-.868z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSyringeLight = function IconSyringeLight(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 IconSyringeLight = function IconSyringeLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M17.943 7.576L16.45 6.074l2.565-2.59 1.493 1.51-2.565 2.582zm-7.779 9.944L6.66 13.99l.585-.59 2.011 2.033a.426.426 0 00.303.126c.11 0 .21-.042.294-.126a.42.42 0 000-.6l-2.022-2.025 1.476-1.484 1.384 1.367a.408.408 0 00.294.126.426.426 0 00.302-.126.427.427 0 00-.008-.6l-1.376-1.37 1.477-1.484c.008.008.016.025.025.033l2.204 2.219a.408.408 0 00.294.126c.11 0 .219-.042.303-.126a.435.435 0 000-.6l-2.213-2.22a.116.116 0 00-.034-.026l1.485-1.485 1.3 1.292a.426.426 0 00.597-.008.417.417 0 00-.009-.592l-1.3-1.283.863-.868 3.504 3.53-8.235 8.29zm-2.936.16l-.88-.877.956-.972.88.885-.956.963zM21.721 5.01l-2.717-2.734a.428.428 0 00-.594 0 .42.42 0 000 .6l.009.016-2.566 2.583-1.274-1.283a.42.42 0 00-.585.6l.31.313-8.535 8.583a.435.435 0 000 .6l.947.954-1.255 1.255a.45.45 0 00-.126.306c0 .109.05.218.126.294l.403.406-3.588 3.622a.42.42 0 00.291.717c.11 0 .219-.042.303-.126l3.588-3.614.47.474a.413.413 0 00.303.126c.11 0 .219-.042.294-.126l1.258-1.258 1.09 1.098a.408.408 0 00.294.126.426.426 0 00.302-.126l8.524-8.594.336.34a.408.408 0 00.588 0 .42.42 0 000-.6l-1.375-1.384 2.566-2.591.025.025a.408.408 0 00.294.126c.11 0 .219-.042.303-.126a.447.447 0 00-.009-.602z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,17 +29,65 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconSyringeRegular = function IconSyringeRegular(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 IconSyringeRegular = function IconSyringeRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
     var ref = (0, _hooks).useTheme(), colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
+    }, rest), /*#__PURE__*/ React.createElement("path", {
         d: "M17.661 7.25l-1.174-1.183 2.224-2.24 1.174 1.181-2.224 2.241zm-7.613 9.736l-3.135-3.165.616-.628 1.832 1.843a.523.523 0 00.378.157c.14 0 .272-.05.379-.157a.54.54 0 000-.753L8.286 12.44l.986-1 1.207 1.199a.575.575 0 00.375.157c.14 0 .28-.06.378-.166a.538.538 0 000-.759l-1.207-1.19 1.272-1.272 2.034 2.059a.576.576 0 00.378.157c.14 0 .28-.06.378-.157a.53.53 0 000-.76L12.042 8.65l1.272-1.28 1.123 1.123a.566.566 0 00.378.148c.14 0 .28-.05.378-.156a.542.542 0 000-.762l-1.126-1.107.608-.619 3.143 3.165-7.77 7.824zm-2.25-.47l-.622.627-.565-.572.624-.635c.009-.009.009-.017.017-.026l.574.586c-.01.011-.02.011-.028.02zm13.703-11.63l-2.658-2.679a.612.612 0 00-.868 0 .618.618 0 00-.107.712L15.62 5.193l-1.1-1.106a.6.6 0 00-.872 0 .627.627 0 000 .877l.157.156-8.196 8.267a.612.612 0 000 .876l.779.785c-.009.008-.017.008-.026.016L5.303 16.14a.612.612 0 000 .877l.246.25-3.37 3.388a.627.627 0 000 .877.611.611 0 00.869 0l3.372-3.398.32.323a.6.6 0 00.436.182c.157 0 .311-.06.435-.182l1.058-1.068c.009-.008.009-.016.017-.025l.927.933a.65.65 0 00.437.182c.157 0 .32-.067.435-.182l8.204-8.266.18.182c.123.115.28.182.433.182a.65.65 0 00.435-.182.627.627 0 000-.877L18.532 8.12l2.25-2.266a.588.588 0 00.722-.1.605.605 0 00-.003-.869z",
         fill: fillColor
     })));

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

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

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

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

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

@@ -29,20 +29,80 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
-var IconTabletFilled = function IconTabletFilled(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 IconTabletFilled = function IconTabletFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M6.61 3.58c-.22.134-.88.546-.88 2.042v11.157H18.1c0-4.238-.006-11.168-.006-11.168 0-.037.003-.073.005-.112 0 0 .062-1.014-.512-1.653-.367-.406-.97-.614-1.793-.614l-7.75.003c-.029 0-.054-.003-.082-.003H7.92c-.18-.002-.793.023-1.31.348zm12.67 2.028s.006 8.507.006 12.434c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.003-.157-.003s-3.757.003-7.715.003c-3.958 0-3.52-3.638-3.52-3.638V5.628c0-3.43 2.756-3.622 3.378-3.622.078 0 .123.002.123.002l7.75-.002c3.807-.003 3.493 3.602 3.493 3.602zm-7.375 12.798c-.512 0-.82.308-.82.82 0 .25.07.452.212.597.146.146.356.225.608.225s.462-.079.608-.225c.143-.145.213-.347.213-.596 0-.513-.308-.82-.82-.82z",
-        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 5.393h16v13.214H4V5.393zm16-1.069v-.54c0-1-.764-1.784-1.738-1.784H5.738C4.764 2 4 2.784 4 3.784v.536h16v.004zM4 19.68v.536c0 1 .764 1.784 1.738 1.784h12.52c.975 0 1.738-.784 1.738-1.784v-.536H4z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M6.61 3.58c-.22.134-.88.546-.88 2.042v11.157H18.1c0-4.238-.006-11.168-.006-11.168 0-.037.003-.073.005-.112 0 0 .062-1.014-.512-1.653-.367-.406-.97-.614-1.793-.614l-7.75.003c-.029 0-.054-.003-.082-.003H7.92c-.18-.002-.793.023-1.31.348zm12.67 2.028s.006 8.507.006 12.434c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.003-.157-.003s-3.757.003-7.715.003c-3.958 0-3.52-3.638-3.52-3.638V5.628c0-3.43 2.756-3.622 3.378-3.622.078 0 .123.002.123.002l7.75-.002c3.807-.003 3.493 3.602 3.493 3.602zm-7.375 12.798c-.512 0-.82.308-.82.82 0 .25.07.452.212.597.146.146.356.225.608.225s.462-.079.608-.225c.143-.145.213-.347.213-.596 0-.513-.308-.82-.82-.82z",
+            fill: fillColor
+        })));
+    }
 };
 var _default = IconTabletFilled;
 exports.default = _default;

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

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