@telefonica/mistica 10.9.0 → 10.11.0

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconConnectionsFilled = function IconConnectionsFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.871 11.938c-.927 0-1.765.345-2.423.894l-1.524-1.336c.44-.61.709-1.356.709-2.165 0-.096-.022-.185-.028-.278l2.4-.708a2.451 2.451 0 002.093 1.182 2.46 2.46 0 002.46-2.46 2.463 2.463 0 00-2.46-2.46 2.465 2.465 0 00-2.462 2.46c0 .023.005.04.005.062l-2.339.689a3.724 3.724 0 00-3.389-2.205c-1.03 0-1.96.42-2.636 1.098l-1.49-1.277c.182-.328.297-.703.297-1.106a2.307 2.307 0 00-4.613 0 2.307 2.307 0 002.305 2.305c.406 0 .781-.112 1.112-.297l1.667 1.426a3.68 3.68 0 00-.359 1.566c0 .792.255 1.526.68 2.131l-1.355 1.328a2.75 2.75 0 00-1.742-.633 2.778 2.778 0 00-2.776 2.773 2.776 2.776 0 005.552 0c0-.403-.093-.787-.25-1.134l1.47-1.437a3.69 3.69 0 004.247.028l1.597 1.4a3.763 3.763 0 00-.557 1.958c0 .496.1.964.274 1.398l-1.661.765a2.296 2.296 0 00-1.742-.81A2.31 2.31 0 008.625 19.4a2.307 2.307 0 004.613 0c0-.117-.017-.23-.034-.341l1.804-.83c.7.805 1.72 1.326 2.866 1.326a3.816 3.816 0 003.815-3.81 3.822 3.822 0 00-3.818-3.807",
-    fill: fillColor
-  }));
+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 IconConnectionsFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.393 13.251c-.18 0-.397 0-.573.038l-1.575-2.884c.898-.898 1.43-2.137 1.43-3.527C16.675 4.175 14.6 2 12.024 2 9.448 2 7.369 4.175 7.369 6.874c0 1.39.573 2.624 1.43 3.527l-1.61 2.888c-.145-.038-.357-.038-.538-.038C4.075 13.251 2 15.426 2 18.126S4.071 23 6.647 23c2.328 0 4.26-1.801 4.58-4.127h1.542C13.126 21.2 15.025 23 17.35 23c2.575 0 4.65-2.175 4.65-4.874 0-2.7-2.031-4.875-4.607-4.875zM12.024 3.5c1.79 0 3.221 1.499 3.221 3.375 0 .752-.252 1.465-.645 2.024a2.212 2.212 0 00-1.037-1.125c.284-.34.428-.79.428-1.277 0-1.125-.897-2.065-1.971-2.065s-1.971.94-1.971 2.065c0 .487.18.94.429 1.314-.501.265-.858.639-1.038 1.126a3.763 3.763 0 01-.645-2.066C8.799 5.002 10.229 3.5 12.024 3.5zm-2.043 7.767a4.723 4.723 0 002.039.487c.713 0 1.43-.19 2.04-.487l1.357 2.477c-1.358.676-2.363 2.023-2.612 3.64h-1.538c-.253-1.613-1.254-2.964-2.612-3.64l1.326-2.477zm-.753 8.888a2.212 2.212 0 00-1.038-1.126c.284-.34.429-.789.429-1.276 0-1.125-.898-2.065-1.972-2.065-1.073 0-1.967.94-1.967 2.065 0 .487.18.94.429 1.314-.5.265-.857.638-1.038 1.125-.396-.6-.645-1.314-.645-2.061 0-1.877 1.43-3.376 3.221-3.376 1.791 0 3.222 1.5 3.222 3.376a3.513 3.513 0 01-.641 2.024zm10.74 0a2.212 2.212 0 00-1.037-1.126c.285-.34.429-.789.429-1.276 0-1.125-.898-2.065-1.971-2.065-1.074 0-1.972.94-1.972 2.065 0 .487.18.94.43 1.314-.502.265-.858.638-1.039 1.125a3.763 3.763 0 01-.645-2.065c0-1.877 1.43-3.376 3.222-3.376 1.79 0 3.22 1.5 3.22 3.376a3.542 3.542 0 01-.636 2.028z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.871 11.938c-.927 0-1.765.345-2.423.894l-1.524-1.336c.44-.61.709-1.356.709-2.165 0-.096-.022-.185-.028-.278l2.4-.708a2.451 2.451 0 002.093 1.182 2.46 2.46 0 002.46-2.46 2.463 2.463 0 00-2.46-2.46 2.465 2.465 0 00-2.462 2.46c0 .023.005.04.005.062l-2.339.689a3.724 3.724 0 00-3.389-2.205c-1.03 0-1.96.42-2.636 1.098l-1.49-1.277c.182-.328.297-.703.297-1.106a2.307 2.307 0 00-4.613 0 2.307 2.307 0 002.305 2.305c.406 0 .781-.112 1.112-.297l1.667 1.426a3.68 3.68 0 00-.359 1.566c0 .792.255 1.526.68 2.131l-1.355 1.328a2.75 2.75 0 00-1.742-.633 2.778 2.778 0 00-2.776 2.773 2.776 2.776 0 005.552 0c0-.403-.093-.787-.25-1.134l1.47-1.437a3.69 3.69 0 004.247.028l1.597 1.4a3.763 3.763 0 00-.557 1.958c0 .496.1.964.274 1.398l-1.661.765a2.296 2.296 0 00-1.742-.81A2.31 2.31 0 008.625 19.4a2.307 2.307 0 004.613 0c0-.117-.017-.23-.034-.341l1.804-.83c.7.805 1.72 1.326 2.866 1.326a3.816 3.816 0 003.815-3.81 3.822 3.822 0 00-3.818-3.807",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconConnectionsFilled;
+export default IconConnectionsFilled;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconConnectionsLight = function IconConnectionsLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.165 12.322a3.626 3.626 0 00-2.485.994l-1.88-1.658a3.55 3.55 0 00.83-2.247 2.668 2.668 0 00-.042-.448l2.823-.83a2.268 2.268 0 004.182-1.685 2.272 2.272 0 00-4.456.691 3.217 3.217 0 000 .233l-2.785.83a3.547 3.547 0 00-6-1.08L6.52 5.483c.238-.35.367-.763.365-1.186A2.128 2.128 0 102.63 4.28a2.13 2.13 0 003.308 1.785l1.947 1.658a3.463 3.463 0 00.347 3.863L6.576 13.24a2.575 2.575 0 00-1.806-.728 2.611 2.611 0 00-2.614 2.608c0 .695.278 1.361.77 1.851a2.61 2.61 0 004.454-1.857c0-.42-.106-.832-.308-1.201l1.782-1.748a3.494 3.494 0 002.204.829 3.602 3.602 0 002.163-.745l1.921 1.658a3.66 3.66 0 00-.283 3.605l-2.07.96a2.121 2.121 0 00-3.734 1.905 2.12 2.12 0 004.079-1.16l2.17-.993a3.632 3.632 0 002.866 1.408 3.67 3.67 0 003.67-3.672 3.674 3.674 0 00-3.67-3.672c.003.003-.005.034-.005.034zm1.26-6.681a1.458 1.458 0 11-.002 2.916 1.458 1.458 0 01.002-2.916zM4.758 5.593c-.717 0-1.3-.585-1.3-1.302 0-.717.586-1.3 1.303-1.3s1.3.585 1.3 1.303v.005A1.29 1.29 0 014.767 5.59c-.003.003-.006.003-.009.003zm6.306 15.448a1.303 1.303 0 01-1.311-1.29 1.303 1.303 0 011.291-1.312 1.303 1.303 0 011.311 1.292v.016a1.29 1.29 0 01-1.291 1.294zm-6.306-4.1a1.782 1.782 0 010-3.563 1.782 1.782 0 010 3.563zm3.547-7.519a2.741 2.741 0 012.742-2.742 2.741 2.741 0 012.742 2.742 2.741 2.741 0 11-5.484 0zm9.86 9.415a2.843 2.843 0 01.002-5.684 2.843 2.843 0 01-.002 5.684z",
-    fill: fillColor
-  }));
+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 IconConnectionsLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.98 2a4.445 4.445 0 012.85 7.856l1.896 3.28c.008.024.008.04.016.056.256-.048.524-.072.792-.072.212 0 .372.16.372.372a.369.369 0 01-.372.372 3.704 3.704 0 00-3.699 3.7c0 1.028.42 1.96 1.1 2.632.048-.744.552-1.352 1.327-1.66a1.858 1.858 0 01-.583-1.344c0-1.02.835-1.856 1.855-1.856s1.855.836 1.855 1.856c0 .528-.22.996-.576 1.336.784.308 1.296.908 1.352 1.644a3.686 3.686 0 001.083-2.616 3.7 3.7 0 00-.68-2.144.372.372 0 01.089-.52.371.371 0 01.52.088c.535.752.815 1.644.823 2.576A4.446 4.446 0 0117.558 22a4.44 4.44 0 01-4.426-4.072h-2.26A4.452 4.452 0 016.446 22 4.444 4.444 0 012 17.556a4.436 4.436 0 015.238-4.368c.008-.024.008-.04.016-.056l1.895-3.28a4.445 4.445 0 01-1.595-3.408C7.554 3.992 9.545 2 11.98 2zM6.438 19.036c-1.08 0-1.863.536-1.863 1.272v.444a3.761 3.761 0 001.863.512c.688 0 1.336-.196 1.887-.528v-.428c0-.736-.795-1.272-1.887-1.272zm11.116 0c-1.08 0-1.863.536-1.863 1.272v.444c.54.316 1.18.512 1.863.512.688 0 1.335-.196 1.887-.528v-.428c0-.736-.796-1.272-1.887-1.272zm-11.108-5.18a3.704 3.704 0 00-3.698 3.7c0 1.028.42 1.96 1.1 2.632.047-.744.551-1.352 1.327-1.66a1.846 1.846 0 011.263-3.192c1.02 0 1.855.836 1.855 1.856 0 .528-.22.996-.575 1.336.783.308 1.295.908 1.351 1.644a3.704 3.704 0 00-2.623-6.316zm-.004 2.22a1.11 1.11 0 00-1.107 1.108c0 .612.503 1.108 1.107 1.108s1.108-.504 1.108-1.108c0-.604-.504-1.108-1.108-1.108zm11.108 0a1.11 1.11 0 00-1.108 1.108c0 .612.504 1.108 1.108 1.108.604 0 1.107-.504 1.107-1.108 0-.604-.503-1.108-1.107-1.108zm-3.307-5.8a4.43 4.43 0 01-2.243.616c-.82 0-1.587-.228-2.243-.616l-1.791 3.108a4.42 4.42 0 012.906 3.796h2.26a4.452 4.452 0 012.906-3.796zm5.162 2.844a.736.736 0 110 1.472.736.736 0 010-1.472zm-7.409-5.192c-1.08 0-1.863.536-1.863 1.272v.444a3.636 3.636 0 003.75-.016V9.2c0-.736-.795-1.272-1.887-1.272zm0-5.184a3.704 3.704 0 00-3.699 3.7l.008.235a3.71 3.71 0 001.092 2.397c.048-.744.552-1.352 1.312-1.652a1.858 1.858 0 01-.584-1.344c0-1.02.835-1.856 1.855-1.856s1.855.836 1.855 1.856c0 .528-.22.996-.576 1.336.784.308 1.296.908 1.352 1.644a3.686 3.686 0 001.084-2.616c0-2.04-1.66-3.7-3.699-3.7zm0 2.22a1.11 1.11 0 00-1.108 1.108c0 .616.492 1.108 1.108 1.108a1.11 1.11 0 001.108-1.108c0-.604-.5-1.108-1.108-1.108z",
+            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.165 12.322a3.626 3.626 0 00-2.485.994l-1.88-1.658a3.55 3.55 0 00.83-2.247 2.668 2.668 0 00-.042-.448l2.823-.83a2.268 2.268 0 004.182-1.685 2.272 2.272 0 00-4.456.691 3.217 3.217 0 000 .233l-2.785.83a3.547 3.547 0 00-6-1.08L6.52 5.483c.238-.35.367-.763.365-1.186A2.128 2.128 0 102.63 4.28a2.13 2.13 0 003.308 1.785l1.947 1.658a3.463 3.463 0 00.347 3.863L6.576 13.24a2.575 2.575 0 00-1.806-.728 2.611 2.611 0 00-2.614 2.608c0 .695.278 1.361.77 1.851a2.61 2.61 0 004.454-1.857c0-.42-.106-.832-.308-1.201l1.782-1.748a3.494 3.494 0 002.204.829 3.602 3.602 0 002.163-.745l1.921 1.658a3.66 3.66 0 00-.283 3.605l-2.07.96a2.121 2.121 0 00-3.734 1.905 2.12 2.12 0 004.079-1.16l2.17-.993a3.632 3.632 0 002.866 1.408 3.67 3.67 0 003.67-3.672 3.674 3.674 0 00-3.67-3.672c.003.003-.005.034-.005.034zm1.26-6.681a1.458 1.458 0 11-.002 2.916 1.458 1.458 0 01.002-2.916zM4.758 5.593c-.717 0-1.3-.585-1.3-1.302 0-.717.586-1.3 1.303-1.3s1.3.585 1.3 1.303v.005A1.29 1.29 0 014.767 5.59c-.003.003-.006.003-.009.003zm6.306 15.448a1.303 1.303 0 01-1.311-1.29 1.303 1.303 0 011.291-1.312 1.303 1.303 0 011.311 1.292v.016a1.29 1.29 0 01-1.291 1.294zm-6.306-4.1a1.782 1.782 0 010-3.563 1.782 1.782 0 010 3.563zm3.547-7.519a2.741 2.741 0 012.742-2.742 2.741 2.741 0 012.742 2.742 2.741 2.741 0 11-5.484 0zm9.86 9.415a2.843 2.843 0 01.002-5.684 2.843 2.843 0 01-.002 5.684z",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconConnectionsLight;
+export default IconConnectionsLight;

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

@@ -2,30 +2,78 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconConnectionsRegular = function IconConnectionsRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.9 18.246a2.545 2.545 0 01-2.544-2.543 2.547 2.547 0 012.543-2.543 2.548 2.548 0 012.546 2.543 2.55 2.55 0 01-2.546 2.543M8.493 9.283a2.451 2.451 0 014.902 0 2.451 2.451 0 01-4.902 0m-3.692 7.106a1.505 1.505 0 01-1.504-1.507 1.506 1.506 0 013.011 0c0 .835-.675 1.507-1.507 1.507m6.154 4.009a1.038 1.038 0 11.003-2.076 1.038 1.038 0 01-.003 2.076M4.804 5.322a1.036 1.036 0 11.003-2.073c.571 0 1.036.465 1.036 1.037a1.04 1.04 0 01-1.04 1.036m14.326.507a1.191 1.191 0 11-.002 2.383 1.191 1.191 0 01.002-2.383m-1.23 6.062a3.78 3.78 0 00-2.423.893l-1.52-1.336c.459-.63.708-1.386.708-2.165 0-.095-.023-.185-.028-.277l2.4-.71A2.454 2.454 0 0019.13 9.48a2.46 2.46 0 002.46-2.46 2.46 2.46 0 00-4.922 0c0 .02.005.04.005.062l-2.341.692a3.718 3.718 0 00-3.39-2.204c-.991 0-1.941.395-2.636 1.098L6.816 5.39c.182-.33.297-.703.297-1.106a2.308 2.308 0 00-4.616.003A2.309 2.309 0 004.8 6.59c.406 0 .782-.115 1.112-.3L7.58 7.72a3.66 3.66 0 00-.359 1.566c0 .792.255 1.526.681 2.131l-1.359 1.328a2.735 2.735 0 00-1.745-.63 2.778 2.778 0 00-2.776 2.77 2.78 2.78 0 002.776 2.776 2.777 2.777 0 002.776-2.776 2.77 2.77 0 00-.246-1.131l1.47-1.437a3.694 3.694 0 004.247.03l1.596 1.404a3.754 3.754 0 00-.557 1.955c0 .496.1.963.275 1.398l-1.662.764a2.292 2.292 0 00-1.742-.81 2.308 2.308 0 00-2.308 2.306 2.31 2.31 0 002.308 2.305 2.305 2.305 0 002.306-2.305c0-.118-.017-.23-.034-.342l1.804-.829a3.787 3.787 0 002.865 1.325 3.817 3.817 0 003.815-3.812A3.815 3.815 0 0017.9 11.89",
-    fill: fillColor
-  }));
+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 IconConnectionsRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.367 12.708c-.196 0-.38.016-.568.04l-1.588-2.753a4.624 4.624 0 001.44-3.353A4.645 4.645 0 0012.01 2a4.631 4.631 0 00-4.649 4.63c0 1.32.56 2.513 1.44 3.353l-1.588 2.753a4.415 4.415 0 00-.568-.04A4.665 4.665 0 002 17.358 4.64 4.64 0 006.64 22c2.317 0 4.238-1.709 4.586-3.93h1.548c.348 2.221 2.269 3.93 4.585 3.93A4.644 4.644 0 0022 17.358c0-2.56-2.072-4.65-4.633-4.65zm-6.981-3.297v-.12c0-.608.68-1.044 1.62-1.044.94 0 1.644.444 1.644 1.044v.104a3.14 3.14 0 01-1.644.452 3.258 3.258 0 01-1.62-.436zm.728-3.137c0-.496.396-.893.892-.893s.892.397.892.893a.888.888 0 01-.892.892.883.883 0 01-.892-.892zm.892-2.861a3.22 3.22 0 013.217 3.217 3.21 3.21 0 01-.648 1.929c-.189-.444-.553-.809-1.037-1.053.276-.34.436-.76.436-1.232a1.972 1.972 0 00-1.968-1.969 1.972 1.972 0 00-1.968 1.969c0 .468.16.9.436 1.232-.484.252-.844.617-1.029 1.069a3.216 3.216 0 01-.664-1.945 3.237 3.237 0 013.225-3.217zm-2.028 7.399a4.59 4.59 0 002.024.468c.728 0 1.408-.172 2.024-.468l1.353 2.349a4.658 4.658 0 00-2.609 3.485h-1.548a4.658 4.658 0 00-2.609-3.485l1.365-2.35zM5.02 20.127v-.12c0-.608.68-1.044 1.62-1.044.94 0 1.644.444 1.644 1.044v.104a3.14 3.14 0 01-1.644.452 3.11 3.11 0 01-1.62-.436zm.728-3.125c0-.496.396-.892.892-.892s.892.396.892.892a.888.888 0 01-.892.892.896.896 0 01-.892-.892zm3.46 2.285c-.188-.444-.552-.808-1.036-1.052.276-.34.436-.76.436-1.233a1.972 1.972 0 00-1.968-1.969 1.972 1.972 0 00-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.845.616-1.029 1.068a3.216 3.216 0 01-.664-1.945 3.22 3.22 0 016.442 0 3.22 3.22 0 01-.649 1.929zm6.53.84v-.12c0-.608.68-1.044 1.62-1.044.94 0 1.644.444 1.644 1.044v.104a3.14 3.14 0 01-1.644.452 3.121 3.121 0 01-1.62-.436zm.728-3.125c0-.496.396-.892.892-.892s.892.396.892.892a.888.888 0 01-.892.892.904.904 0 01-.892-.892zm3.469 2.285c-.188-.444-.553-.808-1.037-1.052.276-.34.436-.76.436-1.233a1.972 1.972 0 00-1.968-1.969 1.972 1.972 0 00-1.968 1.969c0 .468.16.9.436 1.233-.484.252-.844.616-1.028 1.068a3.216 3.216 0 01-.665-1.945 3.217 3.217 0 116.433 0 3.166 3.166 0 01-.64 1.929z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M17.9 18.246a2.545 2.545 0 01-2.544-2.543 2.547 2.547 0 012.543-2.543 2.548 2.548 0 012.546 2.543 2.55 2.55 0 01-2.546 2.543M8.493 9.283a2.451 2.451 0 014.902 0 2.451 2.451 0 01-4.902 0m-3.692 7.106a1.505 1.505 0 01-1.504-1.507 1.506 1.506 0 013.011 0c0 .835-.675 1.507-1.507 1.507m6.154 4.009a1.038 1.038 0 11.003-2.076 1.038 1.038 0 01-.003 2.076M4.804 5.322a1.036 1.036 0 11.003-2.073c.571 0 1.036.465 1.036 1.037a1.04 1.04 0 01-1.04 1.036m14.326.507a1.191 1.191 0 11-.002 2.383 1.191 1.191 0 01.002-2.383m-1.23 6.062a3.78 3.78 0 00-2.423.893l-1.52-1.336c.459-.63.708-1.386.708-2.165 0-.095-.023-.185-.028-.277l2.4-.71A2.454 2.454 0 0019.13 9.48a2.46 2.46 0 002.46-2.46 2.46 2.46 0 00-4.922 0c0 .02.005.04.005.062l-2.341.692a3.718 3.718 0 00-3.39-2.204c-.991 0-1.941.395-2.636 1.098L6.816 5.39c.182-.33.297-.703.297-1.106a2.308 2.308 0 00-4.616.003A2.309 2.309 0 004.8 6.59c.406 0 .782-.115 1.112-.3L7.58 7.72a3.66 3.66 0 00-.359 1.566c0 .792.255 1.526.681 2.131l-1.359 1.328a2.735 2.735 0 00-1.745-.63 2.778 2.778 0 00-2.776 2.77 2.78 2.78 0 002.776 2.776 2.777 2.777 0 002.776-2.776 2.77 2.77 0 00-.246-1.131l1.47-1.437a3.694 3.694 0 004.247.03l1.596 1.404a3.754 3.754 0 00-.557 1.955c0 .496.1.963.275 1.398l-1.662.764a2.292 2.292 0 00-1.742-.81 2.308 2.308 0 00-2.308 2.306 2.31 2.31 0 002.308 2.305 2.305 2.305 0 002.306-2.305c0-.118-.017-.23-.034-.342l1.804-.829a3.787 3.787 0 002.865 1.325 3.817 3.817 0 003.815-3.812A3.815 3.815 0 0017.9 11.89",
+            fill: fillColor
+        })));
+    }
 };
-
-export default IconConnectionsRegular;
+export default IconConnectionsRegular;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconContactBookFilled = function IconContactBookFilled(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M16.116 2.017a2.74 2.74 0 012.737 2.737v14.165a2.738 2.738 0 01-2.737 2.734h-8.7c-.307 0-.603-.048-.881-.136A2.704 2.704 0 014.634 19.6a2.873 2.873 0 01-.131-.862V4.664c0-.353.068-.696.2-1.012l.021-.06a2.458 2.458 0 011.384-1.365c.324-.138.676-.21 1.04-.21h8.968zm1.597 13.308h-.443l.001 4.694c.274-.286.442-.674.442-1.1v-3.594zm-5.597-2.947H9.752c-.734 0-1.342.258-1.759.745-.387.457-.594 1.081-.594 1.807v.89c0 .303.213.55.474.55h6.126c.26 0 .473-.247.473-.55l-.003-.89c0-.728-.204-1.353-.594-1.807-.417-.487-1.025-.745-1.759-.745zm5.597-2.888h-.443v4.692h.443V9.49zM10.93 6.913c-1.54 0-2.425.89-2.425 2.434s.88 2.426 2.425 2.426c1.547 0 2.435-.88 2.435-2.426 0-1.546-.888-2.434-2.435-2.434zm6.34-3.26l-.001 4.694h.443V4.754c0-.427-.168-.815-.442-1.101z",
-    fill: fillColor
-  }));
+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 IconContactBookFilled = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M16.116 2.017a2.74 2.74 0 012.737 2.737v14.165a2.738 2.738 0 01-2.737 2.734h-8.7c-.307 0-.603-.048-.881-.136A2.704 2.704 0 014.634 19.6a2.873 2.873 0 01-.131-.862V4.664c0-.353.068-.696.2-1.012l.021-.06a2.458 2.458 0 011.384-1.365c.324-.138.676-.21 1.04-.21h8.968zm1.597 13.308h-.443l.001 4.694c.274-.286.442-.674.442-1.1v-3.594zm-5.597-2.947H9.752c-.734 0-1.342.258-1.759.745-.387.457-.594 1.081-.594 1.807v.89c0 .303.213.55.474.55h6.126c.26 0 .473-.247.473-.55l-.003-.89c0-.728-.204-1.353-.594-1.807-.417-.487-1.025-.745-1.759-.745zm5.597-2.888h-.443v4.692h.443V9.49zM10.93 6.913c-1.54 0-2.425.89-2.425 2.434s.88 2.426 2.425 2.426c1.547 0 2.435-.88 2.435-2.426 0-1.546-.888-2.434-2.435-2.434zm6.34-3.26l-.001 4.694h.443V4.754c0-.427-.168-.815-.442-1.101z",
+        fill: fillColor
+    })));
 };
-
-export default IconContactBookFilled;
+export default IconContactBookFilled;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconContactBookLight = function IconContactBookLight(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.333 2C18.803 2 20 3.152 20 4.57v14.862C20 20.845 18.802 22 17.333 22H7.862C6.283 22 5 20.763 5 19.242V4.477C5 3.112 6.154 2 7.57 2h9.763zm-9.763.597c-1.074 0-1.947.842-1.947 1.877V19.24c0 1.191 1.006 2.158 2.239 2.158h9.47c.111 0 .22-.008.326-.025V2.625a2.125 2.125 0 00-.325-.025H7.57v-.003zM19.377 15.36h-1.101l.001 5.815c.653-.33 1.1-.99 1.1-1.748V15.36zm-6.133-2.775c.885 0 1.61.262 2.103.754.452.455.69 1.08.69 1.814v1.004c0 .17-.144.31-.321.31H7.664a.318.318 0 01-.321-.31v-1.004c0-.733.239-1.362.69-1.814.493-.495 1.219-.754 2.104-.754h3.107zm.002.617h-3.11c-1.368 0-2.15.711-2.15 1.951v.694h7.411v-.694c0-1.24-.784-1.95-2.15-1.95zm6.131-3.964h-1.101v5.525h1.101V9.237zm-7.685-2.212c1.581 0 2.454.839 2.454 2.366-.003 1.518-.873 2.357-2.454 2.357-1.579 0-2.45-.839-2.45-2.357 0-1.524.871-2.366 2.45-2.366zm0 .597c-.605 0-1.063.142-1.36.42-.31.288-.467.74-.467 1.346 0 .606.157 1.058.463 1.342.298.276.756.418 1.36.418.605 0 1.066-.139 1.367-.418.31-.287.466-.74.466-1.342 0-.606-.157-1.058-.466-1.345-.301-.279-.759-.42-1.363-.42zm6.585-4.799l-.001 5.817h1.101V4.57c0-.758-.447-1.417-1.1-1.747z",
-    fill: fillColor
-  }));
+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 IconContactBookLight = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M17.333 2C18.803 2 20 3.152 20 4.57v14.862C20 20.845 18.802 22 17.333 22H7.862C6.283 22 5 20.763 5 19.242V4.477C5 3.112 6.154 2 7.57 2h9.763zm-9.763.597c-1.074 0-1.947.842-1.947 1.877V19.24c0 1.191 1.006 2.158 2.239 2.158h9.47c.111 0 .22-.008.326-.025V2.625a2.125 2.125 0 00-.325-.025H7.57v-.003zM19.377 15.36h-1.101l.001 5.815c.653-.33 1.1-.99 1.1-1.748V15.36zm-6.133-2.775c.885 0 1.61.262 2.103.754.452.455.69 1.08.69 1.814v1.004c0 .17-.144.31-.321.31H7.664a.318.318 0 01-.321-.31v-1.004c0-.733.239-1.362.69-1.814.493-.495 1.219-.754 2.104-.754h3.107zm.002.617h-3.11c-1.368 0-2.15.711-2.15 1.951v.694h7.411v-.694c0-1.24-.784-1.95-2.15-1.95zm6.131-3.964h-1.101v5.525h1.101V9.237zm-7.685-2.212c1.581 0 2.454.839 2.454 2.366-.003 1.518-.873 2.357-2.454 2.357-1.579 0-2.45-.839-2.45-2.357 0-1.524.871-2.366 2.45-2.366zm0 .597c-.605 0-1.063.142-1.36.42-.31.288-.467.74-.467 1.346 0 .606.157 1.058.463 1.342.298.276.756.418 1.36.418.605 0 1.066-.139 1.367-.418.31-.287.466-.74.466-1.342 0-.606-.157-1.058-.466-1.345-.301-.279-.759-.42-1.363-.42zm6.585-4.799l-.001 5.817h1.101V4.57c0-.758-.447-1.417-1.1-1.747z",
+        fill: fillColor
+    })));
 };
-
-export default IconContactBookLight;
+export default IconContactBookLight;

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

@@ -2,30 +2,66 @@
  * This file was autogenerated. Don't edit this file!
  *
  * To update, execute "yarn start" inside "import-mistica-icons"
- */
-import * as React from 'react';
+ */ import * as React from 'react';
 import { useTheme } from '../../hooks';
 import { useIsInverseVariant } from '../../theme-variant-context';
-
-var IconContactBookRegular = function IconContactBookRegular(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-
-  var _useTheme = useTheme(),
-      colors = _useTheme.colors;
-
-  var isInverse = useIsInverseVariant();
-  var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M16.479 2a2.792 2.792 0 012.788 2.788v14.428A2.79 2.79 0 0116.479 22H7.617a2.97 2.97 0 01-2.967-2.967V4.696c0-.719.28-1.395.788-1.906A2.667 2.667 0 017.343 2h9.136zm.011 1.164H7.343c-.407 0-.793.16-1.081.448a1.523 1.523 0 00-.448 1.084v14.337c0 .995.81 1.806 1.806 1.806h8.87V3.164zm1.615 12.39h-.451v4.783c.28-.292.451-.687.451-1.12v-3.663zm-5.703-3.037c1.467 0 2.417 1 2.417 2.55v.905a.522.522 0 01-.52.517H8.114a.518.518 0 01-.517-.517v-.904c0-1.55.947-2.551 2.417-2.551h2.388zm-.003 1.032H10.01c-1.204 0-1.384.95-1.384 1.519v.387h5.156v-.387c0-.57-.18-1.52-1.384-1.52zm5.706-3.938h-.451v4.78h.451V9.61zm-6.907-2.62c1.575 0 2.476.9 2.476 2.476 0 1.569-.901 2.47-2.476 2.47-1.57 0-2.471-.901-2.471-2.47 0-1.575.902-2.476 2.47-2.476zm0 1.112c-.95 0-1.358.408-1.358 1.364 0 .95.406 1.358 1.358 1.358.956 0 1.364-.406 1.364-1.358 0-.956-.408-1.364-1.364-1.364zm6.457-4.437l-.001 4.781h.451V4.788c0-.435-.171-.83-.45-1.122z",
-    fill: fillColor
-  }));
+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 IconContactBookRegular = function(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, ["color", "size", "children"]);
+    var ref = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M16.479 2a2.792 2.792 0 012.788 2.788v14.428A2.79 2.79 0 0116.479 22H7.617a2.97 2.97 0 01-2.967-2.967V4.696c0-.719.28-1.395.788-1.906A2.667 2.667 0 017.343 2h9.136zm.011 1.164H7.343c-.407 0-.793.16-1.081.448a1.523 1.523 0 00-.448 1.084v14.337c0 .995.81 1.806 1.806 1.806h8.87V3.164zm1.615 12.39h-.451v4.783c.28-.292.451-.687.451-1.12v-3.663zm-5.703-3.037c1.467 0 2.417 1 2.417 2.55v.905a.522.522 0 01-.52.517H8.114a.518.518 0 01-.517-.517v-.904c0-1.55.947-2.551 2.417-2.551h2.388zm-.003 1.032H10.01c-1.204 0-1.384.95-1.384 1.519v.387h5.156v-.387c0-.57-.18-1.52-1.384-1.52zm5.706-3.938h-.451v4.78h.451V9.61zm-6.907-2.62c1.575 0 2.476.9 2.476 2.476 0 1.569-.901 2.47-2.476 2.47-1.57 0-2.471-.901-2.471-2.47 0-1.575.902-2.476 2.47-2.476zm0 1.112c-.95 0-1.358.408-1.358 1.364 0 .95.406 1.358 1.358 1.358.956 0 1.364-.406 1.364-1.358 0-.956-.408-1.364-1.364-1.364zm6.457-4.437l-.001 4.781h.451V4.788c0-.435-.171-.83-.45-1.122z",
+        fill: fillColor
+    })));
 };
-
-export default IconContactBookRegular;
+export default IconContactBookRegular;