intergalactic 15.105.0 → 15.106.0

package/icon/TikTok/m/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
+var _icon = _interopRequireDefault(require("intergalactic/icon"));
+var _excluded = ["width", "height", "viewBox"];
+function TikTok(_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '16' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '16' : _ref$height,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "TikTok",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.29.702a3.832 3.832 0 0 0 1.717 2.51h.001c.614.391 1.346.62 2.132.62v2.75a6.802 6.802 0 0 1-3.917-1.231v5.59c0 2.792-2.324 5.063-5.181 5.063a5.234 5.234 0 0 1-2.97-.918l-.001-.001C1.735 14.168.86 12.653.86 10.94c0-2.791 2.324-5.063 5.18-5.063.238 0 .47.02.7.05v.651L6.74 8.735a2.382 2.382 0 0 0-.698-.106c-1.305 0-2.367 1.037-2.367 2.312 0 .888.516 1.66 1.269 2.046.328.17.701.266 1.098.266 1.274 0 2.314-.99 2.362-2.225L8.408.004h2.815c0 .238.024.471.067.698Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+TikTok.displayName = 'TikTok';
+var _default = (0, _core.createBaseComponent)(TikTok);
+exports["default"] = _default;

package/icon/TikTok/m/index.mjs

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import React from 'react';
+import { createBaseComponent } from 'intergalactic/core';
+import Icon from 'intergalactic/icon';
+function TikTok({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "TikTok",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.29.702a3.832 3.832 0 0 0 1.717 2.51h.001c.614.391 1.346.62 2.132.62v2.75a6.802 6.802 0 0 1-3.917-1.231v5.59c0 2.792-2.324 5.063-5.181 5.063a5.234 5.234 0 0 1-2.97-.918l-.001-.001C1.735 14.168.86 12.653.86 10.94c0-2.791 2.324-5.063 5.18-5.063.238 0 .47.02.7.05v.651L6.74 8.735a2.382 2.382 0 0 0-.698-.106c-1.305 0-2.367 1.037-2.367 2.312 0 .888.516 1.66 1.269 2.046.328.17.701.266 1.098.266 1.274 0 2.314-.99 2.362-2.225L8.408.004h2.815c0 .238.024.471.067.698Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+TikTok.displayName = 'TikTok';
+export default createBaseComponent(TikTok);

package/icon/color/Confluence/l/index.js

@@ -28,14 +28,14 @@ function Confluence(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2.337 17.267c-.215.35-.457.758-.646 1.083a.663.663 0 0 0 .222.9l4.307 2.651a.663.663 0 0 0 .917-.225c.17-.288.391-.663.633-1.064 1.706-2.815 3.425-2.471 6.516-.993l4.27 2.03a.665.665 0 0 0 .892-.331l2.05-4.638a.663.663 0 0 0-.331-.868 654.128 654.128 0 0 1-4.307-2.047c-5.817-2.83-10.75-2.644-14.523 3.502Z",
-    fill: "url(#intergalactic-icon-Confluence_l_a-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_l_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21.647 6.732c.216-.351.458-.762.663-1.083a.663.663 0 0 0-.225-.901l-4.307-2.65a.663.663 0 0 0-.914.225l-.636 1.063c-1.707 2.816-3.423 2.471-6.517.994L5.428 2.359a.662.662 0 0 0-.888.331L2.49 7.328a.663.663 0 0 0 .33.868c.902.424 2.697 1.269 4.307 2.047 5.814 2.806 10.747 2.62 14.52-3.511Z",
-    fill: "url(#intergalactic-icon-Confluence_l_b-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_l_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_l_a-4.43.2",
+    id: "intergalactic-icon-Confluence_l_a-4.44.0",
     x1: "21.369",
     y1: "23.259",
     x2: "8.34",
@@ -50,7 +50,7 @@ function Confluence(_ref, ref) {
     offset: "1",
     stopColor: "#0082FF"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_l_b-4.43.2",
+    id: "intergalactic-icon-Confluence_l_b-4.44.0",
     x1: "2.615",
     y1: ".729",
     x2: "15.645",

package/icon/color/Confluence/l/index.mjs

@@ -17,14 +17,14 @@ function Confluence({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M2.337 17.267c-.215.35-.457.758-.646 1.083a.663.663 0 0 0 .222.9l4.307 2.651a.663.663 0 0 0 .917-.225c.17-.288.391-.663.633-1.064 1.706-2.815 3.425-2.471 6.516-.993l4.27 2.03a.665.665 0 0 0 .892-.331l2.05-4.638a.663.663 0 0 0-.331-.868 654.128 654.128 0 0 1-4.307-2.047c-5.817-2.83-10.75-2.644-14.523 3.502Z",
-    fill: "url(#intergalactic-icon-Confluence_l_a-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_l_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M21.647 6.732c.216-.351.458-.762.663-1.083a.663.663 0 0 0-.225-.901l-4.307-2.65a.663.663 0 0 0-.914.225l-.636 1.063c-1.707 2.816-3.423 2.471-6.517.994L5.428 2.359a.662.662 0 0 0-.888.331L2.49 7.328a.663.663 0 0 0 .33.868c.902.424 2.697 1.269 4.307 2.047 5.814 2.806 10.747 2.62 14.52-3.511Z",
-    fill: "url(#intergalactic-icon-Confluence_l_b-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_l_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_l_a-4.43.2",
+    id: "intergalactic-icon-Confluence_l_a-4.44.0",
     x1: "21.369",
     y1: "23.259",
     x2: "8.34",
@@ -39,7 +39,7 @@ function Confluence({
     offset: "1",
     stopColor: "#0082FF"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_l_b-4.43.2",
+    id: "intergalactic-icon-Confluence_l_b-4.44.0",
     x1: "2.615",
     y1: ".729",
     x2: "15.645",

package/icon/color/Confluence/m/index.js

@@ -28,14 +28,14 @@ function Confluence(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M1.032 11.807c-.155.254-.33.549-.465.783a.48.48 0 0 0 .16.652l3.105 1.916a.477.477 0 0 0 .662-.163c.121-.209.282-.48.456-.769 1.23-2.036 2.47-1.787 4.699-.719l3.079 1.469a.475.475 0 0 0 .642-.24l1.479-3.353a.48.48 0 0 0-.24-.627c-.649-.307-1.941-.92-3.104-1.48C7.31 7.23 3.753 7.365 1.032 11.807Z",
-    fill: "url(#intergalactic-icon-Confluence_m_a-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_m_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M14.956 4.191c.155-.254.33-.55.478-.783a.48.48 0 0 0-.162-.651L12.166.84a.476.476 0 0 0-.659.163c-.124.208-.284.479-.459.768-1.23 2.036-2.467 1.787-4.698.719L3.26 1.03a.477.477 0 0 0-.64.24L1.142 4.622a.48.48 0 0 0 .24.628c.649.306 1.944.917 3.104 1.48 4.193 2.028 7.75 1.894 10.47-2.539Z",
-    fill: "url(#intergalactic-icon-Confluence_m_b-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_m_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_m_a-4.43.2",
+    id: "intergalactic-icon-Confluence_m_a-4.44.0",
     x1: "14.756",
     y1: "16.14",
     x2: "5.349",
@@ -50,7 +50,7 @@ function Confluence(_ref, ref) {
     offset: "1",
     stopColor: "#0082FF"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_m_b-4.43.2",
+    id: "intergalactic-icon-Confluence_m_b-4.44.0",
     x1: "1.233",
     y1: "-.148",
     x2: "10.64",

package/icon/color/Confluence/m/index.mjs

@@ -17,14 +17,14 @@ function Confluence({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M1.032 11.807c-.155.254-.33.549-.465.783a.48.48 0 0 0 .16.652l3.105 1.916a.477.477 0 0 0 .662-.163c.121-.209.282-.48.456-.769 1.23-2.036 2.47-1.787 4.699-.719l3.079 1.469a.475.475 0 0 0 .642-.24l1.479-3.353a.48.48 0 0 0-.24-.627c-.649-.307-1.941-.92-3.104-1.48C7.31 7.23 3.753 7.365 1.032 11.807Z",
-    fill: "url(#intergalactic-icon-Confluence_m_a-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_m_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M14.956 4.191c.155-.254.33-.55.478-.783a.48.48 0 0 0-.162-.651L12.166.84a.476.476 0 0 0-.659.163c-.124.208-.284.479-.459.768-1.23 2.036-2.467 1.787-4.698.719L3.26 1.03a.477.477 0 0 0-.64.24L1.142 4.622a.48.48 0 0 0 .24.628c.649.306 1.944.917 3.104 1.48 4.193 2.028 7.75 1.894 10.47-2.539Z",
-    fill: "url(#intergalactic-icon-Confluence_m_b-4.43.2)",
+    fill: "url(#intergalactic-icon-Confluence_m_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_m_a-4.43.2",
+    id: "intergalactic-icon-Confluence_m_a-4.44.0",
     x1: "14.756",
     y1: "16.14",
     x2: "5.349",
@@ -39,7 +39,7 @@ function Confluence({
     offset: "1",
     stopColor: "#0082FF"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Confluence_m_b-4.43.2",
+    id: "intergalactic-icon-Confluence_m_b-4.44.0",
     x1: "1.233",
     y1: "-.148",
     x2: "10.64",

package/icon/color/MicrosoftOffice/l/index.js

@@ -28,26 +28,26 @@ function MicrosoftOffice(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m13.45.1 1.82 4.16v14.48l-1.79 5.16 6.77-1.93A2.42 2.42 0 0 0 22 19.64V4.36a2.43 2.43 0 0 0-1.76-2.34L13.45.1Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_a-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m4.88 18.59 1.98-1.07A1.73 1.73 0 0 0 7.75 16V8.2a1.74 1.74 0 0 1 1.14-1.63l6.38-2.3V2.5A2.51 2.51 0 0 0 13.45.1a2.53 2.53 0 0 0-1.92.23L4.22 4.5A2.42 2.42 0 0 0 3 6.6v10.86a1.28 1.28 0 0 0 1.24 1.27c.22 0 .44-.05.64-.15Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_b-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.27 18.74H7.72a1.27 1.27 0 0 0-1.21.95 1.28 1.28 0 0 0 .58 1.43l4.5 2.56a2.45 2.45 0 0 0 1.9.22 2.46 2.46 0 0 0 1.78-2.38v-2.78Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_c-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_c-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m4.88 18.59 1.98-1.07A1.73 1.73 0 0 0 7.75 16V8.2a1.74 1.74 0 0 1 1.14-1.63l6.38-2.3V2.5A2.51 2.51 0 0 0 13.45.1a2.53 2.53 0 0 0-1.92.23L4.22 4.5A2.42 2.42 0 0 0 3 6.6v10.86a1.28 1.28 0 0 0 1.24 1.27c.22 0 .44-.05.64-.15Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_d-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_d-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.27 18.74H7.72a1.27 1.27 0 0 0-1.21.95 1.28 1.28 0 0 0 .58 1.43l4.5 2.56a2.45 2.45 0 0 0 1.9.22 2.46 2.46 0 0 0 1.78-2.38v-2.78Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_e-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_e-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_a-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_a-4.44.0",
     x1: "17.73",
     y1: "-1.26",
     x2: "17.73",
@@ -68,7 +68,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".5",
     stopColor: "#D83B01"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_b-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_b-4.44.0",
     x1: "13.5",
     y1: "-.43",
     x2: "1.04",
@@ -92,7 +92,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_c-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_c-4.44.0",
     x1: "7.16",
     y1: "21.37",
     x2: "23.36",
@@ -104,7 +104,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".6",
     stopColor: "#A4070A"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_d-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_d-4.44.0",
     x1: "13.75",
     y1: "-.79",
     x2: "11.11",
@@ -116,7 +116,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: "1",
     stopOpacity: "0"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_e-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_e-4.44.0",
     x1: "18.17",
     y1: "21.74",
     x2: "10.91",

package/icon/color/MicrosoftOffice/l/index.mjs

@@ -17,26 +17,26 @@ function MicrosoftOffice({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "m13.45.1 1.82 4.16v14.48l-1.79 5.16 6.77-1.93A2.42 2.42 0 0 0 22 19.64V4.36a2.43 2.43 0 0 0-1.76-2.34L13.45.1Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_a-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "m4.88 18.59 1.98-1.07A1.73 1.73 0 0 0 7.75 16V8.2a1.74 1.74 0 0 1 1.14-1.63l6.38-2.3V2.5A2.51 2.51 0 0 0 13.45.1a2.53 2.53 0 0 0-1.92.23L4.22 4.5A2.42 2.42 0 0 0 3 6.6v10.86a1.28 1.28 0 0 0 1.24 1.27c.22 0 .44-.05.64-.15Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_b-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15.27 18.74H7.72a1.27 1.27 0 0 0-1.21.95 1.28 1.28 0 0 0 .58 1.43l4.5 2.56a2.45 2.45 0 0 0 1.9.22 2.46 2.46 0 0 0 1.78-2.38v-2.78Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_c-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_c-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "m4.88 18.59 1.98-1.07A1.73 1.73 0 0 0 7.75 16V8.2a1.74 1.74 0 0 1 1.14-1.63l6.38-2.3V2.5A2.51 2.51 0 0 0 13.45.1a2.53 2.53 0 0 0-1.92.23L4.22 4.5A2.42 2.42 0 0 0 3 6.6v10.86a1.28 1.28 0 0 0 1.24 1.27c.22 0 .44-.05.64-.15Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_d-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_d-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15.27 18.74H7.72a1.27 1.27 0 0 0-1.21.95 1.28 1.28 0 0 0 .58 1.43l4.5 2.56a2.45 2.45 0 0 0 1.9.22 2.46 2.46 0 0 0 1.78-2.38v-2.78Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_l_e-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_l_e-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_a-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_a-4.44.0",
     x1: "17.73",
     y1: "-1.26",
     x2: "17.73",
@@ -57,7 +57,7 @@ function MicrosoftOffice({
     offset: ".5",
     stopColor: "#D83B01"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_b-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_b-4.44.0",
     x1: "13.5",
     y1: "-.43",
     x2: "1.04",
@@ -81,7 +81,7 @@ function MicrosoftOffice({
     offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_c-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_c-4.44.0",
     x1: "7.16",
     y1: "21.37",
     x2: "23.36",
@@ -93,7 +93,7 @@ function MicrosoftOffice({
     offset: ".6",
     stopColor: "#A4070A"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_d-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_d-4.44.0",
     x1: "13.75",
     y1: "-.79",
     x2: "11.11",
@@ -105,7 +105,7 @@ function MicrosoftOffice({
     offset: "1",
     stopOpacity: "0"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_l_e-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_l_e-4.44.0",
     x1: "18.17",
     y1: "21.74",
     x2: "10.91",

package/icon/color/MicrosoftOffice/m/index.js

@@ -28,26 +28,26 @@ function MicrosoftOffice(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m9.15.06 1.25 2.78v9.66l-1.23 3.43 4.63-1.28c.34-.1.65-.3.86-.58.22-.28.34-.63.34-.98V2.9c0-.35-.12-.69-.33-.97a1.66 1.66 0 0 0-.87-.58L9.15.06Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_a-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m3.28 12.4 1.36-.72a1.17 1.17 0 0 0 .61-1.02v-5.2c0-.23.07-.46.21-.65a1.18 1.18 0 0 1 .57-.43l4.37-1.54V1.67c0-.36-.13-.72-.35-1A1.71 1.71 0 0 0 8.68 0c-.3 0-.59.08-.85.22l-5 2.79a1.63 1.63 0 0 0-.6.59 1.58 1.58 0 0 0-.23.8v7.24c0 .15.04.3.11.42a.86.86 0 0 0 .31.31.88.88 0 0 0 .86.02Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_b-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M10.4 12.5H5.23a.89.89 0 0 0-.53.17.85.85 0 0 0-.3.46.83.83 0 0 0 .03.54.86.86 0 0 0 .37.41l3.08 1.7a1.72 1.72 0 0 0 2.18-.44 1.62 1.62 0 0 0 .33-1V12.5Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_c-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_c-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m3.28 12.4 1.36-.72a1.17 1.17 0 0 0 .61-1.02v-5.2c0-.23.07-.46.21-.65a1.18 1.18 0 0 1 .57-.43l4.37-1.54V1.67c0-.36-.13-.72-.35-1A1.71 1.71 0 0 0 8.68 0c-.3 0-.59.08-.85.22l-5 2.79a1.63 1.63 0 0 0-.6.59 1.58 1.58 0 0 0-.23.8v7.24c0 .15.04.3.11.42a.86.86 0 0 0 .31.31.88.88 0 0 0 .86.02Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_d-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_d-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M10.4 12.5H5.23a.89.89 0 0 0-.53.17.85.85 0 0 0-.3.46.83.83 0 0 0 .03.54.86.86 0 0 0 .37.41l3.08 1.7a1.72 1.72 0 0 0 2.18-.44 1.62 1.62 0 0 0 .33-1V12.5Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_e-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_e-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_a-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_a-4.44.0",
     x1: "12.07",
     y1: "-.84",
     x2: "12.07",
@@ -68,7 +68,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".5",
     stopColor: "#D83B01"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_b-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_b-4.44.0",
     x1: "9.18",
     y1: "-.29",
     x2: ".96",
@@ -92,7 +92,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_c-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_c-4.44.0",
     x1: "4.84",
     y1: "14.25",
     x2: "15.93",
@@ -104,7 +104,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".6",
     stopColor: "#A4070A"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_d-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_d-4.44.0",
     x1: "9.36",
     y1: "-.53",
     x2: "7.61",
@@ -116,7 +116,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: "1",
     stopOpacity: "0"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_e-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_e-4.44.0",
     x1: "12.38",
     y1: "14.49",
     x2: "7.42",

package/icon/color/MicrosoftOffice/m/index.mjs

@@ -17,26 +17,26 @@ function MicrosoftOffice({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "m9.15.06 1.25 2.78v9.66l-1.23 3.43 4.63-1.28c.34-.1.65-.3.86-.58.22-.28.34-.63.34-.98V2.9c0-.35-.12-.69-.33-.97a1.66 1.66 0 0 0-.87-.58L9.15.06Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_a-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_a-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "m3.28 12.4 1.36-.72a1.17 1.17 0 0 0 .61-1.02v-5.2c0-.23.07-.46.21-.65a1.18 1.18 0 0 1 .57-.43l4.37-1.54V1.67c0-.36-.13-.72-.35-1A1.71 1.71 0 0 0 8.68 0c-.3 0-.59.08-.85.22l-5 2.79a1.63 1.63 0 0 0-.6.59 1.58 1.58 0 0 0-.23.8v7.24c0 .15.04.3.11.42a.86.86 0 0 0 .31.31.88.88 0 0 0 .86.02Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_b-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_b-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10.4 12.5H5.23a.89.89 0 0 0-.53.17.85.85 0 0 0-.3.46.83.83 0 0 0 .03.54.86.86 0 0 0 .37.41l3.08 1.7a1.72 1.72 0 0 0 2.18-.44 1.62 1.62 0 0 0 .33-1V12.5Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_c-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_c-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "m3.28 12.4 1.36-.72a1.17 1.17 0 0 0 .61-1.02v-5.2c0-.23.07-.46.21-.65a1.18 1.18 0 0 1 .57-.43l4.37-1.54V1.67c0-.36-.13-.72-.35-1A1.71 1.71 0 0 0 8.68 0c-.3 0-.59.08-.85.22l-5 2.79a1.63 1.63 0 0 0-.6.59 1.58 1.58 0 0 0-.23.8v7.24c0 .15.04.3.11.42a.86.86 0 0 0 .31.31.88.88 0 0 0 .86.02Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_d-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_d-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10.4 12.5H5.23a.89.89 0 0 0-.53.17.85.85 0 0 0-.3.46.83.83 0 0 0 .03.54.86.86 0 0 0 .37.41l3.08 1.7a1.72 1.72 0 0 0 2.18-.44 1.62 1.62 0 0 0 .33-1V12.5Z",
-    fill: "url(#intergalactic-icon-MicrosoftOffice_m_e-4.43.2)",
+    fill: "url(#intergalactic-icon-MicrosoftOffice_m_e-4.44.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_a-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_a-4.44.0",
     x1: "12.07",
     y1: "-.84",
     x2: "12.07",
@@ -57,7 +57,7 @@ function MicrosoftOffice({
     offset: ".5",
     stopColor: "#D83B01"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_b-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_b-4.44.0",
     x1: "9.18",
     y1: "-.29",
     x2: ".96",
@@ -81,7 +81,7 @@ function MicrosoftOffice({
     offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_c-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_c-4.44.0",
     x1: "4.84",
     y1: "14.25",
     x2: "15.93",
@@ -93,7 +93,7 @@ function MicrosoftOffice({
     offset: ".6",
     stopColor: "#A4070A"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_d-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_d-4.44.0",
     x1: "9.36",
     y1: "-.53",
     x2: "7.61",
@@ -105,7 +105,7 @@ function MicrosoftOffice({
     offset: "1",
     stopOpacity: "0"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-MicrosoftOffice_m_e-4.43.2",
+    id: "intergalactic-icon-MicrosoftOffice_m_e-4.44.0",
     x1: "12.38",
     y1: "14.49",
     x2: "7.42",

package/icon/lib/cjs/Icon.js

@@ -22,11 +22,12 @@ var _hasLabels = _interopRequireDefault(require("intergalactic/utils/lib/hasLabe
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 var _excluded = ["keyboardFocused"];
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SIcon_rdzag_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_rdzag)}.___SIcon_rdzag_gg_.__keyboardFocused_rdzag_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_rdzag_gg_.__interactive_rdzag_gg_{cursor:pointer}@media (hover:hover){.___SIcon_rdzag_gg_.__interactive_rdzag_gg_:hover{filter:brightness(.8)}}" /*__inner_css_end__*/, "rdzag_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_rdzag_gg_",
-  "--color": "--color_rdzag",
-  "_keyboardFocused": "__keyboardFocused_rdzag_gg_",
-  "_interactive": "__interactive_rdzag_gg_"
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SIcon_8ak07_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_8ak07)}.___SIcon_8ak07_gg_.__keyboardFocused_8ak07_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_8ak07_gg_.__interactive_8ak07_gg_{cursor:pointer}@media (hover:hover){.___SIcon_8ak07_gg_.__interactive_8ak07_gg_:hover{filter:brightness(.8)}}.___SIcon_8ak07_gg_.__noPointerEvents_8ak07_gg_{pointer-events:none}" /*__inner_css_end__*/, "8ak07_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_8ak07_gg_",
+  "--color": "--color_8ak07",
+  "_keyboardFocused": "__keyboardFocused_8ak07_gg_",
+  "_noPointerEvents": "__noPointerEvents_8ak07_gg_",
+  "_interactive": "__interactive_8ak07_gg_"
 });
 function Icon(props, ref) {
   var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({
@@ -53,7 +54,8 @@ function Icon(props, ref) {
   var _sstyles$cn = sstyles.cn('SIcon', {
       'use:color': color,
       interactive: interactive,
-      keyboardFocused: keyboardFocused
+      keyboardFocused: keyboardFocused,
+      noPointerEvents: !interactive
     }),
     className = _sstyles$cn.className,
     style = _sstyles$cn.style;

package/icon/lib/cjs/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_flexBox","_keyboardFocusEnhance2","_propsForElement","_logger","_ref","_hasLabels","_useColorResolver","_excluded","styles","_index","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","useColorResolver","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","current","hasLabels","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","createBaseComponent","exports"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAA2E,IAAAU,SAAA;AAAA;AAAA,IAAAC,MAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI3E,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACxB,IAAAC,OAAA,GAAuB,IAAAC,eAAM,MAAAC,cAAA;MAEzBC,GAAG,EAAE,KAAK;MACV,cAAc,EAAE,MAAM;MACtBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,WAAW;MACpBC,SAAS,EAAET,KAAK,CAACU;IAAW,GACzBV,KAAK,GAEVC,GAAG,CACJ;IAAAU,QAAA,OAAAC,eAAA,aAAAV,OAAA;IAXMW,KAAK,GAAAF,QAAA;IAAEG,KAAK,GAAAH,QAAA;EAanB,IAAQD,WAAW,GAAwBV,KAAK,CAAxCU,WAAW;IAASK,UAAU,GAAKf,KAAK,CAA3BgB,KAAK;EAC1B,IAAMC,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EACvC,IAAMF,KAAK,GAAGC,YAAY,CAACF,UAAU,CAAC;EACtC,IAAAI,qBAAA,GAA6C,IAAAC,iCAAoB,GAAE,KAAAhB,cAAA;MACjEiB,QAAQ,EAAE,CAACX;IAAW,GACnBI,KAAK,EACR;IAHMQ,eAAe,GAAAH,qBAAA,CAAfG,eAAe;IAAKC,YAAY,OAAAC,yBAAA,aAAAL,qBAAA,EAAAzB,SAAA;EAIxC,IAAM+B,OAAO,GAAG,IAAA5B,aAAO,EAACF,MAAM,CAAC;EAC/B,IAAA+B,WAAA,GAA6BD,OAAO,CAACE,EAAE,CAAC,OAAO,EAAE;MAC/C,WAAW,EAAEX,KAAK;MAClBN,WAAW,EAAEA,WAAW;MACxBY,eAAe,EAAEA;IACnB,CAAC,CAAC;IAJMM,SAAS,GAAAF,WAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;EAMxB,SAASC,SAASA,CAACC,KAAK,EAAE;IACxB,IAAIR,YAAY,CAACO,SAAS,EAAE;MAC1B,OAAOP,YAAY,CAACO,SAAS,CAACC,KAAK,CAAC;IACtC;IAEA,IAAIrB,WAAW,IAAIa,YAAY,CAACS,OAAO,KAAKD,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,CAAC,EAAE;MACvFF,KAAK,CAACG,cAAc,EAAE;MACtBX,YAAY,CAACS,OAAO,CAACD,KAAK,CAAC;IAC7B;EACF;EAEA,IAAMI,aAAa,GAAGC,iBAAK,CAACC,MAAM,EAAE;EACpCD,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC5B,WAAW,EAAE;IAClB,IAAI6B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzCC,kBAAM,CAACC,IAAI,CACTR,aAAa,CAACS,OAAO,IAAI,CAAC,IAAAC,qBAAS,EAACV,aAAa,CAACS,OAAO,CAAC,gFAE1D5C,KAAK,CAAC,cAAc,CAAC,IAAID,IAAI,CAAC+C,WAAW,CAC1C;IACH;EACF,CAAC,EAAE,CAACpC,WAAW,CAAC,CAAC;EACjB,IAAMqC,SAAS,GAAG,IAAAC,eAAU,EAAC/C,GAAG,EAAEkC,aAAa,CAAC;EAEhD,oBACErD,MAAA,YAAAmE,aAAA,CAACpC,KAAK,MAAAqC,SAAA;IACJC,IAAI,EAAEzC,WAAW,GAAG,QAAQ,GAAG0C,SAAU;IACzC,eAAa1C,WAAW,GAAG0C,SAAS,GAAG;EAAO,GAC1C,IAAAC,2BAAe,EAAC9B,YAAY,CAAC;IACjCM,KAAK,EAAEyB,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE1B,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAE;IACpDD,SAAS,EAAE,IAAAD,sBAAE,EAACC,SAAS,EAAEL,YAAY,CAACK,SAAS,CAAC,IAAIwB,SAAU;IAC9DtB,SAAS,EAAEA,SAAU;IACrB7B,GAAG,EAAE8C;EAAU,GACf;AAEN;AAEAhD,IAAI,CAAC+C,WAAW,GAAG,MAAM;AAAC,IAAAU,QAAA,GAEX,IAAAC,yBAAmB,EAAC1D,IAAI,CAAC;AAAA2D,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Icon.js","names":["_react","_interopRequireDefault","require","_classnames","_core","_flexBox","_keyboardFocusEnhance2","_propsForElement","_logger","_ref","_hasLabels","_useColorResolver","_excluded","styles","_index","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","useColorResolver","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","noPointerEvents","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","current","hasLabels","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","createBaseComponent","exports"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n    noPointerEvents: !interactive,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}

package/icon/lib/cjs/style/icon.shadow.css

@@ -19,4 +19,8 @@ SIcon[interactive] {
   &:hover {
     filter: brightness(0.8);
   }
-}
+}
+
+SIcon[noPointerEvents] {
+  pointer-events: none;
+}

package/icon/lib/es6/Icon.js

@@ -15,11 +15,12 @@ import { useForkRef } from 'intergalactic/utils/lib/ref';
 import hasLabels from 'intergalactic/utils/lib/hasLabels';
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_rdzag_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_rdzag)}.___SIcon_rdzag_gg_.__keyboardFocused_rdzag_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_rdzag_gg_.__interactive_rdzag_gg_{cursor:pointer}@media (hover:hover){.___SIcon_rdzag_gg_.__interactive_rdzag_gg_:hover{filter:brightness(.8)}}" /*__inner_css_end__*/, "rdzag_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_rdzag_gg_",
-  "--color": "--color_rdzag",
-  "_keyboardFocused": "__keyboardFocused_rdzag_gg_",
-  "_interactive": "__interactive_rdzag_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_8ak07_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_8ak07)}.___SIcon_8ak07_gg_.__keyboardFocused_8ak07_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_8ak07_gg_.__interactive_8ak07_gg_{cursor:pointer}@media (hover:hover){.___SIcon_8ak07_gg_.__interactive_8ak07_gg_:hover{filter:brightness(.8)}}.___SIcon_8ak07_gg_.__noPointerEvents_8ak07_gg_{pointer-events:none}" /*__inner_css_end__*/, "8ak07_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_8ak07_gg_",
+  "--color": "--color_8ak07",
+  "_keyboardFocused": "__keyboardFocused_8ak07_gg_",
+  "_noPointerEvents": "__noPointerEvents_8ak07_gg_",
+  "_interactive": "__interactive_8ak07_gg_"
 });
 function Icon(props, ref) {
   var _useBox = useBox(_objectSpread({
@@ -46,7 +47,8 @@ function Icon(props, ref) {
   var _sstyles$cn = sstyles.cn('SIcon', {
       'use:color': color,
       interactive: interactive,
-      keyboardFocused: keyboardFocused
+      keyboardFocused: keyboardFocused,
+      noPointerEvents: !interactive
     }),
     className = _sstyles$cn.className,
     style = _sstyles$cn.style;

package/icon/lib/es6/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","useColorResolver","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}
+{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","useColorResolver","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","noPointerEvents","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n    noPointerEvents: !interactive,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}

package/icon/lib/es6/style/icon.shadow.css

@@ -19,4 +19,8 @@ SIcon[interactive] {
   &:hover {
     filter: brightness(0.8);
   }
-}
+}
+
+SIcon[noPointerEvents] {
+  pointer-events: none;
+}